support sub dirs
[mdref/mdref] / index.css
1 * {
2 font-size: 99.9%;
3 }
4
5 body, code {
6 font-family: Inconsolata, Monospace, 'Courier New', Courier, monospace;
7 }
8 body {
9 font-size: 1.5em;
10 margin: 0;
11 padding: 0;
12 color: #3f3f3f;
13 }
14
15 body>* {
16 margin-left: 1em;
17 }
18
19 .sidebar {
20 font-size: .9em;
21 float: right;
22 background: #f0f0f0;
23 border-bottom-left-radius: 10px;
24 padding: 0;
25 width: auto;
26 padding-right: 1em;
27 /*
28 width: 520px;
29 margin-bottom: .2em;
30 margin-left: 2em;
31 * */
32 }
33 .sidebar>ul {
34 }
35 .sidebar ul {
36 margin-left: 1em;
37 padding: 0;
38 list-style-type: none;
39 }
40
41 code {
42 display: inline-block;
43 border-radius: 2px;
44 padding: 0px 2px 2px 2px;
45 background: #e0e0e0;
46 color: #606060;
47 box-shadow: 0 0 1px #999;
48 }
49
50 code code {
51 display: inline;
52 padding: 0;
53 background: transparent;
54 border: none;
55 box-shadow: none;
56 }
57
58 pre>code {
59 padding: 1em;
60 }
61 pre>code, pre>code code {
62 background: #333;
63 color: #eee;
64 }
65
66 p, pre {
67 margin: 1em 2em;
68 }
69
70 blockquote {
71 border-radius: 4px;
72 border: 1px solid #800000;
73 background: #ffe4e1;
74 display: inline-block;
75 }
76
77 ul {
78 margin-bottom: 2em;
79 }
80 li {
81 margin-bottom: .5em;
82 }
83 a, h1 code>a {
84 color: #2f4f4f;
85 }
86 a:hover {
87 text-decoration: none;
88 }
89
90 .var {
91 color: #800000;
92 }
93 .constant {
94 color: #2e8b57;
95 }
96
97 h1 {
98 line-height: 1.5;
99 }
100 h1 code {
101 font-weight: normal;
102 font-size: .9em;
103 line-height: 1.33;
104 }
105
106 footer, h1, li h3 {
107 background: #708090;
108 color: #f5f5dc;
109 }
110
111 footer, h1 {
112 margin: 0;
113 padding: 1em;
114 }
115
116 li h3 {
117 border-radius: 4px;
118 display: inline-block;
119 width: auto;
120 padding: .2em;
121 margin: .5em 0 0 0;
122 }
123
124 h1 .constant, pre>code .consant, li h3 .constant {
125 color: #98fb98;
126 }
127
128 h1 .var, pre>code .var, li h3 .var {
129 color: #f4a460;
130 }
131
132 footer a, h1 a, pre>code a, li h3 a {
133 color: #b0e0e6;
134 }
135
136 li h3 a {
137 text-decoration: none;
138 }
139 li h3 a:hover {
140 text-decoration: underline;
141 }
142
143 footer {
144 font-size: smaller;
145 text-align: center;
146 word-spacing: 1em;
147 clear: both;
148 margin-top: 8em;
149 }