Mercurial > aurellem

annotate css/argentum.css @ 64:148e2bd2a16e

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