Commit | Line | Data |
---|---|---|
d0f6c3cd AE |
1 | /* Resets and base styles from HTML5 Boilerplate */ |
2 | div, span, object, iframe, | |
3 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
4 | abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, | |
5 | small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, | |
6 | fieldset, form, label, legend, | |
7 | table, caption, tbody, tfoot, thead, tr, th, td, | |
8 | article, aside, canvas, details, figcaption, figure, | |
9 | footer, header, hgroup, menu, nav, section, summary, | |
10 | time, mark, audio, video { | |
11 | margin: 0; | |
12 | padding: 0; | |
13 | border: 0; | |
14 | font-size: 100%; | |
15 | font: inherit; | |
16 | vertical-align: baseline; | |
17 | } | |
18 | ||
19 | article, aside, details, figcaption, figure, | |
20 | footer, header, hgroup, menu, nav, section { | |
21 | display: block; | |
22 | } | |
23 | ||
24 | blockquote, q { | |
25 | quotes: none; | |
26 | } | |
27 | blockquote:before, blockquote:after, q:before, q:after { | |
28 | content: ""; | |
29 | content: none; | |
30 | } | |
31 | ||
32 | ins { | |
33 | background-color: #ff9; | |
34 | color: #000; | |
35 | text-decoration: none; | |
36 | } | |
37 | ||
38 | mark { | |
39 | background-color: #ff9; | |
40 | color: #000; | |
41 | font-style: italic; | |
42 | font-weight: bold; | |
43 | } | |
44 | ||
45 | del { | |
46 | text-decoration: line-through; | |
47 | } | |
48 | ||
49 | abbr[title], dfn[title] { | |
50 | border-bottom: 1px dotted; | |
51 | cursor: help; | |
52 | } | |
53 | ||
54 | table { | |
55 | border-collapse: collapse; | |
56 | border-spacing: 0; | |
57 | } | |
58 | ||
59 | hr { | |
60 | display: block; | |
61 | height: 1px; | |
62 | border: 0; | |
63 | border-top: 1px solid #ccc; | |
64 | margin: 1em 0; | |
65 | padding: 0; | |
66 | } | |
67 | ||
68 | input, select { | |
69 | vertical-align: middle; | |
70 | } | |
71 | ||
72 | select, input, textarea, button { | |
73 | font: 99% sans-serif; | |
74 | } | |
75 | ||
76 | pre, code, kbd, samp { | |
77 | font-family: monospace, sans-serif; | |
78 | } | |
79 | ||
80 | a { | |
81 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
82 | } | |
83 | a:hover, a:active { | |
84 | outline: none; | |
85 | } | |
86 | ||
87 | ul, ol { | |
88 | margin-left: 2em; | |
89 | vertical-align: top; | |
90 | } | |
91 | ||
92 | ol { | |
93 | list-style-type: decimal; | |
94 | } | |
95 | ||
96 | nav ul, nav li { | |
97 | margin: 0; | |
98 | list-style: none; | |
99 | list-style-image: none; | |
100 | } | |
101 | ||
102 | small { | |
103 | font-size: 85%; | |
104 | } | |
105 | ||
106 | strong, th { | |
107 | font-weight: bold; | |
108 | } | |
109 | ||
110 | td { | |
111 | vertical-align: top; | |
112 | } | |
113 | ||
114 | sub, sup { | |
115 | font-size: 75%; | |
116 | line-height: 0; | |
117 | position: relative; | |
118 | } | |
119 | ||
120 | sup { | |
121 | top: -0.5em; | |
122 | } | |
123 | ||
124 | sub { | |
125 | bottom: -0.25em; | |
126 | } | |
127 | ||
128 | textarea { | |
129 | overflow: auto; | |
130 | } | |
131 | ||
132 | input[type="radio"] { | |
133 | vertical-align: text-bottom; | |
134 | } | |
135 | ||
136 | input[type="checkbox"] { | |
137 | vertical-align: bottom; | |
138 | } | |
139 | ||
140 | label, | |
141 | input[type="button"], | |
142 | input[type="submit"], | |
143 | input[type="image"], | |
144 | button { | |
145 | cursor: pointer; | |
146 | } | |
147 | ||
148 | button, input, select, textarea { | |
149 | margin: 0; | |
150 | } | |
151 | ||
152 | input:invalid, textarea:invalid { | |
153 | border-radius: 1px; | |
154 | -moz-box-shadow: 0px 0px 5px red; | |
155 | -webkit-box-shadow: 0px 0px 5px red; | |
156 | box-shadow: 0px 0px 5px red; | |
157 | } | |
158 | input:invalid .no-boxshadow, textarea:invalid .no-boxshadow { | |
159 | background-color: #f0dddd; | |
160 | } | |
161 | ||
162 | button { | |
163 | width: auto; | |
164 | overflow: visible; | |
165 | } | |
166 | ||
167 | select, input, textarea { | |
168 | color: #444444; | |
169 | } | |
170 | ||
171 | a { | |
172 | color: #607890; | |
173 | } | |
174 | a:hover, a:focus { | |
175 | color: #036; | |
176 | } | |
177 | a:link { | |
178 | -webkit-tap-highlight-color: #fff; | |
179 | } | |
180 | ||
181 | /* End HTML5 Boilerplate adaptations */ | |
182 | h1 { | |
183 | font-size: 4.5em; | |
184 | } | |
185 | ||
186 | h1, .vcenter { | |
187 | font-weight: bold; | |
188 | text-align: center; | |
189 | padding-top: 1em; | |
190 | max-height: 100%; | |
191 | } | |
192 | .csstransforms h1, .csstransforms .vcenter { | |
193 | padding: 0 48px; | |
194 | position: absolute; | |
195 | left: 0; | |
196 | right: 0; | |
197 | top: 50%; | |
198 | -webkit-transform: translate(0, -50%); | |
199 | -moz-transform: translate(0, -50%); | |
200 | -ms-transform: translate(0, -50%); | |
201 | -o-transform: translate(0, -50%); | |
202 | transform: translate(0, -50%); | |
203 | } | |
204 | ||
205 | .vcenter h1 { | |
206 | position: relative; | |
207 | top: auto; | |
208 | padding: 0; | |
209 | -webkit-transform: none; | |
210 | -moz-transform: none; | |
211 | -ms-transform: none; | |
212 | -o-transform: none; | |
213 | transform: none; | |
214 | } | |
215 | ||
216 | h2 { | |
217 | font-size: 2.25em; | |
218 | font-weight: bold; | |
219 | padding-top: .5em; | |
220 | margin: 0 0 .66666em 0; | |
221 | border-bottom: 3px solid #888; | |
222 | } | |
223 | ||
224 | h3 { | |
225 | font-size: 1.4375em; | |
226 | font-weight: bold; | |
227 | margin-bottom: .30435em; | |
228 | } | |
229 | ||
230 | h4 { | |
231 | font-size: 1.25em; | |
232 | font-weight: bold; | |
233 | margin-bottom: .25em; | |
234 | } | |
235 | ||
236 | h5 { | |
237 | font-size: 1.125em; | |
238 | font-weight: bold; | |
239 | margin-bottom: .2222em; | |
240 | } | |
241 | ||
242 | h6 { | |
243 | font-size: 1em; | |
244 | font-weight: bold; | |
245 | } | |
246 | ||
247 | img, iframe, video { | |
248 | display: block; | |
249 | max-width: 100%; | |
250 | } | |
251 | ||
252 | video, iframe, img { | |
253 | display: block; | |
254 | margin: 0 auto; | |
255 | } | |
256 | ||
257 | p, blockquote, iframe, img, ul, ol, pre, video { | |
258 | margin-bottom: 1em; | |
259 | } | |
260 | ||
261 | pre { | |
262 | white-space: pre; | |
263 | white-space: pre-wrap; | |
264 | word-wrap: break-word; | |
265 | padding: 1em; | |
266 | border: 1px solid #888; | |
267 | } | |
268 | ||
269 | em { | |
270 | font-style: italic; | |
271 | } | |
272 | ||
273 | li { | |
274 | padding: .25em 0; | |
275 | vertical-align: middle; | |
276 | } | |
277 | li > ol, li > ul { | |
278 | margin-bottom: inherit; | |
279 | } | |
280 | ||
281 | .deck-container { | |
282 | font-size: 16px; | |
283 | line-height: 1.25; | |
284 | color: #444; | |
285 | } | |
286 | ||
287 | .slide { | |
288 | -moz-box-sizing: border-box; | |
289 | box-sizing: border-box; | |
290 | width: 100%; | |
291 | } | |
292 | ||
293 | h1 { | |
294 | color: #0af; | |
295 | font-weight: normal; | |
296 | font-weight: 100; | |
297 | text-shadow: 0 0 50px #0af, 0 0 3px #fff; | |
298 | } | |
299 | ||
300 | h2 { | |
301 | color: #af0; | |
302 | border-bottom-color: #ccc; | |
303 | font-weight: normal; | |
304 | font-weight: 100; | |
305 | text-shadow: 0 0 15px #af0, 0 0 2px #fff; | |
306 | border-bottom: 1px solid #333; | |
307 | } | |
308 | ||
309 | h3 { | |
310 | color: #fff; | |
311 | font-weight: normal; | |
312 | font-weight: 100; | |
313 | text-shadow: 0 0 10px #fff, 0 0 2px #fff; | |
314 | } | |
315 | ||
316 | pre { | |
317 | border-color: #333; | |
318 | } | |
319 | pre code { | |
320 | color: #fff; | |
321 | } | |
322 | ||
323 | code { | |
324 | color: #f0a; | |
325 | } | |
326 | ||
327 | blockquote { | |
328 | font-size: 2em; | |
329 | padding: 1em 2em; | |
330 | color: #fff; | |
331 | border-left: 5px solid #fff; | |
332 | } | |
333 | blockquote p { | |
334 | margin: 0; | |
335 | } | |
336 | blockquote cite { | |
337 | font-size: .5em; | |
338 | font-style: normal; | |
339 | font-weight: normal; | |
340 | font-weight: 100; | |
341 | color: #aaa; | |
342 | text-shadow: 0 0 15px #fff, 0 0 2px #fff; | |
343 | } | |
344 | ||
345 | ::-moz-selection { | |
346 | background: #a0f; | |
347 | } | |
348 | ||
349 | ::selection { | |
350 | background: #a0f; | |
351 | } | |
352 | ||
353 | a, a:hover, a:focus, a:active, a:visited { | |
354 | color: #f0a; | |
355 | text-decoration: none; | |
356 | } | |
357 | a:hover, a:focus { | |
358 | text-decoration: underline; | |
359 | } | |
360 | ||
361 | .deck-container { | |
362 | font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; | |
363 | font-size: 1.75em; | |
364 | color: #aaa; | |
365 | background: #000; | |
366 | } | |
367 | .deck-container > .slide { | |
368 | padding: 0 48px; | |
369 | } | |
370 | ||
371 | .slide .deck-before, .slide .deck-previous { | |
372 | opacity: 0.4; | |
373 | } | |
374 | .slide .deck-before:not(.deck-child-current) .deck-before, .slide .deck-before:not(.deck-child-current) .deck-previous, .slide .deck-previous:not(.deck-child-current) .deck-before, .slide .deck-previous:not(.deck-child-current) .deck-previous { | |
375 | opacity: 1; | |
376 | } | |
377 | .slide .deck-child-current { | |
378 | opacity: 1; | |
379 | } | |
380 | ||
381 | .deck-prev-link, .deck-next-link { | |
382 | background: #f0a; | |
383 | text-shadow: 0 0 3px #fff; | |
384 | } | |
385 | .deck-prev-link, .deck-prev-link:hover, .deck-prev-link:focus, .deck-prev-link:active, .deck-prev-link:visited, .deck-next-link, .deck-next-link:hover, .deck-next-link:focus, .deck-next-link:active, .deck-next-link:visited { | |
386 | color: #fff; | |
387 | } | |
388 | .deck-prev-link:hover, .deck-prev-link:focus, .deck-next-link:hover, .deck-next-link:focus { | |
389 | text-decoration: none; | |
390 | box-shadow: 0 0 20px #f0a, 0 0 5px #fff; | |
391 | } | |
392 | ||
393 | .deck-status { | |
394 | font-size: 0.6666em; | |
395 | } | |
396 | ||
397 | .goto-form { | |
398 | background: #000; | |
399 | border: 1px solid #f0a; | |
400 | } | |
401 | .goto-form label { | |
402 | color: #fff; | |
403 | } | |
404 | ||
405 | .deck-menu .slide { | |
406 | background: #333; | |
407 | } | |
408 | .deck-menu .deck-current { | |
409 | background: #444; | |
410 | } | |
411 | .boxshadow .deck-menu .deck-current { | |
412 | background: #000; | |
413 | box-shadow: 0 0 20px #f0a, 0 0 5px #fff; | |
414 | } | |
415 | .no-touch .deck-menu .slide:hover { | |
416 | background: #444; | |
417 | } | |
418 | .no-touch.boxshadow .deck-menu .slide:hover { | |
419 | background: #000; | |
420 | box-shadow: 0 0 20px #f0a, 0 0 5px #fff; | |
421 | } |