styled homepage

res/forum/style.css

@@ -32,12 +32,12 @@ body
     border-top: none;
     border-bottom-left-radius: 0.4vh 0.4vh;
 
-    width: fit-content;
-    height: 2vh;
-
     display: flex;
     justify-content: end;
     padding: 0.25vh;
+
+    width: fit-content;
+    height: 2vh;
 }
 
 #upper_panel *
@@ -131,4 +131,49 @@ img:hover
 #save_btn
 {
     margin-top: 2vh;
+}
+
+#upload_btn
+{
+    padding-top: 1vh;
+    padding-bottom: 1vh;
+}
+
+#upload_popup
+{
+    position: relative;
+    display: none;
+
+    flex-direction: column;
+    align-items: start;
+
+    width: fit-content;
+    height: auto;
+    margin: 0 auto;
+    padding: 2vh;
+
+    border: solid 1px #3E392F;
+    border-radius: 0.5vh 0.5vh;
+    background: #6F7270;
+
+    margin-top: 19%;
+}
+
+#upload_popup div + div
+{
+    margin-top: 2vh;
+}
+
+#upload_popup input
+{
+    margin-top: 1vh;
+    border: 1px solid #3E392F;
+    border-radius: 0.5vh 0.5vh;
+
+    background-color: #C1BFBE;
+}
+
+#file_upload_style
+{
+    margin-top: 200vh;
 }