css progress and some cleaning upHEADmain

1 files changed, 42 insertions, 9 deletions

diff --git a/themes/simple/static/css/main.css b/themes/simple/static/css/main.css
index b54f2ce..458128f 100644
--- a/themes/simple/static/css/main.css
+++ b/themes/simple/static/css/main.css
@@ -32,6 +32,12 @@ a {
 
 h1 {
     font-size: 2em;
+    color: #99bb88;
+}
+
+h2 {
+    font-size: 1.5em;
+    color: #99bb88;
 }
 
 #container {
@@ -52,16 +58,13 @@ h1 {
     border-left: 1px solid rgb(60, 60, 60);
     border-right: 1px solid rgb(50, 50, 50);
     border-bottom: 1px solid rgb(0, 0, 0);
+
     border-radius: 30px 30px 0 0;
 
     box-shadow: 0px 8px 8px 0 rgba(20, 20, 20, 0.5);
     box-shadow: 0px 0px 8px 4px rgba(20, 20, 20, 0.5);
 }
 
-#header hgroup {
-    padding: 20px 20px 10px 20px;
-}
-
 #header::after {
     content: "";
     position: absolute;
@@ -77,16 +80,44 @@ h1 {
     border-radius: 30px 30px 30px 30px;
 }
 
+#footer {
+    position: relative;
+    background:
+        linear-gradient(
+            180deg,
+            rgba(50, 50, 50, 0.9) 0%,
+            rgba(72, 72, 72, 0.9) 15%,
+            rgba(20, 20, 20, 0.95) 100%
+        );
+    border-top: 1px solid rgb(50, 50, 50);
+    border-left: 1px solid rgb(50, 50, 50);
+    border-right: 1px solid rgb(50, 50, 50);
+    border-bottom: 1px solid rgb(0, 0, 0);
+
+    border-radius: 0 0 20px 20px;
+
+    box-shadow: 0px 8px 8px 4px rgba(20, 20, 20, 0.5);
+
+    padding: 10px;
+}
+
+#header hgroup {
+    padding: 20px 20px 10px 20px;
+}
+
 #nav-content {
     display: flex;
     flex-direction: row;
+    
+    box-shadow: 0px 8px 8px 0 rgba(20, 20, 20, 0.5);
+    box-shadow: 0px 0px 8px 4px rgba(20, 20, 20, 0.5);
 }
 
 aside {
-    border-top: 1px solid #666666;
-    border-left: 1px solid #666666;
-    border-right: 1px solid #666666;
-    background: rgba(30, 30, 30, 0.4);
+    border-top: 1px solid rgb(80, 80, 80);
+    border-left: 1px solid rgb(80, 80, 80);
+    border-right: 1px solid rgb(80, 80, 80);
+    background: rgba(30, 30, 30, 0.5);
 
     box-shadow: 8px 0px 4px -4px rgba(20, 20, 20, 0.5);
 }
@@ -172,8 +203,10 @@ main {
     height: 100%;
 }
 
-main article {
+#content {
     margin: 20px;
+
+    min-height: 500px;
 }
 
 article .formula {