reveal.rb 0.4.0 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. checksums.yaml +5 -5
  2. data/.ruby-version +1 -1
  3. data/.travis.yml +2 -1
  4. data/Dockerfile +4 -0
  5. data/Gemfile +1 -1
  6. data/Gemfile.lock +7 -1
  7. data/README.md +1 -1
  8. data/lib/reveal/command.rb +9 -3
  9. data/lib/reveal/templates/revealjs/css/print/paper.css +4 -3
  10. data/lib/reveal/templates/revealjs/css/print/pdf.css +59 -38
  11. data/lib/reveal/templates/revealjs/css/reveal.css +654 -274
  12. data/lib/reveal/templates/revealjs/css/theme/beige.css +65 -68
  13. data/lib/reveal/templates/revealjs/css/theme/black.css +58 -61
  14. data/lib/reveal/templates/revealjs/css/theme/blood.css +64 -62
  15. data/lib/reveal/templates/revealjs/css/theme/league.css +59 -62
  16. data/lib/reveal/templates/revealjs/css/theme/moon.css +59 -62
  17. data/lib/reveal/templates/revealjs/css/theme/night.css +58 -61
  18. data/lib/reveal/templates/revealjs/css/theme/serif.css +56 -59
  19. data/lib/reveal/templates/revealjs/css/theme/simple.css +60 -60
  20. data/lib/reveal/templates/revealjs/css/theme/sky.css +59 -62
  21. data/lib/reveal/templates/revealjs/css/theme/solarized.css +59 -62
  22. data/lib/reveal/templates/revealjs/css/theme/white.css +59 -62
  23. data/lib/reveal/templates/revealjs/index.html +14 -376
  24. data/lib/reveal/templates/revealjs/js/reveal.js +1073 -342
  25. data/lib/reveal/templates/revealjs/lib/css/zenburn.css +41 -78
  26. data/lib/reveal/templates/revealjs/lib/js/head.min.js +9 -8
  27. data/lib/reveal/templates/revealjs/plugin/highlight/highlight.js +51 -4
  28. data/lib/reveal/templates/revealjs/plugin/markdown/markdown.js +38 -19
  29. data/lib/reveal/templates/revealjs/plugin/markdown/marked.js +1 -1
  30. data/lib/reveal/templates/revealjs/plugin/math/math.js +5 -2
  31. data/lib/reveal/templates/revealjs/plugin/multiplex/client.js +1 -1
  32. data/lib/reveal/templates/revealjs/plugin/multiplex/index.js +24 -16
  33. data/lib/reveal/templates/revealjs/plugin/multiplex/master.js +26 -43
  34. data/lib/reveal/templates/revealjs/plugin/multiplex/package.json +19 -0
  35. data/lib/reveal/templates/revealjs/plugin/notes/notes.html +385 -32
  36. data/lib/reveal/templates/revealjs/plugin/notes/notes.js +39 -6
  37. data/lib/reveal/templates/revealjs/plugin/notes-server/client.js +6 -1
  38. data/lib/reveal/templates/revealjs/plugin/notes-server/index.js +17 -14
  39. data/lib/reveal/templates/revealjs/plugin/notes-server/notes.html +215 -26
  40. data/lib/reveal/templates/revealjs/plugin/print-pdf/print-pdf.js +48 -27
  41. data/lib/reveal/templates/revealjs/plugin/search/search.js +41 -31
  42. data/lib/reveal/templates/revealjs/plugin/zoom-js/zoom.js +17 -23
  43. data/lib/reveal/templates/template.html +12 -41
  44. data/lib/reveal/version.rb +1 -1
  45. data/spec/lib/reveal/command_spec.rb +37 -0
  46. metadata +14 -16
  47. data/lib/reveal/templates/revealjs/lib/font/league-gothic/LICENSE +0 -2
  48. data/lib/reveal/templates/revealjs/lib/font/source-sans-pro/LICENSE +0 -45
  49. data/lib/reveal/templates/revealjs/plugin/leap/leap.js +0 -159
  50. data/lib/reveal/templates/revealjs/plugin/remotes/remotes.js +0 -39
@@ -1,14 +1,26 @@
1
1
  /*!
2
2
  * reveal.js
3
- * http://lab.hakim.se/reveal-js
3
+ * http://revealjs.com
4
4
  * MIT licensed
5
5
  *
6
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
6
+ * Copyright (C) 2017 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; }
@@ -39,66 +53,95 @@ body {
39
53
  .reveal .slides section .fragment {
40
54
  opacity: 0;
41
55
  visibility: hidden;
42
- -webkit-transition: all 0.2s ease;
43
- transition: all 0.2s ease; }
56
+ transition: all .2s ease; }
44
57
  .reveal .slides section .fragment.visible {
45
58
  opacity: 1;
46
- visibility: visible; }
59
+ visibility: inherit; }
47
60
 
48
61
  .reveal .slides section .fragment.grow {
49
62
  opacity: 1;
50
- visibility: visible; }
63
+ visibility: inherit; }
51
64
  .reveal .slides section .fragment.grow.visible {
52
65
  -webkit-transform: scale(1.3);
53
- -ms-transform: scale(1.3);
54
66
  transform: scale(1.3); }
55
67
 
56
68
  .reveal .slides section .fragment.shrink {
57
69
  opacity: 1;
58
- visibility: visible; }
70
+ visibility: inherit; }
59
71
  .reveal .slides section .fragment.shrink.visible {
60
72
  -webkit-transform: scale(0.7);
61
- -ms-transform: scale(0.7);
62
73
  transform: scale(0.7); }
63
74
 
64
75
  .reveal .slides section .fragment.zoom-in {
65
76
  -webkit-transform: scale(0.1);
66
- -ms-transform: scale(0.1);
67
77
  transform: scale(0.1); }
68
78
  .reveal .slides section .fragment.zoom-in.visible {
69
79
  -webkit-transform: none;
70
- -ms-transform: none;
71
80
  transform: none; }
72
81
 
73
82
  .reveal .slides section .fragment.fade-out {
74
83
  opacity: 1;
75
- visibility: visible; }
84
+ visibility: inherit; }
76
85
  .reveal .slides section .fragment.fade-out.visible {
77
86
  opacity: 0;
78
87
  visibility: hidden; }
79
88
 
80
89
  .reveal .slides section .fragment.semi-fade-out {
81
90
  opacity: 1;
82
- visibility: visible; }
91
+ visibility: inherit; }
83
92
  .reveal .slides section .fragment.semi-fade-out.visible {
84
93
  opacity: 0.5;
85
- visibility: visible; }
94
+ visibility: inherit; }
86
95
 
87
96
  .reveal .slides section .fragment.strike {
88
- opacity: 1; }
97
+ opacity: 1;
98
+ visibility: inherit; }
89
99
  .reveal .slides section .fragment.strike.visible {
90
100
  text-decoration: line-through; }
91
101
 
102
+ .reveal .slides section .fragment.fade-up {
103
+ -webkit-transform: translate(0, 20%);
104
+ transform: translate(0, 20%); }
105
+ .reveal .slides section .fragment.fade-up.visible {
106
+ -webkit-transform: translate(0, 0);
107
+ transform: translate(0, 0); }
108
+
109
+ .reveal .slides section .fragment.fade-down {
110
+ -webkit-transform: translate(0, -20%);
111
+ transform: translate(0, -20%); }
112
+ .reveal .slides section .fragment.fade-down.visible {
113
+ -webkit-transform: translate(0, 0);
114
+ transform: translate(0, 0); }
115
+
116
+ .reveal .slides section .fragment.fade-right {
117
+ -webkit-transform: translate(-20%, 0);
118
+ transform: translate(-20%, 0); }
119
+ .reveal .slides section .fragment.fade-right.visible {
120
+ -webkit-transform: translate(0, 0);
121
+ transform: translate(0, 0); }
122
+
123
+ .reveal .slides section .fragment.fade-left {
124
+ -webkit-transform: translate(20%, 0);
125
+ transform: translate(20%, 0); }
126
+ .reveal .slides section .fragment.fade-left.visible {
127
+ -webkit-transform: translate(0, 0);
128
+ transform: translate(0, 0); }
129
+
92
130
  .reveal .slides section .fragment.current-visible {
93
131
  opacity: 0;
94
132
  visibility: hidden; }
95
133
  .reveal .slides section .fragment.current-visible.current-fragment {
96
134
  opacity: 1;
97
- visibility: visible; }
98
-
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 {
135
+ visibility: inherit; }
136
+
137
+ .reveal .slides section .fragment.highlight-red,
138
+ .reveal .slides section .fragment.highlight-current-red,
139
+ .reveal .slides section .fragment.highlight-green,
140
+ .reveal .slides section .fragment.highlight-current-green,
141
+ .reveal .slides section .fragment.highlight-blue,
142
+ .reveal .slides section .fragment.highlight-current-blue {
100
143
  opacity: 1;
101
- visibility: visible; }
144
+ visibility: inherit; }
102
145
 
103
146
  .reveal .slides section .fragment.highlight-red.visible {
104
147
  color: #ff2c2d; }
@@ -140,104 +183,266 @@ body {
140
183
  .reveal pre.stretch code {
141
184
  height: 100%;
142
185
  max-height: 100%;
143
- -moz-box-sizing: border-box;
144
- box-sizing: border-box; }
186
+ box-sizing: border-box; }
145
187
 
146
188
  /*********************************************
147
189
  * CONTROLS
148
190
  *********************************************/
191
+ @-webkit-keyframes bounce-right {
192
+ 0%, 10%, 25%, 40%, 50% {
193
+ -webkit-transform: translateX(0);
194
+ transform: translateX(0); }
195
+ 20% {
196
+ -webkit-transform: translateX(10px);
197
+ transform: translateX(10px); }
198
+ 30% {
199
+ -webkit-transform: translateX(-5px);
200
+ transform: translateX(-5px); } }
201
+ @keyframes bounce-right {
202
+ 0%, 10%, 25%, 40%, 50% {
203
+ -webkit-transform: translateX(0);
204
+ transform: translateX(0); }
205
+ 20% {
206
+ -webkit-transform: translateX(10px);
207
+ transform: translateX(10px); }
208
+ 30% {
209
+ -webkit-transform: translateX(-5px);
210
+ transform: translateX(-5px); } }
211
+
212
+ @-webkit-keyframes bounce-down {
213
+ 0%, 10%, 25%, 40%, 50% {
214
+ -webkit-transform: translateY(0);
215
+ transform: translateY(0); }
216
+ 20% {
217
+ -webkit-transform: translateY(10px);
218
+ transform: translateY(10px); }
219
+ 30% {
220
+ -webkit-transform: translateY(-5px);
221
+ transform: translateY(-5px); } }
222
+
223
+ @keyframes bounce-down {
224
+ 0%, 10%, 25%, 40%, 50% {
225
+ -webkit-transform: translateY(0);
226
+ transform: translateY(0); }
227
+ 20% {
228
+ -webkit-transform: translateY(10px);
229
+ transform: translateY(10px); }
230
+ 30% {
231
+ -webkit-transform: translateY(-5px);
232
+ transform: translateY(-5px); } }
233
+
149
234
  .reveal .controls {
150
235
  display: none;
151
- position: fixed;
152
- width: 110px;
153
- height: 110px;
154
- z-index: 30;
155
- right: 10px;
156
- bottom: 10px;
157
- -webkit-user-select: none; }
158
-
159
- .reveal .controls div {
160
236
  position: absolute;
161
- opacity: 0.05;
162
- width: 0;
163
- height: 0;
164
- border: 12px solid transparent;
165
- -webkit-transform: scale(0.9999);
166
- -ms-transform: scale(0.9999);
167
- transform: scale(0.9999);
168
- -webkit-transition: all 0.2s ease;
169
- transition: all 0.2s ease;
170
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
171
-
172
- .reveal .controls div.enabled {
173
- opacity: 0.7;
174
- cursor: pointer; }
175
-
176
- .reveal .controls div.enabled:active {
177
- margin-top: 1px; }
178
-
179
- .reveal .controls div.navigate-left {
180
- top: 42px;
181
- border-right-width: 22px;
182
- border-right-color: #000; }
183
-
184
- .reveal .controls div.navigate-left.fragmented {
185
- opacity: 0.3; }
186
-
187
- .reveal .controls div.navigate-right {
188
- left: 74px;
189
- top: 42px;
190
- border-left-width: 22px;
191
- border-left-color: #000; }
192
-
193
- .reveal .controls div.navigate-right.fragmented {
194
- opacity: 0.3; }
195
-
196
- .reveal .controls div.navigate-up {
197
- left: 42px;
198
- border-bottom-width: 22px;
199
- border-bottom-color: #000; }
200
-
201
- .reveal .controls div.navigate-up.fragmented {
202
- opacity: 0.3; }
203
-
204
- .reveal .controls div.navigate-down {
205
- left: 42px;
206
- top: 74px;
207
- border-top-width: 22px;
208
- border-top-color: #000; }
209
-
210
- .reveal .controls div.navigate-down.fragmented {
211
- opacity: 0.3; }
237
+ top: auto;
238
+ bottom: 12px;
239
+ right: 12px;
240
+ left: auto;
241
+ z-index: 1;
242
+ color: #000;
243
+ pointer-events: none;
244
+ font-size: 10px; }
245
+ .reveal .controls button {
246
+ position: absolute;
247
+ padding: 0;
248
+ background-color: transparent;
249
+ border: 0;
250
+ outline: 0;
251
+ cursor: pointer;
252
+ color: currentColor;
253
+ -webkit-transform: scale(0.9999);
254
+ transform: scale(0.9999);
255
+ transition: color 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
256
+ transition: color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
257
+ z-index: 2;
258
+ pointer-events: auto;
259
+ font-size: inherit;
260
+ visibility: hidden;
261
+ opacity: 0;
262
+ -webkit-appearance: none;
263
+ -webkit-tap-highlight-color: transparent; }
264
+ .reveal .controls .controls-arrow:before,
265
+ .reveal .controls .controls-arrow:after {
266
+ content: '';
267
+ position: absolute;
268
+ top: 0;
269
+ left: 0;
270
+ width: 2.6em;
271
+ height: 0.5em;
272
+ border-radius: 0.25em;
273
+ background-color: currentColor;
274
+ transition: all 0.15s ease, background-color 0.8s ease;
275
+ -webkit-transform-origin: 0.2em 50%;
276
+ transform-origin: 0.2em 50%;
277
+ will-change: transform; }
278
+ .reveal .controls .controls-arrow {
279
+ position: relative;
280
+ width: 3.6em;
281
+ height: 3.6em; }
282
+ .reveal .controls .controls-arrow:before {
283
+ -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(45deg);
284
+ transform: translateX(0.5em) translateY(1.55em) rotate(45deg); }
285
+ .reveal .controls .controls-arrow:after {
286
+ -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(-45deg);
287
+ transform: translateX(0.5em) translateY(1.55em) rotate(-45deg); }
288
+ .reveal .controls .controls-arrow:hover:before {
289
+ -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(40deg);
290
+ transform: translateX(0.5em) translateY(1.55em) rotate(40deg); }
291
+ .reveal .controls .controls-arrow:hover:after {
292
+ -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(-40deg);
293
+ transform: translateX(0.5em) translateY(1.55em) rotate(-40deg); }
294
+ .reveal .controls .controls-arrow:active:before {
295
+ -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(36deg);
296
+ transform: translateX(0.5em) translateY(1.55em) rotate(36deg); }
297
+ .reveal .controls .controls-arrow:active:after {
298
+ -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(-36deg);
299
+ transform: translateX(0.5em) translateY(1.55em) rotate(-36deg); }
300
+ .reveal .controls .navigate-left {
301
+ right: 6.4em;
302
+ bottom: 3.2em;
303
+ -webkit-transform: translateX(-10px);
304
+ transform: translateX(-10px); }
305
+ .reveal .controls .navigate-right {
306
+ right: 0;
307
+ bottom: 3.2em;
308
+ -webkit-transform: translateX(10px);
309
+ transform: translateX(10px); }
310
+ .reveal .controls .navigate-right .controls-arrow {
311
+ -webkit-transform: rotate(180deg);
312
+ transform: rotate(180deg); }
313
+ .reveal .controls .navigate-right.highlight {
314
+ -webkit-animation: bounce-right 2s 50 both ease-out;
315
+ animation: bounce-right 2s 50 both ease-out; }
316
+ .reveal .controls .navigate-up {
317
+ right: 3.2em;
318
+ bottom: 6.4em;
319
+ -webkit-transform: translateY(-10px);
320
+ transform: translateY(-10px); }
321
+ .reveal .controls .navigate-up .controls-arrow {
322
+ -webkit-transform: rotate(90deg);
323
+ transform: rotate(90deg); }
324
+ .reveal .controls .navigate-down {
325
+ right: 3.2em;
326
+ bottom: 0;
327
+ -webkit-transform: translateY(10px);
328
+ transform: translateY(10px); }
329
+ .reveal .controls .navigate-down .controls-arrow {
330
+ -webkit-transform: rotate(-90deg);
331
+ transform: rotate(-90deg); }
332
+ .reveal .controls .navigate-down.highlight {
333
+ -webkit-animation: bounce-down 2s 50 both ease-out;
334
+ animation: bounce-down 2s 50 both ease-out; }
335
+ .reveal .controls[data-controls-back-arrows="faded"] .navigate-left.enabled,
336
+ .reveal .controls[data-controls-back-arrows="faded"] .navigate-up.enabled {
337
+ opacity: 0.3; }
338
+ .reveal .controls[data-controls-back-arrows="faded"] .navigate-left.enabled:hover,
339
+ .reveal .controls[data-controls-back-arrows="faded"] .navigate-up.enabled:hover {
340
+ opacity: 1; }
341
+ .reveal .controls[data-controls-back-arrows="hidden"] .navigate-left.enabled,
342
+ .reveal .controls[data-controls-back-arrows="hidden"] .navigate-up.enabled {
343
+ opacity: 0;
344
+ visibility: hidden; }
345
+ .reveal .controls .enabled {
346
+ visibility: visible;
347
+ opacity: 0.9;
348
+ cursor: pointer;
349
+ -webkit-transform: none;
350
+ transform: none; }
351
+ .reveal .controls .enabled.fragmented {
352
+ opacity: 0.5; }
353
+ .reveal .controls .enabled:hover,
354
+ .reveal .controls .enabled.fragmented:hover {
355
+ opacity: 1; }
356
+
357
+ .reveal:not(.has-vertical-slides) .controls .navigate-left {
358
+ bottom: 1.4em;
359
+ right: 5.5em; }
360
+
361
+ .reveal:not(.has-vertical-slides) .controls .navigate-right {
362
+ bottom: 1.4em;
363
+ right: 0.5em; }
364
+
365
+ .reveal:not(.has-horizontal-slides) .controls .navigate-up {
366
+ right: 1.4em;
367
+ bottom: 5em; }
368
+
369
+ .reveal:not(.has-horizontal-slides) .controls .navigate-down {
370
+ right: 1.4em;
371
+ bottom: 0.5em; }
372
+
373
+ .reveal.has-dark-background .controls {
374
+ color: #fff; }
375
+
376
+ .reveal.has-light-background .controls {
377
+ color: #000; }
378
+
379
+ .reveal.no-hover .controls .controls-arrow:hover:before,
380
+ .reveal.no-hover .controls .controls-arrow:active:before {
381
+ -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(45deg);
382
+ transform: translateX(0.5em) translateY(1.55em) rotate(45deg); }
383
+
384
+ .reveal.no-hover .controls .controls-arrow:hover:after,
385
+ .reveal.no-hover .controls .controls-arrow:active:after {
386
+ -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(-45deg);
387
+ transform: translateX(0.5em) translateY(1.55em) rotate(-45deg); }
388
+
389
+ @media screen and (min-width: 500px) {
390
+ .reveal .controls[data-controls-layout="edges"] {
391
+ top: 0;
392
+ right: 0;
393
+ bottom: 0;
394
+ left: 0; }
395
+ .reveal .controls[data-controls-layout="edges"] .navigate-left,
396
+ .reveal .controls[data-controls-layout="edges"] .navigate-right,
397
+ .reveal .controls[data-controls-layout="edges"] .navigate-up,
398
+ .reveal .controls[data-controls-layout="edges"] .navigate-down {
399
+ bottom: auto;
400
+ right: auto; }
401
+ .reveal .controls[data-controls-layout="edges"] .navigate-left {
402
+ top: 50%;
403
+ left: 8px;
404
+ margin-top: -1.8em; }
405
+ .reveal .controls[data-controls-layout="edges"] .navigate-right {
406
+ top: 50%;
407
+ right: 8px;
408
+ margin-top: -1.8em; }
409
+ .reveal .controls[data-controls-layout="edges"] .navigate-up {
410
+ top: 8px;
411
+ left: 50%;
412
+ margin-left: -1.8em; }
413
+ .reveal .controls[data-controls-layout="edges"] .navigate-down {
414
+ bottom: 8px;
415
+ left: 50%;
416
+ margin-left: -1.8em; } }
212
417
 
213
418
  /*********************************************
214
419
  * PROGRESS BAR
215
420
  *********************************************/
216
421
  .reveal .progress {
217
- position: fixed;
422
+ position: absolute;
218
423
  display: none;
219
424
  height: 3px;
220
425
  width: 100%;
221
426
  bottom: 0;
222
427
  left: 0;
223
428
  z-index: 10;
224
- background-color: rgba(0, 0, 0, 0.2); }
429
+ background-color: rgba(0, 0, 0, 0.2);
430
+ color: #fff; }
225
431
 
226
432
  .reveal .progress:after {
227
433
  content: '';
228
434
  display: block;
229
435
  position: absolute;
230
- height: 20px;
436
+ height: 10px;
231
437
  width: 100%;
232
- top: -20px; }
438
+ top: -10px; }
233
439
 
234
440
  .reveal .progress span {
235
441
  display: block;
236
442
  height: 100%;
237
443
  width: 0px;
238
- background-color: #000;
239
- -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
240
- transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
444
+ background-color: currentColor;
445
+ transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
241
446
 
242
447
  /*********************************************
243
448
  * SLIDE NUMBER
@@ -245,11 +450,18 @@ body {
245
450
  .reveal .slide-number {
246
451
  position: fixed;
247
452
  display: block;
248
- right: 15px;
249
- bottom: 15px;
250
- opacity: 0.5;
453
+ right: 8px;
454
+ bottom: 8px;
251
455
  z-index: 31;
252
- font-size: 12px; }
456
+ font-family: Helvetica, sans-serif;
457
+ font-size: 12px;
458
+ line-height: 1;
459
+ color: #fff;
460
+ background-color: rgba(0, 0, 0, 0.4);
461
+ padding: 5px; }
462
+
463
+ .reveal .slide-number-delimiter {
464
+ margin: 0 3px; }
253
465
 
254
466
  /*********************************************
255
467
  * SLIDES
@@ -262,6 +474,10 @@ body {
262
474
  -ms-touch-action: none;
263
475
  touch-action: none; }
264
476
 
477
+ @media only screen and (orientation: landscape) {
478
+ .reveal.ua-iphone {
479
+ position: fixed; } }
480
+
265
481
  .reveal .slides {
266
482
  position: absolute;
267
483
  width: 100%;
@@ -271,6 +487,7 @@ body {
271
487
  bottom: 0;
272
488
  left: 0;
273
489
  margin: auto;
490
+ pointer-events: none;
274
491
  overflow: visible;
275
492
  z-index: 1;
276
493
  text-align: center;
@@ -282,56 +499,69 @@ body {
282
499
  .reveal .slides > section {
283
500
  -ms-perspective: 600px; }
284
501
 
285
- .reveal .slides > section, .reveal .slides > section > section {
502
+ .reveal .slides > section,
503
+ .reveal .slides > section > section {
286
504
  display: none;
287
505
  position: absolute;
288
506
  width: 100%;
289
507
  padding: 20px 0px;
508
+ pointer-events: auto;
290
509
  z-index: 10;
291
- -webkit-transform-style: preserve-3d;
292
- transform-style: preserve-3d;
293
- -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
- 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); }
510
+ -webkit-transform-style: flat;
511
+ transform-style: flat;
512
+ 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);
513
+ 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
514
 
297
515
  /* Global transition speed settings */
298
516
  .reveal[data-transition-speed="fast"] .slides section {
299
- -webkit-transition-duration: 400ms;
300
- transition-duration: 400ms; }
517
+ transition-duration: 400ms; }
301
518
 
302
519
  .reveal[data-transition-speed="slow"] .slides section {
303
- -webkit-transition-duration: 1200ms;
304
- transition-duration: 1200ms; }
520
+ transition-duration: 1200ms; }
305
521
 
306
522
  /* Slide-specific transition speed overrides */
307
523
  .reveal .slides section[data-transition-speed="fast"] {
308
- -webkit-transition-duration: 400ms;
309
- transition-duration: 400ms; }
524
+ transition-duration: 400ms; }
310
525
 
311
526
  .reveal .slides section[data-transition-speed="slow"] {
312
- -webkit-transition-duration: 1200ms;
313
- transition-duration: 1200ms; }
527
+ transition-duration: 1200ms; }
314
528
 
315
529
  .reveal .slides > section.stack {
316
530
  padding-top: 0;
317
531
  padding-bottom: 0; }
318
532
 
319
- .reveal .slides > section.present, .reveal .slides > section > section.present {
533
+ .reveal .slides > section.present,
534
+ .reveal .slides > section > section.present {
320
535
  display: block;
321
536
  z-index: 11;
322
537
  opacity: 1; }
323
538
 
324
- .reveal.center, .reveal.center .slides, .reveal.center .slides section {
539
+ .reveal .slides > section:empty,
540
+ .reveal .slides > section > section:empty,
541
+ .reveal .slides > section[data-background-interactive],
542
+ .reveal .slides > section > section[data-background-interactive] {
543
+ pointer-events: none; }
544
+
545
+ .reveal.center,
546
+ .reveal.center .slides,
547
+ .reveal.center .slides section {
325
548
  min-height: 0 !important; }
326
549
 
327
550
  /* 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 {
551
+ .reveal .slides > section.future,
552
+ .reveal .slides > section > section.future,
553
+ .reveal .slides > section.past,
554
+ .reveal .slides > section > section.past {
329
555
  pointer-events: none; }
330
556
 
331
- .reveal.overview .slides > section, .reveal.overview .slides > section > section {
557
+ .reveal.overview .slides > section,
558
+ .reveal.overview .slides > section > section {
332
559
  pointer-events: auto; }
333
560
 
334
- .reveal .slides > section.past, .reveal .slides > section.future, .reveal .slides > section > section.past, .reveal .slides > section > section.future {
561
+ .reveal .slides > section.past,
562
+ .reveal .slides > section.future,
563
+ .reveal .slides > section > section.past,
564
+ .reveal .slides > section > section.future {
335
565
  opacity: 0; }
336
566
 
337
567
  /*********************************************
@@ -345,136 +575,191 @@ body {
345
575
  -webkit-backface-visibility: hidden;
346
576
  backface-visibility: hidden; }
347
577
 
348
- .reveal .slides > section[data-transition=slide].past, .reveal .slides > section[data-transition~=slide-out].past, .reveal.slide .slides > section:not([data-transition]).past {
578
+ .reveal .slides > section[data-transition=slide].past,
579
+ .reveal .slides > section[data-transition~=slide-out].past,
580
+ .reveal.slide .slides > section:not([data-transition]).past {
349
581
  -webkit-transform: translate(-150%, 0);
350
- -ms-transform: translate(-150%, 0);
351
582
  transform: translate(-150%, 0); }
352
583
 
353
- .reveal .slides > section[data-transition=slide].future, .reveal .slides > section[data-transition~=slide-in].future, .reveal.slide .slides > section:not([data-transition]).future {
584
+ .reveal .slides > section[data-transition=slide].future,
585
+ .reveal .slides > section[data-transition~=slide-in].future,
586
+ .reveal.slide .slides > section:not([data-transition]).future {
354
587
  -webkit-transform: translate(150%, 0);
355
- -ms-transform: translate(150%, 0);
356
588
  transform: translate(150%, 0); }
357
589
 
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 {
590
+ .reveal .slides > section > section[data-transition=slide].past,
591
+ .reveal .slides > section > section[data-transition~=slide-out].past,
592
+ .reveal.slide .slides > section > section:not([data-transition]).past {
359
593
  -webkit-transform: translate(0, -150%);
360
- -ms-transform: translate(0, -150%);
361
594
  transform: translate(0, -150%); }
362
595
 
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 {
596
+ .reveal .slides > section > section[data-transition=slide].future,
597
+ .reveal .slides > section > section[data-transition~=slide-in].future,
598
+ .reveal.slide .slides > section > section:not([data-transition]).future {
364
599
  -webkit-transform: translate(0, 150%);
365
- -ms-transform: translate(0, 150%);
366
600
  transform: translate(0, 150%); }
367
601
 
368
602
  .reveal.linear section {
369
603
  -webkit-backface-visibility: hidden;
370
604
  backface-visibility: hidden; }
371
605
 
372
- .reveal .slides > section[data-transition=linear].past, .reveal .slides > section[data-transition~=linear-out].past, .reveal.linear .slides > section:not([data-transition]).past {
606
+ .reveal .slides > section[data-transition=linear].past,
607
+ .reveal .slides > section[data-transition~=linear-out].past,
608
+ .reveal.linear .slides > section:not([data-transition]).past {
373
609
  -webkit-transform: translate(-150%, 0);
374
- -ms-transform: translate(-150%, 0);
375
610
  transform: translate(-150%, 0); }
376
611
 
377
- .reveal .slides > section[data-transition=linear].future, .reveal .slides > section[data-transition~=linear-in].future, .reveal.linear .slides > section:not([data-transition]).future {
612
+ .reveal .slides > section[data-transition=linear].future,
613
+ .reveal .slides > section[data-transition~=linear-in].future,
614
+ .reveal.linear .slides > section:not([data-transition]).future {
378
615
  -webkit-transform: translate(150%, 0);
379
- -ms-transform: translate(150%, 0);
380
616
  transform: translate(150%, 0); }
381
617
 
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 {
618
+ .reveal .slides > section > section[data-transition=linear].past,
619
+ .reveal .slides > section > section[data-transition~=linear-out].past,
620
+ .reveal.linear .slides > section > section:not([data-transition]).past {
383
621
  -webkit-transform: translate(0, -150%);
384
- -ms-transform: translate(0, -150%);
385
622
  transform: translate(0, -150%); }
386
623
 
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 {
624
+ .reveal .slides > section > section[data-transition=linear].future,
625
+ .reveal .slides > section > section[data-transition~=linear-in].future,
626
+ .reveal.linear .slides > section > section:not([data-transition]).future {
388
627
  -webkit-transform: translate(0, 150%);
389
- -ms-transform: translate(0, 150%);
390
628
  transform: translate(0, 150%); }
391
629
 
392
630
  /*********************************************
393
631
  * CONVEX TRANSITION
394
632
  * Aliased 'default' for backwards compatibility
395
633
  *********************************************/
396
- .reveal .slides > section[data-transition=default].past, .reveal .slides > section[data-transition~=default-out].past, .reveal.default .slides > section:not([data-transition]).past {
634
+ .reveal .slides section[data-transition=default].stack,
635
+ .reveal.default .slides section.stack {
636
+ -webkit-transform-style: preserve-3d;
637
+ transform-style: preserve-3d; }
638
+
639
+ .reveal .slides > section[data-transition=default].past,
640
+ .reveal .slides > section[data-transition~=default-out].past,
641
+ .reveal.default .slides > section:not([data-transition]).past {
397
642
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
398
643
  transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
399
644
 
400
- .reveal .slides > section[data-transition=default].future, .reveal .slides > section[data-transition~=default-in].future, .reveal.default .slides > section:not([data-transition]).future {
645
+ .reveal .slides > section[data-transition=default].future,
646
+ .reveal .slides > section[data-transition~=default-in].future,
647
+ .reveal.default .slides > section:not([data-transition]).future {
401
648
  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
402
649
  transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
403
650
 
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 {
651
+ .reveal .slides > section > section[data-transition=default].past,
652
+ .reveal .slides > section > section[data-transition~=default-out].past,
653
+ .reveal.default .slides > section > section:not([data-transition]).past {
405
654
  -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
406
655
  transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
407
656
 
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 {
657
+ .reveal .slides > section > section[data-transition=default].future,
658
+ .reveal .slides > section > section[data-transition~=default-in].future,
659
+ .reveal.default .slides > section > section:not([data-transition]).future {
409
660
  -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
410
661
  transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
411
662
 
412
- .reveal .slides > section[data-transition=convex].past, .reveal .slides > section[data-transition~=convex-out].past, .reveal.convex .slides > section:not([data-transition]).past {
663
+ .reveal .slides section[data-transition=convex].stack,
664
+ .reveal.convex .slides section.stack {
665
+ -webkit-transform-style: preserve-3d;
666
+ transform-style: preserve-3d; }
667
+
668
+ .reveal .slides > section[data-transition=convex].past,
669
+ .reveal .slides > section[data-transition~=convex-out].past,
670
+ .reveal.convex .slides > section:not([data-transition]).past {
413
671
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
414
672
  transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
415
673
 
416
- .reveal .slides > section[data-transition=convex].future, .reveal .slides > section[data-transition~=convex-in].future, .reveal.convex .slides > section:not([data-transition]).future {
674
+ .reveal .slides > section[data-transition=convex].future,
675
+ .reveal .slides > section[data-transition~=convex-in].future,
676
+ .reveal.convex .slides > section:not([data-transition]).future {
417
677
  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
418
678
  transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
419
679
 
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 {
680
+ .reveal .slides > section > section[data-transition=convex].past,
681
+ .reveal .slides > section > section[data-transition~=convex-out].past,
682
+ .reveal.convex .slides > section > section:not([data-transition]).past {
421
683
  -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
422
684
  transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
423
685
 
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 {
686
+ .reveal .slides > section > section[data-transition=convex].future,
687
+ .reveal .slides > section > section[data-transition~=convex-in].future,
688
+ .reveal.convex .slides > section > section:not([data-transition]).future {
425
689
  -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
426
690
  transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
427
691
 
428
692
  /*********************************************
429
693
  * CONCAVE TRANSITION
430
694
  *********************************************/
431
- .reveal .slides > section[data-transition=concave].past, .reveal .slides > section[data-transition~=concave-out].past, .reveal.concave .slides > section:not([data-transition]).past {
695
+ .reveal .slides section[data-transition=concave].stack,
696
+ .reveal.concave .slides section.stack {
697
+ -webkit-transform-style: preserve-3d;
698
+ transform-style: preserve-3d; }
699
+
700
+ .reveal .slides > section[data-transition=concave].past,
701
+ .reveal .slides > section[data-transition~=concave-out].past,
702
+ .reveal.concave .slides > section:not([data-transition]).past {
432
703
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
433
704
  transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
434
705
 
435
- .reveal .slides > section[data-transition=concave].future, .reveal .slides > section[data-transition~=concave-in].future, .reveal.concave .slides > section:not([data-transition]).future {
706
+ .reveal .slides > section[data-transition=concave].future,
707
+ .reveal .slides > section[data-transition~=concave-in].future,
708
+ .reveal.concave .slides > section:not([data-transition]).future {
436
709
  -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
437
710
  transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
438
711
 
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 {
712
+ .reveal .slides > section > section[data-transition=concave].past,
713
+ .reveal .slides > section > section[data-transition~=concave-out].past,
714
+ .reveal.concave .slides > section > section:not([data-transition]).past {
440
715
  -webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
441
716
  transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); }
442
717
 
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 {
718
+ .reveal .slides > section > section[data-transition=concave].future,
719
+ .reveal .slides > section > section[data-transition~=concave-in].future,
720
+ .reveal.concave .slides > section > section:not([data-transition]).future {
444
721
  -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
445
722
  transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }
446
723
 
447
724
  /*********************************************
448
725
  * ZOOM TRANSITION
449
726
  *********************************************/
450
- .reveal .slides > section[data-transition=zoom], .reveal.zoom .slides > section:not([data-transition]) {
451
- -webkit-transition-timing-function: ease;
452
- transition-timing-function: ease; }
727
+ .reveal .slides section[data-transition=zoom],
728
+ .reveal.zoom .slides section:not([data-transition]) {
729
+ transition-timing-function: ease; }
453
730
 
454
- .reveal .slides > section[data-transition=zoom].past, .reveal .slides > section[data-transition~=zoom-out].past, .reveal.zoom .slides > section:not([data-transition]).past {
731
+ .reveal .slides > section[data-transition=zoom].past,
732
+ .reveal .slides > section[data-transition~=zoom-out].past,
733
+ .reveal.zoom .slides > section:not([data-transition]).past {
455
734
  visibility: hidden;
456
735
  -webkit-transform: scale(16);
457
- -ms-transform: scale(16);
458
736
  transform: scale(16); }
459
737
 
460
- .reveal .slides > section[data-transition=zoom].future, .reveal .slides > section[data-transition~=zoom-in].future, .reveal.zoom .slides > section:not([data-transition]).future {
738
+ .reveal .slides > section[data-transition=zoom].future,
739
+ .reveal .slides > section[data-transition~=zoom-in].future,
740
+ .reveal.zoom .slides > section:not([data-transition]).future {
461
741
  visibility: hidden;
462
742
  -webkit-transform: scale(0.2);
463
- -ms-transform: scale(0.2);
464
743
  transform: scale(0.2); }
465
744
 
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 {
745
+ .reveal .slides > section > section[data-transition=zoom].past,
746
+ .reveal .slides > section > section[data-transition~=zoom-out].past,
747
+ .reveal.zoom .slides > section > section:not([data-transition]).past {
467
748
  -webkit-transform: translate(0, -150%);
468
- -ms-transform: translate(0, -150%);
469
749
  transform: translate(0, -150%); }
470
750
 
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 {
751
+ .reveal .slides > section > section[data-transition=zoom].future,
752
+ .reveal .slides > section > section[data-transition~=zoom-in].future,
753
+ .reveal.zoom .slides > section > section:not([data-transition]).future {
472
754
  -webkit-transform: translate(0, 150%);
473
- -ms-transform: translate(0, 150%);
474
755
  transform: translate(0, 150%); }
475
756
 
476
757
  /*********************************************
477
758
  * CUBE TRANSITION
759
+ *
760
+ * WARNING:
761
+ * this is deprecated and will be removed in a
762
+ * future version.
478
763
  *********************************************/
479
764
  .reveal.cube .slides {
480
765
  -webkit-perspective: 1300px;
@@ -485,8 +770,9 @@ body {
485
770
  min-height: 700px;
486
771
  -webkit-backface-visibility: hidden;
487
772
  backface-visibility: hidden;
488
- -moz-box-sizing: border-box;
489
- box-sizing: border-box; }
773
+ box-sizing: border-box;
774
+ -webkit-transform-style: preserve-3d;
775
+ transform-style: preserve-3d; }
490
776
 
491
777
  .reveal.center.cube .slides section {
492
778
  min-height: 0; }
@@ -525,34 +811,34 @@ body {
525
811
 
526
812
  .reveal.cube .slides > section.past {
527
813
  -webkit-transform-origin: 100% 0%;
528
- -ms-transform-origin: 100% 0%;
529
814
  transform-origin: 100% 0%;
530
815
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
531
816
  transform: translate3d(-100%, 0, 0) rotateY(-90deg); }
532
817
 
533
818
  .reveal.cube .slides > section.future {
534
819
  -webkit-transform-origin: 0% 0%;
535
- -ms-transform-origin: 0% 0%;
536
820
  transform-origin: 0% 0%;
537
821
  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
538
822
  transform: translate3d(100%, 0, 0) rotateY(90deg); }
539
823
 
540
824
  .reveal.cube .slides > section > section.past {
541
825
  -webkit-transform-origin: 0% 100%;
542
- -ms-transform-origin: 0% 100%;
543
826
  transform-origin: 0% 100%;
544
827
  -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg);
545
828
  transform: translate3d(0, -100%, 0) rotateX(90deg); }
546
829
 
547
830
  .reveal.cube .slides > section > section.future {
548
831
  -webkit-transform-origin: 0% 0%;
549
- -ms-transform-origin: 0% 0%;
550
832
  transform-origin: 0% 0%;
551
833
  -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg);
552
834
  transform: translate3d(0, 100%, 0) rotateX(-90deg); }
553
835
 
554
836
  /*********************************************
555
837
  * PAGE TRANSITION
838
+ *
839
+ * WARNING:
840
+ * this is deprecated and will be removed in a
841
+ * future version.
556
842
  *********************************************/
557
843
  .reveal.page .slides {
558
844
  -webkit-perspective-origin: 0% 50%;
@@ -563,8 +849,9 @@ body {
563
849
  .reveal.page .slides section {
564
850
  padding: 30px;
565
851
  min-height: 700px;
566
- -moz-box-sizing: border-box;
567
- box-sizing: border-box; }
852
+ box-sizing: border-box;
853
+ -webkit-transform-style: preserve-3d;
854
+ transform-style: preserve-3d; }
568
855
 
569
856
  .reveal.page .slides section.past {
570
857
  z-index: 12; }
@@ -601,28 +888,24 @@ body {
601
888
 
602
889
  .reveal.page .slides > section.past {
603
890
  -webkit-transform-origin: 0% 0%;
604
- -ms-transform-origin: 0% 0%;
605
891
  transform-origin: 0% 0%;
606
892
  -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
607
893
  transform: translate3d(-40%, 0, 0) rotateY(-80deg); }
608
894
 
609
895
  .reveal.page .slides > section.future {
610
896
  -webkit-transform-origin: 100% 0%;
611
- -ms-transform-origin: 100% 0%;
612
897
  transform-origin: 100% 0%;
613
898
  -webkit-transform: translate3d(0, 0, 0);
614
899
  transform: translate3d(0, 0, 0); }
615
900
 
616
901
  .reveal.page .slides > section > section.past {
617
902
  -webkit-transform-origin: 0% 0%;
618
- -ms-transform-origin: 0% 0%;
619
903
  transform-origin: 0% 0%;
620
904
  -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg);
621
905
  transform: translate3d(0, -40%, 0) rotateX(80deg); }
622
906
 
623
907
  .reveal.page .slides > section > section.future {
624
908
  -webkit-transform-origin: 0% 100%;
625
- -ms-transform-origin: 0% 100%;
626
909
  transform-origin: 0% 100%;
627
910
  -webkit-transform: translate3d(0, 0, 0);
628
911
  transform: translate3d(0, 0, 0); }
@@ -630,26 +913,25 @@ body {
630
913
  /*********************************************
631
914
  * FADE TRANSITION
632
915
  *********************************************/
633
- .reveal .slides section[data-transition=fade], .reveal.fade .slides section:not([data-transition]), .reveal.fade .slides > section > section:not([data-transition]) {
916
+ .reveal .slides section[data-transition=fade],
917
+ .reveal.fade .slides section:not([data-transition]),
918
+ .reveal.fade .slides > section > section:not([data-transition]) {
634
919
  -webkit-transform: none;
635
- -ms-transform: none;
636
920
  transform: none;
637
- -webkit-transition: opacity 0.5s;
638
- transition: opacity 0.5s; }
921
+ transition: opacity 0.5s; }
639
922
 
640
- .reveal.fade.overview .slides section, .reveal.fade.overview .slides > section > section {
641
- -webkit-transition: none;
642
- transition: none; }
923
+ .reveal.fade.overview .slides section,
924
+ .reveal.fade.overview .slides > section > section {
925
+ transition: none; }
643
926
 
644
927
  /*********************************************
645
928
  * NO TRANSITION
646
929
  *********************************************/
647
- .reveal .slides > section[data-transition=none], .reveal.none .slides > section:not([data-transition]) {
930
+ .reveal .slides section[data-transition=none],
931
+ .reveal.none .slides section:not([data-transition]) {
648
932
  -webkit-transform: none;
649
- -ms-transform: none;
650
933
  transform: none;
651
- -webkit-transition: none;
652
- transition: none; }
934
+ transition: none; }
653
935
 
654
936
  /*********************************************
655
937
  * PAUSED MODE
@@ -664,8 +946,7 @@ body {
664
946
  visibility: hidden;
665
947
  opacity: 0;
666
948
  z-index: 100;
667
- -webkit-transition: all 1s ease;
668
- transition: all 1s ease; }
949
+ transition: all 1s ease; }
669
950
 
670
951
  .reveal.paused .pause-overlay {
671
952
  visibility: visible;
@@ -686,7 +967,8 @@ body {
686
967
  margin: 0;
687
968
  text-align: center; }
688
969
 
689
- .no-transforms .reveal .controls, .no-transforms .reveal .progress {
970
+ .no-transforms .reveal .controls,
971
+ .no-transforms .reveal .progress {
690
972
  display: none !important; }
691
973
 
692
974
  .no-transforms .reveal .slides section {
@@ -699,15 +981,14 @@ body {
699
981
  left: -50%;
700
982
  margin: 70px 0;
701
983
  -webkit-transform: none;
702
- -ms-transform: none;
703
984
  transform: none; }
704
985
 
705
986
  .no-transforms .reveal .slides section section {
706
987
  left: 0; }
707
988
 
708
- .reveal .no-transition, .reveal .no-transition * {
709
- -webkit-transition: none !important;
710
- transition: none !important; }
989
+ .reveal .no-transition,
990
+ .reveal .no-transition * {
991
+ transition: none !important; }
711
992
 
712
993
  /*********************************************
713
994
  * PER-SLIDE BACKGROUNDS
@@ -728,19 +1009,20 @@ body {
728
1009
  height: 100%;
729
1010
  opacity: 0;
730
1011
  visibility: hidden;
731
- background-color: rgba(0, 0, 0, 0);
1012
+ overflow: hidden;
1013
+ background-color: transparent;
732
1014
  background-position: 50% 50%;
733
1015
  background-repeat: no-repeat;
734
1016
  background-size: cover;
735
- -webkit-transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
736
- transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
1017
+ transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
737
1018
 
738
1019
  .reveal .slide-background.stack {
739
1020
  display: block; }
740
1021
 
741
1022
  .reveal .slide-background.present {
742
1023
  opacity: 1;
743
- visibility: visible; }
1024
+ visibility: visible;
1025
+ z-index: 2; }
744
1026
 
745
1027
  .print-pdf .reveal .slide-background {
746
1028
  opacity: 1 !important;
@@ -754,122 +1036,135 @@ body {
754
1036
  max-width: none;
755
1037
  max-height: none;
756
1038
  top: 0;
757
- left: 0; }
1039
+ left: 0;
1040
+ -o-object-fit: cover;
1041
+ object-fit: cover; }
1042
+
1043
+ .reveal .slide-background[data-background-size="contain"] video {
1044
+ -o-object-fit: contain;
1045
+ object-fit: contain; }
758
1046
 
759
1047
  /* Immediate transition style */
760
- .reveal[data-background-transition=none] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=none] {
761
- -webkit-transition: none;
762
- transition: none; }
1048
+ .reveal[data-background-transition=none] > .backgrounds .slide-background,
1049
+ .reveal > .backgrounds .slide-background[data-background-transition=none] {
1050
+ transition: none; }
763
1051
 
764
1052
  /* Slide */
765
- .reveal[data-background-transition=slide] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=slide] {
1053
+ .reveal[data-background-transition=slide] > .backgrounds .slide-background,
1054
+ .reveal > .backgrounds .slide-background[data-background-transition=slide] {
766
1055
  opacity: 1;
767
1056
  -webkit-backface-visibility: hidden;
768
1057
  backface-visibility: hidden; }
769
1058
 
770
- .reveal[data-background-transition=slide] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=slide] {
1059
+ .reveal[data-background-transition=slide] > .backgrounds .slide-background.past,
1060
+ .reveal > .backgrounds .slide-background.past[data-background-transition=slide] {
771
1061
  -webkit-transform: translate(-100%, 0);
772
- -ms-transform: translate(-100%, 0);
773
1062
  transform: translate(-100%, 0); }
774
1063
 
775
- .reveal[data-background-transition=slide] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=slide] {
1064
+ .reveal[data-background-transition=slide] > .backgrounds .slide-background.future,
1065
+ .reveal > .backgrounds .slide-background.future[data-background-transition=slide] {
776
1066
  -webkit-transform: translate(100%, 0);
777
- -ms-transform: translate(100%, 0);
778
1067
  transform: translate(100%, 0); }
779
1068
 
780
- .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide] {
1069
+ .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past,
1070
+ .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide] {
781
1071
  -webkit-transform: translate(0, -100%);
782
- -ms-transform: translate(0, -100%);
783
1072
  transform: translate(0, -100%); }
784
1073
 
785
- .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=slide] {
1074
+ .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.future,
1075
+ .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=slide] {
786
1076
  -webkit-transform: translate(0, 100%);
787
- -ms-transform: translate(0, 100%);
788
1077
  transform: translate(0, 100%); }
789
1078
 
790
1079
  /* Convex */
791
- .reveal[data-background-transition=convex] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=convex] {
1080
+ .reveal[data-background-transition=convex] > .backgrounds .slide-background.past,
1081
+ .reveal > .backgrounds .slide-background.past[data-background-transition=convex] {
792
1082
  opacity: 0;
793
1083
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
794
1084
  transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
795
1085
 
796
- .reveal[data-background-transition=convex] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=convex] {
1086
+ .reveal[data-background-transition=convex] > .backgrounds .slide-background.future,
1087
+ .reveal > .backgrounds .slide-background.future[data-background-transition=convex] {
797
1088
  opacity: 0;
798
1089
  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
799
1090
  transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
800
1091
 
801
- .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=convex] {
1092
+ .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.past,
1093
+ .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=convex] {
802
1094
  opacity: 0;
803
1095
  -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0);
804
1096
  transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); }
805
1097
 
806
- .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=convex] {
1098
+ .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.future,
1099
+ .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=convex] {
807
1100
  opacity: 0;
808
1101
  -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0);
809
1102
  transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); }
810
1103
 
811
1104
  /* Concave */
812
- .reveal[data-background-transition=concave] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=concave] {
1105
+ .reveal[data-background-transition=concave] > .backgrounds .slide-background.past,
1106
+ .reveal > .backgrounds .slide-background.past[data-background-transition=concave] {
813
1107
  opacity: 0;
814
1108
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
815
1109
  transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
816
1110
 
817
- .reveal[data-background-transition=concave] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=concave] {
1111
+ .reveal[data-background-transition=concave] > .backgrounds .slide-background.future,
1112
+ .reveal > .backgrounds .slide-background.future[data-background-transition=concave] {
818
1113
  opacity: 0;
819
1114
  -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
820
1115
  transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
821
1116
 
822
- .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=concave] {
1117
+ .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.past,
1118
+ .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=concave] {
823
1119
  opacity: 0;
824
1120
  -webkit-transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0);
825
1121
  transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); }
826
1122
 
827
- .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=concave] {
1123
+ .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.future,
1124
+ .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=concave] {
828
1125
  opacity: 0;
829
1126
  -webkit-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0);
830
1127
  transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); }
831
1128
 
832
1129
  /* Zoom */
833
- .reveal[data-background-transition=zoom] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=zoom] {
834
- -webkit-transition-timing-function: ease;
835
- transition-timing-function: ease; }
1130
+ .reveal[data-background-transition=zoom] > .backgrounds .slide-background,
1131
+ .reveal > .backgrounds .slide-background[data-background-transition=zoom] {
1132
+ transition-timing-function: ease; }
836
1133
 
837
- .reveal[data-background-transition=zoom] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=zoom] {
1134
+ .reveal[data-background-transition=zoom] > .backgrounds .slide-background.past,
1135
+ .reveal > .backgrounds .slide-background.past[data-background-transition=zoom] {
838
1136
  opacity: 0;
839
1137
  visibility: hidden;
840
1138
  -webkit-transform: scale(16);
841
- -ms-transform: scale(16);
842
1139
  transform: scale(16); }
843
1140
 
844
- .reveal[data-background-transition=zoom] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=zoom] {
1141
+ .reveal[data-background-transition=zoom] > .backgrounds .slide-background.future,
1142
+ .reveal > .backgrounds .slide-background.future[data-background-transition=zoom] {
845
1143
  opacity: 0;
846
1144
  visibility: hidden;
847
1145
  -webkit-transform: scale(0.2);
848
- -ms-transform: scale(0.2);
849
1146
  transform: scale(0.2); }
850
1147
 
851
- .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=zoom] {
1148
+ .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.past,
1149
+ .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=zoom] {
852
1150
  opacity: 0;
853
1151
  visibility: hidden;
854
1152
  -webkit-transform: scale(16);
855
- -ms-transform: scale(16);
856
1153
  transform: scale(16); }
857
1154
 
858
- .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=zoom] {
1155
+ .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.future,
1156
+ .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=zoom] {
859
1157
  opacity: 0;
860
1158
  visibility: hidden;
861
1159
  -webkit-transform: scale(0.2);
862
- -ms-transform: scale(0.2);
863
1160
  transform: scale(0.2); }
864
1161
 
865
1162
  /* Global transition speed settings */
866
1163
  .reveal[data-transition-speed="fast"] > .backgrounds .slide-background {
867
- -webkit-transition-duration: 400ms;
868
- transition-duration: 400ms; }
1164
+ transition-duration: 400ms; }
869
1165
 
870
1166
  .reveal[data-transition-speed="slow"] > .backgrounds .slide-background {
871
- -webkit-transition-duration: 1200ms;
872
- transition-duration: 1200ms; }
1167
+ transition-duration: 1200ms; }
873
1168
 
874
1169
  /*********************************************
875
1170
  * OVERVIEW
@@ -879,22 +1174,25 @@ body {
879
1174
  perspective-origin: 50% 50%;
880
1175
  -webkit-perspective: 700px;
881
1176
  perspective: 700px; }
1177
+ .reveal.overview .slides {
1178
+ -moz-transform-style: preserve-3d; }
882
1179
  .reveal.overview .slides section {
883
- height: 700px;
1180
+ height: 100%;
1181
+ top: 0 !important;
884
1182
  opacity: 1 !important;
885
1183
  overflow: hidden;
886
1184
  visibility: visible !important;
887
1185
  cursor: pointer;
888
- -moz-box-sizing: border-box;
889
- box-sizing: border-box; }
890
- .reveal.overview .slides section:hover, .reveal.overview .slides section.present {
1186
+ box-sizing: border-box; }
1187
+ .reveal.overview .slides section:hover,
1188
+ .reveal.overview .slides section.present {
891
1189
  outline: 10px solid rgba(150, 150, 150, 0.4);
892
1190
  outline-offset: 10px; }
893
1191
  .reveal.overview .slides section .fragment {
894
1192
  opacity: 1;
895
- -webkit-transition: none;
896
- transition: none; }
897
- .reveal.overview .slides section:after, .reveal.overview .slides section:before {
1193
+ transition: none; }
1194
+ .reveal.overview .slides section:after,
1195
+ .reveal.overview .slides section:before {
898
1196
  display: none !important; }
899
1197
  .reveal.overview .slides > section.stack {
900
1198
  padding: 0;
@@ -904,36 +1202,43 @@ body {
904
1202
  overflow: visible; }
905
1203
  .reveal.overview .backgrounds {
906
1204
  -webkit-perspective: inherit;
907
- perspective: inherit; }
1205
+ perspective: inherit;
1206
+ -moz-transform-style: preserve-3d; }
908
1207
  .reveal.overview .backgrounds .slide-background {
909
1208
  opacity: 1;
910
1209
  visibility: visible;
911
1210
  outline: 10px solid rgba(150, 150, 150, 0.1);
912
1211
  outline-offset: 10px; }
1212
+ .reveal.overview .backgrounds .slide-background.stack {
1213
+ overflow: visible; }
913
1214
 
914
- .reveal.overview .slides section, .reveal.overview-deactivating .slides section {
915
- -webkit-transition: none;
916
- transition: none; }
917
-
918
- .reveal.overview .backgrounds .slide-background, .reveal.overview-deactivating .backgrounds .slide-background {
919
- -webkit-transition: none;
920
- transition: none; }
1215
+ .reveal.overview .slides section,
1216
+ .reveal.overview-deactivating .slides section {
1217
+ transition: none; }
921
1218
 
922
- .reveal.overview-animated .slides {
923
- -webkit-transition: -webkit-transform 0.4s ease;
924
- transition: transform 0.4s ease; }
1219
+ .reveal.overview .backgrounds .slide-background,
1220
+ .reveal.overview-deactivating .backgrounds .slide-background {
1221
+ transition: none; }
925
1222
 
926
1223
  /*********************************************
927
1224
  * RTL SUPPORT
928
1225
  *********************************************/
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 {
1226
+ .reveal.rtl .slides,
1227
+ .reveal.rtl .slides h1,
1228
+ .reveal.rtl .slides h2,
1229
+ .reveal.rtl .slides h3,
1230
+ .reveal.rtl .slides h4,
1231
+ .reveal.rtl .slides h5,
1232
+ .reveal.rtl .slides h6 {
930
1233
  direction: rtl;
931
1234
  font-family: sans-serif; }
932
1235
 
933
- .reveal.rtl pre, .reveal.rtl code {
1236
+ .reveal.rtl pre,
1237
+ .reveal.rtl code {
934
1238
  direction: ltr; }
935
1239
 
936
- .reveal.rtl ol, .reveal.rtl ul {
1240
+ .reveal.rtl ol,
1241
+ .reveal.rtl ul {
937
1242
  text-align: right; }
938
1243
 
939
1244
  .reveal.rtl .progress span {
@@ -943,17 +1248,14 @@ body {
943
1248
  * PARALLAX BACKGROUND
944
1249
  *********************************************/
945
1250
  .reveal.has-parallax-background .backgrounds {
946
- -webkit-transition: all 0.8s ease;
947
- transition: all 0.8s ease; }
1251
+ transition: all 0.8s ease; }
948
1252
 
949
1253
  /* Global transition speed settings */
950
1254
  .reveal.has-parallax-background[data-transition-speed="fast"] .backgrounds {
951
- -webkit-transition-duration: 400ms;
952
- transition-duration: 400ms; }
1255
+ transition-duration: 400ms; }
953
1256
 
954
1257
  .reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds {
955
- -webkit-transition-duration: 1200ms;
956
- transition-duration: 1200ms; }
1258
+ transition-duration: 1200ms; }
957
1259
 
958
1260
  /*********************************************
959
1261
  * LINK PREVIEW OVERLAY
@@ -968,8 +1270,7 @@ body {
968
1270
  background: rgba(0, 0, 0, 0.9);
969
1271
  opacity: 0;
970
1272
  visibility: hidden;
971
- -webkit-transition: all 0.3s ease;
972
- transition: all 0.3s ease; }
1273
+ transition: all 0.3s ease; }
973
1274
 
974
1275
  .reveal .overlay.visible {
975
1276
  opacity: 1;
@@ -987,8 +1288,7 @@ body {
987
1288
  background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAAJmZmf%2F%2F%2F6%2Bvr8nJybW1tcDAwOjo6Nvb26ioqKOjo7Ozs%2FLy8vz8%2FAAAAAAAAAAAACH%2FC05FVFNDQVBFMi4wAwEAAAAh%2FhpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh%2BQQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ%2FV%2FnmOM82XiHRLYKhKP1oZmADdEAAAh%2BQQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY%2FCZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB%2BA4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6%2BHo7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq%2BB6QDtuetcaBPnW6%2BO7wDHpIiK9SaVK5GgV543tzjgGcghAgAh%2BQQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK%2B%2BG%2Bw48edZPK%2BM6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE%2BG%2BcD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm%2BFNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk%2BaV%2BoJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0%2FVNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc%2BXiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30%2FiI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE%2FjiuL04RGEBgwWhShRgQExHBAAh%2BQQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR%2BipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY%2BYip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd%2BMFCN6HAAIKgNggY0KtEBAAh%2BQQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1%2BvsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d%2BjYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg%2BygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0%2Bbm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h%2BKr0SJ8MFihpNbx%2B4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX%2BBP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA%3D%3D);
988
1289
  visibility: visible;
989
1290
  opacity: 0.6;
990
- -webkit-transition: all 0.3s ease;
991
- transition: all 0.3s ease; }
1291
+ transition: all 0.3s ease; }
992
1292
 
993
1293
  .reveal .overlay header {
994
1294
  position: absolute;
@@ -1003,11 +1303,11 @@ body {
1003
1303
  display: inline-block;
1004
1304
  width: 40px;
1005
1305
  height: 40px;
1306
+ line-height: 36px;
1006
1307
  padding: 0 10px;
1007
1308
  float: right;
1008
1309
  opacity: 0.6;
1009
- -moz-box-sizing: border-box;
1010
- box-sizing: border-box; }
1310
+ box-sizing: border-box; }
1011
1311
 
1012
1312
  .reveal .overlay header a:hover {
1013
1313
  opacity: 1; }
@@ -1028,6 +1328,9 @@ body {
1028
1328
 
1029
1329
  .reveal .overlay .viewport {
1030
1330
  position: absolute;
1331
+ display: -webkit-box;
1332
+ display: -ms-flexbox;
1333
+ display: flex;
1031
1334
  top: 40px;
1032
1335
  right: 0;
1033
1336
  bottom: 0;
@@ -1041,18 +1344,32 @@ body {
1041
1344
  border: 0;
1042
1345
  opacity: 0;
1043
1346
  visibility: hidden;
1044
- -webkit-transition: all 0.3s ease;
1045
- transition: all 0.3s ease; }
1347
+ transition: all 0.3s ease; }
1046
1348
 
1047
1349
  .reveal .overlay.overlay-preview.loaded .viewport iframe {
1048
1350
  opacity: 1;
1049
1351
  visibility: visible; }
1050
1352
 
1353
+ .reveal .overlay.overlay-preview.loaded .viewport-inner {
1354
+ position: absolute;
1355
+ z-index: -1;
1356
+ left: 0;
1357
+ top: 45%;
1358
+ width: 100%;
1359
+ text-align: center;
1360
+ letter-spacing: normal; }
1361
+
1362
+ .reveal .overlay.overlay-preview .x-frame-error {
1363
+ opacity: 0;
1364
+ transition: opacity 0.3s ease 0.3s; }
1365
+
1366
+ .reveal .overlay.overlay-preview.loaded .x-frame-error {
1367
+ opacity: 1; }
1368
+
1051
1369
  .reveal .overlay.overlay-preview.loaded .spinner {
1052
1370
  opacity: 0;
1053
1371
  visibility: hidden;
1054
1372
  -webkit-transform: scale(0.2);
1055
- -ms-transform: scale(0.2);
1056
1373
  transform: scale(0.2); }
1057
1374
 
1058
1375
  .reveal .overlay.overlay-help .viewport {
@@ -1061,8 +1378,8 @@ body {
1061
1378
 
1062
1379
  .reveal .overlay.overlay-help .viewport .viewport-inner {
1063
1380
  width: 600px;
1064
- margin: 0 auto;
1065
- padding: 60px;
1381
+ margin: auto;
1382
+ padding: 20px 20px 80px 20px;
1066
1383
  text-align: center;
1067
1384
  letter-spacing: normal; }
1068
1385
 
@@ -1072,11 +1389,12 @@ body {
1072
1389
  .reveal .overlay.overlay-help .viewport .viewport-inner table {
1073
1390
  border: 1px solid #fff;
1074
1391
  border-collapse: collapse;
1075
- font-size: 14px; }
1392
+ font-size: 16px; }
1076
1393
 
1077
- .reveal .overlay.overlay-help .viewport .viewport-inner table th, .reveal .overlay.overlay-help .viewport .viewport-inner table td {
1394
+ .reveal .overlay.overlay-help .viewport .viewport-inner table th,
1395
+ .reveal .overlay.overlay-help .viewport .viewport-inner table td {
1078
1396
  width: 200px;
1079
- padding: 10px;
1397
+ padding: 14px;
1080
1398
  border: 1px solid #fff;
1081
1399
  vertical-align: middle; }
1082
1400
 
@@ -1088,13 +1406,13 @@ body {
1088
1406
  * PLAYBACK COMPONENT
1089
1407
  *********************************************/
1090
1408
  .reveal .playback {
1091
- position: fixed;
1409
+ position: absolute;
1092
1410
  left: 15px;
1093
- bottom: 15px;
1411
+ bottom: 20px;
1094
1412
  z-index: 30;
1095
1413
  cursor: pointer;
1096
- -webkit-transition: all 400ms ease;
1097
- transition: all 400ms ease; }
1414
+ transition: all 400ms ease;
1415
+ -webkit-tap-highlight-color: transparent; }
1098
1416
 
1099
1417
  .reveal.overview .playback {
1100
1418
  opacity: 0;
@@ -1122,10 +1440,8 @@ body {
1122
1440
  position: relative;
1123
1441
  padding: 0 2px;
1124
1442
  pointer-events: none;
1125
- -webkit-transition: all 400ms ease;
1126
- transition: all 400ms ease;
1443
+ transition: all 400ms ease;
1127
1444
  -webkit-transform-origin: 50% 0%;
1128
- -ms-transform-origin: 50% 0%;
1129
1445
  transform-origin: 50% 0%;
1130
1446
  -webkit-transform-style: preserve-3d;
1131
1447
  transform-style: preserve-3d;
@@ -1147,7 +1463,6 @@ body {
1147
1463
  -webkit-backface-visibility: hidden;
1148
1464
  backface-visibility: hidden;
1149
1465
  -webkit-transform-origin: 50% 0%;
1150
- -ms-transform-origin: 50% 0%;
1151
1466
  transform-origin: 50% 0%;
1152
1467
  -webkit-transform: translate3d(0px, 110%, 0px) rotateX(-90deg);
1153
1468
  transform: translate3d(0px, 110%, 0px) rotateX(-90deg); }
@@ -1158,14 +1473,79 @@ body {
1158
1473
  .reveal aside.notes {
1159
1474
  display: none; }
1160
1475
 
1476
+ .reveal .speaker-notes {
1477
+ display: none;
1478
+ position: absolute;
1479
+ width: 25vw;
1480
+ height: 100%;
1481
+ top: 0;
1482
+ left: 100%;
1483
+ padding: 14px 18px 14px 18px;
1484
+ z-index: 1;
1485
+ font-size: 18px;
1486
+ line-height: 1.4;
1487
+ border: 1px solid rgba(0, 0, 0, 0.05);
1488
+ color: #222;
1489
+ background-color: #f5f5f5;
1490
+ overflow: auto;
1491
+ box-sizing: border-box;
1492
+ text-align: left;
1493
+ font-family: Helvetica, sans-serif;
1494
+ -webkit-overflow-scrolling: touch; }
1495
+ .reveal .speaker-notes .notes-placeholder {
1496
+ color: #ccc;
1497
+ font-style: italic; }
1498
+ .reveal .speaker-notes:focus {
1499
+ outline: none; }
1500
+ .reveal .speaker-notes:before {
1501
+ content: 'Speaker notes';
1502
+ display: block;
1503
+ margin-bottom: 10px;
1504
+ opacity: 0.5; }
1505
+
1506
+ .reveal.show-notes {
1507
+ max-width: 75vw;
1508
+ overflow: visible; }
1509
+
1510
+ .reveal.show-notes .speaker-notes {
1511
+ display: block; }
1512
+
1513
+ @media screen and (min-width: 1600px) {
1514
+ .reveal .speaker-notes {
1515
+ font-size: 20px; } }
1516
+
1517
+ @media screen and (max-width: 1024px) {
1518
+ .reveal.show-notes {
1519
+ border-left: 0;
1520
+ max-width: none;
1521
+ max-height: 70%;
1522
+ overflow: visible; }
1523
+ .reveal.show-notes .speaker-notes {
1524
+ top: 100%;
1525
+ left: 0;
1526
+ width: 100%;
1527
+ height: 42.8571428571%; } }
1528
+
1529
+ @media screen and (max-width: 600px) {
1530
+ .reveal.show-notes {
1531
+ max-height: 60%; }
1532
+ .reveal.show-notes .speaker-notes {
1533
+ top: 100%;
1534
+ height: 66.6666666667%; }
1535
+ .reveal .speaker-notes {
1536
+ font-size: 14px; } }
1537
+
1161
1538
  /*********************************************
1162
1539
  * ZOOM PLUGIN
1163
1540
  *********************************************/
1164
- .zoomed .reveal *, .zoomed .reveal *:before, .zoomed .reveal *:after {
1541
+ .zoomed .reveal *,
1542
+ .zoomed .reveal *:before,
1543
+ .zoomed .reveal *:after {
1165
1544
  -webkit-backface-visibility: visible !important;
1166
1545
  backface-visibility: visible !important; }
1167
1546
 
1168
- .zoomed .reveal .progress, .zoomed .reveal .controls {
1547
+ .zoomed .reveal .progress,
1548
+ .zoomed .reveal .controls {
1169
1549
  opacity: 0; }
1170
1550
 
1171
1551
  .zoomed .reveal .roll span {