rst.css
changeset 1891 471406f3c69c
parent 1889 265b8d0f6149
child 1897 200fac373cf9
--- a/rst.css	Sat Feb 20 02:02:43 2016 +0200
+++ b/rst.css	Sat Feb 20 02:42:01 2016 +0200
@@ -7,7 +7,7 @@
 }
 .document {
     max-width: 800px;
-    margin: 0 auto;
+    margin: .5em auto;
     padding-left: 210px;
     padding-right: 10px;
     overflow: hidden;
@@ -22,24 +22,29 @@
 }
 @media (max-width: 780px) {
     .document {
-        margin: 4em 10px 1em 10px;
+        margin: 5px 10px 1em 10px;
         padding: 0;
     }
     #sidebar { position: inherit; }
     #sidebar, iframe {
         width: 100%;
-        height: 4em;
+        height: 7em;
     }
 }
 
+.header {
+    font-size: 1.2em;
+    text-align: center;
+}
+.header.small {
+    font-size: 0.8em;
+}
+
 p.topic-title.first { display: none; }
 p.topic-title.first + ul {
     max-width: 400px;
     margin: 0 auto;
     padding: 5px 0;
-    background: cornsilk;
-    border: 1px solid red;
-    border-radius: 10px;
 }
 p.topic-title.first + ul > li {
     list-style: none;
@@ -49,10 +54,20 @@
     padding-right: 10px;
 }
 
-a { text-decoration:none; }
-a:link { color: brown; }
-a:visited { color: IndianRed; }
-a:hover { background: bisque; border-radius: 10px; padding: 1px; }
+a {
+    text-decoration:none;
+    color: hsl(240, 100%, 50%);
+}
+a:hover {
+    transparency: .5;
+}
+h1 a {
+    color: hsla(0, 0%, 0%, .8);
+}
+h2 a, h3 a, h4 a, #contents a {
+    color: hsl(0, 100%, 25%);
+}
+h1 { text-align: center; }
 p { text-indent: 2em; }
 p:first-letter { font-weight: bold; }
 .literal-block {
@@ -60,12 +75,11 @@
     padding: 5px;
     border: 1px;
     border-style: solid;
-    border-color: brown;
-    background-color: LightYellow;
+    border-color: hsl(0, 100%, 25%);
+    background-color: hsl(0, 10%, 95%);
     overflow: auto;
 }
 tt.literal {
-    background: LightYellow;
     outline: 1px dotted orange;
     padding: 1px;
 }