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 &raquo;"/>
337 </form>
338 </div>
339
340 <h1>aurellem &#x2609;</h1>
341 <ul class="nav">
342 <li><a href="#">read the blog &raquo;</a></li>
343 <li><a href="#">learn about us &raquo;</a></li>
344 </ul>
345 </div>
346 <div id="article">
347
348 </div></body>
349 </html>*/
350