flush
[mdref/mdref] / index.css
1 * {
2 font-size: 99.9%;
3 }
4
5 body {
6 font-family: monospace;
7 font-size: 1.5em;
8 margin: 0;
9 padding: 0;
10 }
11
12 body>* {
13 margin-left: 1em;
14 }
15
16 .sidebar {
17 float: right;
18 width: 400px;
19 background: #f0f0f0;
20 border-bottom-left-radius: 10px;
21 padding: 0;
22 margin-bottom: 1em;
23 margin-left: 2em;
24 }
25 .sidebar>ul {
26 paddinng: 1em;
27 margin-left: 1em;
28 }
29
30 code {
31 display: inline-block;
32 border-radius: 2px;
33 padding: 0px 2px 2px 2px;
34 background: #e0e0e0;
35 color: #606060;
36 box-shadow: 0 0 1px #999;
37 }
38
39 h1 {
40 margin: 0;
41 padding: 1em;
42 }
43 p {
44 color: #3f3f3f;
45 margin: 1em 2em;
46 }
47
48 blockquote {
49 padding: 1em;
50 border-radius: 4px;
51 }
52 blockquote, blockquote p {
53 color: #f0f0f0;
54 }
55 ul {
56 margin-bottom: 2em;
57 }
58 li {
59 margin-bottom: .5em;
60 }
61 a {
62 color: #2f4f4f;
63 }
64
65 .var {
66 color: #800000;
67 }
68 .constant {
69 color: #2e8b57;
70 }
71
72 .invert, h1, blockquote, blockquote p {
73 background: #708090;
74 color: #f5f5dc;
75 }
76
77 .invert .constant, h1 .constant, blockquote .constant {
78 color: #98fb98;
79 }
80
81 .invert .var, h1 .var, blockquote .var {
82 color: #f4a460;
83 }
84
85 .invert a, h1 a, blockquote a {
86 color: #b0e0e6;
87 }