rails-reveal-js 3.1.0 → 3.3.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -3,12 +3,24 @@
3
3
  * http://lab.hakim.se/reveal-js
4
4
  * MIT licensed
5
5
  *
6
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
6
+ * Copyright (C) 2016 Hakim El Hattab, http://hakim.se
7
7
  */
8
8
  /*********************************************
9
9
  * RESET STYLES
10
10
  *********************************************/
11
- html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal iframe, .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6, .reveal p, .reveal blockquote, .reveal pre, .reveal a, .reveal abbr, .reveal acronym, .reveal address, .reveal big, .reveal cite, .reveal code, .reveal del, .reveal dfn, .reveal em, .reveal img, .reveal ins, .reveal kbd, .reveal q, .reveal s, .reveal samp, .reveal small, .reveal strike, .reveal strong, .reveal sub, .reveal sup, .reveal tt, .reveal var, .reveal b, .reveal u, .reveal center, .reveal dl, .reveal dt, .reveal dd, .reveal ol, .reveal ul, .reveal li, .reveal fieldset, .reveal form, .reveal label, .reveal legend, .reveal table, .reveal caption, .reveal tbody, .reveal tfoot, .reveal thead, .reveal tr, .reveal th, .reveal td, .reveal article, .reveal aside, .reveal canvas, .reveal details, .reveal embed, .reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary, .reveal time, .reveal mark, .reveal audio, video {
11
+ html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal iframe,
12
+ .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6, .reveal p, .reveal blockquote, .reveal pre,
13
+ .reveal a, .reveal abbr, .reveal acronym, .reveal address, .reveal big, .reveal cite, .reveal code,
14
+ .reveal del, .reveal dfn, .reveal em, .reveal img, .reveal ins, .reveal kbd, .reveal q, .reveal s, .reveal samp,
15
+ .reveal small, .reveal strike, .reveal strong, .reveal sub, .reveal sup, .reveal tt, .reveal var,
16
+ .reveal b, .reveal u, .reveal center,
17
+ .reveal dl, .reveal dt, .reveal dd, .reveal ol, .reveal ul, .reveal li,
18
+ .reveal fieldset, .reveal form, .reveal label, .reveal legend,
19
+ .reveal table, .reveal caption, .reveal tbody, .reveal tfoot, .reveal thead, .reveal tr, .reveal th, .reveal td,
20
+ .reveal article, .reveal aside, .reveal canvas, .reveal details, .reveal embed,
21
+ .reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup,
22
+ .reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary,
23
+ .reveal time, .reveal mark, .reveal audio, .reveal video {
12
24
  margin: 0;
13
25
  padding: 0;
14
26
  border: 0;
@@ -16,13 +28,15 @@ html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal i
16
28
  font: inherit;
17
29
  vertical-align: baseline; }
18
30
 
19
- .reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure, .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section {
31
+ .reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure,
32
+ .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section {
20
33
  display: block; }
21
34
 
22
35
  /*********************************************
23
36
  * GLOBAL STYLES
24
37
  *********************************************/
25
- html, body {
38
+ html,
39
+ body {
26
40
  width: 100%;
27
41
  height: 100%;
28
42
  overflow: hidden; }
@@ -33,14 +47,20 @@ body {
33
47
  background-color: #fff;
34
48
  color: #000; }
35
49
 
50
+ html:-webkit-full-screen-ancestor {
51
+ background-color: inherit; }
52
+
53
+ html:-moz-full-screen-ancestor {
54
+ background-color: inherit; }
55
+
36
56
  /*********************************************
37
57
  * VIEW FRAGMENTS
38
58
  *********************************************/
39
59
  .reveal .slides section .fragment {
40
60
  opacity: 0;
41
61
  visibility: hidden;
42
- -webkit-transition: all 0.2s ease;
43
- transition: all 0.2s ease; }
62
+ -webkit-transition: all .2s ease;
63
+ transition: all .2s ease; }
44
64
  .reveal .slides section .fragment.visible {
45
65
  opacity: 1;
46
66
  visibility: visible; }
@@ -50,7 +70,6 @@ body {
50
70
  visibility: visible; }
51
71
  .reveal .slides section .fragment.grow.visible {
52
72
  -webkit-transform: scale(1.3);
53
- -ms-transform: scale(1.3);
54
73
  transform: scale(1.3); }
55
74
 
56
75
  .reveal .slides section .fragment.shrink {
@@ -58,16 +77,13 @@ body {
58
77
  visibility: visible; }
59
78
  .reveal .slides section .fragment.shrink.visible {
60
79
  -webkit-transform: scale(0.7);
61
- -ms-transform: scale(0.7);
62
80
  transform: scale(0.7); }
63
81
 
64
82
  .reveal .slides section .fragment.zoom-in {
65
83
  -webkit-transform: scale(0.1);
66
- -ms-transform: scale(0.1);
67
84
  transform: scale(0.1); }
68
85
  .reveal .slides section .fragment.zoom-in.visible {
69
86
  -webkit-transform: none;
70
- -ms-transform: none;
71
87
  transform: none; }
72
88
 
73
89
  .reveal .slides section .fragment.fade-out {
@@ -85,10 +101,39 @@ body {
85
101
  visibility: visible; }
86
102
 
87
103
  .reveal .slides section .fragment.strike {
88
- opacity: 1; }
104
+ opacity: 1;
105
+ visibility: visible; }
89
106
  .reveal .slides section .fragment.strike.visible {
90
107
  text-decoration: line-through; }
91
108
 
109
+ .reveal .slides section .fragment.fade-up {
110
+ -webkit-transform: translate(0, 20%);
111
+ transform: translate(0, 20%); }
112
+ .reveal .slides section .fragment.fade-up.visible {
113
+ -webkit-transform: translate(0, 0);
114
+ transform: translate(0, 0); }
115
+
116
+ .reveal .slides section .fragment.fade-down {
117
+ -webkit-transform: translate(0, -20%);
118
+ transform: translate(0, -20%); }
119
+ .reveal .slides section .fragment.fade-down.visible {
120
+ -webkit-transform: translate(0, 0);
121
+ transform: translate(0, 0); }
122
+
123
+ .reveal .slides section .fragment.fade-right {
124
+ -webkit-transform: translate(-20%, 0);
125
+ transform: translate(-20%, 0); }
126
+ .reveal .slides section .fragment.fade-right.visible {
127
+ -webkit-transform: translate(0, 0);
128
+ transform: translate(0, 0); }
129
+
130
+ .reveal .slides section .fragment.fade-left {
131
+ -webkit-transform: translate(20%, 0);
132
+ transform: translate(20%, 0); }
133
+ .reveal .slides section .fragment.fade-left.visible {
134
+ -webkit-transform: translate(0, 0);
135
+ transform: translate(0, 0); }
136
+
92
137
  .reveal .slides section .fragment.current-visible {
93
138
  opacity: 0;
94
139
  visibility: hidden; }
@@ -96,7 +141,12 @@ body {
96
141
  opacity: 1;
97
142
  visibility: visible; }
98
143
 
99
- .reveal .slides section .fragment.highlight-red, .reveal .slides section .fragment.highlight-current-red, .reveal .slides section .fragment.highlight-green, .reveal .slides section .fragment.highlight-current-green, .reveal .slides section .fragment.highlight-blue, .reveal .slides section .fragment.highlight-current-blue {
144
+ .reveal .slides section .fragment.highlight-red,
145
+ .reveal .slides section .fragment.highlight-current-red,
146
+ .reveal .slides section .fragment.highlight-green,
147
+ .reveal .slides section .fragment.highlight-current-green,
148
+ .reveal .slides section .fragment.highlight-blue,
149
+ .reveal .slides section .fragment.highlight-current-blue {
100
150
  opacity: 1;
101
151
  visibility: visible; }
102
152
 
@@ -140,8 +190,7 @@ body {
140
190
  .reveal pre.stretch code {
141
191
  height: 100%;
142
192
  max-height: 100%;
143
- -moz-box-sizing: border-box;
144
- box-sizing: border-box; }
193
+ box-sizing: border-box; }
145
194
 
146
195
  /*********************************************
147
196
  * CONTROLS
@@ -156,58 +205,60 @@ body {
156
205
  bottom: 10px;
157
206
  -webkit-user-select: none; }
158
207
 
159
- .reveal .controls div {
208
+ .reveal .controls button {
209
+ padding: 0;
160
210
  position: absolute;
161
211
  opacity: 0.05;
162
212
  width: 0;
163
213
  height: 0;
214
+ background-color: transparent;
164
215
  border: 12px solid transparent;
165
216
  -webkit-transform: scale(0.9999);
166
- -ms-transform: scale(0.9999);
167
217
  transform: scale(0.9999);
168
218
  -webkit-transition: all 0.2s ease;
169
219
  transition: all 0.2s ease;
170
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
220
+ -webkit-appearance: none;
221
+ -webkit-tap-highlight-color: transparent; }
171
222
 
172
- .reveal .controls div.enabled {
223
+ .reveal .controls .enabled {
173
224
  opacity: 0.7;
174
225
  cursor: pointer; }
175
226
 
176
- .reveal .controls div.enabled:active {
227
+ .reveal .controls .enabled:active {
177
228
  margin-top: 1px; }
178
229
 
179
- .reveal .controls div.navigate-left {
230
+ .reveal .controls .navigate-left {
180
231
  top: 42px;
181
232
  border-right-width: 22px;
182
233
  border-right-color: #000; }
183
234
 
184
- .reveal .controls div.navigate-left.fragmented {
235
+ .reveal .controls .navigate-left.fragmented {
185
236
  opacity: 0.3; }
186
237
 
187
- .reveal .controls div.navigate-right {
238
+ .reveal .controls .navigate-right {
188
239
  left: 74px;
189
240
  top: 42px;
190
241
  border-left-width: 22px;
191
242
  border-left-color: #000; }
192
243
 
193
- .reveal .controls div.navigate-right.fragmented {
244
+ .reveal .controls .navigate-right.fragmented {
194
245
  opacity: 0.3; }
195
246
 
196
- .reveal .controls div.navigate-up {
247
+ .reveal .controls .navigate-up {
197
248
  left: 42px;
198
249
  border-bottom-width: 22px;
199
250
  border-bottom-color: #000; }
200
251
 
201
- .reveal .controls div.navigate-up.fragmented {
252
+ .reveal .controls .navigate-up.fragmented {
202
253
  opacity: 0.3; }
203
254
 
204
- .reveal .controls div.navigate-down {
255
+ .reveal .controls .navigate-down {
205
256
  left: 42px;
206
257
  top: 74px;
207
258
  border-top-width: 22px;
208
259
  border-top-color: #000; }
209
260
 
210
- .reveal .controls div.navigate-down.fragmented {
261
+ .reveal .controls .navigate-down.fragmented {
211
262
  opacity: 0.3; }
212
263
 
213
264
  /*********************************************
@@ -245,11 +296,18 @@ body {
245
296
  .reveal .slide-number {
246
297
  position: fixed;
247
298
  display: block;
248
- right: 15px;
249
- bottom: 15px;
250
- opacity: 0.5;
299
+ right: 8px;
300
+ bottom: 8px;
251
301
  z-index: 31;
252
- font-size: 12px; }
302
+ font-family: Helvetica, sans-serif;
303
+ font-size: 12px;
304
+ line-height: 1;
305
+ color: #fff;
306
+ background-color: rgba(0, 0, 0, 0.4);
307
+ padding: 5px; }
308
+
309
+ .reveal .slide-number-delimiter {
310
+ margin: 0 3px; }
253
311
 
254
312
  /*********************************************
255
313
  * SLIDES
@@ -282,7 +340,8 @@ body {
282
340
  .reveal .slides > section {
283
341
  -ms-perspective: 600px; }
284
342
 
285
- .reveal .slides > section, .reveal .slides > section > section {
343
+ .reveal .slides > section,
344
+ .reveal .slides > section > section {
286
345
  display: none;
287
346
  position: absolute;
288
347
  width: 100%;
@@ -291,7 +350,6 @@ body {
291
350
  -webkit-transform-style: preserve-3d;
292
351
  transform-style: preserve-3d;
293
352
  -webkit-transition: -webkit-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), -webkit-transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
294
- transition: -ms-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
295
353
  transition: transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
296
354
 
297
355
  /* Global transition speed settings */
@@ -316,22 +374,32 @@ body {
316
374
  padding-top: 0;
317
375
  padding-bottom: 0; }
318
376
 
319
- .reveal .slides > section.present, .reveal .slides > section > section.present {
377
+ .reveal .slides > section.present,
378
+ .reveal .slides > section > section.present {
320
379
  display: block;
321
380
  z-index: 11;
322
381
  opacity: 1; }
323
382
 
324
- .reveal.center, .reveal.center .slides, .reveal.center .slides section {
383
+ .reveal.center,
384
+ .reveal.center .slides,
385
+ .reveal.center .slides section {
325
386
  min-height: 0 !important; }
326
387
 
327
388
  /* Don't allow interaction with invisible slides */
328
- .reveal .slides > section.future, .reveal .slides > section > section.future, .reveal .slides > section.past, .reveal .slides > section > section.past {
389
+ .reveal .slides > section.future,
390
+ .reveal .slides > section > section.future,
391
+ .reveal .slides > section.past,
392
+ .reveal .slides > section > section.past {
329
393
  pointer-events: none; }
330
394
 
331
- .reveal.overview .slides > section, .reveal.overview .slides > section > section {
395
+ .reveal.overview .slides > section,
396
+ .reveal.overview .slides > section > section {
332
397
  pointer-events: auto; }
333
398
 
334
- .reveal .slides > section.past, .reveal .slides > section.future, .reveal .slides > section > section.past, .reveal .slides > section > section.future {
399
+ .reveal .slides > section.past,
400
+ .reveal .slides > section.future,
401
+ .reveal .slides > section > section.past,
402
+ .reveal .slides > section > section.future {
335
403
  opacity: 0; }
336
404
 
337
405
  /*********************************************
@@ -345,132 +413,169 @@ body {
345
413
  -webkit-backface-visibility: hidden;
346
414
  backface-visibility: hidden; }
347
415
 
348
- .reveal .slides > section[data-transition=slide].past, .reveal .slides > section[data-transition~=slide-out].past, .reveal.slide .slides > section:not([data-transition]).past {
416
+ .reveal .slides > section[data-transition=slide].past,
417
+ .reveal .slides > section[data-transition~=slide-out].past,
418
+ .reveal.slide .slides > section:not([data-transition]).past {
349
419
  -webkit-transform: translate(-150%, 0);
350
- -ms-transform: translate(-150%, 0);
351
420
  transform: translate(-150%, 0); }
352
421
 
353
- .reveal .slides > section[data-transition=slide].future, .reveal .slides > section[data-transition~=slide-in].future, .reveal.slide .slides > section:not([data-transition]).future {
422
+ .reveal .slides > section[data-transition=slide].future,
423
+ .reveal .slides > section[data-transition~=slide-in].future,
424
+ .reveal.slide .slides > section:not([data-transition]).future {
354
425
  -webkit-transform: translate(150%, 0);
355
- -ms-transform: translate(150%, 0);
356
426
  transform: translate(150%, 0); }
357
427
 
358
- .reveal .slides > section > section[data-transition=slide].past, .reveal .slides > section > section[data-transition~=slide-out].past, .reveal.slide .slides > section > section:not([data-transition]).past {
428
+ .reveal .slides > section > section[data-transition=slide].past,
429
+ .reveal .slides > section > section[data-transition~=slide-out].past,
430
+ .reveal.slide .slides > section > section:not([data-transition]).past {
359
431
  -webkit-transform: translate(0, -150%);
360
- -ms-transform: translate(0, -150%);
361
432
  transform: translate(0, -150%); }
362
433
 
363
- .reveal .slides > section > section[data-transition=slide].future, .reveal .slides > section > section[data-transition~=slide-in].future, .reveal.slide .slides > section > section:not([data-transition]).future {
434
+ .reveal .slides > section > section[data-transition=slide].future,
435
+ .reveal .slides > section > section[data-transition~=slide-in].future,
436
+ .reveal.slide .slides > section > section:not([data-transition]).future {
364
437
  -webkit-transform: translate(0, 150%);
365
- -ms-transform: translate(0, 150%);
366
438
  transform: translate(0, 150%); }
367
439
 
368
440
  .reveal.linear section {
369
441
  -webkit-backface-visibility: hidden;
370
442
  backface-visibility: hidden; }
371
443
 
372
- .reveal .slides > section[data-transition=linear].past, .reveal .slides > section[data-transition~=linear-out].past, .reveal.linear .slides > section:not([data-transition]).past {
444
+ .reveal .slides > section[data-transition=linear].past,
445
+ .reveal .slides > section[data-transition~=linear-out].past,
446
+ .reveal.linear .slides > section:not([data-transition]).past {
373
447
  -webkit-transform: translate(-150%, 0);
374
- -ms-transform: translate(-150%, 0);
375
448
  transform: translate(-150%, 0); }
376
449
 
377
- .reveal .slides > section[data-transition=linear].future, .reveal .slides > section[data-transition~=linear-in].future, .reveal.linear .slides > section:not([data-transition]).future {
450
+ .reveal .slides > section[data-transition=linear].future,
451
+ .reveal .slides > section[data-transition~=linear-in].future,
452
+ .reveal.linear .slides > section:not([data-transition]).future {
378
453
  -webkit-transform: translate(150%, 0);
379
- -ms-transform: translate(150%, 0);
380
454
  transform: translate(150%, 0); }
381
455
 
382
- .reveal .slides > section > section[data-transition=linear].past, .reveal .slides > section > section[data-transition~=linear-out].past, .reveal.linear .slides > section > section:not([data-transition]).past {
456
+ .reveal .slides > section > section[data-transition=linear].past,
457
+ .reveal .slides > section > section[data-transition~=linear-out].past,
458
+ .reveal.linear .slides > section > section:not([data-transition]).past {
383
459
  -webkit-transform: translate(0, -150%);
384
- -ms-transform: translate(0, -150%);
385
460
  transform: translate(0, -150%); }
386
461
 
387
- .reveal .slides > section > section[data-transition=linear].future, .reveal .slides > section > section[data-transition~=linear-in].future, .reveal.linear .slides > section > section:not([data-transition]).future {
462
+ .reveal .slides > section > section[data-transition=linear].future,
463
+ .reveal .slides > section > section[data-transition~=linear-in].future,
464
+ .reveal.linear .slides > section > section:not([data-transition]).future {
388
465
  -webkit-transform: translate(0, 150%);
389
- -ms-transform: translate(0, 150%);
390
466
  transform: translate(0, 150%); }
391
467
 
392
468
  /*********************************************
393
469
  * CONVEX TRANSITION
394
470
  * Aliased 'default' for backwards compatibility
395
471
  *********************************************/
396
- .reveal .slides > section[data-transition=default].past, .reveal .slides > section[data-transition~=default-out].past, .reveal.default .slides > section:not([data-transition]).past {
472
+ .reveal .slides > section[data-transition=default].past,
473
+ .reveal .slides > section[data-transition~=default-out].past,
474
+ .reveal.default .slides > section:not([data-transition]).past {
397
475
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
398
476
  transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
399
477
 
400
- .reveal .slides > section[data-transition=default].future, .reveal .slides > section[data-transition~=default-in].future, .reveal.default .slides > section:not([data-transition]).future {
478
+ .reveal .slides > section[data-transition=default].future,
479
+ .reveal .slides > section[data-transition~=default-in].future,
480
+ .reveal.default .slides > section:not([data-transition]).future {
401
481
  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
402
482
  transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
403
483
 
404
- .reveal .slides > section > section[data-transition=default].past, .reveal .slides > section > section[data-transition~=default-out].past, .reveal.default .slides > section > section:not([data-transition]).past {
484
+ .reveal .slides > section > section[data-transition=default].past,
485
+ .reveal .slides > section > section[data-transition~=default-out].past,
486
+ .reveal.default .slides > section > section:not([data-transition]).past {
405
487
  -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
406
488
  transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
407
489
 
408
- .reveal .slides > section > section[data-transition=default].future, .reveal .slides > section > section[data-transition~=default-in].future, .reveal.default .slides > section > section:not([data-transition]).future {
490
+ .reveal .slides > section > section[data-transition=default].future,
491
+ .reveal .slides > section > section[data-transition~=default-in].future,
492
+ .reveal.default .slides > section > section:not([data-transition]).future {
409
493
  -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
410
494
  transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
411
495
 
412
- .reveal .slides > section[data-transition=convex].past, .reveal .slides > section[data-transition~=convex-out].past, .reveal.convex .slides > section:not([data-transition]).past {
496
+ .reveal .slides > section[data-transition=convex].past,
497
+ .reveal .slides > section[data-transition~=convex-out].past,
498
+ .reveal.convex .slides > section:not([data-transition]).past {
413
499
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
414
500
  transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
415
501
 
416
- .reveal .slides > section[data-transition=convex].future, .reveal .slides > section[data-transition~=convex-in].future, .reveal.convex .slides > section:not([data-transition]).future {
502
+ .reveal .slides > section[data-transition=convex].future,
503
+ .reveal .slides > section[data-transition~=convex-in].future,
504
+ .reveal.convex .slides > section:not([data-transition]).future {
417
505
  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
418
506
  transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
419
507
 
420
- .reveal .slides > section > section[data-transition=convex].past, .reveal .slides > section > section[data-transition~=convex-out].past, .reveal.convex .slides > section > section:not([data-transition]).past {
508
+ .reveal .slides > section > section[data-transition=convex].past,
509
+ .reveal .slides > section > section[data-transition~=convex-out].past,
510
+ .reveal.convex .slides > section > section:not([data-transition]).past {
421
511
  -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
422
512
  transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
423
513
 
424
- .reveal .slides > section > section[data-transition=convex].future, .reveal .slides > section > section[data-transition~=convex-in].future, .reveal.convex .slides > section > section:not([data-transition]).future {
514
+ .reveal .slides > section > section[data-transition=convex].future,
515
+ .reveal .slides > section > section[data-transition~=convex-in].future,
516
+ .reveal.convex .slides > section > section:not([data-transition]).future {
425
517
  -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
426
518
  transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
427
519
 
428
520
  /*********************************************
429
521
  * CONCAVE TRANSITION
430
522
  *********************************************/
431
- .reveal .slides > section[data-transition=concave].past, .reveal .slides > section[data-transition~=concave-out].past, .reveal.concave .slides > section:not([data-transition]).past {
523
+ .reveal .slides > section[data-transition=concave].past,
524
+ .reveal .slides > section[data-transition~=concave-out].past,
525
+ .reveal.concave .slides > section:not([data-transition]).past {
432
526
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
433
527
  transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
434
528
 
435
- .reveal .slides > section[data-transition=concave].future, .reveal .slides > section[data-transition~=concave-in].future, .reveal.concave .slides > section:not([data-transition]).future {
529
+ .reveal .slides > section[data-transition=concave].future,
530
+ .reveal .slides > section[data-transition~=concave-in].future,
531
+ .reveal.concave .slides > section:not([data-transition]).future {
436
532
  -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
437
533
  transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
438
534
 
439
- .reveal .slides > section > section[data-transition=concave].past, .reveal .slides > section > section[data-transition~=concave-out].past, .reveal.concave .slides > section > section:not([data-transition]).past {
535
+ .reveal .slides > section > section[data-transition=concave].past,
536
+ .reveal .slides > section > section[data-transition~=concave-out].past,
537
+ .reveal.concave .slides > section > section:not([data-transition]).past {
440
538
  -webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
441
539
  transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); }
442
540
 
443
- .reveal .slides > section > section[data-transition=concave].future, .reveal .slides > section > section[data-transition~=concave-in].future, .reveal.concave .slides > section > section:not([data-transition]).future {
541
+ .reveal .slides > section > section[data-transition=concave].future,
542
+ .reveal .slides > section > section[data-transition~=concave-in].future,
543
+ .reveal.concave .slides > section > section:not([data-transition]).future {
444
544
  -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
445
545
  transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }
446
546
 
447
547
  /*********************************************
448
548
  * ZOOM TRANSITION
449
549
  *********************************************/
450
- .reveal .slides > section[data-transition=zoom], .reveal.zoom .slides > section:not([data-transition]) {
550
+ .reveal .slides section[data-transition=zoom],
551
+ .reveal.zoom .slides section:not([data-transition]) {
451
552
  -webkit-transition-timing-function: ease;
452
553
  transition-timing-function: ease; }
453
554
 
454
- .reveal .slides > section[data-transition=zoom].past, .reveal .slides > section[data-transition~=zoom-out].past, .reveal.zoom .slides > section:not([data-transition]).past {
555
+ .reveal .slides > section[data-transition=zoom].past,
556
+ .reveal .slides > section[data-transition~=zoom-out].past,
557
+ .reveal.zoom .slides > section:not([data-transition]).past {
455
558
  visibility: hidden;
456
559
  -webkit-transform: scale(16);
457
- -ms-transform: scale(16);
458
560
  transform: scale(16); }
459
561
 
460
- .reveal .slides > section[data-transition=zoom].future, .reveal .slides > section[data-transition~=zoom-in].future, .reveal.zoom .slides > section:not([data-transition]).future {
562
+ .reveal .slides > section[data-transition=zoom].future,
563
+ .reveal .slides > section[data-transition~=zoom-in].future,
564
+ .reveal.zoom .slides > section:not([data-transition]).future {
461
565
  visibility: hidden;
462
566
  -webkit-transform: scale(0.2);
463
- -ms-transform: scale(0.2);
464
567
  transform: scale(0.2); }
465
568
 
466
- .reveal .slides > section > section[data-transition=zoom].past, .reveal .slides > section > section[data-transition~=zoom-out].past, .reveal.zoom .slides > section > section:not([data-transition]).past {
569
+ .reveal .slides > section > section[data-transition=zoom].past,
570
+ .reveal .slides > section > section[data-transition~=zoom-out].past,
571
+ .reveal.zoom .slides > section > section:not([data-transition]).past {
467
572
  -webkit-transform: translate(0, -150%);
468
- -ms-transform: translate(0, -150%);
469
573
  transform: translate(0, -150%); }
470
574
 
471
- .reveal .slides > section > section[data-transition=zoom].future, .reveal .slides > section > section[data-transition~=zoom-in].future, .reveal.zoom .slides > section > section:not([data-transition]).future {
575
+ .reveal .slides > section > section[data-transition=zoom].future,
576
+ .reveal .slides > section > section[data-transition~=zoom-in].future,
577
+ .reveal.zoom .slides > section > section:not([data-transition]).future {
472
578
  -webkit-transform: translate(0, 150%);
473
- -ms-transform: translate(0, 150%);
474
579
  transform: translate(0, 150%); }
475
580
 
476
581
  /*********************************************
@@ -485,8 +590,7 @@ body {
485
590
  min-height: 700px;
486
591
  -webkit-backface-visibility: hidden;
487
592
  backface-visibility: hidden;
488
- -moz-box-sizing: border-box;
489
- box-sizing: border-box; }
593
+ box-sizing: border-box; }
490
594
 
491
595
  .reveal.center.cube .slides section {
492
596
  min-height: 0; }
@@ -525,28 +629,24 @@ body {
525
629
 
526
630
  .reveal.cube .slides > section.past {
527
631
  -webkit-transform-origin: 100% 0%;
528
- -ms-transform-origin: 100% 0%;
529
632
  transform-origin: 100% 0%;
530
633
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
531
634
  transform: translate3d(-100%, 0, 0) rotateY(-90deg); }
532
635
 
533
636
  .reveal.cube .slides > section.future {
534
637
  -webkit-transform-origin: 0% 0%;
535
- -ms-transform-origin: 0% 0%;
536
638
  transform-origin: 0% 0%;
537
639
  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
538
640
  transform: translate3d(100%, 0, 0) rotateY(90deg); }
539
641
 
540
642
  .reveal.cube .slides > section > section.past {
541
643
  -webkit-transform-origin: 0% 100%;
542
- -ms-transform-origin: 0% 100%;
543
644
  transform-origin: 0% 100%;
544
645
  -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg);
545
646
  transform: translate3d(0, -100%, 0) rotateX(90deg); }
546
647
 
547
648
  .reveal.cube .slides > section > section.future {
548
649
  -webkit-transform-origin: 0% 0%;
549
- -ms-transform-origin: 0% 0%;
550
650
  transform-origin: 0% 0%;
551
651
  -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg);
552
652
  transform: translate3d(0, 100%, 0) rotateX(-90deg); }
@@ -563,8 +663,7 @@ body {
563
663
  .reveal.page .slides section {
564
664
  padding: 30px;
565
665
  min-height: 700px;
566
- -moz-box-sizing: border-box;
567
- box-sizing: border-box; }
666
+ box-sizing: border-box; }
568
667
 
569
668
  .reveal.page .slides section.past {
570
669
  z-index: 12; }
@@ -601,28 +700,24 @@ body {
601
700
 
602
701
  .reveal.page .slides > section.past {
603
702
  -webkit-transform-origin: 0% 0%;
604
- -ms-transform-origin: 0% 0%;
605
703
  transform-origin: 0% 0%;
606
704
  -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
607
705
  transform: translate3d(-40%, 0, 0) rotateY(-80deg); }
608
706
 
609
707
  .reveal.page .slides > section.future {
610
708
  -webkit-transform-origin: 100% 0%;
611
- -ms-transform-origin: 100% 0%;
612
709
  transform-origin: 100% 0%;
613
710
  -webkit-transform: translate3d(0, 0, 0);
614
711
  transform: translate3d(0, 0, 0); }
615
712
 
616
713
  .reveal.page .slides > section > section.past {
617
714
  -webkit-transform-origin: 0% 0%;
618
- -ms-transform-origin: 0% 0%;
619
715
  transform-origin: 0% 0%;
620
716
  -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg);
621
717
  transform: translate3d(0, -40%, 0) rotateX(80deg); }
622
718
 
623
719
  .reveal.page .slides > section > section.future {
624
720
  -webkit-transform-origin: 0% 100%;
625
- -ms-transform-origin: 0% 100%;
626
721
  transform-origin: 0% 100%;
627
722
  -webkit-transform: translate3d(0, 0, 0);
628
723
  transform: translate3d(0, 0, 0); }
@@ -630,23 +725,25 @@ body {
630
725
  /*********************************************
631
726
  * FADE TRANSITION
632
727
  *********************************************/
633
- .reveal .slides section[data-transition=fade], .reveal.fade .slides section:not([data-transition]), .reveal.fade .slides > section > section:not([data-transition]) {
728
+ .reveal .slides section[data-transition=fade],
729
+ .reveal.fade .slides section:not([data-transition]),
730
+ .reveal.fade .slides > section > section:not([data-transition]) {
634
731
  -webkit-transform: none;
635
- -ms-transform: none;
636
732
  transform: none;
637
733
  -webkit-transition: opacity 0.5s;
638
734
  transition: opacity 0.5s; }
639
735
 
640
- .reveal.fade.overview .slides section, .reveal.fade.overview .slides > section > section {
736
+ .reveal.fade.overview .slides section,
737
+ .reveal.fade.overview .slides > section > section {
641
738
  -webkit-transition: none;
642
739
  transition: none; }
643
740
 
644
741
  /*********************************************
645
742
  * NO TRANSITION
646
743
  *********************************************/
647
- .reveal .slides > section[data-transition=none], .reveal.none .slides > section:not([data-transition]) {
744
+ .reveal .slides section[data-transition=none],
745
+ .reveal.none .slides section:not([data-transition]) {
648
746
  -webkit-transform: none;
649
- -ms-transform: none;
650
747
  transform: none;
651
748
  -webkit-transition: none;
652
749
  transition: none; }
@@ -686,7 +783,8 @@ body {
686
783
  margin: 0;
687
784
  text-align: center; }
688
785
 
689
- .no-transforms .reveal .controls, .no-transforms .reveal .progress {
786
+ .no-transforms .reveal .controls,
787
+ .no-transforms .reveal .progress {
690
788
  display: none !important; }
691
789
 
692
790
  .no-transforms .reveal .slides section {
@@ -699,13 +797,13 @@ body {
699
797
  left: -50%;
700
798
  margin: 70px 0;
701
799
  -webkit-transform: none;
702
- -ms-transform: none;
703
800
  transform: none; }
704
801
 
705
802
  .no-transforms .reveal .slides section section {
706
803
  left: 0; }
707
804
 
708
- .reveal .no-transition, .reveal .no-transition * {
805
+ .reveal .no-transition,
806
+ .reveal .no-transition * {
709
807
  -webkit-transition: none !important;
710
808
  transition: none !important; }
711
809
 
@@ -728,7 +826,7 @@ body {
728
826
  height: 100%;
729
827
  opacity: 0;
730
828
  visibility: hidden;
731
- background-color: rgba(0, 0, 0, 0);
829
+ background-color: transparent;
732
830
  background-position: 50% 50%;
733
831
  background-repeat: no-repeat;
734
832
  background-size: cover;
@@ -757,109 +855,120 @@ body {
757
855
  left: 0; }
758
856
 
759
857
  /* Immediate transition style */
760
- .reveal[data-background-transition=none] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=none] {
858
+ .reveal[data-background-transition=none] > .backgrounds .slide-background,
859
+ .reveal > .backgrounds .slide-background[data-background-transition=none] {
761
860
  -webkit-transition: none;
762
861
  transition: none; }
763
862
 
764
863
  /* Slide */
765
- .reveal[data-background-transition=slide] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=slide] {
864
+ .reveal[data-background-transition=slide] > .backgrounds .slide-background,
865
+ .reveal > .backgrounds .slide-background[data-background-transition=slide] {
766
866
  opacity: 1;
767
867
  -webkit-backface-visibility: hidden;
768
868
  backface-visibility: hidden; }
769
869
 
770
- .reveal[data-background-transition=slide] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=slide] {
870
+ .reveal[data-background-transition=slide] > .backgrounds .slide-background.past,
871
+ .reveal > .backgrounds .slide-background.past[data-background-transition=slide] {
771
872
  -webkit-transform: translate(-100%, 0);
772
- -ms-transform: translate(-100%, 0);
773
873
  transform: translate(-100%, 0); }
774
874
 
775
- .reveal[data-background-transition=slide] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=slide] {
875
+ .reveal[data-background-transition=slide] > .backgrounds .slide-background.future,
876
+ .reveal > .backgrounds .slide-background.future[data-background-transition=slide] {
776
877
  -webkit-transform: translate(100%, 0);
777
- -ms-transform: translate(100%, 0);
778
878
  transform: translate(100%, 0); }
779
879
 
780
- .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide] {
880
+ .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past,
881
+ .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide] {
781
882
  -webkit-transform: translate(0, -100%);
782
- -ms-transform: translate(0, -100%);
783
883
  transform: translate(0, -100%); }
784
884
 
785
- .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=slide] {
885
+ .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.future,
886
+ .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=slide] {
786
887
  -webkit-transform: translate(0, 100%);
787
- -ms-transform: translate(0, 100%);
788
888
  transform: translate(0, 100%); }
789
889
 
790
890
  /* Convex */
791
- .reveal[data-background-transition=convex] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=convex] {
891
+ .reveal[data-background-transition=convex] > .backgrounds .slide-background.past,
892
+ .reveal > .backgrounds .slide-background.past[data-background-transition=convex] {
792
893
  opacity: 0;
793
894
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
794
895
  transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
795
896
 
796
- .reveal[data-background-transition=convex] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=convex] {
897
+ .reveal[data-background-transition=convex] > .backgrounds .slide-background.future,
898
+ .reveal > .backgrounds .slide-background.future[data-background-transition=convex] {
797
899
  opacity: 0;
798
900
  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
799
901
  transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
800
902
 
801
- .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=convex] {
903
+ .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.past,
904
+ .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=convex] {
802
905
  opacity: 0;
803
906
  -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0);
804
907
  transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); }
805
908
 
806
- .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=convex] {
909
+ .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.future,
910
+ .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=convex] {
807
911
  opacity: 0;
808
912
  -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0);
809
913
  transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); }
810
914
 
811
915
  /* Concave */
812
- .reveal[data-background-transition=concave] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=concave] {
916
+ .reveal[data-background-transition=concave] > .backgrounds .slide-background.past,
917
+ .reveal > .backgrounds .slide-background.past[data-background-transition=concave] {
813
918
  opacity: 0;
814
919
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
815
920
  transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
816
921
 
817
- .reveal[data-background-transition=concave] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=concave] {
922
+ .reveal[data-background-transition=concave] > .backgrounds .slide-background.future,
923
+ .reveal > .backgrounds .slide-background.future[data-background-transition=concave] {
818
924
  opacity: 0;
819
925
  -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
820
926
  transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
821
927
 
822
- .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=concave] {
928
+ .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.past,
929
+ .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=concave] {
823
930
  opacity: 0;
824
931
  -webkit-transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0);
825
932
  transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); }
826
933
 
827
- .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=concave] {
934
+ .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.future,
935
+ .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=concave] {
828
936
  opacity: 0;
829
937
  -webkit-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0);
830
938
  transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); }
831
939
 
832
940
  /* Zoom */
833
- .reveal[data-background-transition=zoom] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=zoom] {
941
+ .reveal[data-background-transition=zoom] > .backgrounds .slide-background,
942
+ .reveal > .backgrounds .slide-background[data-background-transition=zoom] {
834
943
  -webkit-transition-timing-function: ease;
835
944
  transition-timing-function: ease; }
836
945
 
837
- .reveal[data-background-transition=zoom] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=zoom] {
946
+ .reveal[data-background-transition=zoom] > .backgrounds .slide-background.past,
947
+ .reveal > .backgrounds .slide-background.past[data-background-transition=zoom] {
838
948
  opacity: 0;
839
949
  visibility: hidden;
840
950
  -webkit-transform: scale(16);
841
- -ms-transform: scale(16);
842
951
  transform: scale(16); }
843
952
 
844
- .reveal[data-background-transition=zoom] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=zoom] {
953
+ .reveal[data-background-transition=zoom] > .backgrounds .slide-background.future,
954
+ .reveal > .backgrounds .slide-background.future[data-background-transition=zoom] {
845
955
  opacity: 0;
846
956
  visibility: hidden;
847
957
  -webkit-transform: scale(0.2);
848
- -ms-transform: scale(0.2);
849
958
  transform: scale(0.2); }
850
959
 
851
- .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=zoom] {
960
+ .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.past,
961
+ .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=zoom] {
852
962
  opacity: 0;
853
963
  visibility: hidden;
854
964
  -webkit-transform: scale(16);
855
- -ms-transform: scale(16);
856
965
  transform: scale(16); }
857
966
 
858
- .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=zoom] {
967
+ .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.future,
968
+ .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=zoom] {
859
969
  opacity: 0;
860
970
  visibility: hidden;
861
971
  -webkit-transform: scale(0.2);
862
- -ms-transform: scale(0.2);
863
972
  transform: scale(0.2); }
864
973
 
865
974
  /* Global transition speed settings */
@@ -880,21 +989,23 @@ body {
880
989
  -webkit-perspective: 700px;
881
990
  perspective: 700px; }
882
991
  .reveal.overview .slides section {
883
- height: 700px;
992
+ height: 100%;
993
+ top: 0 !important;
884
994
  opacity: 1 !important;
885
995
  overflow: hidden;
886
996
  visibility: visible !important;
887
997
  cursor: pointer;
888
- -moz-box-sizing: border-box;
889
- box-sizing: border-box; }
890
- .reveal.overview .slides section:hover, .reveal.overview .slides section.present {
998
+ box-sizing: border-box; }
999
+ .reveal.overview .slides section:hover,
1000
+ .reveal.overview .slides section.present {
891
1001
  outline: 10px solid rgba(150, 150, 150, 0.4);
892
1002
  outline-offset: 10px; }
893
1003
  .reveal.overview .slides section .fragment {
894
1004
  opacity: 1;
895
1005
  -webkit-transition: none;
896
1006
  transition: none; }
897
- .reveal.overview .slides section:after, .reveal.overview .slides section:before {
1007
+ .reveal.overview .slides section:after,
1008
+ .reveal.overview .slides section:before {
898
1009
  display: none !important; }
899
1010
  .reveal.overview .slides > section.stack {
900
1011
  padding: 0;
@@ -911,11 +1022,13 @@ body {
911
1022
  outline: 10px solid rgba(150, 150, 150, 0.1);
912
1023
  outline-offset: 10px; }
913
1024
 
914
- .reveal.overview .slides section, .reveal.overview-deactivating .slides section {
1025
+ .reveal.overview .slides section,
1026
+ .reveal.overview-deactivating .slides section {
915
1027
  -webkit-transition: none;
916
1028
  transition: none; }
917
1029
 
918
- .reveal.overview .backgrounds .slide-background, .reveal.overview-deactivating .backgrounds .slide-background {
1030
+ .reveal.overview .backgrounds .slide-background,
1031
+ .reveal.overview-deactivating .backgrounds .slide-background {
919
1032
  -webkit-transition: none;
920
1033
  transition: none; }
921
1034
 
@@ -926,14 +1039,22 @@ body {
926
1039
  /*********************************************
927
1040
  * RTL SUPPORT
928
1041
  *********************************************/
929
- .reveal.rtl .slides, .reveal.rtl .slides h1, .reveal.rtl .slides h2, .reveal.rtl .slides h3, .reveal.rtl .slides h4, .reveal.rtl .slides h5, .reveal.rtl .slides h6 {
1042
+ .reveal.rtl .slides,
1043
+ .reveal.rtl .slides h1,
1044
+ .reveal.rtl .slides h2,
1045
+ .reveal.rtl .slides h3,
1046
+ .reveal.rtl .slides h4,
1047
+ .reveal.rtl .slides h5,
1048
+ .reveal.rtl .slides h6 {
930
1049
  direction: rtl;
931
1050
  font-family: sans-serif; }
932
1051
 
933
- .reveal.rtl pre, .reveal.rtl code {
1052
+ .reveal.rtl pre,
1053
+ .reveal.rtl code {
934
1054
  direction: ltr; }
935
1055
 
936
- .reveal.rtl ol, .reveal.rtl ul {
1056
+ .reveal.rtl ol,
1057
+ .reveal.rtl ul {
937
1058
  text-align: right; }
938
1059
 
939
1060
  .reveal.rtl .progress span {
@@ -1006,8 +1127,7 @@ body {
1006
1127
  padding: 0 10px;
1007
1128
  float: right;
1008
1129
  opacity: 0.6;
1009
- -moz-box-sizing: border-box;
1010
- box-sizing: border-box; }
1130
+ box-sizing: border-box; }
1011
1131
 
1012
1132
  .reveal .overlay header a:hover {
1013
1133
  opacity: 1; }
@@ -1028,6 +1148,10 @@ body {
1028
1148
 
1029
1149
  .reveal .overlay .viewport {
1030
1150
  position: absolute;
1151
+ display: -webkit-box;
1152
+ display: -webkit-flex;
1153
+ display: -ms-flexbox;
1154
+ display: flex;
1031
1155
  top: 40px;
1032
1156
  right: 0;
1033
1157
  bottom: 0;
@@ -1052,7 +1176,6 @@ body {
1052
1176
  opacity: 0;
1053
1177
  visibility: hidden;
1054
1178
  -webkit-transform: scale(0.2);
1055
- -ms-transform: scale(0.2);
1056
1179
  transform: scale(0.2); }
1057
1180
 
1058
1181
  .reveal .overlay.overlay-help .viewport {
@@ -1061,8 +1184,8 @@ body {
1061
1184
 
1062
1185
  .reveal .overlay.overlay-help .viewport .viewport-inner {
1063
1186
  width: 600px;
1064
- margin: 0 auto;
1065
- padding: 60px;
1187
+ margin: auto;
1188
+ padding: 20px 20px 80px 20px;
1066
1189
  text-align: center;
1067
1190
  letter-spacing: normal; }
1068
1191
 
@@ -1072,11 +1195,12 @@ body {
1072
1195
  .reveal .overlay.overlay-help .viewport .viewport-inner table {
1073
1196
  border: 1px solid #fff;
1074
1197
  border-collapse: collapse;
1075
- font-size: 14px; }
1198
+ font-size: 16px; }
1076
1199
 
1077
- .reveal .overlay.overlay-help .viewport .viewport-inner table th, .reveal .overlay.overlay-help .viewport .viewport-inner table td {
1200
+ .reveal .overlay.overlay-help .viewport .viewport-inner table th,
1201
+ .reveal .overlay.overlay-help .viewport .viewport-inner table td {
1078
1202
  width: 200px;
1079
- padding: 10px;
1203
+ padding: 14px;
1080
1204
  border: 1px solid #fff;
1081
1205
  vertical-align: middle; }
1082
1206
 
@@ -1090,7 +1214,7 @@ body {
1090
1214
  .reveal .playback {
1091
1215
  position: fixed;
1092
1216
  left: 15px;
1093
- bottom: 15px;
1217
+ bottom: 20px;
1094
1218
  z-index: 30;
1095
1219
  cursor: pointer;
1096
1220
  -webkit-transition: all 400ms ease;
@@ -1125,7 +1249,6 @@ body {
1125
1249
  -webkit-transition: all 400ms ease;
1126
1250
  transition: all 400ms ease;
1127
1251
  -webkit-transform-origin: 50% 0%;
1128
- -ms-transform-origin: 50% 0%;
1129
1252
  transform-origin: 50% 0%;
1130
1253
  -webkit-transform-style: preserve-3d;
1131
1254
  transform-style: preserve-3d;
@@ -1147,7 +1270,6 @@ body {
1147
1270
  -webkit-backface-visibility: hidden;
1148
1271
  backface-visibility: hidden;
1149
1272
  -webkit-transform-origin: 50% 0%;
1150
- -ms-transform-origin: 50% 0%;
1151
1273
  transform-origin: 50% 0%;
1152
1274
  -webkit-transform: translate3d(0px, 110%, 0px) rotateX(-90deg);
1153
1275
  transform: translate3d(0px, 110%, 0px) rotateX(-90deg); }
@@ -1158,14 +1280,48 @@ body {
1158
1280
  .reveal aside.notes {
1159
1281
  display: none; }
1160
1282
 
1283
+ .reveal .speaker-notes {
1284
+ display: none;
1285
+ position: absolute;
1286
+ width: 70%;
1287
+ max-height: 15%;
1288
+ left: 15%;
1289
+ bottom: 26px;
1290
+ padding: 10px;
1291
+ z-index: 1;
1292
+ font-size: 18px;
1293
+ line-height: 1.4;
1294
+ color: #fff;
1295
+ background-color: rgba(0, 0, 0, 0.5);
1296
+ overflow: auto;
1297
+ box-sizing: border-box;
1298
+ text-align: left;
1299
+ font-family: Helvetica, sans-serif;
1300
+ -webkit-overflow-scrolling: touch; }
1301
+
1302
+ .reveal .speaker-notes.visible:not(:empty) {
1303
+ display: block; }
1304
+
1305
+ @media screen and (max-width: 1024px) {
1306
+ .reveal .speaker-notes {
1307
+ font-size: 14px; } }
1308
+
1309
+ @media screen and (max-width: 600px) {
1310
+ .reveal .speaker-notes {
1311
+ width: 90%;
1312
+ left: 5%; } }
1313
+
1161
1314
  /*********************************************
1162
1315
  * ZOOM PLUGIN
1163
1316
  *********************************************/
1164
- .zoomed .reveal *, .zoomed .reveal *:before, .zoomed .reveal *:after {
1317
+ .zoomed .reveal *,
1318
+ .zoomed .reveal *:before,
1319
+ .zoomed .reveal *:after {
1165
1320
  -webkit-backface-visibility: visible !important;
1166
1321
  backface-visibility: visible !important; }
1167
1322
 
1168
- .zoomed .reveal .progress, .zoomed .reveal .controls {
1323
+ .zoomed .reveal .progress,
1324
+ .zoomed .reveal .controls {
1169
1325
  opacity: 0; }
1170
1326
 
1171
1327
  .zoomed .reveal .roll span {