blob: 44754249cc71881dfff4425db41d997c8579e02b [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
Bruce's Thinkpadebc16fd2016-07-14 01:23:43 +0800214.reveal table tbody tr:last-child th,
215.reveal table tbody tr:last-child td {
JJ Allaireefa6ad42016-01-30 13:12:05 -0500216 border-bottom: none; }
217
218.reveal sup {
219 vertical-align: super; }
220
221.reveal sub {
222 vertical-align: sub; }
223
224.reveal small {
225 display: inline-block;
226 font-size: 0.6em;
227 line-height: 1.2em;
228 vertical-align: top; }
229
230.reveal small * {
231 vertical-align: top; }
232
233/*********************************************
234 * LINKS
235 *********************************************/
236.reveal a {
237 color: #a23;
238 text-decoration: none;
Bruce's Thinkpadebc16fd2016-07-14 01:23:43 +0800239 -webkit-transition: color .15s ease;
240 -moz-transition: color .15s ease;
241 transition: color .15s ease; }
JJ Allaireefa6ad42016-01-30 13:12:05 -0500242
243.reveal a:hover {
244 color: #dd5566;
245 text-shadow: none;
246 border: none; }
247
248.reveal .roll span:after {
249 color: #fff;
250 background: #6a1520; }
251
252/*********************************************
253 * IMAGES
254 *********************************************/
255.reveal section img {
256 margin: 15px 0px;
257 background: rgba(255, 255, 255, 0.12);
258 border: 4px solid #eee;
259 box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
260
261.reveal section img.plain {
262 border: 0;
263 box-shadow: none; }
264
265.reveal a img {
Bruce's Thinkpadebc16fd2016-07-14 01:23:43 +0800266 -webkit-transition: all .15s linear;
267 -moz-transition: all .15s linear;
268 transition: all .15s linear; }
JJ Allaireefa6ad42016-01-30 13:12:05 -0500269
270.reveal a:hover img {
271 background: rgba(255, 255, 255, 0.2);
272 border-color: #a23;
273 box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
274
275/*********************************************
276 * NAVIGATION CONTROLS
277 *********************************************/
278.reveal .controls .navigate-left,
279.reveal .controls .navigate-left.enabled {
280 border-right-color: #a23; }
281
282.reveal .controls .navigate-right,
283.reveal .controls .navigate-right.enabled {
284 border-left-color: #a23; }
285
286.reveal .controls .navigate-up,
287.reveal .controls .navigate-up.enabled {
288 border-bottom-color: #a23; }
289
290.reveal .controls .navigate-down,
291.reveal .controls .navigate-down.enabled {
292 border-top-color: #a23; }
293
294.reveal .controls .navigate-left.enabled:hover {
295 border-right-color: #dd5566; }
296
297.reveal .controls .navigate-right.enabled:hover {
298 border-left-color: #dd5566; }
299
300.reveal .controls .navigate-up.enabled:hover {
301 border-bottom-color: #dd5566; }
302
303.reveal .controls .navigate-down.enabled:hover {
304 border-top-color: #dd5566; }
305
306/*********************************************
307 * PROGRESS BAR
308 *********************************************/
309.reveal .progress {
310 background: rgba(0, 0, 0, 0.2); }
311
312.reveal .progress span {
313 background: #a23;
314 -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
315 -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
316 transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
317
318.reveal p {
319 font-weight: 300;
320 text-shadow: 1px 1px #222; }
321
322.reveal h1,
323.reveal h2,
324.reveal h3,
325.reveal h4,
326.reveal h5,
327.reveal h6 {
328 font-weight: 700; }
329
330.reveal p code {
331 background-color: #23241f;
332 display: inline-block;
333 border-radius: 7px; }
334
335.reveal small code {
336 vertical-align: baseline; }