fix class vs constant issue
[mdref/mdref] / public / index.css
index 69808974fa57c17eb00707c9ddd5e1e54bb5895c..e305c7a07927f7643cb6ca12ac9d404169672363 100644 (file)
@@ -6,7 +6,8 @@ body, code {
        font-family: Inconsolata, Monospace, 'Courier New', Courier, monospace;
 }
 body {
-       font-size: 1.5em;
+       line-height: 140%;
+       font-size: 1.1em;
        margin: 0;
        padding: 0;
        padding-bottom: 5em;
@@ -21,7 +22,6 @@ body>ul, body>div>ul {
 }
 
 .sidebar {
-       font-size: .9em;
        float: right;
        background: #f0f0f0;
        border-bottom-left-radius: 10px;
@@ -47,16 +47,17 @@ body>ul, body>div>ul {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        text-decoration: none;
-       color: white;
        font-weight: bold;
        text-shadow: 0 0 5px red;
 }
 
+.sidebar .edit a {
+       color: white !important;
+}
 code { 
-       display: inline-block;
        border-radius: 2px;
        padding: 0px 2px 2px 2px;
-       background: #e0e0e0;
+       background: #f0f0f0;
        color: #606060;
        box-shadow: 0 0 1px #999;
 }
@@ -70,16 +71,18 @@ code code {
 }
 
 pre>code {
+       display: inline-block;
        padding: 1em;
        min-width: 50%;
+       line-height: 110%;
 }
 pre>code, pre>code code {
        background: #333;
        color: #eee;
 }
 
-p, pre, table {
-       margin: 1em 2em 2em 2em;
+p, pre, table, dl {
+       margin: 1em 2em;
 }
 
 li>p {
@@ -94,6 +97,7 @@ blockquote {
 }
 
 ul {
+       margin-top: 1em;
        margin-bottom: 2em;
 }
 li {
@@ -144,6 +148,15 @@ li h3 {
 }
 
 body>h3, body>div>h3 {
+       margin-left: 1.25em;
+}
+body>h4, body>div>h4 {
+       margin-left: 1.5em;
+}
+body>h5, body>div>h5 {
+       margin-left: 1.75em;
+}
+body>h6, body>div>h6 {
        margin-left: 2em;
 }
 
@@ -206,7 +219,14 @@ table {
 th, td {
        padding: .4em;
 }
-
+dt {
+       font-weight: bold;
+       margin-top: 1em;
+}
+dd {
+       line-height: 1.2em;
+       margin-left: 1em;
+}
 h1, footer, table, .sidebar, pre>code, li h3 {
        box-shadow: 0 0 4px #708090;
 }