annotate css/aurellem.css @ 21:79399e91f800

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