view css/dyln-dark-4.css @ 91:5bcf717fc179

share audio/video
author rlm <rlm@aurellem.org>
date Thu, 14 Jan 2016 14:54:52 -0800
parents 59675c525087
children effc23e38a82
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 outline:0;
140 }
141 table.toc a{
142 display:inline-block;
143 width:80%;
145 }
146 a:hover{text-decoration:underline;}
148 .footer {
149 color:#6a6a68;
150 /* font-size:0.667em; */
151 border-top:0.0em dotted #6a6a68;
152 padding-top:1em;
153 margin-top:2em;
154 border-top:0.1em dotted #6a6a68;
155 }
157 h2 {
158 color:#f0c000;
159 /* color:#f0ff00; */
160 }
161 .content h2:before {
162 content:"\2609";
163 padding-right:0.25em;
165 }
167 .header h2 {
168 margin:0; padding:0;
169 font-size:1.25rem;
170 color: #f0ff00;
171 color:#f000ff;
172 color:#00fff0;
173 color:#fff000;
174 color:#ff00f0;
175 color:#00f0ff;
176 }
177 p.description, p.micro {
178 font-size:0.875em;
179 margin:0;
180 width:80%;
181 }
182 p.micro {
183 color:#6a6a68;
184 color:inherit;
185 }
187 body {
188 /* transform-origin: 50% 50%; */
189 /* transform: perspective(40em) rotateY(20deg) ; */
190 background-image: -moz-radial-gradient(top center,#000 60%,
191 #143b64 80%, #3d81ca 90%, #d7d4ef 98%, #6092c7 110%);
192 background:#121212;
195 background-attachment:fixed;
196 background-size:120%;
197 /* position:fixed; */
198 /* top:0; left:0;right:0; */
199 /* height:8em; */
200 /* border-right:0.1em solid #6a6a68; */
201 background:#121212 url("chalkboard.jpg");
202 }
205 /*
206 body {background:#002b36; color:#eee8d5}
207 table.toc th {color:#93a1a1;}
208 a{color:#268bd2;color:#869900;color:#d33682;color:#2aa198;}
209 .content h2, .header h1:before {
210 color:#b58900;
211 border-color:#b58900;
212 }
213 .footer {color:#869900;}
214 .footer em {color:inherit;}
215 .header h2 {color:#cb4b16;}
216 */
218 div.date{
219 float:right;
220 width: 7em;
221 color: cyan;
222 margin-left: 1em;