diff -r 0efdd506cdda -r 471406f3c69c rst.css --- 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; }