added footer

[www.git] / www / style.css

diff --git a/www/style.css b/www/style.css
index 2347e88..37bd324 100644 (file)
--- a/www/style.css
+++ b/www/style.css
@@ -2,11 +2,12 @@ body {
         font-family: sans-serif;
         margin: 0;
         padding: 0;
-       background-color: #fdfdfd;
+       background-color: #ededed;
        font-size: 100%;
+       color: #303030;
 }
 
-div, h2, h3, nav ul {
+div, h2, h3, h1, nav ul {
     margin: 0;
     padding: 0;
 }
@@ -16,20 +17,41 @@ nav {
     padding: 1em;
     display: block;
     height: 1em;
-    background-color: black;
-    color: white;
+    background-color: #1c1c1c;
+    color: #9d9d9d;
+}
+
+footer {
+        margin: 0;
+        padding: 1em;
+        display: block;
+        background-color: #1c1c1c;
+        color: #9d9d9d;        
 }
 
 h1 {
-    margin: 1em 1em 1em 1em;
-    padding: 0;
-    font-size: 200%;
+        font-size: 250%;
+        font-weight: bold;
+}
+
+#header h1 {
+    margin: 0;
+    margin-top: 0.5em;
+    margin-left: 2rem;
+    margin-right: 2rem;
+    padding: 0.5em;
+    font-size: 300%;
     font-weight: bold;
+    color: white;
+    background-color: #1c1c1c;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
 }
 
 h2 {
     font-size: 160%;
     font-weight: bold;
+    margin: 0;
 }
 
 h3 {
@@ -37,13 +59,16 @@ h3 {
     font-weight: bold;
 }
 
-h2,h3 {
-    margin: 0em 0em 1em 0em;
+h3 {
+        margin: 0em 0em 1em 0em;
 }
 
 #content {
-    margin: 0em 1em 0em 1em;
-    padding: 0;
+    margin: 0em 2rem 0em 2rem;
+    padding: 1em;
+    background-color: white;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
 }
 
 nav li {
@@ -62,6 +87,11 @@ nav a, nav a:hover, nav a:visited {
        color: inherit;
 }
 
+h1 a, h1 a:hover, h1 a:visited {
+        text-decoration: none;
+        color: inherit;
+}
+
 nav a:hover {
         border-bottom-style: solid;
         border-bottom-width: 2px;
@@ -75,8 +105,9 @@ pre {
         margin: 1em 1em 1em 1em;
         padding: 1em 1em 1em 1em;
         border-left-style: solid;
-        border-left-color: black;
+        border-left-color: #cccccc;
         border-left-width: 6px;
+       background-color: #f5f5f5;
 }
 
 code {
@@ -90,3 +121,7 @@ code {
 .admonitionblock td.icon .icon-warning:before{content:"\f071";color:#bf6900}
 .admonitionblock td.icon .icon-caution:before{content:"\f06d";color:#bf3400}
 .admonitionblock td.icon .icon-important:before{content:"\f06a";color:#bf0000}
+
+img {
+       max-width: 100%;
+}