annotate css/argentum.css @ 102:f697f6fe8e00

popular science.
author Robert McIntyre <rlm@mit.edu>
date Sat, 13 Feb 2016 13:42:35 -0800
parents dcf2bffb11df
children
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;
rlm@79 192 color:#555555;
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
ocsenave@24 205 /*** blue **/
ocsenave@24 206 a{}
ocsenave@24 207 .header a{background:inherit;}
ocsenave@24 208 h1,h2,h3,h4,h5,h6, #text-table-of-contents li{
ocsenave@24 209 color:#026;
ocsenave@24 210 color:#0A3361;
ocsenave@24 211 font-weight:normal;
ocsenave@24 212 }
ocsenave@24 213 .header{background:#0F4D92;border-bottom-color:#AFC4DB
ocsenave@24 214 }
ocsenave@24 215
ocsenave@24 216 /*.header h1{text-shadow: #228 0px 0px 2px;}*/
ocsenave@24 217
ocsenave@24 218
ocsenave@24 219
ocsenave@24 220
ocsenave@24 221
ocsenave@24 222
ocsenave@24 223
ocsenave@24 224
ocsenave@24 225 h1,h2,h3,h4,h5,h6{
ocsenave@24 226 color:#373737;
ocsenave@24 227 font-weight:bolder;
ocsenave@24 228 }
ocsenave@24 229
ocsenave@24 230 h1.title{font-weight:normal;font-size:3em;line-height:1em;}
ocsenave@24 231
ocsenave@24 232 body{width:48em;}
ocsenave@24 233 img{max-width:48em;}
ocsenave@24 234
ocsenave@24 235 body{text-align:justify;
ocsenave@24 236 font:12px "Lucida Grande","Trebuchet MS","Bitstream Vera Sans",Verdana,Helvetica,sans-serif !important;
ocsenave@24 237 color:#272727;
ocsenave@24 238 }
ocsenave@24 239 code{
ocsenave@24 240 font-weight:inherit;
ocsenave@24 241 color:#048;
ocsenave@24 242 color:black;
ocsenave@24 243
ocsenave@24 244 }
ocsenave@24 245
ocsenave@24 246 a{color:#00e}
ocsenave@24 247 a:visited{color:#551A8B}
ocsenave@24 248
ocsenave@24 249
ocsenave@24 250 .figure {
ocsenave@24 251 background:#ddd;
ocsenave@24 252 border:1px solid #ccc;
ocsenave@24 253 font-size:.90em;
ocsenave@24 254 line-height:1.666em;
ocsenave@24 255 padding:1.5em!important;
ocsenave@24 256 text-align:left!important;
ocsenave@24 257 margin-bottom:1.666em;
ocsenave@24 258 }
ocsenave@24 259
ocsenave@24 260 .outline-2{
ocsenave@24 261 margin:3em 0!important;
ocsenave@24 262 }
ocsenave@24 263
ocsenave@24 264
ocsenave@24 265 body{padding-top:9em;padding-left:3em;}
ocsenave@24 266 .header{
rlm@66 267 padding-left:3em!important;
ocsenave@24 268 }
ocsenave@24 269 .header h1, .header h1 em {
ocsenave@24 270 text-shadow:none;
ocsenave@24 271 font-size:1.5em!important;
ocsenave@24 272 }
rlm@59 273
rlm@59 274
rlm@59 275
rlm@59 276 .ideas dl {
rlm@59 277 line-height:1.6em;
rlm@59 278 display:block;
rlm@59 279 position:relative;
rlm@59 280 }
rlm@59 281
rlm@59 282 .ideas dt {
rlm@59 283 font-family:Georgia, Palatino, Times,serif;
rlm@59 284 color:#000;
rlm@59 285 font-size:1.2em;
rlm@59 286 margin-top:2em;
rlm@59 287 margin-bottom:0.25em;
rlm@59 288 text-transform:capitalize;
rlm@59 289 display:block;
rlm@59 290
rlm@59 291 position:absolute;
rlm@59 292 top:0;
rlm@59 293 bottom:0;
rlm@59 294 width:12em;
rlm@59 295 text-align:right;
rlm@59 296
rlm@59 297 }
rlm@59 298
rlm@59 299 .ideas dd {
rlm@59 300 margin:0;
rlm@59 301 padding:0;
rlm@59 302 }
rlm@59 303
rlm@59 304 .ideas blockquote {
rlm@59 305 font-style:italic;
rlm@59 306 }
rlm@59 307
rlm@59 308 body {
rlm@59 309 width:auto;
rlm@59 310 font-size:16px!important;
rlm@59 311 margin:0 4em;
rlm@59 312 }
rlm@59 313
rlm@59 314
rlm@59 315
rlm@59 316
ocsenave@24 317 /*
ocsenave@24 318
ocsenave@24 319 .header {
ocsenave@24 320 background:transparent;
ocsenave@24 321 padding-left:3em!important;
ocsenave@24 322 border-bottom:none;
ocsenave@24 323 color:inherit!important;
ocsenave@24 324 background:#dde8ff;
ocsenave@24 325 border-bottom:1px solid #c3d9ff;
ocsenave@24 326 }
ocsenave@24 327 .header h1, .header h1 em {
ocsenave@24 328 text-shadow:none;
ocsenave@24 329 color:#06c;
ocsenave@24 330
ocsenave@24 331 font-family:"Georgia Serif", Times, Palatino, "Times New Roman", serif;
ocsenave@24 332 }
ocsenave@24 333 .header li a {
ocsenave@24 334 color:inherit!important;
ocsenave@24 335 text-decoration:underline;
ocsenave@24 336 }
ocsenave@24 337
ocsenave@24 338 #text-table-of-contents a {
ocsenave@24 339
rlm@66 340 }
rlm@66 341
rlm@66 342 */