Mercurial > aurellem
view css/aurellem-dark.css @ 64:148e2bd2a16e
new website design, courtesy of Dylan!
author | Robert McIntyre <rlm@mit.edu> |
---|---|
date | Sun, 08 Mar 2015 22:23:50 -0700 |
parents | 50eaf30eceec |
children |
line wrap: on
line source
2 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;}4 .section-number-1,.section-number-2,.section-number-3,.section-number-4,.section-number-5,.section-number-6{font-weight:inherit;}6 .float-right{float:right;}8 .author{9 color:#666;10 line-height:3em;11 }13 body{14 font:87.5% "Georgia Serif", Times, Palatino, "Times New Roman", serif;15 }16 a{color:blue;}17 html>body{font-size:14px;}19 body{20 width:54em;21 padding:1.5em;22 padding-top:6em;24 }26 p{27 line-height:1.5em;28 font-size:1em;29 margin-top:1.5em;30 margin-bottom:1.5em;31 }32 .post_list{33 margin-top:1.5em;34 }36 .title{text-align:left;}40 h1{font-size:2.5em;line-height:1.2em;}41 h2{font-size:1.5em;line-height:1em;margin-top:2em;margin-bottom:1em;}42 h3{43 font-size:1.1667em;44 line-height: 1.286em;45 margin-top:1.929em;46 margin-bottom:0.643em;47 font-weight:bolder;48 }49 h4{50 font-weight:bold;51 line-height:3em;52 }57 /*p + dl{58 margin-top:-1.5em;59 border:1px solid red;60 }*/61 dt{font-weight:bold;}62 dd{padding-left:1.5em;}64 li{65 font-size:100%;66 line-height:1.5em;67 }70 div{margin:0!important;padding:0!important;}71 /*table{display:none;}*/72 .src,.example{margin:0;padding:1em;font-size:1em;line-height:1.5em;73 }74 .src{background:#444;color:#fff;}75 .example{background:#766;color:#fff;padding:.75em}78 .header{79 font-family:Arial,Helvetica,Verdana,sans-serif;80 vertical-align:text-top;81 position:absolute;82 top:0px;left:0px;83 right:0px;84 background:#345;85 padding:.75em 1.5em!important;86 border-bottom:1.5em solid #EBD6D6;87 border-bottom-color:#9FB8D3;88 background:#0F4D92;90 border-bottom:1em solid #cdf;91 background:#444;92 background:#49A;93 background:transparent;94 background:#eef0ff;96 background:#933;97 background:#A55;99 border-color:#EDD;101 /*background: #939;102 border-color:#EDE;*/104 /* background:#359; */105 /* border-color:#9AC; */107 }113 .header h1{114 font:1.75em Arial,Helvetica,Verdana,sans-serif;115 line-height:1.166em;116 font-weight:bold;117 color:#b90;118 color:#06a;119 color:#fff;121 text-shadow: #822 0px 0px 2px;123 font-weight:normal;124 display:inline;125 }126 .header h1 em{127 color:#b90;128 color:#fc2;129 color:#b90;130 color:#db2;131 color:#fd4;132 font-weight:bold;133 font-style:normal;134 }135 .header * {vertical-align:middle;}137 .header ul {138 display:inline;139 padding-left:1.5em;140 margin-left:0!important;141 }142 .header li {143 display:inline;144 padding:0 .75em;145 }146 .header li a{147 text-decoration:none;148 color:#ffd;149 }151 /*dl{display:none;}*/155 ol{margin-left:1.5em;}156 ul{157 list-style-type: disc;158 margin-left:1.5em;159 }160 ul ul{161 list-style-type:circle;162 }164 #table-of-contents ul{list-style-type:none;}165 #text-table-of-contents > ul:first-child > li > a{ font-weight:bold;}170 #postamble p,#postamble a{171 font-size:.857em;172 line-height:1.75em;173 padding:0;174 margin:0;175 }176 #postamble{177 margin:1.75em 0!important;178 border-top:1px solid #888;179 }181 blockquote{182 margin-left:1em;183 }195 /*** blue **/196 a{}197 .header a{background:inherit;}198 h1,h2,h3,h4,h5,h6, #text-table-of-contents li{199 color:#026;200 color:#0A3361;201 font-weight:normal;202 }203 .header{background:#0F4D92;border-bottom-color:#AFC4DB204 }205 .header h1{text-shadow: #228 0px 0px 2px;}208 /** STOP CENSORSHIP!209 *:nth-child(odd):before{content:"[censored] "}210 h1:after{content:"[[ stopthewall.us ]]"}211 .censor{212 position:fixed;213 text-align:center;214 top:4em;215 background:black;216 padding:1em;217 text-shadow:none!important;218 color:white!important;219 }221 /*224 ul ul {margin-left:1em;}226 dt{font-weight:normal;font-style:italic;}227 dl{margin:0;padding:0;margin-left:2em;}229 .src{background:#555;color:white;margin:0;line-height:1.5em!important;}230 .example{background:#766;color:white;231 margin:0;overflow:hidden;}234 body{235 font:14px Georgia Serif, Times, Palatino,"Times New Roman", serif;236 font:13px Georgia, Times, "Times New Roman", Verdana, Tahoma, Helvetica;237 width:600px;238 margin:24px auto;239 line-height:1.5em;240 color:#111;241 }243 code{}244 a code{color:inherit;font-weight:inherit;}246 .float-right{float:right;}253 /*** GLOBAL HEADER **254 div.header{margin-bottom:2em;}255 .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;}256 .header .nav ul{display:inline;}257 .header .nav li{display:inline;margin-right:0.75em;}258 .header .nav li a:hover{text-decoration:underline;}259 .header .nav li a{color:#555;}261 /*** ARTICLE CONTENT262 h1{263 font-size:170%;264 margin-top:2em;265 margin-bottom:0.5em;266 font-weight:bold;267 }268 h2{269 font-size:120%;270 font-weight:bold;271 margin-bottom:0.375em;272 padding-top:1.6em;273 border:0px solid red;274 }275 h4{font-size:100%;font-weight:bold;}277 h3{278 font-size:110%;279 font-weight:bold;280 margin-bottom:0.75em;281 padding-top:1.8em;282 }284 .section-number-1,.section-number-3,.section-number-2,.section-number-4{font-weight:inherit}287 #table-of-contents{288 margin:1.5em 0;289 }291 h1,h2,h3,h4,h5,h6,p{margin:2px 0;padding:0;}293 h2{margin-top:1.8em;}294 p{margin-bottom:7px}296 /*297 .header h1{font-family:Ubuntu,Arial,Helvetica,Verdana,sans-serif;}299 body{margin:24px 24px;font:14px Arial, Helvetia,Verdana, sans-serif;width:860px;margin:0px auto;}300 h1,h2,h3,h4,h5,h6,.nav a{}301 h1{font-size:200%;}302 h2{}304 .header{margin-bottom:2em;}305 .nav li{display:inline;padding-right:0.75em;}306 .nav li a:hover{text-decoration:underline;}307 .float-right{float:right;}308 .header .float-right input{display:inline;}310 input[type="text"]{margin-right:4px;padding:3px;}312 .src {padding:4px; padding-left:2em;border:1px solid #777;background:#444;color:white;}317 /*** ARTICLE CONTENT TEST ***/321 /**ARTICLE323 #content{line-height:1.2em;}324 #content h1{font-size:140%;font-size:180%;margin-bottom:1.6em;padding-bottom:.4em;text-align:left;border-bottom:1px solid transparent;}325 #content h2{font-size:120%;font-weight:bold;margin-bottom:6px;margin-bottom:12px;margin-top:3em;}326 #content p{margin-bottom:1em;}327 #content p:first-letter{margin-left:2em;}329 #content h2 > #content p:first-letter{margin-left:0px;}336 /*** LIGHT COLOR SCHEME337 body{background:#fff;color:#222;}338 h1{color:#982;}339 .nav li a{color:#555;}340 #article h1, #article h2, #article h3, #article h4 {color:#57e;color:#48b;color:#489;}342 #article h1{border-bottom-color:#e30;border-bottom-color:#888;}346 /*<body class="darke"><div id="contain-everything">347 <div class="header">348 <div class="float-right">350 <form>351 <input type="text"/><input type="submit" value="search the blog »"/>352 </form>353 </div>355 <h1>aurellem ☉</h1>356 <ul class="nav">357 <li><a href="#">read the blog »</a></li>358 <li><a href="#">learn about us »</a></li>359 </ul>360 </div>361 <div id="article">363 </div></body>364 </html>*/