From 6284bc535d4d47e62540550e8d9baf0c9974e0ac Mon Sep 17 00:00:00 2001
From: Esenjin_Asakha <esenjin_asakha@noreply.git.crystalyx.net>
Date: Fri, 27 Dec 2024 14:27:04 +0000
Subject: [PATCH] initialisation du projet (partie 4)

---
 static/CSS/uploadpage.css | 110 ++++++++++++++++++++++++++++++++++++
 static/CSS/view.css       | 115 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 225 insertions(+)
 create mode 100644 static/CSS/uploadpage.css
 create mode 100644 static/CSS/view.css

diff --git a/static/CSS/uploadpage.css b/static/CSS/uploadpage.css
new file mode 100644
index 0000000..9196f2b
--- /dev/null
+++ b/static/CSS/uploadpage.css
@@ -0,0 +1,110 @@
+@import url(https://fonts.googleapis.com/css?family=Open+Sans);
+
+html {
+  background-color: #3c3934;
+}
+
+body {
+    padding: 25px;
+    font-family: "Open Sans", sans-serif;
+    padding-bottom: 35px;
+    margin: 30px;
+    margin-left: auto;
+    margin-right: auto;
+    margin-bottom: 0px;
+    max-width: 960px;
+    background-color: #c7bcad;
+    box-shadow: 0px 0px 2px rgba(13, 13, 13, 0.3);
+    transition: box-shadow 0.5s ease-out;
+  }
+
+  body:hover {
+    box-shadow: 0px 0px 4px rgba(13, 13, 13, 1);
+  }
+
+.subtle {
+  font-size: 18px;
+  opacity: 0.6;
+}
+
+.submitbutton {
+  font-size: 20px;
+}
+
+.fileselector {
+  font-size: 20px;
+  color: #111;
+}
+
+.dltext {
+  color: #111;
+  text-align: center;
+}
+
+.uploadinterface {
+  width: 490px;
+  display: block;
+  margin-right: auto;
+  margin-left: auto;
+  height: auto;
+}
+
+.sidebar {
+  padding-top: 20px;
+  background-color: #3c3934;
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  height: 100%;
+  width: 10%;
+  min-width: 120px;
+}
+
+.button {
+  background-color: #c7bcad;
+  width: 100%;
+  color: #111;
+  display: inline-block;
+  padding-top: 8px;
+  padding-bottom: 8px;
+  font-size: 20px;
+  transition: background 0.2s ease-in-out;
+}
+
+.button:hover {
+  background-color: #a3a3a3;
+}
+
+.buttontxt {
+  color: #fff;
+  margin: 0px;
+  margin-left: 8px;
+}
+
+.separator {
+  color: #111;
+  width: 100%;
+  display: inline-block;
+  padding-top: 12px;
+  padding-bottom: 4px;
+  font-size: 16px;
+  border: solid 0px #111;
+  border-bottom-width: 1px;
+}
+
+img {
+  display: block;
+  border: solid 5px #2d2d2d;
+  margin-right: auto;
+  margin-left: auto;
+  max-width: 80%;
+  height: auto;
+}
+
+.title {
+  font-family: Tahoma, Verdana, Segoe, sans-serif;
+  font-size: 72px;
+  color: #111;
+  margin-bottom: 10px;
+}
+
diff --git a/static/CSS/view.css b/static/CSS/view.css
new file mode 100644
index 0000000..48b8378
--- /dev/null
+++ b/static/CSS/view.css
@@ -0,0 +1,115 @@
+@import url(https://fonts.googleapis.com/css?family=Open+Sans);
+
+html {
+	background-color: #3c3934;
+}
+
+body {
+	padding: 25px;
+	font-family: "Open Sans", sans-serif;
+	padding-bottom: 35px;
+	margin: 30px;
+	margin-left: auto;
+	margin-right: auto;
+	margin-bottom: 10px;
+	max-width: 960px;
+	background-color: #c7bcad;
+	box-shadow: 0px 0px 2px rgba(13, 13, 13, 0.3);
+	transition: box-shadow 0.5s ease-out;
+}
+
+body:hover {
+	box-shadow: 0px 0px 4px rgba(13, 13, 13, 1);
+}
+
+.subtle {
+	font-size: 12px;
+	opacity: 0.6;
+}
+
+.filetext {
+	max-width: 1024px;
+	min-width: 640px;
+	margin-left: auto;
+	margin-right: auto;
+	padding: 25px;
+}
+
+a, a:visited, a:hover {
+	color: #2b2b2b;
+}
+
+.dltext {
+	color: #2b2b2b;
+	text-align: center;
+}
+
+.videoprev {
+	display: block;
+	margin-right: auto;
+	margin-left: auto;
+	height: auto;
+}
+
+.audioprev {
+	display: block;
+	margin-top: 60px;
+	margin-right: auto;
+	margin-left: auto;
+	min-width: 640px;
+	max-width: 1024px;
+	height: auto;
+}
+
+.button {
+	color: #111;
+	font-weight: bold;
+	display: inline-block;
+	margin: 5px;
+	padding: 20px;
+	font-size: 24px;
+	transition: box-shadow 0.2s ease-out;
+}
+
+.uploadinterface {
+  width: 420px;
+  display: block;
+  margin-right: auto;
+  margin-left: auto;
+  height: auto;
+}
+
+.fileselector {
+  font-size: 18px;
+  color: #a3a3a3;
+}
+
+.submitbutton {
+  font-size: 18px;
+}
+
+.submitbutton:hover {
+  border-color: #a3a3a3;
+}
+
+.buttoncontainer {
+	margin-top: 20px;
+	margin-bottom: 20px;
+	display: block;
+	max-width: 422px;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.button:hover {
+	box-shadow: 0px 0px 4px rgba(13, 13, 13, 0.6);
+}
+
+img {
+	display: block;
+	border: solid 5px #2d2d2d;
+	margin-right: auto;
+	margin-left: auto;
+	max-width: 80%;
+	height: auto;
+}