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

diff --git a/www/style.css b/www/style.css
index e2af72f..fa34a11 100644
--- a/www/style.css
+++ b/www/style.css
@@ -2,10 +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 {
+div, h2, h3, h1, nav ul {
     margin: 0;
     padding: 0;
 }
@@ -15,23 +17,83 @@ nav {
     padding: 1em;
     display: block;
     height: 1em;
-    background-color: black;
+    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 {
+        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;
 }
 
-nav ul {
-    padding: 0;
+h2 {
+    font-size: 160%;
+    font-weight: bold;
     margin: 0;
 }
 
-h1 {
-    margin: 1em 1em 1em 1em;
-    padding: 0;
+h3 {
+    font-size: 110%;
+    font-weight: bold;
+}
+
+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 {
@@ -50,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;
@@ -62,10 +129,32 @@ nav a:hover {
 pre {
         margin: 1em 1em 1em 1em;
         padding: 1em 1em 1em 1em;
-	background-color: #dfdfdf;
+        border-left-style: solid;
+        border-left-color: #cccccc;
+        border-left-width: 6px;
+	background-color: #f5f5f5;
 }
 
 code {
     font-family: monospace;
     font-size: 100%;
-}
\ No newline at end of file
+}
+
+.admonitionblock td.icon [class^="fa icon-"]{font-size:2.5em;text-shadow:1px 1px 2px rgba(0,0,0,.5);cursor:default}
+.admonitionblock td.icon .icon-note:before{content:"\f05a";color:#19407c}
+.admonitionblock td.icon .icon-tip:before{content:"\f0eb";text-shadow:1px 1px 2px rgba(155,155,0,.8);color:#111}
+.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%;
+}
+
+#toc {
+    margin: 0em 2rem 0em 2rem;
+    padding: 1em;
+    background-color: white;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+}