cookie

[mdref/mdref] / index.css

diff --git a/index.css b/index.css
index ded12107171b6924f9e45e08c1e5ff7b4d35bbc3..afc59eccef491dc609068d04d01e0e441feebf90 100644 (file)
--- a/index.css
+++ b/index.css
@@ -2,8 +2,10 @@
        font-size: 99.9%;
 }
 
-body {
+body, code {
        font-family: Inconsolata, Monospace, 'Courier New', Courier, monospace;
+}
+body {
        font-size: 1.5em;
        margin: 0;
        padding: 0;
@@ -15,16 +17,25 @@ body>* {
 }
 
 .sidebar {
+       font-size: .9em;
        float: right;
-       width: 400px;
        background: #f0f0f0;
        border-bottom-left-radius: 10px;
        padding: 0;
-       margin-bottom: 1em;
+       width: auto;
+       padding-right: 1em;
+       /*
+       width: 520px;
+       margin-bottom: .2em;
        margin-left: 2em;
+       * */
 }
 .sidebar>ul {
+}
+.sidebar ul {
        margin-left: 1em;
+       padding: 0;
+       list-style-type: none;
 }
 
 code { 
@@ -44,9 +55,13 @@ code code {
        box-shadow: none;
 }
 
-pre > code {
+pre>code {
        padding: 1em;
 }
+pre>code, pre>code code {
+       background: #333;
+       color: #eee;
+}
 
 p, pre {
        margin: 1em 2em;
@@ -56,6 +71,7 @@ blockquote {
        border-radius: 4px;
        border: 1px solid #800000;
        background: #ffe4e1;
+       display: inline-block;
 }
 
 ul {
@@ -64,9 +80,12 @@ ul {
 li {
        margin-bottom: .5em;
 }
-a {
+a, h1 code>a {
        color: #2f4f4f;
 }
+a:hover {
+       text-decoration: none;
+}
 
 .var {
        color: #800000;
@@ -75,12 +94,21 @@ a {
        color: #2e8b57;
 }
 
-h1, li h3 {
+h1 {
+       line-height: 1.5;
+}
+h1 code {
+       font-weight: normal;
+       font-size: .9em;
+       line-height: 1.33;
+}
+
+footer, h1, li h3 {
        background: #708090;
        color: #f5f5dc;
 }
 
-h1 {
+footer, h1 {
        margin: 0;
        padding: 1em;
 }
@@ -89,19 +117,19 @@ li h3 {
        border-radius: 4px;
        display: inline-block;
        width: auto;
-       padding: .5em;
+       padding: .2em;
        margin: .5em 0 0 0;
 }
 
-h1 .constant, li h3 .constant {
+h1 .constant, pre>code .consant, li h3 .constant {
        color: #98fb98;
 }
 
-h1 .var, li h3 .var {
+h1 .var, pre>code .var, li h3 .var {
        color: #f4a460;
 }
 
-h1 a, li h3 a {
+footer a, h1 a, pre>code a, li h3 a {
        color: #b0e0e6;
 }
 
@@ -111,3 +139,11 @@ li h3 a {
 li h3 a:hover {
        text-decoration: underline;
 }
+
+footer {
+       font-size: smaller;
+       text-align: center;
+       word-spacing: 1em;
+       clear: both;
+       margin-top: 8em;
+}