Mercurial > aurellem

annotate css/aurellem.css @ 1:12573db75437

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