added style of the toc

[www.git] / www / style.css

diff --git a/www/style.css b/www/style.css
index 9502fb4..fa34a11 100644 (file)
--- a/www/style.css
+++ b/www/style.css
@@ -1,49 +1,125 @@
-nav li {
-        float: left;
-        position: relative;
-        list-style: none;
-        margin-right: 1em;
+body {
+        font-family: sans-serif;
+        margin: 0;
+        padding: 0;
+       background-color: #ededed;
+       font-size: 100%;
+       color: #303030;
 }
 
-h1, nav li {
-        text-transform: uppercase;
+div, h2, h3, h1, nav ul {
+    margin: 0;
+    padding: 0;
 }
 
-nav a, nav a:hover, nav a:visited {
+nav {
+    margin: 0;
+    padding: 1em;
+    display: block;
+    height: 1em;
+    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;
-        color: black;
 }
 
-nav a:hover {
-        border-bottom-style: solid;
-        border-bottom-width: 2px;
+footer a:hover {
+        text-decoration: underline;
 }
 
-nav ul {
-    margin: 0;
-    padding: 0;
+footer a, footer a:visited, footer a:hover, footer i {
+        color: white;
 }
 
-body {
-        font-family: sans-serif;
-        margin: 1em 1em 1em 2em;
+footer li {
+        list-style: none;
+        margin: 0;
+        padding: 0;
+}
+
+footer ul {
+        margin: 0;
         padding: 0;
 }
 
 h1 {
-    padding: 0;
+        font-size: 250%;
+        font-weight: bold;
+}
+
+#header h1 {
     margin: 0;
-    clear: both;
+    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 {
-        padding: 0;
-        margin: 0;
+    font-size: 160%;
+    font-weight: bold;
+    margin: 0;
 }
 
-#content,#header {
-        margin: 1em;
-        padding: 0;
+h3 {
+    font-size: 110%;
+    font-weight: bold;
+}
+
+h3 {
+        margin: 0em 0em 1em 0em;
+}
+
+#content {
+    margin: 0em 2rem 0em 2rem;
+    padding: 1em;
+    background-color: white;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+}
+
+nav li {
+        float: left;
+        position: relative;
+        list-style: none;
+        margin-right: 1em;
+}
+
+h1, nav li, h2, h3 {
+        text-transform: uppercase;
+}
+
+nav a, nav a:hover, nav a:visited {
+        text-decoration: none;
+       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;
 }
 
 #footer {
@@ -53,4 +129,32 @@ h2 {
 pre {
         margin: 1em 1em 1em 1em;
         padding: 1em 1em 1em 1em;
-}
\ No newline at end of file
+        border-left-style: solid;
+        border-left-color: #cccccc;
+        border-left-width: 6px;
+       background-color: #f5f5f5;
+}
+
+code {
+    font-family: monospace;
+    font-size: 100%;
+}
+
+.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;
+}