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