Mercurial > aurellem

annotate css/aurellem-dark.css @ 58:41818c0cea59

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