view css/aurellem-dark.css @ 64:148e2bd2a16e

new website design, courtesy of Dylan!
author Robert McIntyre <rlm@mit.edu>
date Sun, 08 Mar 2015 22:23:50 -0700
parents 50eaf30eceec
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 /** 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 }
221 /*
224 ul ul {margin-left:1em;}
226 dt{font-weight:normal;font-style:italic;}
227 dl{margin:0;padding:0;margin-left:2em;}
229 .src{background:#555;color:white;margin:0;line-height:1.5em!important;}
230 .example{background:#766;color:white;
231 margin:0;overflow:hidden;}
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 }
243 code{}
244 a code{color:inherit;font-weight:inherit;}
246 .float-right{float:right;}
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;}
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;}
277 h3{
278 font-size:110%;
279 font-weight:bold;
280 margin-bottom:0.75em;
281 padding-top:1.8em;
282 }
284 .section-number-1,.section-number-3,.section-number-2,.section-number-4{font-weight:inherit}
287 #table-of-contents{
288 margin:1.5em 0;
289 }
291 h1,h2,h3,h4,h5,h6,p{margin:2px 0;padding:0;}
293 h2{margin-top:1.8em;}
294 p{margin-bottom:7px}
296 /*
297 .header h1{font-family:Ubuntu,Arial,Helvetica,Verdana,sans-serif;}
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{}
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;}
310 input[type="text"]{margin-right:4px;padding:3px;}
312 .src {padding:4px; padding-left:2em;border:1px solid #777;background:#444;color:white;}
317 /*** ARTICLE CONTENT TEST ***/
321 /**ARTICLE
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;}
329 #content h2 > #content p:first-letter{margin-left:0px;}
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;}
342 #article h1{border-bottom-color:#e30;border-bottom-color:#888;}
346 /*<body class="darke"><div id="contain-everything">
347 <div class="header">
348 <div class="float-right">
350 <form>
351 <input type="text"/><input type="submit" value="search the blog &raquo;"/>
352 </form>
353 </div>
355 <h1>aurellem &#x2609;</h1>
356 <ul class="nav">
357 <li><a href="#">read the blog &raquo;</a></li>
358 <li><a href="#">learn about us &raquo;</a></li>
359 </ul>
360 </div>
361 <div id="article">
363 </div></body>
364 </html>*/