view css/dyln-dark-4.css @ 66:e24672e0365d

working on a revamp of aurellem.org.
author Robert McIntyre <rlm@mit.edu>
date Sun, 12 Apr 2015 21:38:20 -0700
parents 41818c0cea59
children 898238723c64
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 width: 70em;
126 }
127 div.date:before {
128 content:"\00bb ";
129 color:rgba(255,255,255,0.5);
130 }
131 a{color:#5ca7a8;text-decoration:none;
132 color:#00fff0;
133 color:#00c0f0;
134 }
135 a:hover{text-decoration:underline;}
137 .footer {
138 color:#6a6a68;
139 /* font-size:0.667em; */
140 border-top:0.0em dotted #6a6a68;
141 padding-top:1em;
142 margin-top:2em;
143 border-top:0.1em dotted #6a6a68;
144 }
146 h2 {
147 color:#f0c000;
148 /* color:#f0ff00; */
149 }
150 .content h2:before {
151 content:"\2609";
152 padding-right:0.25em;
154 }
156 .header h2 {
157 margin:0; padding:0;
158 font-size:1.25rem;
159 color: #f0ff00;
160 color:#f000ff;
161 color:#00fff0;
162 color:#fff000;
163 color:#ff00f0;
164 color:#00f0ff;
168 }
169 p.description, p.micro {
170 font-size:0.875em;
171 margin:0;
173 }
174 p.micro {
175 color:#6a6a68;
176 color:inherit;
177 }
179 body {
180 /* transform-origin: 50% 50%; */
181 /* transform: perspective(40em) rotateY(20deg) ; */
182 background-image: -moz-radial-gradient(top center,#000 60%,
183 #143b64 80%, #3d81ca 90%, #d7d4ef 98%, #6092c7 110%);
184 background:#121212;
187 background-attachment:fixed;
188 background-size:120%;
189 /* position:fixed; */
190 /* top:0; left:0;right:0; */
191 /* height:8em; */
192 /* border-right:0.1em solid #6a6a68; */
193 background:#121212 url("chalkboard.jpg");
194 }
197 body {background:#002b36; color:#eee8d5}
198 table.toc th {color:#93a1a1;}
199 a{color:#268bd2;color:#869900;color:#d33682;color:#2aa198;}
200 .content h2, .header h1:before {
201 color:#b58900;
202 border-color:#b58900;
203 }
204 .footer {color:#869900;}
205 .footer em {color:inherit;}
206 .header h2 {color:#cb4b16;}
208 div.date{
209 float:left;
210 width: 7em;
211 color: cyan;