annotate css/argentum.css @ 24:f679403db87d

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