Mercurial > aurellem
view css/dyln-dark-4.css @ 66:e24672e0365d
working on a revamp of aurellem.org.
author | Robert McIntyre <rlm@mit.edu> |
---|---|
date | Sun, 12 Apr 2015 21:38:20 -0700 |
parents | 41818c0cea59 |
children | 898238723c64 |
line wrap: on
line source
1 body {3 padding:0;4 margin:0;5 padding-bottom:2em;7 /* background:#3f3f3f; */8 /* color:#f0f0f0; */9 /* color:#dcdccc; */10 font:16px "Titillium Web","Roboto Slab", Georgia, serif!important;12 line-height:1.6;14 background:#101010;16 color:#fff!important;17 }18 table {font-size:inherit;}20 h1,h2,h3,h4,h5,h6 {21 font-weight:normal;22 }24 .gold {color:#87a85c;}25 div.header {27 text-align:center;28 padding-top: 4em;29 padding-bottom:1em;30 /* background:#fff; */31 /* color:#444; */33 /* border-bottom:1em solid #09c; */34 /* background:#000; */35 /* border-bottom:0.5em solid #00fff0; */36 /* border-color:#6a6a68; */38 padding-bottom:2rem;39 border-bottom:0.0rem solid #00f0ff;41 border-bottom:0.0rem solid #6a6a68;42 }43 .header h1 {44 font-size:3em;45 text-align:center;46 color:#a7a85c;47 color:#f0ff00;48 margin:0;padding:0;49 font-size:3em;50 color:#666;51 color:#6a6a68;52 color:#fff;53 /* text-shadow:0 0 0.05em #f0ff00; */54 /* text-shadow:0 0 2em #3d81ca, 0 0 0.1em #6092c7; */55 }56 .header em, .header strong {font-style:inherit; font-weight:inherit;}57 /* .header:hover h1 {color:#6a6a68;} */58 /* .header:hover author {color:#666;} */59 /* .header:hover h1 em, .header:hover author em {color:#ff00f0;text-shadow:0 0 0.2em #fff000;} */61 .header h1:before {62 content:'\2609';63 color:#c90;color:#fff000;64 padding-right:0.25em;65 position:relative;66 top:0.1em;67 }68 /* .header:hover h1:before { */69 /* text-shadow:0 0 0.2em #fff000; */70 /* color:#fff; */72 /* } */75 .authors {76 text-transform:uppercase;77 letter-spacing:0.58em;78 font-size:0.875em;79 letter-spacing:0.2em;81 }83 table.toc {84 margin:0 auto;86 }88 .content, .footer {89 max-width:64em;90 margin:0 auto;91 padding:0 4em;92 }93 .footer a:first-child {display:block;text-align:center;}94 .footer em {font-style:normal; color:#f0ff00;}96 table.toc th {97 /* font-family:"Cabin Sketch", Georgia, serif; */98 /* text-align:right; */99 /* font-size:2rem; */100 padding-right:1em;101 font-weight:normal;102 text-transform:uppercase;103 color:#6a6a68;104 }107 table.toc td, table.toc th {108 padding-bottom:2rem;109 padding-top:2rem;110 vertical-align:top!important;111 border-bottom:0rem dotted #6a6a68;112 }113 table.toc th {114 min-width:10em;115 padding-right:2em;116 text-align:right;117 }119 ul {120 margin-left:0;121 padding-left:0;122 }123 li {124 list-style-type:none;125 width: 70em;126 }127 div.date:before {128 content:"\00bb ";129 color:rgba(255,255,255,0.5);130 }131 a{color:#5ca7a8;text-decoration:none;132 color:#00fff0;133 color:#00c0f0;134 }135 a:hover{text-decoration:underline;}137 .footer {138 color:#6a6a68;139 /* font-size:0.667em; */140 border-top:0.0em dotted #6a6a68;141 padding-top:1em;142 margin-top:2em;143 border-top:0.1em dotted #6a6a68;144 }146 h2 {147 color:#f0c000;148 /* color:#f0ff00; */149 }150 .content h2:before {151 content:"\2609";152 padding-right:0.25em;154 }156 .header h2 {157 margin:0; padding:0;158 font-size:1.25rem;159 color: #f0ff00;160 color:#f000ff;161 color:#00fff0;162 color:#fff000;163 color:#ff00f0;164 color:#00f0ff;168 }169 p.description, p.micro {170 font-size:0.875em;171 margin:0;173 }174 p.micro {175 color:#6a6a68;176 color:inherit;177 }179 body {180 /* transform-origin: 50% 50%; */181 /* transform: perspective(40em) rotateY(20deg) ; */182 background-image: -moz-radial-gradient(top center,#000 60%,183 #143b64 80%, #3d81ca 90%, #d7d4ef 98%, #6092c7 110%);184 background:#121212;187 background-attachment:fixed;188 background-size:120%;189 /* position:fixed; */190 /* top:0; left:0;right:0; */191 /* height:8em; */192 /* border-right:0.1em solid #6a6a68; */193 background:#121212 url("chalkboard.jpg");194 }197 body {background:#002b36; color:#eee8d5}198 table.toc th {color:#93a1a1;}199 a{color:#268bd2;color:#869900;color:#d33682;color:#2aa198;}200 .content h2, .header h1:before {201 color:#b58900;202 border-color:#b58900;203 }204 .footer {color:#869900;}205 .footer em {color:inherit;}206 .header h2 {color:#cb4b16;}208 div.date{209 float:left;210 width: 7em;211 color: cyan;212 }