Mercurial > aurellem
diff css/aurellem.css @ 0:c1a872bbc9f9
initial committ for aurellem.org related software
author | Robert McIntyre <rlm@mit.edu> |
---|---|
date | Sun, 16 Oct 2011 06:51:55 -0700 |
parents | |
children | 9b41405fd48d |
line wrap: on
line diff
1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/css/aurellem.css Sun Oct 16 06:51:55 2011 -0700 1.3 @@ -0,0 +1,350 @@ 1.4 + 1.5 +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;} 1.6 + 1.7 +.section-number-1,.section-number-2,.section-number-3,.section-number-4,.section-number-5,.section-number-6{font-weight:inherit;} 1.8 + 1.9 +.float-right{float:right;} 1.10 + 1.11 +.author{ 1.12 +color:#666; 1.13 +line-height:3em; 1.14 +} 1.15 + 1.16 +body{ 1.17 + font:87.5% "Georgia Serif", Times, Palatino, "Times New Roman", serif; 1.18 +} 1.19 +a{color:blue;} 1.20 +html>body{font-size:14px;} 1.21 + 1.22 +body{ 1.23 + width:54em; 1.24 + padding:1.5em; 1.25 + padding-top:6em; 1.26 + 1.27 +} 1.28 + 1.29 +p{ 1.30 + line-height:1.5em; 1.31 + font-size:1em; 1.32 + margin-top:1.5em; 1.33 + margin-bottom:1.5em; 1.34 +} 1.35 +.post_list{ 1.36 + margin-top:1.5em; 1.37 +} 1.38 + 1.39 +.title{text-align:left;} 1.40 + 1.41 + 1.42 + 1.43 +h1{font-size:2.5em;line-height:1.2em;} 1.44 +h2{font-size:1.5em;line-height:1em;margin-top:2em;margin-bottom:1em;} 1.45 +h3{ 1.46 + font-size:1.1667em; 1.47 + line-height: 1.286em; 1.48 + margin-top:1.929em; 1.49 + margin-bottom:0.643em; 1.50 + font-weight:bolder; 1.51 +} 1.52 +h4{ 1.53 + font-weight:bold; 1.54 + line-height:3em; 1.55 +} 1.56 + 1.57 + 1.58 + 1.59 + 1.60 +p + dl{ 1.61 + margin-top:-1.5em; 1.62 + border:1px solid red; 1.63 +} 1.64 + 1.65 +li{ 1.66 + font-size:100%; 1.67 + line-height:1.5em; 1.68 +} 1.69 + 1.70 + 1.71 +div{margin:0!important;padding:0!important;} 1.72 +/*table{display:none;}*/ 1.73 +.src,.example{margin:0;padding:1em;font-size:1em;line-height:1.5em; 1.74 +} 1.75 +.src{background:#444;color:#fff;} 1.76 +.example{background:#766;color:#fff;padding:.75em} 1.77 + 1.78 + 1.79 +.header{ 1.80 + font-family:Arial,Helvetica,Verdana,sans-serif; 1.81 + vertical-align:text-top; 1.82 + position:absolute; 1.83 + top:0px;left:0px; 1.84 + right:0px; 1.85 + background:#345; 1.86 + padding:.75em 1.5em!important; 1.87 + border-bottom:1.5em solid #EBD6D6; 1.88 + border-bottom-color:#9FB8D3; 1.89 + background:#0F4D92; 1.90 + 1.91 + border-bottom:1em solid #cdf; 1.92 + background:#444; 1.93 + background:#49A; 1.94 + background:transparent; 1.95 + background:#eef0ff; 1.96 + 1.97 + background:#933; 1.98 + background:#A55; 1.99 + 1.100 + border-color:#EDD; 1.101 + 1.102 + /*background: #939; 1.103 + border-color:#EDE;*/ 1.104 + 1.105 + /* background:#359; */ 1.106 + /* border-color:#9AC; */ 1.107 + 1.108 +} 1.109 + 1.110 + 1.111 + 1.112 + 1.113 + 1.114 +.header h1{ 1.115 +font:1.75em Arial,Helvetica,Verdana,sans-serif; 1.116 +line-height:1.166em; 1.117 +font-weight:bold; 1.118 +color:#b90; 1.119 +color:#06a; 1.120 +color:#fff; 1.121 + 1.122 +text-shadow: #822 0px 0px 2px; 1.123 + 1.124 +font-weight:normal; 1.125 +display:inline; 1.126 +} 1.127 +.header h1 em{ 1.128 + color:#b90; 1.129 + color:#fc2; 1.130 + color:#b90; 1.131 + color:#db2; 1.132 + color:#fd4; 1.133 + font-weight:bold; 1.134 + font-style:normal; 1.135 +} 1.136 +.header * {vertical-align:middle;} 1.137 + 1.138 +.header ul { 1.139 + display:inline; 1.140 + padding-left:1.5em; 1.141 + margin-left:0!important; 1.142 +} 1.143 +.header li { 1.144 + display:inline; 1.145 + padding:0 .75em; 1.146 +} 1.147 +.header li a{ 1.148 + text-decoration:none; 1.149 + color:#ffd; 1.150 +} 1.151 + 1.152 +dl{display:none;} 1.153 + 1.154 + 1.155 + 1.156 +ol{margin-left:1.5em;} 1.157 +ul{ 1.158 + list-style-type: disc; 1.159 + margin-left:1.5em; 1.160 +} 1.161 +ul ul{ 1.162 + list-style-type:circle; 1.163 +} 1.164 + 1.165 +#table-of-contents ul{list-style-type:none;} 1.166 +#text-table-of-contents > ul:first-child > li > a{ font-weight:bold;} 1.167 + 1.168 + 1.169 + 1.170 + 1.171 +#postamble p,#postamble a{ 1.172 + font-size:.857em; 1.173 + line-height:1.75em; 1.174 + padding:0; 1.175 + margin:0; 1.176 +} 1.177 +#postamble{ 1.178 + margin:1.75em 0!important; 1.179 + border-top:1px solid #888; 1.180 +} 1.181 + 1.182 +blockquote{ 1.183 + margin-left:1em; 1.184 +} 1.185 + 1.186 + 1.187 + 1.188 + 1.189 + 1.190 + 1.191 + 1.192 + 1.193 + 1.194 + 1.195 + 1.196 +/*** blue **/ 1.197 +a{} 1.198 +.header a{background:inherit;} 1.199 +h1,h2,h3,h4,h5,h6, #text-table-of-contents li{ 1.200 + color:#026; 1.201 + color:#0A3361; 1.202 + font-weight:normal; 1.203 +} 1.204 +.header{background:#0F4D92;border-bottom-color:#AFC4DB 1.205 +} 1.206 +.header h1{text-shadow: #228 0px 0px 2px;} 1.207 + 1.208 + 1.209 +/* 1.210 + 1.211 + 1.212 +ul ul {margin-left:1em;} 1.213 + 1.214 +dt{font-weight:normal;font-style:italic;} 1.215 +dl{margin:0;padding:0;margin-left:2em;} 1.216 + 1.217 +.src{background:#555;color:white;margin:0;line-height:1.5em!important;} 1.218 +.example{background:#766;color:white; 1.219 +margin:0;overflow:hidden;} 1.220 + 1.221 + 1.222 +body{ 1.223 + font:14px Georgia Serif, Times, Palatino,"Times New Roman", serif; 1.224 + font:13px Georgia, Times, "Times New Roman", Verdana, Tahoma, Helvetica; 1.225 + width:600px; 1.226 + margin:24px auto; 1.227 + line-height:1.5em; 1.228 + color:#111; 1.229 +} 1.230 + 1.231 +code{} 1.232 +a code{color:inherit;font-weight:inherit;} 1.233 + 1.234 +.float-right{float:right;} 1.235 + 1.236 + 1.237 + 1.238 + 1.239 + 1.240 + 1.241 +/*** GLOBAL HEADER ** 1.242 +div.header{margin-bottom:2em;} 1.243 +.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;} 1.244 +.header .nav ul{display:inline;} 1.245 +.header .nav li{display:inline;margin-right:0.75em;} 1.246 +.header .nav li a:hover{text-decoration:underline;} 1.247 +.header .nav li a{color:#555;} 1.248 + 1.249 +/*** ARTICLE CONTENT 1.250 + h1{ 1.251 + font-size:170%; 1.252 + margin-top:2em; 1.253 + margin-bottom:0.5em; 1.254 + font-weight:bold; 1.255 +} 1.256 +h2{ 1.257 + font-size:120%; 1.258 + font-weight:bold; 1.259 + margin-bottom:0.375em; 1.260 + padding-top:1.6em; 1.261 + border:0px solid red; 1.262 +} 1.263 +h4{font-size:100%;font-weight:bold;} 1.264 + 1.265 +h3{ 1.266 + font-size:110%; 1.267 + font-weight:bold; 1.268 + margin-bottom:0.75em; 1.269 + padding-top:1.8em; 1.270 +} 1.271 + 1.272 +.section-number-1,.section-number-3,.section-number-2,.section-number-4{font-weight:inherit} 1.273 + 1.274 + 1.275 +#table-of-contents{ 1.276 + margin:1.5em 0; 1.277 +} 1.278 + 1.279 +h1,h2,h3,h4,h5,h6,p{margin:2px 0;padding:0;} 1.280 + 1.281 +h2{margin-top:1.8em;} 1.282 +p{margin-bottom:7px} 1.283 + 1.284 +/* 1.285 +.header h1{font-family:Ubuntu,Arial,Helvetica,Verdana,sans-serif;} 1.286 + 1.287 +body{margin:24px 24px;font:14px Arial, Helvetia,Verdana, sans-serif;width:860px;margin:0px auto;} 1.288 +h1,h2,h3,h4,h5,h6,.nav a{} 1.289 +h1{font-size:200%;} 1.290 +h2{} 1.291 + 1.292 +.header{margin-bottom:2em;} 1.293 +.nav li{display:inline;padding-right:0.75em;} 1.294 +.nav li a:hover{text-decoration:underline;} 1.295 +.float-right{float:right;} 1.296 +.header .float-right input{display:inline;} 1.297 + 1.298 +input[type="text"]{margin-right:4px;padding:3px;} 1.299 + 1.300 +.src {padding:4px; padding-left:2em;border:1px solid #777;background:#444;color:white;} 1.301 + 1.302 + 1.303 + 1.304 + 1.305 +/*** ARTICLE CONTENT ***/ 1.306 + 1.307 + 1.308 + 1.309 +/**ARTICLE 1.310 + 1.311 +#content{line-height:1.2em;} 1.312 +#content h1{font-size:140%;font-size:180%;margin-bottom:1.6em;padding-bottom:.4em;text-align:left;border-bottom:1px solid transparent;} 1.313 +#content h2{font-size:120%;font-weight:bold;margin-bottom:6px;margin-bottom:12px;margin-top:3em;} 1.314 +#content p{margin-bottom:1em;} 1.315 +#content p:first-letter{margin-left:2em;} 1.316 + 1.317 +#content h2 > #content p:first-letter{margin-left:0px;} 1.318 + 1.319 + 1.320 + 1.321 + 1.322 + 1.323 + 1.324 +/*** LIGHT COLOR SCHEME 1.325 +body{background:#fff;color:#222;} 1.326 +h1{color:#982;} 1.327 +.nav li a{color:#555;} 1.328 +#article h1, #article h2, #article h3, #article h4 {color:#57e;color:#48b;color:#489;} 1.329 + 1.330 +#article h1{border-bottom-color:#e30;border-bottom-color:#888;} 1.331 + 1.332 + 1.333 + 1.334 +/*<body class="darke"><div id="contain-everything"> 1.335 +<div class="header"> 1.336 +<div class="float-right"> 1.337 + 1.338 +<form> 1.339 +<input type="text"/><input type="submit" value="search the blog »"/> 1.340 +</form> 1.341 +</div> 1.342 + 1.343 +<h1>aurellem ☉</h1> 1.344 +<ul class="nav"> 1.345 +<li><a href="#">read the blog »</a></li> 1.346 +<li><a href="#">learn about us »</a></li> 1.347 +</ul> 1.348 +</div> 1.349 +<div id="article"> 1.350 + 1.351 +</div></body> 1.352 +</html>*/ 1.353 +