flush
[mdref/mdref] / index.css
1 * {
2 font-size: 99.9%;
3 }
4
5 body {
6 font-family: Inconsolata, Monospace, 'Courier New', Courier, monospace;
7 font-size: 1.5em;
8 margin: 0;
9 padding: 0;
10 color: #3f3f3f;
11 }
12
13 body>* {
14 margin-left: 1em;
15 }
16
17 .sidebar {
18 float: right;
19 width: 400px;
20 background: #f0f0f0;
21 border-bottom-left-radius: 10px;
22 padding: 0;
23 margin-bottom: 1em;
24 margin-left: 2em;
25 }
26 .sidebar>ul {
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 code code {
40 display: inline;
41 padding: 0;
42 background: transparent;
43 border: none;
44 box-shadow: none;
45 }
46
47 pre > code {
48 padding: 1em;
49 }
50
51 p, pre {
52 margin: 1em 2em;
53 }
54
55 blockquote {
56 border-radius: 4px;
57 border: 1px solid #800000;
58 background: #ffe4e1;
59 }
60
61 ul {
62 margin-bottom: 2em;
63 }
64 li {
65 margin-bottom: .5em;
66 }
67 a {
68 color: #2f4f4f;
69 }
70
71 .var {
72 color: #800000;
73 }
74 .constant {
75 color: #2e8b57;
76 }
77
78 h1, li h3 {
79 background: #708090;
80 color: #f5f5dc;
81 }
82
83 h1 {
84 margin: 0;
85 padding: 1em;
86 }
87
88 li h3 {
89 border-radius: 4px;
90 display: inline-block;
91 width: auto;
92 padding: .5em;
93 margin: .5em 0 0 0;
94 }
95
96 h1 .constant, li h3 .constant {
97 color: #98fb98;
98 }
99
100 h1 .var, li h3 .var {
101 color: #f4a460;
102 }
103
104 h1 a, li h3 a {
105 color: #b0e0e6;
106 }
107
108 li h3 a {
109 text-decoration: none;
110 }
111 li h3 a:hover {
112 text-decoration: underline;
113 }