wip

static/ui/style.css

@@ -5,11 +5,12 @@
 }
 
 body {
-  margin: 50px 0 0 150px;
+  margin: 50px 0 0 100px;
   padding: 0;
   background-image: linear-gradient(90deg, #202020, #000000);
   background-color: #000000;
-  color: #EEEEEE;
+  /*color: #EEEEEE;*/
+  color: #eeeeee;
   font-family: Tahoma, Verdana, Arial, sans-serif;
   font-size: 16px;
   min-width: 800px;
@@ -35,14 +36,14 @@ p {
   padding: 0;
   top: 0;
   right: 0;
-  left: 150px;
+  left: 100px;
   position: fixed;
   height: 50px;
   background-image: linear-gradient(90deg, #202020, #000000);
   background-color: #202020;
   display: block;
   z-index: 1;
-  min-width: 550px;
+  min-width: 600px;
   border-bottom: 1px solid #000000;
 }
 
@@ -145,7 +146,7 @@ p {
   top: 0;
   left: 0;
   height: 100%;
-  width: 150px;
+  width: 100px;
   position: fixed;
   background-color: #202020;
   z-index: 1;
@@ -160,12 +161,15 @@ p {
   flex-direction: column;
   flex-wrap: nowrap;
   justify-content: center;
+  width: inherit;
   align-items: center;
+  bottom: 0;
+  position: fixed;
 }
 
 #nav_left ul li {
   margin: 0;
-  padding: 20px 0;
+  padding: 10px 0;
   height: inherit;
   width: 100%;
   text-decoration: none;
@@ -173,17 +177,20 @@ p {
   text-align: center;
   flex: 20px;
   font-weight: bold;
-  font-size: 120%;
+  font-size: 100%;
 }
 
 #nav_left h1 {
   margin: 12px 0;
   padding: 0;
   text-align: center;
+  writing-mode: vertical-lr;
+  font-size: 50px;
+  letter-spacing: 30px;
 }
 
-#nav_left h2 {
-  margin: 50px 0 30px 0;
+#nav_left p {
+  margin: 10px 0;
   padding: 0;
   text-align: center;
 }