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