X-Git-Url: http://git.wpitchoune.net/gitweb/?p=www.git;a=blobdiff_plain;f=www%2Fstyle.css;h=fa34a115fa5e11847dbfdff8e0b4efed6a747df7;hp=66a6431d2b3f82cd3e02ba2b2b0fa283d1d150d1;hb=35e1d5edeb96597a4524ce702392e65a4d234852;hpb=926dbc784c82523066ff9205cb7f2c9cb27bb0d2;ds=sidebyside

diff --git a/www/style.css b/www/style.css
index 66a6431..fa34a11 100644
--- 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,66 @@ nav {
     padding: 1em;
     display: block;
     height: 1em;
-    background-color: black;
-    color: white;
+    background-color: #1c1c1c;
+    color: #9d9d9d;
+}
+
+footer {
+        margin: 0;
+        margin-top: 1em;
+        padding: 1em;
+        display: block;
+        background-color: #1c1c1c;
+        color: #9d9d9d;
+        font-size: 80%;
+}
+
+footer a, footer a:visited {
+        text-decoration: none;
+}
+
+footer a:hover {
+        text-decoration: underline;
+}
+
+footer a, footer a:visited, footer a:hover, footer i {
+        color: white;
+}
+
+footer li {
+        list-style: none;
+        margin: 0;
+        padding: 0;
+}
+
+footer ul {
+        margin: 0;
+        padding: 0;
 }
 
 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 +84,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 +112,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 +130,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 {
@@ -94,3 +150,11 @@ code {
 img {
 	max-width: 100%;
 }
+
+#toc {
+    margin: 0em 2rem 0em 2rem;
+    padding: 1em;
+    background-color: white;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+}