view css/dyln-dark-4.css @ 67:898238723c64

launching new website.
author Robert McIntyre <rlm@mit.edu>
date Sun, 19 Apr 2015 03:54:04 -0700
parents e24672e0365d
children 59675c525087
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:2em;
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: 100%;
126 margin-bottom:10px;
128 }
129 li:before {
130 content:"\00bb";
131 color:rgba(255,255,255,0.5);
132 margin-right: 2px;
133 float: left;
134 width: 1em;
135 }
136 a{color:#5ca7a8;text-decoration:none;
137 color:#00fff0;
138 color:#00c0f0;
139 }
140 table.toc a{
141 display:inline-block;
142 width:80%;
144 }
145 a:hover{text-decoration:underline;}
147 .footer {
148 color:#6a6a68;
149 /* font-size:0.667em; */
150 border-top:0.0em dotted #6a6a68;
151 padding-top:1em;
152 margin-top:2em;
153 border-top:0.1em dotted #6a6a68;
154 }
156 h2 {
157 color:#f0c000;
158 /* color:#f0ff00; */
159 }
160 .content h2:before {
161 content:"\2609";
162 padding-right:0.25em;
164 }
166 .header h2 {
167 margin:0; padding:0;
168 font-size:1.25rem;
169 color: #f0ff00;
170 color:#f000ff;
171 color:#00fff0;
172 color:#fff000;
173 color:#ff00f0;
174 color:#00f0ff;
175 }
176 p.description, p.micro {
177 font-size:0.875em;
178 margin:0;
179 width:80%;
180 }
181 p.micro {
182 color:#6a6a68;
183 color:inherit;
184 }
186 body {
187 /* transform-origin: 50% 50%; */
188 /* transform: perspective(40em) rotateY(20deg) ; */
189 background-image: -moz-radial-gradient(top center,#000 60%,
190 #143b64 80%, #3d81ca 90%, #d7d4ef 98%, #6092c7 110%);
191 background:#121212;
194 background-attachment:fixed;
195 background-size:120%;
196 /* position:fixed; */
197 /* top:0; left:0;right:0; */
198 /* height:8em; */
199 /* border-right:0.1em solid #6a6a68; */
200 background:#121212 url("chalkboard.jpg");
201 }
204 body {background:#002b36; color:#eee8d5}
205 table.toc th {color:#93a1a1;}
206 a{color:#268bd2;color:#869900;color:#d33682;color:#2aa198;}
207 .content h2, .header h1:before {
208 color:#b58900;
209 border-color:#b58900;
210 }
211 .footer {color:#869900;}
212 .footer em {color:inherit;}
213 .header h2 {color:#cb4b16;}
215 div.date{
216 float:right;
217 width: 7em;
218 color: cyan;
219 margin-left: 1em;