Mercurial > aurellem
changeset 58:41818c0cea59
add excellent css from Dylan.
author | Robert McIntyre <rlm@mit.edu> |
---|---|
date | Mon, 02 Mar 2015 09:11:06 -0800 |
parents | d1bf00be1f8e |
children | 053bce43913c |
files | css/dyln-dark-4.css |
diffstat | 1 files changed, 205 insertions(+), 0 deletions(-) [+] |
line wrap: on
line diff
1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/css/dyln-dark-4.css Mon Mar 02 09:11:06 2015 -0800 1.3 @@ -0,0 +1,205 @@ 1.4 +body { 1.5 + 1.6 + padding:0; 1.7 + margin:0; 1.8 + padding-bottom:2em; 1.9 + 1.10 + /* background:#3f3f3f; */ 1.11 + /* color:#f0f0f0; */ 1.12 + /* color:#dcdccc; */ 1.13 + font:16px "Titillium Web","Roboto Slab", Georgia, serif!important; 1.14 + 1.15 + line-height:1.6; 1.16 + 1.17 + background:#101010; 1.18 + 1.19 + color:#fff!important; 1.20 +} 1.21 +table {font-size:inherit;} 1.22 + 1.23 +h1,h2,h3,h4,h5,h6 { 1.24 + font-weight:normal; 1.25 +} 1.26 + 1.27 +.gold {color:#87a85c;} 1.28 +div.header { 1.29 + 1.30 + text-align:center; 1.31 + padding-top: 4em; 1.32 + padding-bottom:1em; 1.33 + /* background:#fff; */ 1.34 + /* color:#444; */ 1.35 + 1.36 + /* border-bottom:1em solid #09c; */ 1.37 + /* background:#000; */ 1.38 + /* border-bottom:0.5em solid #00fff0; */ 1.39 + /* border-color:#6a6a68; */ 1.40 + 1.41 + padding-bottom:2rem; 1.42 + border-bottom:0.0rem solid #00f0ff; 1.43 + 1.44 + border-bottom:0.0rem solid #6a6a68; 1.45 +} 1.46 +.header h1 { 1.47 + font-size:3em; 1.48 + text-align:center; 1.49 + color:#a7a85c; 1.50 + color:#f0ff00; 1.51 + margin:0;padding:0; 1.52 + font-size:3em; 1.53 + color:#666; 1.54 + color:#6a6a68; 1.55 + color:#fff; 1.56 + /* text-shadow:0 0 0.05em #f0ff00; */ 1.57 + /* text-shadow:0 0 2em #3d81ca, 0 0 0.1em #6092c7; */ 1.58 +} 1.59 +.header em, .header strong {font-style:inherit; font-weight:inherit;} 1.60 +/* .header:hover h1 {color:#6a6a68;} */ 1.61 +/* .header:hover author {color:#666;} */ 1.62 +/* .header:hover h1 em, .header:hover author em {color:#ff00f0;text-shadow:0 0 0.2em #fff000;} */ 1.63 + 1.64 +.header h1:before { 1.65 + content:'\2609'; 1.66 + color:#c90;color:#fff000; 1.67 + padding-right:0.25em; 1.68 + position:relative; 1.69 + top:0.1em; 1.70 +} 1.71 +/* .header:hover h1:before { */ 1.72 +/* text-shadow:0 0 0.2em #fff000; */ 1.73 +/* color:#fff; */ 1.74 + 1.75 +/* } */ 1.76 + 1.77 + 1.78 +.authors { 1.79 + text-transform:uppercase; 1.80 + letter-spacing:0.58em; 1.81 + font-size:0.875em; 1.82 + letter-spacing:0.2em; 1.83 + 1.84 +} 1.85 + 1.86 +table.toc { 1.87 + margin:0 auto; 1.88 + 1.89 +} 1.90 + 1.91 +.content, .footer { 1.92 + max-width:64em; 1.93 + margin:0 auto; 1.94 + padding:0 4em; 1.95 +} 1.96 +.footer a:first-child {display:block;text-align:center;} 1.97 +.footer em {font-style:normal; color:#f0ff00;} 1.98 + 1.99 +table.toc th { 1.100 + /* font-family:"Cabin Sketch", Georgia, serif; */ 1.101 + /* text-align:right; */ 1.102 + /* font-size:2rem; */ 1.103 + padding-right:1em; 1.104 + font-weight:normal; 1.105 + text-transform:uppercase; 1.106 + color:#6a6a68; 1.107 +} 1.108 + 1.109 + 1.110 +table.toc td, table.toc th { 1.111 + padding-bottom:2rem; 1.112 + padding-top:2rem; 1.113 + vertical-align:top!important; 1.114 + border-bottom:0rem dotted #6a6a68; 1.115 +} 1.116 +table.toc th { 1.117 + min-width:10em; 1.118 + padding-right:2em; 1.119 + text-align:right; 1.120 +} 1.121 + 1.122 +ul { 1.123 + margin-left:0; 1.124 + padding-left:0; 1.125 +} 1.126 +li { 1.127 + list-style-type:none; 1.128 +} 1.129 +li:before { 1.130 + content:"\00bb "; 1.131 + color:rgba(255,255,255,0.5); 1.132 +} 1.133 +a{color:#5ca7a8;text-decoration:none; 1.134 + color:#00fff0; 1.135 + color:#00c0f0; 1.136 + } 1.137 +a:hover{text-decoration:underline;} 1.138 + 1.139 +.footer { 1.140 + color:#6a6a68; 1.141 + /* font-size:0.667em; */ 1.142 + border-top:0.0em dotted #6a6a68; 1.143 + padding-top:1em; 1.144 + margin-top:2em; 1.145 + border-top:0.1em dotted #6a6a68; 1.146 +} 1.147 + 1.148 +h2 { 1.149 + color:#f0c000; 1.150 + /* color:#f0ff00; */ 1.151 +} 1.152 +.content h2:before { 1.153 + content:"\2609"; 1.154 + padding-right:0.25em; 1.155 + 1.156 +} 1.157 + 1.158 +.header h2 { 1.159 + margin:0; padding:0; 1.160 + font-size:1.25rem; 1.161 + color: #f0ff00; 1.162 + color:#f000ff; 1.163 + color:#00fff0; 1.164 + color:#fff000; 1.165 + color:#ff00f0; 1.166 + color:#00f0ff; 1.167 + 1.168 + 1.169 + 1.170 +} 1.171 +p.description, p.micro { 1.172 + font-size:0.875em; 1.173 + margin:0; 1.174 + 1.175 +} 1.176 +p.micro { 1.177 + color:#6a6a68; 1.178 + color:inherit; 1.179 +} 1.180 + 1.181 +body { 1.182 + /* transform-origin: 50% 50%; */ 1.183 + /* transform: perspective(40em) rotateY(20deg) ; */ 1.184 + background-image: -moz-radial-gradient(top center,#000 60%, 1.185 + #143b64 80%, #3d81ca 90%, #d7d4ef 98%, #6092c7 110%); 1.186 + background:#121212; 1.187 + 1.188 + 1.189 + background-attachment:fixed; 1.190 + background-size:120%; 1.191 + /* position:fixed; */ 1.192 + /* top:0; left:0;right:0; */ 1.193 + /* height:8em; */ 1.194 + /* border-right:0.1em solid #6a6a68; */ 1.195 + background:#121212 url("chalkboard.jpg"); 1.196 +} 1.197 + 1.198 + 1.199 +body {background:#002b36; color:#eee8d5} 1.200 +table.toc th {color:#93a1a1;} 1.201 +a{color:#268bd2;color:#869900;color:#d33682;color:#2aa198;} 1.202 +.content h2, .header h1:before { 1.203 + color:#b58900; 1.204 + border-color:#b58900; 1.205 + } 1.206 +.footer {color:#869900;} 1.207 +.footer em {color:inherit;} 1.208 +.header h2 {color:#cb4b16;}