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