slide_hero 0.0.10 → 0.0.11

Sign up to get free protection for your applications and to get access to all the features.
Files changed (75) hide show
  1. checksums.yaml +4 -4
  2. data/.ruby-version +1 -1
  3. data/Gemfile +1 -1
  4. data/README.md +2 -2
  5. data/lib/slide_hero/blockquote.rb +10 -0
  6. data/lib/slide_hero/pluggable.rb +4 -4
  7. data/lib/slide_hero/plugins.rb +0 -1
  8. data/lib/slide_hero/presentation.rb +3 -3
  9. data/lib/slide_hero/slide.rb +2 -2
  10. data/lib/slide_hero/version.rb +1 -1
  11. data/lib/slide_hero/views/blockquote.html.erb +3 -0
  12. data/lib/slide_hero.rb +1 -0
  13. data/test/slide_hero/blockquote_spec.rb +13 -0
  14. data/test/slide_hero/plugins_spec.rb +0 -1
  15. data/test/slide_hero/presentation_spec.rb +2 -1
  16. data/test/slide_hero/slide_spec.rb +14 -3
  17. data/test/slide_hero_spec.rb +1 -0
  18. data/vendor/reveal.js/.gitignore +6 -1
  19. data/vendor/reveal.js/.travis.yml +1 -1
  20. data/vendor/reveal.js/CONTRIBUTING.md +4 -0
  21. data/vendor/reveal.js/Gruntfile.js +26 -24
  22. data/vendor/reveal.js/LICENSE +1 -1
  23. data/vendor/reveal.js/README.md +215 -124
  24. data/vendor/reveal.js/bower.json +27 -0
  25. data/vendor/reveal.js/css/print/paper.css +1 -1
  26. data/vendor/reveal.js/css/print/pdf.css +30 -27
  27. data/vendor/reveal.js/css/reveal.css +381 -191
  28. data/vendor/reveal.js/css/reveal.scss +259 -164
  29. data/vendor/reveal.js/css/theme/README.md +2 -6
  30. data/vendor/reveal.js/css/theme/beige.css +75 -49
  31. data/vendor/reveal.js/css/theme/black.css +64 -38
  32. data/vendor/reveal.js/css/theme/blood.css +75 -56
  33. data/vendor/reveal.js/css/theme/league.css +69 -43
  34. data/vendor/reveal.js/css/theme/moon.css +69 -43
  35. data/vendor/reveal.js/css/theme/night.css +64 -38
  36. data/vendor/reveal.js/css/theme/serif.css +66 -40
  37. data/vendor/reveal.js/css/theme/simple.css +63 -37
  38. data/vendor/reveal.js/css/theme/sky.css +69 -43
  39. data/vendor/reveal.js/css/theme/solarized.css +69 -43
  40. data/vendor/reveal.js/css/theme/source/black.scss +1 -1
  41. data/vendor/reveal.js/css/theme/source/blood.scss +3 -15
  42. data/vendor/reveal.js/css/theme/source/white.scss +1 -1
  43. data/vendor/reveal.js/css/theme/template/theme.scss +30 -23
  44. data/vendor/reveal.js/css/theme/white.css +69 -43
  45. data/vendor/reveal.js/demo.html +410 -0
  46. data/vendor/reveal.js/index.html +13 -371
  47. data/vendor/reveal.js/js/reveal.js +643 -175
  48. data/vendor/reveal.js/lib/css/zenburn.css +41 -78
  49. data/vendor/reveal.js/lib/js/head.min.js +9 -8
  50. data/vendor/reveal.js/package.json +20 -24
  51. data/vendor/reveal.js/plugin/highlight/highlight.js +4 -3
  52. data/vendor/reveal.js/plugin/markdown/example.html +1 -1
  53. data/vendor/reveal.js/plugin/markdown/markdown.js +19 -7
  54. data/vendor/reveal.js/plugin/markdown/marked.js +2 -33
  55. data/vendor/reveal.js/plugin/math/math.js +5 -2
  56. data/vendor/reveal.js/plugin/multiplex/client.js +1 -1
  57. data/vendor/reveal.js/plugin/multiplex/index.js +24 -16
  58. data/vendor/reveal.js/plugin/multiplex/master.js +22 -42
  59. data/vendor/reveal.js/plugin/multiplex/package.json +19 -0
  60. data/vendor/reveal.js/plugin/notes/notes.html +11 -3
  61. data/vendor/reveal.js/plugin/notes/notes.js +19 -5
  62. data/vendor/reveal.js/plugin/notes-server/client.js +6 -1
  63. data/vendor/reveal.js/plugin/notes-server/index.js +17 -14
  64. data/vendor/reveal.js/plugin/notes-server/notes.html +17 -6
  65. data/vendor/reveal.js/plugin/print-pdf/print-pdf.js +1 -1
  66. data/vendor/reveal.js/plugin/zoom-js/zoom.js +1 -1
  67. data/vendor/reveal.js/test/examples/slide-backgrounds.html +1 -1
  68. data/vendor/reveal.js/test/examples/slide-transitions.html +101 -0
  69. data/vendor/reveal.js/test/test-markdown-element-attributes.html +3 -3
  70. data/vendor/reveal.js/test/test-markdown-element-attributes.js +1 -1
  71. data/vendor/reveal.js/test/test.html +5 -1
  72. data/vendor/reveal.js/test/test.js +26 -1
  73. metadata +11 -5
  74. data/vendor/reveal.js/plugin/leap/leap.js +0 -159
  75. data/vendor/reveal.js/plugin/remotes/remotes.js +0 -39
@@ -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,15 +47,11 @@ body {
33
47
  background-color: #fff;
34
48
  color: #000; }
35
49
 
36
- ::-moz-selection {
37
- background: #FF5E99;
38
- color: #fff;
39
- text-shadow: none; }
50
+ html:-webkit-full-screen-ancestor {
51
+ background-color: inherit; }
40
52
 
41
- ::selection {
42
- background: #FF5E99;
43
- color: #fff;
44
- text-shadow: none; }
53
+ html:-moz-full-screen-ancestor {
54
+ background-color: inherit; }
45
55
 
46
56
  /*********************************************
47
57
  * VIEW FRAGMENTS
@@ -49,8 +59,8 @@ body {
49
59
  .reveal .slides section .fragment {
50
60
  opacity: 0;
51
61
  visibility: hidden;
52
- -webkit-transition: all 0.2s ease;
53
- transition: all 0.2s ease; }
62
+ -webkit-transition: all .2s ease;
63
+ transition: all .2s ease; }
54
64
  .reveal .slides section .fragment.visible {
55
65
  opacity: 1;
56
66
  visibility: visible; }
@@ -60,7 +70,6 @@ body {
60
70
  visibility: visible; }
61
71
  .reveal .slides section .fragment.grow.visible {
62
72
  -webkit-transform: scale(1.3);
63
- -ms-transform: scale(1.3);
64
73
  transform: scale(1.3); }
65
74
 
66
75
  .reveal .slides section .fragment.shrink {
@@ -68,24 +77,14 @@ body {
68
77
  visibility: visible; }
69
78
  .reveal .slides section .fragment.shrink.visible {
70
79
  -webkit-transform: scale(0.7);
71
- -ms-transform: scale(0.7);
72
80
  transform: scale(0.7); }
73
81
 
74
82
  .reveal .slides section .fragment.zoom-in {
75
83
  -webkit-transform: scale(0.1);
76
- -ms-transform: scale(0.1);
77
84
  transform: scale(0.1); }
78
85
  .reveal .slides section .fragment.zoom-in.visible {
79
- -webkit-transform: scale(1);
80
- -ms-transform: scale(1);
81
- transform: scale(1); }
82
-
83
- .reveal .slides section .fragment.roll-in {
84
- -webkit-transform: rotateX(90deg);
85
- transform: rotateX(90deg); }
86
- .reveal .slides section .fragment.roll-in.visible {
87
- -webkit-transform: rotateX(0);
88
- transform: rotateX(0); }
86
+ -webkit-transform: none;
87
+ transform: none; }
89
88
 
90
89
  .reveal .slides section .fragment.fade-out {
91
90
  opacity: 1;
@@ -102,10 +101,39 @@ body {
102
101
  visibility: visible; }
103
102
 
104
103
  .reveal .slides section .fragment.strike {
105
- opacity: 1; }
104
+ opacity: 1;
105
+ visibility: visible; }
106
106
  .reveal .slides section .fragment.strike.visible {
107
107
  text-decoration: line-through; }
108
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
+
109
137
  .reveal .slides section .fragment.current-visible {
110
138
  opacity: 0;
111
139
  visibility: hidden; }
@@ -113,7 +141,12 @@ body {
113
141
  opacity: 1;
114
142
  visibility: visible; }
115
143
 
116
- .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 {
117
150
  opacity: 1;
118
151
  visibility: visible; }
119
152
 
@@ -157,8 +190,7 @@ body {
157
190
  .reveal pre.stretch code {
158
191
  height: 100%;
159
192
  max-height: 100%;
160
- -moz-box-sizing: border-box;
161
- box-sizing: border-box; }
193
+ box-sizing: border-box; }
162
194
 
163
195
  /*********************************************
164
196
  * CONTROLS
@@ -173,58 +205,60 @@ body {
173
205
  bottom: 10px;
174
206
  -webkit-user-select: none; }
175
207
 
176
- .reveal .controls div {
208
+ .reveal .controls button {
209
+ padding: 0;
177
210
  position: absolute;
178
211
  opacity: 0.05;
179
212
  width: 0;
180
213
  height: 0;
214
+ background-color: transparent;
181
215
  border: 12px solid transparent;
182
216
  -webkit-transform: scale(0.9999);
183
- -ms-transform: scale(0.9999);
184
217
  transform: scale(0.9999);
185
218
  -webkit-transition: all 0.2s ease;
186
219
  transition: all 0.2s ease;
187
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
220
+ -webkit-appearance: none;
221
+ -webkit-tap-highlight-color: transparent; }
188
222
 
189
- .reveal .controls div.enabled {
223
+ .reveal .controls .enabled {
190
224
  opacity: 0.7;
191
225
  cursor: pointer; }
192
226
 
193
- .reveal .controls div.enabled:active {
227
+ .reveal .controls .enabled:active {
194
228
  margin-top: 1px; }
195
229
 
196
- .reveal .controls div.navigate-left {
230
+ .reveal .controls .navigate-left {
197
231
  top: 42px;
198
232
  border-right-width: 22px;
199
233
  border-right-color: #000; }
200
234
 
201
- .reveal .controls div.navigate-left.fragmented {
235
+ .reveal .controls .navigate-left.fragmented {
202
236
  opacity: 0.3; }
203
237
 
204
- .reveal .controls div.navigate-right {
238
+ .reveal .controls .navigate-right {
205
239
  left: 74px;
206
240
  top: 42px;
207
241
  border-left-width: 22px;
208
242
  border-left-color: #000; }
209
243
 
210
- .reveal .controls div.navigate-right.fragmented {
244
+ .reveal .controls .navigate-right.fragmented {
211
245
  opacity: 0.3; }
212
246
 
213
- .reveal .controls div.navigate-up {
247
+ .reveal .controls .navigate-up {
214
248
  left: 42px;
215
249
  border-bottom-width: 22px;
216
250
  border-bottom-color: #000; }
217
251
 
218
- .reveal .controls div.navigate-up.fragmented {
252
+ .reveal .controls .navigate-up.fragmented {
219
253
  opacity: 0.3; }
220
254
 
221
- .reveal .controls div.navigate-down {
255
+ .reveal .controls .navigate-down {
222
256
  left: 42px;
223
257
  top: 74px;
224
258
  border-top-width: 22px;
225
259
  border-top-color: #000; }
226
260
 
227
- .reveal .controls div.navigate-down.fragmented {
261
+ .reveal .controls .navigate-down.fragmented {
228
262
  opacity: 0.3; }
229
263
 
230
264
  /*********************************************
@@ -262,11 +296,18 @@ body {
262
296
  .reveal .slide-number {
263
297
  position: fixed;
264
298
  display: block;
265
- right: 15px;
266
- bottom: 15px;
267
- opacity: 0.5;
299
+ right: 8px;
300
+ bottom: 8px;
268
301
  z-index: 31;
269
- 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; }
270
311
 
271
312
  /*********************************************
272
313
  * SLIDES
@@ -275,6 +316,7 @@ body {
275
316
  position: relative;
276
317
  width: 100%;
277
318
  height: 100%;
319
+ overflow: hidden;
278
320
  -ms-touch-action: none;
279
321
  touch-action: none; }
280
322
 
@@ -298,7 +340,8 @@ body {
298
340
  .reveal .slides > section {
299
341
  -ms-perspective: 600px; }
300
342
 
301
- .reveal .slides > section, .reveal .slides > section > section {
343
+ .reveal .slides > section,
344
+ .reveal .slides > section > section {
302
345
  display: none;
303
346
  position: absolute;
304
347
  width: 100%;
@@ -307,7 +350,6 @@ body {
307
350
  -webkit-transform-style: preserve-3d;
308
351
  transform-style: preserve-3d;
309
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);
310
- 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);
311
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); }
312
354
 
313
355
  /* Global transition speed settings */
@@ -332,118 +374,208 @@ body {
332
374
  padding-top: 0;
333
375
  padding-bottom: 0; }
334
376
 
335
- .reveal .slides > section.present, .reveal .slides > section > section.present {
377
+ .reveal .slides > section.present,
378
+ .reveal .slides > section > section.present {
336
379
  display: block;
337
380
  z-index: 11;
338
381
  opacity: 1; }
339
382
 
340
- .reveal.center, .reveal.center .slides, .reveal.center .slides section {
383
+ .reveal.center,
384
+ .reveal.center .slides,
385
+ .reveal.center .slides section {
341
386
  min-height: 0 !important; }
342
387
 
343
388
  /* Don't allow interaction with invisible slides */
344
- .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 {
345
393
  pointer-events: none; }
346
394
 
347
- .reveal.overview .slides > section, .reveal.overview .slides > section > section {
395
+ .reveal.overview .slides > section,
396
+ .reveal.overview .slides > section > section {
348
397
  pointer-events: auto; }
349
398
 
350
- .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 {
351
403
  opacity: 0; }
352
404
 
405
+ /*********************************************
406
+ * Mixins for readability of transitions
407
+ *********************************************/
353
408
  /*********************************************
354
409
  * SLIDE TRANSITION
355
410
  * Aliased 'linear' for backwards compatibility
356
411
  *********************************************/
357
- .reveal.slide section, .reveal.linear section {
412
+ .reveal.slide section {
413
+ -webkit-backface-visibility: hidden;
414
+ backface-visibility: hidden; }
415
+
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 {
419
+ -webkit-transform: translate(-150%, 0);
420
+ transform: translate(-150%, 0); }
421
+
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 {
425
+ -webkit-transform: translate(150%, 0);
426
+ transform: translate(150%, 0); }
427
+
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 {
431
+ -webkit-transform: translate(0, -150%);
432
+ transform: translate(0, -150%); }
433
+
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 {
437
+ -webkit-transform: translate(0, 150%);
438
+ transform: translate(0, 150%); }
439
+
440
+ .reveal.linear section {
358
441
  -webkit-backface-visibility: hidden;
359
442
  backface-visibility: hidden; }
360
443
 
361
- .reveal .slides > section[data-transition=slide].past, .reveal.slide .slides > section:not([data-transition]).past, .reveal .slides > section[data-transition=linear].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 {
362
447
  -webkit-transform: translate(-150%, 0);
363
- -ms-transform: translate(-150%, 0);
364
448
  transform: translate(-150%, 0); }
365
449
 
366
- .reveal .slides > section[data-transition=slide].future, .reveal.slide .slides > section:not([data-transition]).future, .reveal .slides > section[data-transition=linear].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 {
367
453
  -webkit-transform: translate(150%, 0);
368
- -ms-transform: translate(150%, 0);
369
454
  transform: translate(150%, 0); }
370
455
 
371
- .reveal .slides > section > section[data-transition=slide].past, .reveal.slide .slides > section > section:not([data-transition]).past, .reveal .slides > section > section[data-transition=linear].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 {
372
459
  -webkit-transform: translate(0, -150%);
373
- -ms-transform: translate(0, -150%);
374
460
  transform: translate(0, -150%); }
375
461
 
376
- .reveal .slides > section > section[data-transition=slide].future, .reveal.slide .slides > section > section:not([data-transition]).future, .reveal .slides > section > section[data-transition=linear].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 {
377
465
  -webkit-transform: translate(0, 150%);
378
- -ms-transform: translate(0, 150%);
379
466
  transform: translate(0, 150%); }
380
467
 
381
468
  /*********************************************
382
469
  * CONVEX TRANSITION
383
470
  * Aliased 'default' for backwards compatibility
384
471
  *********************************************/
385
- .reveal .slides > section[data-transition=default].past, .reveal.default .slides > section:not([data-transition]).past, .reveal .slides > section[data-transition=convex].past, .reveal.convex .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 {
475
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
476
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
477
+
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 {
481
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
482
+ transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
483
+
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 {
487
+ -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
488
+ transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
489
+
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 {
493
+ -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
494
+ transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
495
+
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 {
386
499
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
387
500
  transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
388
501
 
389
- .reveal .slides > section[data-transition=default].future, .reveal.default .slides > section:not([data-transition]).future, .reveal .slides > section[data-transition=convex].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 {
390
505
  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
391
506
  transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
392
507
 
393
- .reveal .slides > section > section[data-transition=default].past, .reveal.default .slides > section > section:not([data-transition]).past, .reveal .slides > section > section[data-transition=convex].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 {
394
511
  -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
395
512
  transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
396
513
 
397
- .reveal .slides > section > section[data-transition=default].future, .reveal.default .slides > section > section:not([data-transition]).future, .reveal .slides > section > section[data-transition=convex].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 {
398
517
  -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
399
518
  transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
400
519
 
401
520
  /*********************************************
402
521
  * CONCAVE TRANSITION
403
522
  *********************************************/
404
- .reveal .slides > section[data-transition=concave].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 {
405
526
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
406
527
  transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
407
528
 
408
- .reveal .slides > section[data-transition=concave].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 {
409
532
  -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
410
533
  transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
411
534
 
412
- .reveal .slides > section > section[data-transition=concave].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 {
413
538
  -webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
414
539
  transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); }
415
540
 
416
- .reveal .slides > section > section[data-transition=concave].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 {
417
544
  -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
418
545
  transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }
419
546
 
420
547
  /*********************************************
421
548
  * ZOOM TRANSITION
422
549
  *********************************************/
423
- .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]) {
424
552
  -webkit-transition-timing-function: ease;
425
553
  transition-timing-function: ease; }
426
554
 
427
- .reveal .slides > section[data-transition=zoom].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 {
428
558
  visibility: hidden;
429
559
  -webkit-transform: scale(16);
430
- -ms-transform: scale(16);
431
560
  transform: scale(16); }
432
561
 
433
- .reveal .slides > section[data-transition=zoom].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 {
434
565
  visibility: hidden;
435
566
  -webkit-transform: scale(0.2);
436
- -ms-transform: scale(0.2);
437
567
  transform: scale(0.2); }
438
568
 
439
- .reveal .slides > section > section[data-transition=zoom].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 {
440
572
  -webkit-transform: translate(0, -150%);
441
- -ms-transform: translate(0, -150%);
442
573
  transform: translate(0, -150%); }
443
574
 
444
- .reveal .slides > section > section[data-transition=zoom].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 {
445
578
  -webkit-transform: translate(0, 150%);
446
- -ms-transform: translate(0, 150%);
447
579
  transform: translate(0, 150%); }
448
580
 
449
581
  /*********************************************
@@ -458,8 +590,7 @@ body {
458
590
  min-height: 700px;
459
591
  -webkit-backface-visibility: hidden;
460
592
  backface-visibility: hidden;
461
- -moz-box-sizing: border-box;
462
- box-sizing: border-box; }
593
+ box-sizing: border-box; }
463
594
 
464
595
  .reveal.center.cube .slides section {
465
596
  min-height: 0; }
@@ -498,28 +629,24 @@ body {
498
629
 
499
630
  .reveal.cube .slides > section.past {
500
631
  -webkit-transform-origin: 100% 0%;
501
- -ms-transform-origin: 100% 0%;
502
632
  transform-origin: 100% 0%;
503
633
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
504
634
  transform: translate3d(-100%, 0, 0) rotateY(-90deg); }
505
635
 
506
636
  .reveal.cube .slides > section.future {
507
637
  -webkit-transform-origin: 0% 0%;
508
- -ms-transform-origin: 0% 0%;
509
638
  transform-origin: 0% 0%;
510
639
  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
511
640
  transform: translate3d(100%, 0, 0) rotateY(90deg); }
512
641
 
513
642
  .reveal.cube .slides > section > section.past {
514
643
  -webkit-transform-origin: 0% 100%;
515
- -ms-transform-origin: 0% 100%;
516
644
  transform-origin: 0% 100%;
517
645
  -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg);
518
646
  transform: translate3d(0, -100%, 0) rotateX(90deg); }
519
647
 
520
648
  .reveal.cube .slides > section > section.future {
521
649
  -webkit-transform-origin: 0% 0%;
522
- -ms-transform-origin: 0% 0%;
523
650
  transform-origin: 0% 0%;
524
651
  -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg);
525
652
  transform: translate3d(0, 100%, 0) rotateX(-90deg); }
@@ -536,8 +663,7 @@ body {
536
663
  .reveal.page .slides section {
537
664
  padding: 30px;
538
665
  min-height: 700px;
539
- -moz-box-sizing: border-box;
540
- box-sizing: border-box; }
666
+ box-sizing: border-box; }
541
667
 
542
668
  .reveal.page .slides section.past {
543
669
  z-index: 12; }
@@ -574,28 +700,24 @@ body {
574
700
 
575
701
  .reveal.page .slides > section.past {
576
702
  -webkit-transform-origin: 0% 0%;
577
- -ms-transform-origin: 0% 0%;
578
703
  transform-origin: 0% 0%;
579
704
  -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
580
705
  transform: translate3d(-40%, 0, 0) rotateY(-80deg); }
581
706
 
582
707
  .reveal.page .slides > section.future {
583
708
  -webkit-transform-origin: 100% 0%;
584
- -ms-transform-origin: 100% 0%;
585
709
  transform-origin: 100% 0%;
586
710
  -webkit-transform: translate3d(0, 0, 0);
587
711
  transform: translate3d(0, 0, 0); }
588
712
 
589
713
  .reveal.page .slides > section > section.past {
590
714
  -webkit-transform-origin: 0% 0%;
591
- -ms-transform-origin: 0% 0%;
592
715
  transform-origin: 0% 0%;
593
716
  -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg);
594
717
  transform: translate3d(0, -40%, 0) rotateX(80deg); }
595
718
 
596
719
  .reveal.page .slides > section > section.future {
597
720
  -webkit-transform-origin: 0% 100%;
598
- -ms-transform-origin: 0% 100%;
599
721
  transform-origin: 0% 100%;
600
722
  -webkit-transform: translate3d(0, 0, 0);
601
723
  transform: translate3d(0, 0, 0); }
@@ -603,72 +725,29 @@ body {
603
725
  /*********************************************
604
726
  * FADE TRANSITION
605
727
  *********************************************/
606
- .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]) {
607
731
  -webkit-transform: none;
608
- -ms-transform: none;
609
732
  transform: none;
610
733
  -webkit-transition: opacity 0.5s;
611
734
  transition: opacity 0.5s; }
612
735
 
613
- .reveal.fade.overview .slides section, .reveal.fade.overview .slides > section > section {
736
+ .reveal.fade.overview .slides section,
737
+ .reveal.fade.overview .slides > section > section {
614
738
  -webkit-transition: none;
615
739
  transition: none; }
616
740
 
617
741
  /*********************************************
618
742
  * NO TRANSITION
619
743
  *********************************************/
620
- .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]) {
621
746
  -webkit-transform: none;
622
- -ms-transform: none;
623
747
  transform: none;
624
748
  -webkit-transition: none;
625
749
  transition: none; }
626
750
 
627
- /*********************************************
628
- * OVERVIEW
629
- *********************************************/
630
- .reveal.overview .slides {
631
- -webkit-perspective-origin: 50% 50%;
632
- perspective-origin: 50% 50%;
633
- -webkit-perspective: 700px;
634
- perspective: 700px; }
635
-
636
- .reveal.overview .slides section {
637
- height: 700px;
638
- overflow: hidden;
639
- opacity: 1 !important;
640
- visibility: visible !important;
641
- cursor: pointer;
642
- background: rgba(0, 0, 0, 0.1);
643
- -moz-box-sizing: border-box;
644
- box-sizing: border-box; }
645
-
646
- .reveal.overview .slides section, .reveal.overview-deactivating .slides section {
647
- -webkit-transition: none !important;
648
- transition: none !important; }
649
-
650
- .reveal.overview .slides section .fragment {
651
- opacity: 1; }
652
-
653
- .reveal.overview .slides section:after, .reveal.overview .slides section:before {
654
- display: none !important; }
655
-
656
- .reveal.overview .slides section > section {
657
- opacity: 1;
658
- cursor: pointer; }
659
-
660
- .reveal.overview .slides section:hover {
661
- background: rgba(0, 0, 0, 0.3); }
662
-
663
- .reveal.overview .slides section.present {
664
- background: rgba(0, 0, 0, 0.3); }
665
-
666
- .reveal.overview .slides > section.stack {
667
- padding: 0;
668
- top: 0 !important;
669
- background: none;
670
- overflow: visible; }
671
-
672
751
  /*********************************************
673
752
  * PAUSED MODE
674
753
  *********************************************/
@@ -704,7 +783,8 @@ body {
704
783
  margin: 0;
705
784
  text-align: center; }
706
785
 
707
- .no-transforms .reveal .controls, .no-transforms .reveal .progress {
786
+ .no-transforms .reveal .controls,
787
+ .no-transforms .reveal .progress {
708
788
  display: none !important; }
709
789
 
710
790
  .no-transforms .reveal .slides section {
@@ -717,20 +797,20 @@ body {
717
797
  left: -50%;
718
798
  margin: 70px 0;
719
799
  -webkit-transform: none;
720
- -ms-transform: none;
721
800
  transform: none; }
722
801
 
723
802
  .no-transforms .reveal .slides section section {
724
803
  left: 0; }
725
804
 
726
- .reveal .no-transition, .reveal .no-transition * {
805
+ .reveal .no-transition,
806
+ .reveal .no-transition * {
727
807
  -webkit-transition: none !important;
728
808
  transition: none !important; }
729
809
 
730
810
  /*********************************************
731
811
  * PER-SLIDE BACKGROUNDS
732
812
  *********************************************/
733
- .reveal > .backgrounds {
813
+ .reveal .backgrounds {
734
814
  position: absolute;
735
815
  width: 100%;
736
816
  height: 100%;
@@ -746,7 +826,7 @@ body {
746
826
  height: 100%;
747
827
  opacity: 0;
748
828
  visibility: hidden;
749
- background-color: rgba(0, 0, 0, 0);
829
+ background-color: transparent;
750
830
  background-position: 50% 50%;
751
831
  background-repeat: no-repeat;
752
832
  background-size: cover;
@@ -775,109 +855,120 @@ body {
775
855
  left: 0; }
776
856
 
777
857
  /* Immediate transition style */
778
- .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] {
779
860
  -webkit-transition: none;
780
861
  transition: none; }
781
862
 
782
863
  /* Slide */
783
- .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] {
784
866
  opacity: 1;
785
867
  -webkit-backface-visibility: hidden;
786
868
  backface-visibility: hidden; }
787
869
 
788
- .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] {
789
872
  -webkit-transform: translate(-100%, 0);
790
- -ms-transform: translate(-100%, 0);
791
873
  transform: translate(-100%, 0); }
792
874
 
793
- .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] {
794
877
  -webkit-transform: translate(100%, 0);
795
- -ms-transform: translate(100%, 0);
796
878
  transform: translate(100%, 0); }
797
879
 
798
- .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] {
799
882
  -webkit-transform: translate(0, -100%);
800
- -ms-transform: translate(0, -100%);
801
883
  transform: translate(0, -100%); }
802
884
 
803
- .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] {
804
887
  -webkit-transform: translate(0, 100%);
805
- -ms-transform: translate(0, 100%);
806
888
  transform: translate(0, 100%); }
807
889
 
808
890
  /* Convex */
809
- .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] {
810
893
  opacity: 0;
811
894
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
812
895
  transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
813
896
 
814
- .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] {
815
899
  opacity: 0;
816
900
  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
817
901
  transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
818
902
 
819
- .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] {
820
905
  opacity: 0;
821
906
  -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0);
822
907
  transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); }
823
908
 
824
- .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] {
825
911
  opacity: 0;
826
912
  -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0);
827
913
  transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); }
828
914
 
829
915
  /* Concave */
830
- .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] {
831
918
  opacity: 0;
832
919
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
833
920
  transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
834
921
 
835
- .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] {
836
924
  opacity: 0;
837
925
  -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
838
926
  transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
839
927
 
840
- .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] {
841
930
  opacity: 0;
842
931
  -webkit-transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0);
843
932
  transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); }
844
933
 
845
- .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] {
846
936
  opacity: 0;
847
937
  -webkit-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0);
848
938
  transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); }
849
939
 
850
940
  /* Zoom */
851
- .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] {
852
943
  -webkit-transition-timing-function: ease;
853
944
  transition-timing-function: ease; }
854
945
 
855
- .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] {
856
948
  opacity: 0;
857
949
  visibility: hidden;
858
950
  -webkit-transform: scale(16);
859
- -ms-transform: scale(16);
860
951
  transform: scale(16); }
861
952
 
862
- .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] {
863
955
  opacity: 0;
864
956
  visibility: hidden;
865
957
  -webkit-transform: scale(0.2);
866
- -ms-transform: scale(0.2);
867
958
  transform: scale(0.2); }
868
959
 
869
- .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] {
870
962
  opacity: 0;
871
963
  visibility: hidden;
872
964
  -webkit-transform: scale(16);
873
- -ms-transform: scale(16);
874
965
  transform: scale(16); }
875
966
 
876
- .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] {
877
969
  opacity: 0;
878
970
  visibility: hidden;
879
971
  -webkit-transform: scale(0.2);
880
- -ms-transform: scale(0.2);
881
972
  transform: scale(0.2); }
882
973
 
883
974
  /* Global transition speed settings */
@@ -889,17 +980,81 @@ body {
889
980
  -webkit-transition-duration: 1200ms;
890
981
  transition-duration: 1200ms; }
891
982
 
983
+ /*********************************************
984
+ * OVERVIEW
985
+ *********************************************/
986
+ .reveal.overview {
987
+ -webkit-perspective-origin: 50% 50%;
988
+ perspective-origin: 50% 50%;
989
+ -webkit-perspective: 700px;
990
+ perspective: 700px; }
991
+ .reveal.overview .slides section {
992
+ height: 100%;
993
+ top: 0 !important;
994
+ opacity: 1 !important;
995
+ overflow: hidden;
996
+ visibility: visible !important;
997
+ cursor: pointer;
998
+ box-sizing: border-box; }
999
+ .reveal.overview .slides section:hover,
1000
+ .reveal.overview .slides section.present {
1001
+ outline: 10px solid rgba(150, 150, 150, 0.4);
1002
+ outline-offset: 10px; }
1003
+ .reveal.overview .slides section .fragment {
1004
+ opacity: 1;
1005
+ -webkit-transition: none;
1006
+ transition: none; }
1007
+ .reveal.overview .slides section:after,
1008
+ .reveal.overview .slides section:before {
1009
+ display: none !important; }
1010
+ .reveal.overview .slides > section.stack {
1011
+ padding: 0;
1012
+ top: 0 !important;
1013
+ background: none;
1014
+ outline: none;
1015
+ overflow: visible; }
1016
+ .reveal.overview .backgrounds {
1017
+ -webkit-perspective: inherit;
1018
+ perspective: inherit; }
1019
+ .reveal.overview .backgrounds .slide-background {
1020
+ opacity: 1;
1021
+ visibility: visible;
1022
+ outline: 10px solid rgba(150, 150, 150, 0.1);
1023
+ outline-offset: 10px; }
1024
+
1025
+ .reveal.overview .slides section,
1026
+ .reveal.overview-deactivating .slides section {
1027
+ -webkit-transition: none;
1028
+ transition: none; }
1029
+
1030
+ .reveal.overview .backgrounds .slide-background,
1031
+ .reveal.overview-deactivating .backgrounds .slide-background {
1032
+ -webkit-transition: none;
1033
+ transition: none; }
1034
+
1035
+ .reveal.overview-animated .slides {
1036
+ -webkit-transition: -webkit-transform 0.4s ease;
1037
+ transition: transform 0.4s ease; }
1038
+
892
1039
  /*********************************************
893
1040
  * RTL SUPPORT
894
1041
  *********************************************/
895
- .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 {
896
1049
  direction: rtl;
897
1050
  font-family: sans-serif; }
898
1051
 
899
- .reveal.rtl pre, .reveal.rtl code {
1052
+ .reveal.rtl pre,
1053
+ .reveal.rtl code {
900
1054
  direction: ltr; }
901
1055
 
902
- .reveal.rtl ol, .reveal.rtl ul {
1056
+ .reveal.rtl ol,
1057
+ .reveal.rtl ul {
903
1058
  text-align: right; }
904
1059
 
905
1060
  .reveal.rtl .progress span {
@@ -972,8 +1127,7 @@ body {
972
1127
  padding: 0 10px;
973
1128
  float: right;
974
1129
  opacity: 0.6;
975
- -moz-box-sizing: border-box;
976
- box-sizing: border-box; }
1130
+ box-sizing: border-box; }
977
1131
 
978
1132
  .reveal .overlay header a:hover {
979
1133
  opacity: 1; }
@@ -994,6 +1148,10 @@ body {
994
1148
 
995
1149
  .reveal .overlay .viewport {
996
1150
  position: absolute;
1151
+ display: -webkit-box;
1152
+ display: -webkit-flex;
1153
+ display: -ms-flexbox;
1154
+ display: flex;
997
1155
  top: 40px;
998
1156
  right: 0;
999
1157
  bottom: 0;
@@ -1018,7 +1176,6 @@ body {
1018
1176
  opacity: 0;
1019
1177
  visibility: hidden;
1020
1178
  -webkit-transform: scale(0.2);
1021
- -ms-transform: scale(0.2);
1022
1179
  transform: scale(0.2); }
1023
1180
 
1024
1181
  .reveal .overlay.overlay-help .viewport {
@@ -1027,8 +1184,8 @@ body {
1027
1184
 
1028
1185
  .reveal .overlay.overlay-help .viewport .viewport-inner {
1029
1186
  width: 600px;
1030
- margin: 0 auto;
1031
- padding: 60px;
1187
+ margin: auto;
1188
+ padding: 20px 20px 80px 20px;
1032
1189
  text-align: center;
1033
1190
  letter-spacing: normal; }
1034
1191
 
@@ -1038,11 +1195,12 @@ body {
1038
1195
  .reveal .overlay.overlay-help .viewport .viewport-inner table {
1039
1196
  border: 1px solid #fff;
1040
1197
  border-collapse: collapse;
1041
- font-size: 14px; }
1198
+ font-size: 16px; }
1042
1199
 
1043
- .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 {
1044
1202
  width: 200px;
1045
- padding: 10px;
1203
+ padding: 14px;
1046
1204
  border: 1px solid #fff;
1047
1205
  vertical-align: middle; }
1048
1206
 
@@ -1056,7 +1214,7 @@ body {
1056
1214
  .reveal .playback {
1057
1215
  position: fixed;
1058
1216
  left: 15px;
1059
- bottom: 15px;
1217
+ bottom: 20px;
1060
1218
  z-index: 30;
1061
1219
  cursor: pointer;
1062
1220
  -webkit-transition: all 400ms ease;
@@ -1091,7 +1249,6 @@ body {
1091
1249
  -webkit-transition: all 400ms ease;
1092
1250
  transition: all 400ms ease;
1093
1251
  -webkit-transform-origin: 50% 0%;
1094
- -ms-transform-origin: 50% 0%;
1095
1252
  transform-origin: 50% 0%;
1096
1253
  -webkit-transform-style: preserve-3d;
1097
1254
  transform-style: preserve-3d;
@@ -1113,7 +1270,6 @@ body {
1113
1270
  -webkit-backface-visibility: hidden;
1114
1271
  backface-visibility: hidden;
1115
1272
  -webkit-transform-origin: 50% 0%;
1116
- -ms-transform-origin: 50% 0%;
1117
1273
  transform-origin: 50% 0%;
1118
1274
  -webkit-transform: translate3d(0px, 110%, 0px) rotateX(-90deg);
1119
1275
  transform: translate3d(0px, 110%, 0px) rotateX(-90deg); }
@@ -1124,14 +1280,48 @@ body {
1124
1280
  .reveal aside.notes {
1125
1281
  display: none; }
1126
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
+
1127
1314
  /*********************************************
1128
1315
  * ZOOM PLUGIN
1129
1316
  *********************************************/
1130
- .zoomed .reveal *, .zoomed .reveal *:before, .zoomed .reveal *:after {
1317
+ .zoomed .reveal *,
1318
+ .zoomed .reveal *:before,
1319
+ .zoomed .reveal *:after {
1131
1320
  -webkit-backface-visibility: visible !important;
1132
1321
  backface-visibility: visible !important; }
1133
1322
 
1134
- .zoomed .reveal .progress, .zoomed .reveal .controls {
1323
+ .zoomed .reveal .progress,
1324
+ .zoomed .reveal .controls {
1135
1325
  opacity: 0; }
1136
1326
 
1137
1327
  .zoomed .reveal .roll span {