diff 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 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;}