Mercurial > aurellem

annotate css/dyln-dark-4.css @ 58:41818c0cea59

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