blob: 14070def37bb6eb1fd1d96c63745d88ef9d744b5 [file] [log] [blame]
JJ Allairecff9e7c2016-01-30 14:04:35 -05001@font-face {
2 font-family: 'Lato';
3 font-style: normal;
4 font-weight: 400;
5 src: url(fonts/Lato.ttf) format('truetype');
6}
7@font-face {
8 font-family: 'Lato';
9 font-style: normal;
10 font-weight: 700;
11 src: url(fonts/LatoBold.ttf) format('truetype');
12}
13@font-face {
14 font-family: 'Lato';
15 font-style: italic;
16 font-weight: 400;
17 src: url(fonts/LatoItalic.ttf) format('truetype');
18}
19@font-face {
20 font-family: 'Lato';
21 font-style: italic;
22 font-weight: 700;
23 src: url(fonts/LatoBoldItalic.ttf) format('truetype');
24}
JJ Allaireefa6ad42016-01-30 13:12:05 -050025/**
26 * League theme for reveal.js.
27 *
28 * This was the default theme pre-3.0.0.
29 *
30 * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
31 */
JJ Allaire091cb122016-02-09 13:04:23 -050032@font-face {
JJ Allairecff9e7c2016-01-30 14:04:35 -050033 font-family: 'League Gothic';
JJ Allaire091cb122016-02-09 13:04:23 -050034 src: url("../../lib/font/league-gothic/league-gothic.eot");
35 src: url("../../lib/font/league-gothic/league-gothic.eot?#iefix") format("embedded-opentype"), url("../../lib/font/league-gothic/league-gothic.woff") format("woff"), url("../../lib/font/league-gothic/league-gothic.ttf") format("truetype");
JJ Allairecff9e7c2016-01-30 14:04:35 -050036 font-weight: normal;
37 font-style: normal; }
38
JJ Allaire091cb122016-02-09 13:04:23 -050039
JJ Allaireefa6ad42016-01-30 13:12:05 -050040/*********************************************
41 * GLOBAL STYLES
42 *********************************************/
43body {
44 background: #1c1e20;
45 background: -moz-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
46 background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555a5f), color-stop(100%, #1c1e20));
47 background: -webkit-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
48 background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
49 background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
50 background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
51 background-color: #2b2b2b; }
52
53.reveal {
54 font-family: "Lato", sans-serif;
55 font-size: 36px;
56 font-weight: normal;
57 color: #eee; }
58
59::selection {
60 color: #fff;
61 background: #FF5E99;
62 text-shadow: none; }
63
64.reveal .slides > section,
65.reveal .slides > section > section {
66 line-height: 1.3;
67 font-weight: inherit; }
68
69/*********************************************
70 * HEADERS
71 *********************************************/
72.reveal h1,
73.reveal h2,
74.reveal h3,
75.reveal h4,
76.reveal h5,
77.reveal h6 {
78 margin: 0 0 20px 0;
79 color: #eee;
80 font-family: "League Gothic", Impact, sans-serif;
81 font-weight: normal;
82 line-height: 1.2;
83 letter-spacing: normal;
84 text-transform: uppercase;
85 text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
86 word-wrap: break-word; }
87
88.reveal h1 {
89 font-size: 3.77em; }
90
91.reveal h2 {
92 font-size: 2.11em; }
93
94.reveal h3 {
95 font-size: 1.55em; }
96
97.reveal h4 {
98 font-size: 1em; }
99
100.reveal h1 {
101 text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); }
102
103/*********************************************
104 * OTHER
105 *********************************************/
106.reveal p {
107 margin: 20px 0;
108 line-height: 1.3; }
109
110/* Ensure certain elements are never larger than the slide itself */
111.reveal img,
112.reveal video,
113.reveal iframe {
114 max-width: 95%;
115 max-height: 95%; }
116
117.reveal strong,
118.reveal b {
119 font-weight: bold; }
120
121.reveal em {
122 font-style: italic; }
123
124.reveal ol,
125.reveal dl,
126.reveal ul {
127 display: inline-block;
128 text-align: left;
129 margin: 0 0 0 1em; }
130
131.reveal ol {
132 list-style-type: decimal; }
133
134.reveal ul {
135 list-style-type: disc; }
136
137.reveal ul ul {
138 list-style-type: square; }
139
140.reveal ul ul ul {
141 list-style-type: circle; }
142
143.reveal ul ul,
144.reveal ul ol,
145.reveal ol ol,
146.reveal ol ul {
147 display: block;
148 margin-left: 40px; }
149
150.reveal dt {
151 font-weight: bold; }
152
153.reveal dd {
154 margin-left: 40px; }
155
156.reveal q,
157.reveal blockquote {
158 quotes: none; }
159
160.reveal blockquote {
161 display: block;
162 position: relative;
163 width: 70%;
164 margin: 20px auto;
165 padding: 5px;
166 font-style: italic;
167 background: rgba(255, 255, 255, 0.05);
168 box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
169
170.reveal blockquote p:first-child,
171.reveal blockquote p:last-child {
172 display: inline-block; }
173
174.reveal q {
175 font-style: italic; }
176
177.reveal pre {
178 display: block;
179 position: relative;
180 width: 90%;
181 margin: 20px auto;
182 text-align: left;
183 font-size: 0.55em;
184 font-family: monospace;
185 line-height: 1.2em;
186 word-wrap: break-word;
187 box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
188
189.reveal code {
190 font-family: monospace; }
191
192.reveal pre code {
193 display: block;
194 padding: 5px;
195 overflow: auto;
196 max-height: 400px;
197 word-wrap: normal; }
198
199.reveal table {
200 margin: auto;
201 border-collapse: collapse;
202 border-spacing: 0; }
203
204.reveal table th {
205 font-weight: bold; }
206
207.reveal table th,
208.reveal table td {
209 text-align: left;
210 padding: 0.2em 0.5em 0.2em 0.5em;
211 border-bottom: 1px solid; }
212
213.reveal table th[align="center"],
214.reveal table td[align="center"] {
215 text-align: center; }
216
217.reveal table th[align="right"],
218.reveal table td[align="right"] {
219 text-align: right; }
220
Bruce's Thinkpad10ebcc82016-07-14 01:25:22 +0800221.reveal table tbody tr:last-child th,
222.reveal table tbody tr:last-child td {
JJ Allaireefa6ad42016-01-30 13:12:05 -0500223 border-bottom: none; }
224
225.reveal sup {
226 vertical-align: super; }
227
228.reveal sub {
229 vertical-align: sub; }
230
231.reveal small {
232 display: inline-block;
233 font-size: 0.6em;
234 line-height: 1.2em;
235 vertical-align: top; }
236
237.reveal small * {
238 vertical-align: top; }
239
240/*********************************************
241 * LINKS
242 *********************************************/
243.reveal a {
244 color: #13DAEC;
245 text-decoration: none;
Bruce's Thinkpad10ebcc82016-07-14 01:25:22 +0800246 -webkit-transition: color .15s ease;
247 -moz-transition: color .15s ease;
248 transition: color .15s ease; }
JJ Allaireefa6ad42016-01-30 13:12:05 -0500249
250.reveal a:hover {
251 color: #71e9f4;
252 text-shadow: none;
253 border: none; }
254
255.reveal .roll span:after {
256 color: #fff;
257 background: #0d99a5; }
258
259/*********************************************
260 * IMAGES
261 *********************************************/
262.reveal section img {
263 margin: 15px 0px;
264 background: rgba(255, 255, 255, 0.12);
265 border: 4px solid #eee;
266 box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
267
268.reveal section img.plain {
269 border: 0;
270 box-shadow: none; }
271
272.reveal a img {
Bruce's Thinkpad10ebcc82016-07-14 01:25:22 +0800273 -webkit-transition: all .15s linear;
274 -moz-transition: all .15s linear;
275 transition: all .15s linear; }
JJ Allaireefa6ad42016-01-30 13:12:05 -0500276
277.reveal a:hover img {
278 background: rgba(255, 255, 255, 0.2);
279 border-color: #13DAEC;
280 box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
281
282/*********************************************
283 * NAVIGATION CONTROLS
284 *********************************************/
285.reveal .controls .navigate-left,
286.reveal .controls .navigate-left.enabled {
287 border-right-color: #13DAEC; }
288
289.reveal .controls .navigate-right,
290.reveal .controls .navigate-right.enabled {
291 border-left-color: #13DAEC; }
292
293.reveal .controls .navigate-up,
294.reveal .controls .navigate-up.enabled {
295 border-bottom-color: #13DAEC; }
296
297.reveal .controls .navigate-down,
298.reveal .controls .navigate-down.enabled {
299 border-top-color: #13DAEC; }
300
301.reveal .controls .navigate-left.enabled:hover {
302 border-right-color: #71e9f4; }
303
304.reveal .controls .navigate-right.enabled:hover {
305 border-left-color: #71e9f4; }
306
307.reveal .controls .navigate-up.enabled:hover {
308 border-bottom-color: #71e9f4; }
309
310.reveal .controls .navigate-down.enabled:hover {
311 border-top-color: #71e9f4; }
312
313/*********************************************
314 * PROGRESS BAR
315 *********************************************/
316.reveal .progress {
317 background: rgba(0, 0, 0, 0.2); }
318
319.reveal .progress span {
320 background: #13DAEC;
321 -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
322 -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
323 transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }