view css/aurellem.css @ 24:f679403db87d

Trying out new sans-serif style (argentum).
author Dylan Holmes <ocsenave@gmail.com>
date Thu, 26 Apr 2012 15:58:23 -0500
parents e1e03c6399f5
children
line wrap: on
line source

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;}
4 .section-number-1,.section-number-2,.section-number-3,.section-number-4,.section-number-5,.section-number-6{font-weight:inherit;}
6 .float-right{float:right;}
8 .author{
9 color:#666;
10 line-height:3em;
11 }
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;}
19 body{
20 width:54em;
21 padding:1.5em;
22 padding-top:6em;
24 }
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 }
36 .title{text-align:left;}
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 }
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;}
64 li{
65 font-size:100%;
66 line-height:1.5em;
67 }
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}
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;
90 border-bottom:1em solid #cdf;
91 background:#444;
92 background:#49A;
93 background:transparent;
94 background:#eef0ff;
96 background:#933;
97 background:#A55;
99 border-color:#EDD;
101 /*background: #939;
102 border-color:#EDE;*/
104 /* background:#359; */
105 /* border-color:#9AC; */
107 }
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;
121 text-shadow: #822 0px 0px 2px;
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;}
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 }
151 /*dl{display:none;}*/
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 }
164 #table-of-contents ul{list-style-type:none;}
165 #text-table-of-contents > ul:first-child > li > a{ font-weight:bold;}
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 }
181 blockquote{
182 margin-left:1em;
183 }
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;}
208 /*
211 ul ul {margin-left:1em;}
213 dt{font-weight:normal;font-style:italic;}
214 dl{margin:0;padding:0;margin-left:2em;}
216 .src{background:#555;color:white;margin:0;line-height:1.5em!important;}
217 .example{background:#766;color:white;
218 margin:0;overflow:hidden;}
221 body{
222 font:14px Georgia Serif, Times, Palatino,"Times New Roman", serif;
223 font:13px Georgia, Times, "Times New Roman", Verdana, Tahoma, Helvetica;
224 width:600px;
225 margin:24px auto;
226 line-height:1.5em;
227 color:#111;
228 }
230 code{}
231 a code{color:inherit;font-weight:inherit;}
233 .float-right{float:right;}
240 /*** GLOBAL HEADER **
241 div.header{margin-bottom:2em;}
242 .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;}
243 .header .nav ul{display:inline;}
244 .header .nav li{display:inline;margin-right:0.75em;}
245 .header .nav li a:hover{text-decoration:underline;}
246 .header .nav li a{color:#555;}
248 /*** ARTICLE CONTENT
249 h1{
250 font-size:170%;
251 margin-top:2em;
252 margin-bottom:0.5em;
253 font-weight:bold;
254 }
255 h2{
256 font-size:120%;
257 font-weight:bold;
258 margin-bottom:0.375em;
259 padding-top:1.6em;
260 border:0px solid red;
261 }
262 h4{font-size:100%;font-weight:bold;}
264 h3{
265 font-size:110%;
266 font-weight:bold;
267 margin-bottom:0.75em;
268 padding-top:1.8em;
269 }
271 .section-number-1,.section-number-3,.section-number-2,.section-number-4{font-weight:inherit}
274 #table-of-contents{
275 margin:1.5em 0;
276 }
278 h1,h2,h3,h4,h5,h6,p{margin:2px 0;padding:0;}
280 h2{margin-top:1.8em;}
281 p{margin-bottom:7px}
283 /*
284 .header h1{font-family:Ubuntu,Arial,Helvetica,Verdana,sans-serif;}
286 body{margin:24px 24px;font:14px Arial, Helvetia,Verdana, sans-serif;width:860px;margin:0px auto;}
287 h1,h2,h3,h4,h5,h6,.nav a{}
288 h1{font-size:200%;}
289 h2{}
291 .header{margin-bottom:2em;}
292 .nav li{display:inline;padding-right:0.75em;}
293 .nav li a:hover{text-decoration:underline;}
294 .float-right{float:right;}
295 .header .float-right input{display:inline;}
297 input[type="text"]{margin-right:4px;padding:3px;}
299 .src {padding:4px; padding-left:2em;border:1px solid #777;background:#444;color:white;}
304 /*** ARTICLE CONTENT ***/
308 /**ARTICLE
310 #content{line-height:1.2em;}
311 #content h1{font-size:140%;font-size:180%;margin-bottom:1.6em;padding-bottom:.4em;text-align:left;border-bottom:1px solid transparent;}
312 #content h2{font-size:120%;font-weight:bold;margin-bottom:6px;margin-bottom:12px;margin-top:3em;}
313 #content p{margin-bottom:1em;}
314 #content p:first-letter{margin-left:2em;}
316 #content h2 > #content p:first-letter{margin-left:0px;}
323 /*** LIGHT COLOR SCHEME
324 body{background:#fff;color:#222;}
325 h1{color:#982;}
326 .nav li a{color:#555;}
327 #article h1, #article h2, #article h3, #article h4 {color:#57e;color:#48b;color:#489;}
329 #article h1{border-bottom-color:#e30;border-bottom-color:#888;}
333 /*<body class="darke"><div id="contain-everything">
334 <div class="header">
335 <div class="float-right">
337 <form>
338 <input type="text"/><input type="submit" value="search the blog &raquo;"/>
339 </form>
340 </div>
342 <h1>aurellem &#x2609;</h1>
343 <ul class="nav">
344 <li><a href="#">read the blog &raquo;</a></li>
345 <li><a href="#">learn about us &raquo;</a></li>
346 </ul>
347 </div>
348 <div id="article">
350 </div></body>
351 </html>*/