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