Mercurial > aurellem
comparison css/aurellem-dark.css @ 42:50eaf30eceec
resolving mess.
author | Robert McIntyre <rlm@mit.edu> |
---|---|
date | Sat, 13 Jul 2013 08:03:56 +0100 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
41:b63a1bdb1d06 | 42:50eaf30eceec |
---|---|
1 | |
2 html,body,div,span,dl,dt,dd,ul,ol,li,a,table,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,blockquote,.src,.example{margin:0px;padding:0px;font-weight:normal;text-decoration:none;font-size:inherit;color:inherit;} | |
3 | |
4 .section-number-1,.section-number-2,.section-number-3,.section-number-4,.section-number-5,.section-number-6{font-weight:inherit;} | |
5 | |
6 .float-right{float:right;} | |
7 | |
8 .author{ | |
9 color:#666; | |
10 line-height:3em; | |
11 } | |
12 | |
13 body{ | |
14 font:87.5% "Georgia Serif", Times, Palatino, "Times New Roman", serif; | |
15 } | |
16 a{color:blue;} | |
17 html>body{font-size:14px;} | |
18 | |
19 body{ | |
20 width:54em; | |
21 padding:1.5em; | |
22 padding-top:6em; | |
23 | |
24 } | |
25 | |
26 p{ | |
27 line-height:1.5em; | |
28 font-size:1em; | |
29 margin-top:1.5em; | |
30 margin-bottom:1.5em; | |
31 } | |
32 .post_list{ | |
33 margin-top:1.5em; | |
34 } | |
35 | |
36 .title{text-align:left;} | |
37 | |
38 | |
39 | |
40 h1{font-size:2.5em;line-height:1.2em;} | |
41 h2{font-size:1.5em;line-height:1em;margin-top:2em;margin-bottom:1em;} | |
42 h3{ | |
43 font-size:1.1667em; | |
44 line-height: 1.286em; | |
45 margin-top:1.929em; | |
46 margin-bottom:0.643em; | |
47 font-weight:bolder; | |
48 } | |
49 h4{ | |
50 font-weight:bold; | |
51 line-height:3em; | |
52 } | |
53 | |
54 | |
55 | |
56 | |
57 /*p + dl{ | |
58 margin-top:-1.5em; | |
59 border:1px solid red; | |
60 }*/ | |
61 dt{font-weight:bold;} | |
62 dd{padding-left:1.5em;} | |
63 | |
64 li{ | |
65 font-size:100%; | |
66 line-height:1.5em; | |
67 } | |
68 | |
69 | |
70 div{margin:0!important;padding:0!important;} | |
71 /*table{display:none;}*/ | |
72 .src,.example{margin:0;padding:1em;font-size:1em;line-height:1.5em; | |
73 } | |
74 .src{background:#444;color:#fff;} | |
75 .example{background:#766;color:#fff;padding:.75em} | |
76 | |
77 | |
78 .header{ | |
79 font-family:Arial,Helvetica,Verdana,sans-serif; | |
80 vertical-align:text-top; | |
81 position:absolute; | |
82 top:0px;left:0px; | |
83 right:0px; | |
84 background:#345; | |
85 padding:.75em 1.5em!important; | |
86 border-bottom:1.5em solid #EBD6D6; | |
87 border-bottom-color:#9FB8D3; | |
88 background:#0F4D92; | |
89 | |
90 border-bottom:1em solid #cdf; | |
91 background:#444; | |
92 background:#49A; | |
93 background:transparent; | |
94 background:#eef0ff; | |
95 | |
96 background:#933; | |
97 background:#A55; | |
98 | |
99 border-color:#EDD; | |
100 | |
101 /*background: #939; | |
102 border-color:#EDE;*/ | |
103 | |
104 /* background:#359; */ | |
105 /* border-color:#9AC; */ | |
106 | |
107 } | |
108 | |
109 | |
110 | |
111 | |
112 | |
113 .header h1{ | |
114 font:1.75em Arial,Helvetica,Verdana,sans-serif; | |
115 line-height:1.166em; | |
116 font-weight:bold; | |
117 color:#b90; | |
118 color:#06a; | |
119 color:#fff; | |
120 | |
121 text-shadow: #822 0px 0px 2px; | |
122 | |
123 font-weight:normal; | |
124 display:inline; | |
125 } | |
126 .header h1 em{ | |
127 color:#b90; | |
128 color:#fc2; | |
129 color:#b90; | |
130 color:#db2; | |
131 color:#fd4; | |
132 font-weight:bold; | |
133 font-style:normal; | |
134 } | |
135 .header * {vertical-align:middle;} | |
136 | |
137 .header ul { | |
138 display:inline; | |
139 padding-left:1.5em; | |
140 margin-left:0!important; | |
141 } | |
142 .header li { | |
143 display:inline; | |
144 padding:0 .75em; | |
145 } | |
146 .header li a{ | |
147 text-decoration:none; | |
148 color:#ffd; | |
149 } | |
150 | |
151 /*dl{display:none;}*/ | |
152 | |
153 | |
154 | |
155 ol{margin-left:1.5em;} | |
156 ul{ | |
157 list-style-type: disc; | |
158 margin-left:1.5em; | |
159 } | |
160 ul ul{ | |
161 list-style-type:circle; | |
162 } | |
163 | |
164 #table-of-contents ul{list-style-type:none;} | |
165 #text-table-of-contents > ul:first-child > li > a{ font-weight:bold;} | |
166 | |
167 | |
168 | |
169 | |
170 #postamble p,#postamble a{ | |
171 font-size:.857em; | |
172 line-height:1.75em; | |
173 padding:0; | |
174 margin:0; | |
175 } | |
176 #postamble{ | |
177 margin:1.75em 0!important; | |
178 border-top:1px solid #888; | |
179 } | |
180 | |
181 blockquote{ | |
182 margin-left:1em; | |
183 } | |
184 | |
185 | |
186 | |
187 | |
188 | |
189 | |
190 | |
191 | |
192 | |
193 | |
194 | |
195 /*** blue **/ | |
196 a{} | |
197 .header a{background:inherit;} | |
198 h1,h2,h3,h4,h5,h6, #text-table-of-contents li{ | |
199 color:#026; | |
200 color:#0A3361; | |
201 font-weight:normal; | |
202 } | |
203 .header{background:#0F4D92;border-bottom-color:#AFC4DB | |
204 } | |
205 .header h1{text-shadow: #228 0px 0px 2px;} | |
206 | |
207 | |
208 /** STOP CENSORSHIP! | |
209 *:nth-child(odd):before{content:"[censored] "} | |
210 h1:after{content:"[[ stopthewall.us ]]"} | |
211 .censor{ | |
212 position:fixed; | |
213 text-align:center; | |
214 top:4em; | |
215 background:black; | |
216 padding:1em; | |
217 text-shadow:none!important; | |
218 color:white!important; | |
219 } | |
220 | |
221 /* | |
222 | |
223 | |
224 ul ul {margin-left:1em;} | |
225 | |
226 dt{font-weight:normal;font-style:italic;} | |
227 dl{margin:0;padding:0;margin-left:2em;} | |
228 | |
229 .src{background:#555;color:white;margin:0;line-height:1.5em!important;} | |
230 .example{background:#766;color:white; | |
231 margin:0;overflow:hidden;} | |
232 | |
233 | |
234 body{ | |
235 font:14px Georgia Serif, Times, Palatino,"Times New Roman", serif; | |
236 font:13px Georgia, Times, "Times New Roman", Verdana, Tahoma, Helvetica; | |
237 width:600px; | |
238 margin:24px auto; | |
239 line-height:1.5em; | |
240 color:#111; | |
241 } | |
242 | |
243 code{} | |
244 a code{color:inherit;font-weight:inherit;} | |
245 | |
246 .float-right{float:right;} | |
247 | |
248 | |
249 | |
250 | |
251 | |
252 | |
253 /*** GLOBAL HEADER ** | |
254 div.header{margin-bottom:2em;} | |
255 .header h1{font-family:Ubuntu, Arial, Helvetica, Verdana, sans-serif;font-size:160%!important;margin:0!important;margin-bottom:6px!important;font-weight:normal!important;color:#983;} | |
256 .header .nav ul{display:inline;} | |
257 .header .nav li{display:inline;margin-right:0.75em;} | |
258 .header .nav li a:hover{text-decoration:underline;} | |
259 .header .nav li a{color:#555;} | |
260 | |
261 /*** ARTICLE CONTENT | |
262 h1{ | |
263 font-size:170%; | |
264 margin-top:2em; | |
265 margin-bottom:0.5em; | |
266 font-weight:bold; | |
267 } | |
268 h2{ | |
269 font-size:120%; | |
270 font-weight:bold; | |
271 margin-bottom:0.375em; | |
272 padding-top:1.6em; | |
273 border:0px solid red; | |
274 } | |
275 h4{font-size:100%;font-weight:bold;} | |
276 | |
277 h3{ | |
278 font-size:110%; | |
279 font-weight:bold; | |
280 margin-bottom:0.75em; | |
281 padding-top:1.8em; | |
282 } | |
283 | |
284 .section-number-1,.section-number-3,.section-number-2,.section-number-4{font-weight:inherit} | |
285 | |
286 | |
287 #table-of-contents{ | |
288 margin:1.5em 0; | |
289 } | |
290 | |
291 h1,h2,h3,h4,h5,h6,p{margin:2px 0;padding:0;} | |
292 | |
293 h2{margin-top:1.8em;} | |
294 p{margin-bottom:7px} | |
295 | |
296 /* | |
297 .header h1{font-family:Ubuntu,Arial,Helvetica,Verdana,sans-serif;} | |
298 | |
299 body{margin:24px 24px;font:14px Arial, Helvetia,Verdana, sans-serif;width:860px;margin:0px auto;} | |
300 h1,h2,h3,h4,h5,h6,.nav a{} | |
301 h1{font-size:200%;} | |
302 h2{} | |
303 | |
304 .header{margin-bottom:2em;} | |
305 .nav li{display:inline;padding-right:0.75em;} | |
306 .nav li a:hover{text-decoration:underline;} | |
307 .float-right{float:right;} | |
308 .header .float-right input{display:inline;} | |
309 | |
310 input[type="text"]{margin-right:4px;padding:3px;} | |
311 | |
312 .src {padding:4px; padding-left:2em;border:1px solid #777;background:#444;color:white;} | |
313 | |
314 | |
315 | |
316 | |
317 /*** ARTICLE CONTENT TEST ***/ | |
318 | |
319 | |
320 | |
321 /**ARTICLE | |
322 | |
323 #content{line-height:1.2em;} | |
324 #content h1{font-size:140%;font-size:180%;margin-bottom:1.6em;padding-bottom:.4em;text-align:left;border-bottom:1px solid transparent;} | |
325 #content h2{font-size:120%;font-weight:bold;margin-bottom:6px;margin-bottom:12px;margin-top:3em;} | |
326 #content p{margin-bottom:1em;} | |
327 #content p:first-letter{margin-left:2em;} | |
328 | |
329 #content h2 > #content p:first-letter{margin-left:0px;} | |
330 | |
331 | |
332 | |
333 | |
334 | |
335 | |
336 /*** LIGHT COLOR SCHEME | |
337 body{background:#fff;color:#222;} | |
338 h1{color:#982;} | |
339 .nav li a{color:#555;} | |
340 #article h1, #article h2, #article h3, #article h4 {color:#57e;color:#48b;color:#489;} | |
341 | |
342 #article h1{border-bottom-color:#e30;border-bottom-color:#888;} | |
343 | |
344 | |
345 | |
346 /*<body class="darke"><div id="contain-everything"> | |
347 <div class="header"> | |
348 <div class="float-right"> | |
349 | |
350 <form> | |
351 <input type="text"/><input type="submit" value="search the blog »"/> | |
352 </form> | |
353 </div> | |
354 | |
355 <h1>aurellem ☉</h1> | |
356 <ul class="nav"> | |
357 <li><a href="#">read the blog »</a></li> | |
358 <li><a href="#">learn about us »</a></li> | |
359 </ul> | |
360 </div> | |
361 <div id="article"> | |
362 | |
363 </div></body> | |
364 </html>*/ |