Mercurial > aurellem
view css/dyln-dark-4.css @ 58:41818c0cea59
add excellent css from Dylan.
author | Robert McIntyre <rlm@mit.edu> |
---|---|
date | Mon, 02 Mar 2015 09:11:06 -0800 |
parents | |
children | e24672e0365d |
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 }126 li:before {127 content:"\00bb ";128 color:rgba(255,255,255,0.5);129 }130 a{color:#5ca7a8;text-decoration:none;131 color:#00fff0;132 color:#00c0f0;133 }134 a:hover{text-decoration:underline;}136 .footer {137 color:#6a6a68;138 /* font-size:0.667em; */139 border-top:0.0em dotted #6a6a68;140 padding-top:1em;141 margin-top:2em;142 border-top:0.1em dotted #6a6a68;143 }145 h2 {146 color:#f0c000;147 /* color:#f0ff00; */148 }149 .content h2:before {150 content:"\2609";151 padding-right:0.25em;153 }155 .header h2 {156 margin:0; padding:0;157 font-size:1.25rem;158 color: #f0ff00;159 color:#f000ff;160 color:#00fff0;161 color:#fff000;162 color:#ff00f0;163 color:#00f0ff;167 }168 p.description, p.micro {169 font-size:0.875em;170 margin:0;172 }173 p.micro {174 color:#6a6a68;175 color:inherit;176 }178 body {179 /* transform-origin: 50% 50%; */180 /* transform: perspective(40em) rotateY(20deg) ; */181 background-image: -moz-radial-gradient(top center,#000 60%,182 #143b64 80%, #3d81ca 90%, #d7d4ef 98%, #6092c7 110%);183 background:#121212;186 background-attachment:fixed;187 background-size:120%;188 /* position:fixed; */189 /* top:0; left:0;right:0; */190 /* height:8em; */191 /* border-right:0.1em solid #6a6a68; */192 background:#121212 url("chalkboard.jpg");193 }196 body {background:#002b36; color:#eee8d5}197 table.toc th {color:#93a1a1;}198 a{color:#268bd2;color:#869900;color:#d33682;color:#2aa198;}199 .content h2, .header h1:before {200 color:#b58900;201 border-color:#b58900;202 }203 .footer {color:#869900;}204 .footer em {color:inherit;}205 .header h2 {color:#cb4b16;}