annotate css/argentum.css @ 66:e24672e0365d

working on a revamp of aurellem.org.
author Robert McIntyre <rlm@mit.edu>
date Sun, 12 Apr 2015 21:38:20 -0700
parents fb5ea1d5bbe9
children dcf2bffb11df
rev   line source
ocsenave@24 1
ocsenave@24 2 /** RESETS **/
ocsenave@24 3
ocsenave@24 4 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;}
ocsenave@24 5
ocsenave@24 6 .section-number-1,.section-number-2,.section-number-3,.section-number-4,.section-number-5,.section-number-6{font-weight:inherit;}
ocsenave@24 7
ocsenave@24 8 .float-right{float:right;}
ocsenave@24 9
ocsenave@24 10 .author{
ocsenave@24 11 color:#666;
ocsenave@24 12 line-height:3em;
ocsenave@24 13 }
ocsenave@24 14
rlm@62 15 div.author p{
rlm@62 16 display:inline;
rlm@62 17 }
rlm@62 18
ocsenave@24 19 body{
ocsenave@24 20 font:87.5% "Georgia Serif", Times, Palatino, "Times New Roman", serif;
ocsenave@24 21 }
ocsenave@24 22 a{color:blue;}
ocsenave@24 23 html>body{font-size:14px;}
ocsenave@24 24
ocsenave@24 25 body{
ocsenave@24 26 width:54em;
ocsenave@24 27 padding:1.5em;
ocsenave@24 28 padding-top:6em;
ocsenave@24 29
ocsenave@24 30 }
ocsenave@24 31
ocsenave@24 32 p{
ocsenave@24 33 line-height:1.5em;
ocsenave@24 34 font-size:1em;
ocsenave@24 35 margin-top:1.5em;
ocsenave@24 36 margin-bottom:1.5em;
ocsenave@24 37 }
ocsenave@24 38 .post_list{
ocsenave@24 39 margin-top:1.5em;
ocsenave@24 40 }
ocsenave@24 41
ocsenave@24 42 .title{text-align:left;}
ocsenave@24 43
ocsenave@24 44
ocsenave@24 45
ocsenave@24 46 h1{font-size:2.5em;line-height:1.2em;}
ocsenave@24 47 h2{font-size:1.5em;line-height:1em;margin-top:2em;margin-bottom:1em;}
ocsenave@24 48 h3{
ocsenave@24 49 font-size:1.1667em;
ocsenave@24 50 line-height: 1.286em;
ocsenave@24 51 margin-top:1.929em;
ocsenave@24 52 margin-bottom:0.643em;
ocsenave@24 53 font-weight:bolder;
ocsenave@24 54 }
ocsenave@24 55 h4{
ocsenave@24 56 font-weight:bold;
ocsenave@24 57 line-height:3em;
ocsenave@24 58 }
ocsenave@24 59
ocsenave@24 60
ocsenave@24 61
ocsenave@24 62
ocsenave@24 63 /*p + dl{
ocsenave@24 64 margin-top:-1.5em;
ocsenave@24 65 border:1px solid red;
ocsenave@24 66 }*/
rlm@66 67
rlm@66 68 dt{font-weight: bold;}
rlm@66 69 dd{padding-left: 1.5em;}
ocsenave@24 70
ocsenave@24 71 li{
ocsenave@24 72 font-size:100%;
ocsenave@24 73 line-height:1.5em;
ocsenave@24 74 }
ocsenave@24 75
ocsenave@24 76
ocsenave@24 77 div{margin:0!important;padding:0!important;}
ocsenave@24 78 /*table{display:none;}*/
ocsenave@24 79 .src,.example{margin:0;padding:1em;font-size:1em;line-height:1.5em;
ocsenave@24 80 }
ocsenave@24 81 .src{background:#444;color:#fff;}
ocsenave@24 82 .example{background:#766;color:#fff;padding:.75em}
ocsenave@24 83
ocsenave@24 84
ocsenave@24 85
ocsenave@24 86 .header{
ocsenave@24 87 font-family:Arial,Helvetica,Verdana,sans-serif;
ocsenave@24 88 vertical-align:text-top;
ocsenave@24 89 position:absolute;
ocsenave@24 90 top:0px;left:0px;
ocsenave@24 91 right:0px;
ocsenave@24 92 background:#345;
ocsenave@24 93 padding:.75em 1.5em!important;
ocsenave@24 94 border-bottom:1.5em solid #EBD6D6;
ocsenave@24 95 border-bottom-color:#9FB8D3;
ocsenave@24 96 background:#0F4D92;
ocsenave@24 97
ocsenave@24 98 border-bottom:1em solid #cdf;
ocsenave@24 99 background:#444;
ocsenave@24 100 background:#49A;
ocsenave@24 101 background:transparent;
ocsenave@24 102 background:#eef0ff;
ocsenave@24 103
ocsenave@24 104 background:#933;
ocsenave@24 105 background:#A55;
ocsenave@24 106
ocsenave@24 107 border-color:#EDD;
ocsenave@24 108
ocsenave@24 109 /*background: #939;
ocsenave@24 110 border-color:#EDE;*/
ocsenave@24 111
ocsenave@24 112 /* background:#359; */
ocsenave@24 113 /* border-color:#9AC; */
ocsenave@24 114
ocsenave@24 115 }
ocsenave@24 116
ocsenave@24 117
ocsenave@24 118
ocsenave@24 119
ocsenave@24 120
ocsenave@24 121 .header h1{
ocsenave@24 122 font:1.75em Arial,Helvetica,Verdana,sans-serif;
ocsenave@24 123 line-height:1.166em;
ocsenave@24 124 font-weight:bold;
ocsenave@24 125 color:#b90;
ocsenave@24 126 color:#06a;
ocsenave@24 127 color:#fff;
ocsenave@24 128
ocsenave@24 129 text-shadow: #822 0px 0px 2px;
ocsenave@24 130
ocsenave@24 131 font-weight:normal;
ocsenave@24 132 display:inline;
ocsenave@24 133 }
ocsenave@24 134 .header h1 em{
ocsenave@24 135 color:#b90;
ocsenave@24 136 color:#fc2;
ocsenave@24 137 color:#b90;
ocsenave@24 138 color:#db2;
ocsenave@24 139 color:#fd4;
ocsenave@24 140 font-weight:bold;
ocsenave@24 141 font-style:normal;
ocsenave@24 142 }
ocsenave@24 143 .header * {vertical-align:middle;}
ocsenave@24 144
ocsenave@24 145 .header ul {
ocsenave@24 146 display:inline;
ocsenave@24 147 padding-left:1.5em;
ocsenave@24 148 margin-left:0!important;
ocsenave@24 149 }
ocsenave@24 150 .header li {
ocsenave@24 151 display:inline;
ocsenave@24 152 padding:0 .75em;
ocsenave@24 153 }
ocsenave@24 154 .header li a{
ocsenave@24 155 text-decoration:none;
ocsenave@24 156 color:#ffd;
ocsenave@24 157 }
ocsenave@24 158
ocsenave@24 159
ocsenave@24 160 /*dl{display:none;}*/
ocsenave@24 161
ocsenave@24 162
ocsenave@24 163
ocsenave@24 164 ol{margin-left:1.5em;}
ocsenave@24 165 ul{
ocsenave@24 166 list-style-type: disc;
ocsenave@24 167 margin-left:1.5em;
ocsenave@24 168 }
ocsenave@24 169 ul ul{
ocsenave@24 170 list-style-type:circle;
ocsenave@24 171 }
ocsenave@24 172
ocsenave@24 173 #table-of-contents ul{list-style-type:none;}
ocsenave@24 174 #text-table-of-contents > ul:first-child > li > a{ font-weight:bold;}
ocsenave@24 175
ocsenave@24 176
ocsenave@24 177
ocsenave@24 178
ocsenave@24 179 #postamble p,#postamble a{
ocsenave@24 180 font-size:.857em;
ocsenave@24 181 line-height:1.75em;
ocsenave@24 182 padding:0;
ocsenave@24 183 margin:0;
ocsenave@24 184 }
ocsenave@24 185 #postamble{
ocsenave@24 186 margin:1.75em 0!important;
ocsenave@24 187 border-top:1px solid #888;
ocsenave@24 188 }
ocsenave@24 189
ocsenave@24 190 blockquote{
ocsenave@24 191 margin-left:1em;
ocsenave@24 192 }
ocsenave@24 193
ocsenave@24 194
ocsenave@24 195
ocsenave@24 196
ocsenave@24 197
ocsenave@24 198
ocsenave@24 199
ocsenave@24 200
ocsenave@24 201
ocsenave@24 202
ocsenave@24 203
ocsenave@24 204 /*** blue **/
ocsenave@24 205 a{}
ocsenave@24 206 .header a{background:inherit;}
ocsenave@24 207 h1,h2,h3,h4,h5,h6, #text-table-of-contents li{
ocsenave@24 208 color:#026;
ocsenave@24 209 color:#0A3361;
ocsenave@24 210 font-weight:normal;
ocsenave@24 211 }
ocsenave@24 212 .header{background:#0F4D92;border-bottom-color:#AFC4DB
ocsenave@24 213 }
ocsenave@24 214
ocsenave@24 215 /*.header h1{text-shadow: #228 0px 0px 2px;}*/
ocsenave@24 216
ocsenave@24 217
ocsenave@24 218
ocsenave@24 219
ocsenave@24 220
ocsenave@24 221
ocsenave@24 222
ocsenave@24 223
ocsenave@24 224 h1,h2,h3,h4,h5,h6{
ocsenave@24 225 color:#373737;
ocsenave@24 226 font-weight:bolder;
ocsenave@24 227 }
ocsenave@24 228
ocsenave@24 229 h1.title{font-weight:normal;font-size:3em;line-height:1em;}
ocsenave@24 230
ocsenave@24 231 body{width:48em;}
ocsenave@24 232 img{max-width:48em;}
ocsenave@24 233
ocsenave@24 234 body{text-align:justify;
ocsenave@24 235 font:12px "Lucida Grande","Trebuchet MS","Bitstream Vera Sans",Verdana,Helvetica,sans-serif !important;
ocsenave@24 236 color:#272727;
ocsenave@24 237 }
ocsenave@24 238 code{
ocsenave@24 239 font-weight:inherit;
ocsenave@24 240 color:#048;
ocsenave@24 241 color:black;
ocsenave@24 242
ocsenave@24 243 }
ocsenave@24 244
ocsenave@24 245 a{color:#00e}
ocsenave@24 246 a:visited{color:#551A8B}
ocsenave@24 247
ocsenave@24 248
ocsenave@24 249 .figure {
ocsenave@24 250 background:#ddd;
ocsenave@24 251 border:1px solid #ccc;
ocsenave@24 252 font-size:.90em;
ocsenave@24 253 line-height:1.666em;
ocsenave@24 254 padding:1.5em!important;
ocsenave@24 255 text-align:left!important;
ocsenave@24 256 margin-bottom:1.666em;
ocsenave@24 257 }
ocsenave@24 258
ocsenave@24 259 .outline-2{
ocsenave@24 260 margin:3em 0!important;
ocsenave@24 261 }
ocsenave@24 262
ocsenave@24 263
ocsenave@24 264 body{padding-top:9em;padding-left:3em;}
ocsenave@24 265 .header{
rlm@66 266 padding-left:3em!important;
ocsenave@24 267 }
ocsenave@24 268 .header h1, .header h1 em {
ocsenave@24 269 text-shadow:none;
ocsenave@24 270 font-size:1.5em!important;
ocsenave@24 271 }
rlm@59 272
rlm@59 273
rlm@59 274
rlm@59 275 .ideas dl {
rlm@59 276 line-height:1.6em;
rlm@59 277 display:block;
rlm@59 278 position:relative;
rlm@59 279 }
rlm@59 280
rlm@59 281 .ideas dt {
rlm@59 282 font-family:Georgia, Palatino, Times,serif;
rlm@59 283 color:#000;
rlm@59 284 font-size:1.2em;
rlm@59 285 margin-top:2em;
rlm@59 286 margin-bottom:0.25em;
rlm@59 287 text-transform:capitalize;
rlm@59 288 display:block;
rlm@59 289
rlm@59 290 position:absolute;
rlm@59 291 top:0;
rlm@59 292 bottom:0;
rlm@59 293 width:12em;
rlm@59 294 text-align:right;
rlm@59 295
rlm@59 296 }
rlm@59 297
rlm@59 298 .ideas dd {
rlm@59 299 margin:0;
rlm@59 300 padding:0;
rlm@59 301 }
rlm@59 302
rlm@59 303 .ideas blockquote {
rlm@59 304 font-style:italic;
rlm@59 305 }
rlm@59 306
rlm@59 307 body {
rlm@59 308 width:auto;
rlm@59 309 font-size:16px!important;
rlm@59 310 margin:0 4em;
rlm@59 311 }
rlm@59 312
rlm@59 313
rlm@59 314
rlm@59 315
ocsenave@24 316 /*
ocsenave@24 317
ocsenave@24 318 .header {
ocsenave@24 319 background:transparent;
ocsenave@24 320 padding-left:3em!important;
ocsenave@24 321 border-bottom:none;
ocsenave@24 322 color:inherit!important;
ocsenave@24 323 background:#dde8ff;
ocsenave@24 324 border-bottom:1px solid #c3d9ff;
ocsenave@24 325 }
ocsenave@24 326 .header h1, .header h1 em {
ocsenave@24 327 text-shadow:none;
ocsenave@24 328 color:#06c;
ocsenave@24 329
ocsenave@24 330 font-family:"Georgia Serif", Times, Palatino, "Times New Roman", serif;
ocsenave@24 331 }
ocsenave@24 332 .header li a {
ocsenave@24 333 color:inherit!important;
ocsenave@24 334 text-decoration:underline;
ocsenave@24 335 }
ocsenave@24 336
ocsenave@24 337 #text-table-of-contents a {
ocsenave@24 338
rlm@66 339 }
rlm@66 340
rlm@66 341 */