added style of the toc
[www.git] / www / style.css
index b50f01f..fa34a11 100644 (file)
@@ -2,10 +2,12 @@ body {
         font-family: sans-serif;
         margin: 0;
         padding: 0;
         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;
 }
     margin: 0;
     padding: 0;
 }
@@ -15,23 +17,83 @@ nav {
     padding: 1em;
     display: block;
     height: 1em;
     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;
     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;
 }
 
     margin: 0;
 }
 
-h1 {
-    margin: 1em 1em 1em 1em;
-    padding: 0;
+h3 {
+    font-size: 110%;
+    font-weight: bold;
+}
+
+h3 {
+        margin: 0em 0em 1em 0em;
 }
 
 #content {
 }
 
 #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 {
 }
 
 nav li {
@@ -50,6 +112,11 @@ nav a, nav a:hover, nav a:visited {
        color: inherit;
 }
 
        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;
 nav a:hover {
         border-bottom-style: solid;
         border-bottom-width: 2px;
@@ -62,7 +129,10 @@ nav a:hover {
 pre {
         margin: 1em 1em 1em 1em;
         padding: 1em 1em 1em 1em;
 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 {
 }
 
 code {
@@ -76,3 +146,15 @@ 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}
 .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;
+}