annotate css/aurellem.css @ 13:08f7a2e294b4

Changed css and main page for new article on Inductive Lattices
author Dylan Holmes <ocsenave@gmail.com>
date Tue, 01 Nov 2011 02:05:52 -0500
parents 9b41405fd48d
children d2df561bba01
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
ocsenave@13 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>
ocsenave@10 349 </html>*/