slide_hero 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (111) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +17 -0
  3. data/.travis.yml +3 -0
  4. data/Gemfile +4 -0
  5. data/Guardfile +28 -0
  6. data/LICENSE.txt +22 -0
  7. data/README.md +161 -0
  8. data/Rakefile +9 -0
  9. data/bin/slidehero +37 -0
  10. data/config.ru +14 -0
  11. data/lib/slide_hero/code.rb +16 -0
  12. data/lib/slide_hero/dsl.rb +10 -0
  13. data/lib/slide_hero/grouped_slides.rb +21 -0
  14. data/lib/slide_hero/list.rb +29 -0
  15. data/lib/slide_hero/list_point.rb +26 -0
  16. data/lib/slide_hero/point.rb +27 -0
  17. data/lib/slide_hero/presentation.rb +36 -0
  18. data/lib/slide_hero/slide.rb +47 -0
  19. data/lib/slide_hero/version.rb +3 -0
  20. data/lib/slide_hero/views/_footer.html.erb +0 -0
  21. data/lib/slide_hero/views/_header.html.erb +0 -0
  22. data/lib/slide_hero/views/code.html.erb +3 -0
  23. data/lib/slide_hero/views/empty.html +12 -0
  24. data/lib/slide_hero/views/grouped_slides.html.erb +5 -0
  25. data/lib/slide_hero/views/layout.html.erb +54 -0
  26. data/lib/slide_hero/views/ordered_list.html.erb +5 -0
  27. data/lib/slide_hero/views/slide.html.erb +6 -0
  28. data/lib/slide_hero/views/unordered_list.html.erb +5 -0
  29. data/lib/slide_hero.rb +15 -0
  30. data/slide_hero.gemspec +29 -0
  31. data/templates/new_presentation.tt +11 -0
  32. data/test/fixtures/testclass.rb +5 -0
  33. data/test/minitest_helper.rb +18 -0
  34. data/test/slide_hero/code_spec.rb +29 -0
  35. data/test/slide_hero/dsl_spec.rb +27 -0
  36. data/test/slide_hero/grouped_slides_spec.rb +29 -0
  37. data/test/slide_hero/list_point_spec.rb +34 -0
  38. data/test/slide_hero/list_spec.rb +49 -0
  39. data/test/slide_hero/point_spec.rb +25 -0
  40. data/test/slide_hero/presentation_spec.rb +56 -0
  41. data/test/slide_hero/slide_spec.rb +147 -0
  42. data/test/slide_hero_spec.rb +15 -0
  43. data/vendor/reveal.js/.gitignore +6 -0
  44. data/vendor/reveal.js/.travis.yml +5 -0
  45. data/vendor/reveal.js/Gruntfile.js +132 -0
  46. data/vendor/reveal.js/LICENSE +19 -0
  47. data/vendor/reveal.js/README.md +798 -0
  48. data/vendor/reveal.js/css/print/paper.css +176 -0
  49. data/vendor/reveal.js/css/print/pdf.css +190 -0
  50. data/vendor/reveal.js/css/reveal.css +1649 -0
  51. data/vendor/reveal.js/css/reveal.min.css +7 -0
  52. data/vendor/reveal.js/css/theme/README.md +23 -0
  53. data/vendor/reveal.js/css/theme/beige.css +142 -0
  54. data/vendor/reveal.js/css/theme/default.css +142 -0
  55. data/vendor/reveal.js/css/theme/moon.css +142 -0
  56. data/vendor/reveal.js/css/theme/night.css +130 -0
  57. data/vendor/reveal.js/css/theme/serif.css +132 -0
  58. data/vendor/reveal.js/css/theme/simple.css +132 -0
  59. data/vendor/reveal.js/css/theme/sky.css +139 -0
  60. data/vendor/reveal.js/css/theme/solarized.css +142 -0
  61. data/vendor/reveal.js/css/theme/source/beige.scss +50 -0
  62. data/vendor/reveal.js/css/theme/source/default.scss +42 -0
  63. data/vendor/reveal.js/css/theme/source/moon.scss +68 -0
  64. data/vendor/reveal.js/css/theme/source/night.scss +35 -0
  65. data/vendor/reveal.js/css/theme/source/serif.scss +35 -0
  66. data/vendor/reveal.js/css/theme/source/simple.scss +38 -0
  67. data/vendor/reveal.js/css/theme/source/sky.scss +46 -0
  68. data/vendor/reveal.js/css/theme/source/solarized.scss +74 -0
  69. data/vendor/reveal.js/css/theme/template/mixins.scss +29 -0
  70. data/vendor/reveal.js/css/theme/template/settings.scss +34 -0
  71. data/vendor/reveal.js/css/theme/template/theme.scss +163 -0
  72. data/vendor/reveal.js/examples/assets/image1.png +0 -0
  73. data/vendor/reveal.js/examples/assets/image2.png +0 -0
  74. data/vendor/reveal.js/examples/barebones.html +42 -0
  75. data/vendor/reveal.js/examples/embedded-media.html +49 -0
  76. data/vendor/reveal.js/examples/math.html +185 -0
  77. data/vendor/reveal.js/examples/slide-backgrounds.html +101 -0
  78. data/vendor/reveal.js/js/reveal.js +2788 -0
  79. data/vendor/reveal.js/js/reveal.min.js +8 -0
  80. data/vendor/reveal.js/lib/css/zenburn.css +115 -0
  81. data/vendor/reveal.js/lib/font/league_gothic-webfont.eot +0 -0
  82. data/vendor/reveal.js/lib/font/league_gothic-webfont.svg +230 -0
  83. data/vendor/reveal.js/lib/font/league_gothic-webfont.ttf +0 -0
  84. data/vendor/reveal.js/lib/font/league_gothic-webfont.woff +0 -0
  85. data/vendor/reveal.js/lib/font/league_gothic_license +2 -0
  86. data/vendor/reveal.js/lib/js/classList.js +2 -0
  87. data/vendor/reveal.js/lib/js/head.min.js +8 -0
  88. data/vendor/reveal.js/lib/js/html5shiv.js +7 -0
  89. data/vendor/reveal.js/package.json +45 -0
  90. data/vendor/reveal.js/plugin/highlight/highlight.js +31 -0
  91. data/vendor/reveal.js/plugin/leap/leap.js +157 -0
  92. data/vendor/reveal.js/plugin/markdown/example.html +98 -0
  93. data/vendor/reveal.js/plugin/markdown/example.md +31 -0
  94. data/vendor/reveal.js/plugin/markdown/markdown.js +220 -0
  95. data/vendor/reveal.js/plugin/markdown/marked.js +37 -0
  96. data/vendor/reveal.js/plugin/math/math.js +64 -0
  97. data/vendor/reveal.js/plugin/multiplex/client.js +13 -0
  98. data/vendor/reveal.js/plugin/multiplex/index.js +56 -0
  99. data/vendor/reveal.js/plugin/multiplex/master.js +50 -0
  100. data/vendor/reveal.js/plugin/notes/notes.html +259 -0
  101. data/vendor/reveal.js/plugin/notes/notes.js +78 -0
  102. data/vendor/reveal.js/plugin/notes-server/client.js +57 -0
  103. data/vendor/reveal.js/plugin/notes-server/index.js +59 -0
  104. data/vendor/reveal.js/plugin/notes-server/notes.html +142 -0
  105. data/vendor/reveal.js/plugin/postmessage/example.html +39 -0
  106. data/vendor/reveal.js/plugin/postmessage/postmessage.js +42 -0
  107. data/vendor/reveal.js/plugin/print-pdf/print-pdf.js +44 -0
  108. data/vendor/reveal.js/plugin/remotes/remotes.js +39 -0
  109. data/vendor/reveal.js/plugin/search/search.js +196 -0
  110. data/vendor/reveal.js/plugin/zoom-js/zoom.js +256 -0
  111. metadata +277 -0
@@ -0,0 +1,1649 @@
1
+ @charset "UTF-8";
2
+
3
+ /*!
4
+ * reveal.js
5
+ * http://lab.hakim.se/reveal-js
6
+ * MIT licensed
7
+ *
8
+ * Copyright (C) 2013 Hakim El Hattab, http://hakim.se
9
+ */
10
+
11
+
12
+ /*********************************************
13
+ * RESET STYLES
14
+ *********************************************/
15
+
16
+ html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal iframe,
17
+ .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6, .reveal p, .reveal blockquote, .reveal pre,
18
+ .reveal a, .reveal abbr, .reveal acronym, .reveal address, .reveal big, .reveal cite, .reveal code,
19
+ .reveal del, .reveal dfn, .reveal em, .reveal img, .reveal ins, .reveal kbd, .reveal q, .reveal s, .reveal samp,
20
+ .reveal small, .reveal strike, .reveal strong, .reveal sub, .reveal sup, .reveal tt, .reveal var,
21
+ .reveal b, .reveal u, .reveal i, .reveal center,
22
+ .reveal dl, .reveal dt, .reveal dd, .reveal ol, .reveal ul, .reveal li,
23
+ .reveal fieldset, .reveal form, .reveal label, .reveal legend,
24
+ .reveal table, .reveal caption, .reveal tbody, .reveal tfoot, .reveal thead, .reveal tr, .reveal th, .reveal td,
25
+ .reveal article, .reveal aside, .reveal canvas, .reveal details, .reveal embed,
26
+ .reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup,
27
+ .reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary,
28
+ .reveal time, .reveal mark, .reveal audio, video {
29
+ margin: 0;
30
+ padding: 0;
31
+ border: 0;
32
+ font-size: 100%;
33
+ font: inherit;
34
+ vertical-align: baseline;
35
+ }
36
+
37
+ .reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure,
38
+ .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section {
39
+ display: block;
40
+ }
41
+
42
+
43
+ /*********************************************
44
+ * GLOBAL STYLES
45
+ *********************************************/
46
+
47
+ html,
48
+ body {
49
+ width: 100%;
50
+ height: 100%;
51
+ overflow: hidden;
52
+ }
53
+
54
+ body {
55
+ position: relative;
56
+ line-height: 1;
57
+ }
58
+
59
+ ::selection {
60
+ background: #FF5E99;
61
+ color: #fff;
62
+ text-shadow: none;
63
+ }
64
+
65
+
66
+ /*********************************************
67
+ * HEADERS
68
+ *********************************************/
69
+
70
+ .reveal h1,
71
+ .reveal h2,
72
+ .reveal h3,
73
+ .reveal h4,
74
+ .reveal h5,
75
+ .reveal h6 {
76
+ -webkit-hyphens: auto;
77
+ -moz-hyphens: auto;
78
+ hyphens: auto;
79
+
80
+ word-wrap: break-word;
81
+ line-height: 1;
82
+ }
83
+
84
+ .reveal h1 { font-size: 3.77em; }
85
+ .reveal h2 { font-size: 2.11em; }
86
+ .reveal h3 { font-size: 1.55em; }
87
+ .reveal h4 { font-size: 1em; }
88
+
89
+
90
+ /*********************************************
91
+ * VIEW FRAGMENTS
92
+ *********************************************/
93
+
94
+ .reveal .slides section .fragment {
95
+ opacity: 0;
96
+
97
+ -webkit-transition: all .2s ease;
98
+ -moz-transition: all .2s ease;
99
+ -ms-transition: all .2s ease;
100
+ -o-transition: all .2s ease;
101
+ transition: all .2s ease;
102
+ }
103
+ .reveal .slides section .fragment.visible {
104
+ opacity: 1;
105
+ }
106
+
107
+ .reveal .slides section .fragment.grow {
108
+ opacity: 1;
109
+ }
110
+ .reveal .slides section .fragment.grow.visible {
111
+ -webkit-transform: scale( 1.3 );
112
+ -moz-transform: scale( 1.3 );
113
+ -ms-transform: scale( 1.3 );
114
+ -o-transform: scale( 1.3 );
115
+ transform: scale( 1.3 );
116
+ }
117
+
118
+ .reveal .slides section .fragment.shrink {
119
+ opacity: 1;
120
+ }
121
+ .reveal .slides section .fragment.shrink.visible {
122
+ -webkit-transform: scale( 0.7 );
123
+ -moz-transform: scale( 0.7 );
124
+ -ms-transform: scale( 0.7 );
125
+ -o-transform: scale( 0.7 );
126
+ transform: scale( 0.7 );
127
+ }
128
+
129
+ .reveal .slides section .fragment.zoom-in {
130
+ opacity: 0;
131
+
132
+ -webkit-transform: scale( 0.1 );
133
+ -moz-transform: scale( 0.1 );
134
+ -ms-transform: scale( 0.1 );
135
+ -o-transform: scale( 0.1 );
136
+ transform: scale( 0.1 );
137
+ }
138
+
139
+ .reveal .slides section .fragment.zoom-in.visible {
140
+ opacity: 1;
141
+
142
+ -webkit-transform: scale( 1 );
143
+ -moz-transform: scale( 1 );
144
+ -ms-transform: scale( 1 );
145
+ -o-transform: scale( 1 );
146
+ transform: scale( 1 );
147
+ }
148
+
149
+ .reveal .slides section .fragment.roll-in {
150
+ opacity: 0;
151
+
152
+ -webkit-transform: rotateX( 90deg );
153
+ -moz-transform: rotateX( 90deg );
154
+ -ms-transform: rotateX( 90deg );
155
+ -o-transform: rotateX( 90deg );
156
+ transform: rotateX( 90deg );
157
+ }
158
+ .reveal .slides section .fragment.roll-in.visible {
159
+ opacity: 1;
160
+
161
+ -webkit-transform: rotateX( 0 );
162
+ -moz-transform: rotateX( 0 );
163
+ -ms-transform: rotateX( 0 );
164
+ -o-transform: rotateX( 0 );
165
+ transform: rotateX( 0 );
166
+ }
167
+
168
+ .reveal .slides section .fragment.fade-out {
169
+ opacity: 1;
170
+ }
171
+ .reveal .slides section .fragment.fade-out.visible {
172
+ opacity: 0;
173
+ }
174
+
175
+ .reveal .slides section .fragment.semi-fade-out {
176
+ opacity: 1;
177
+ }
178
+ .reveal .slides section .fragment.semi-fade-out.visible {
179
+ opacity: 0.5;
180
+ }
181
+
182
+ .reveal .slides section .fragment.highlight-red,
183
+ .reveal .slides section .fragment.highlight-green,
184
+ .reveal .slides section .fragment.highlight-blue {
185
+ opacity: 1;
186
+ }
187
+ .reveal .slides section .fragment.highlight-red.visible {
188
+ color: #ff2c2d
189
+ }
190
+ .reveal .slides section .fragment.highlight-green.visible {
191
+ color: #17ff2e;
192
+ }
193
+ .reveal .slides section .fragment.highlight-blue.visible {
194
+ color: #1b91ff;
195
+ }
196
+
197
+
198
+ /*********************************************
199
+ * DEFAULT ELEMENT STYLES
200
+ *********************************************/
201
+
202
+ /* Fixes issue in Chrome where italic fonts did not appear when printing to PDF */
203
+ .reveal:after {
204
+ content: '';
205
+ font-style: italic;
206
+ }
207
+
208
+ .reveal iframe {
209
+ z-index: 1;
210
+ }
211
+
212
+ /* Ensure certain elements are never larger than the slide itself */
213
+ .reveal img,
214
+ .reveal video,
215
+ .reveal iframe {
216
+ max-width: 95%;
217
+ max-height: 95%;
218
+ }
219
+
220
+ /** Prevents layering issues in certain browser/transition combinations */
221
+ .reveal a {
222
+ position: relative;
223
+ }
224
+
225
+ .reveal strong,
226
+ .reveal b {
227
+ font-weight: bold;
228
+ }
229
+
230
+ .reveal em,
231
+ .reveal i {
232
+ font-style: italic;
233
+ }
234
+
235
+ .reveal ol,
236
+ .reveal ul {
237
+ display: inline-block;
238
+
239
+ text-align: left;
240
+ margin: 0 0 0 1em;
241
+ }
242
+
243
+ .reveal ol {
244
+ list-style-type: decimal;
245
+ }
246
+
247
+ .reveal ul {
248
+ list-style-type: disc;
249
+ }
250
+
251
+ .reveal ul ul {
252
+ list-style-type: square;
253
+ }
254
+
255
+ .reveal ul ul ul {
256
+ list-style-type: circle;
257
+ }
258
+
259
+ .reveal ul ul,
260
+ .reveal ul ol,
261
+ .reveal ol ol,
262
+ .reveal ol ul {
263
+ display: block;
264
+ margin-left: 40px;
265
+ }
266
+
267
+ .reveal p {
268
+ margin-bottom: 10px;
269
+ line-height: 1.2em;
270
+ }
271
+
272
+ .reveal q,
273
+ .reveal blockquote {
274
+ quotes: none;
275
+ }
276
+
277
+ .reveal blockquote {
278
+ display: block;
279
+ position: relative;
280
+ width: 70%;
281
+ margin: 5px auto;
282
+ padding: 5px;
283
+
284
+ font-style: italic;
285
+ background: rgba(255, 255, 255, 0.05);
286
+ box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
287
+ }
288
+ .reveal blockquote p:first-child,
289
+ .reveal blockquote p:last-child {
290
+ display: inline-block;
291
+ }
292
+
293
+ .reveal q {
294
+ font-style: italic;
295
+ }
296
+
297
+ .reveal pre {
298
+ display: block;
299
+ position: relative;
300
+ width: 90%;
301
+ margin: 15px auto;
302
+
303
+ text-align: left;
304
+ font-size: 0.55em;
305
+ font-family: monospace;
306
+ line-height: 1.2em;
307
+
308
+ word-wrap: break-word;
309
+
310
+ box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
311
+ }
312
+ .reveal code {
313
+ font-family: monospace;
314
+ }
315
+ .reveal pre code {
316
+ padding: 5px;
317
+ overflow: auto;
318
+ max-height: 400px;
319
+ word-wrap: normal;
320
+ }
321
+ .reveal pre.stretch code {
322
+ height: 100%;
323
+ max-height: 100%;
324
+
325
+ -webkit-box-sizing: border-box;
326
+ -moz-box-sizing: border-box;
327
+ box-sizing: border-box;
328
+ }
329
+
330
+ .reveal table th,
331
+ .reveal table td {
332
+ text-align: left;
333
+ padding-right: .3em;
334
+ }
335
+
336
+ .reveal table th {
337
+ text-shadow: rgb(255,255,255) 1px 1px 2px;
338
+ }
339
+
340
+ .reveal sup {
341
+ vertical-align: super;
342
+ }
343
+ .reveal sub {
344
+ vertical-align: sub;
345
+ }
346
+
347
+ .reveal small {
348
+ display: inline-block;
349
+ font-size: 0.6em;
350
+ line-height: 1.2em;
351
+ vertical-align: top;
352
+ }
353
+
354
+ .reveal small * {
355
+ vertical-align: top;
356
+ }
357
+
358
+ .reveal .stretch {
359
+ max-width: none;
360
+ max-height: none;
361
+ }
362
+
363
+
364
+ /*********************************************
365
+ * CONTROLS
366
+ *********************************************/
367
+
368
+ .reveal .controls {
369
+ display: none;
370
+ position: fixed;
371
+ width: 110px;
372
+ height: 110px;
373
+ z-index: 30;
374
+ right: 10px;
375
+ bottom: 10px;
376
+ }
377
+
378
+ .reveal .controls div {
379
+ position: absolute;
380
+ opacity: 0.05;
381
+ width: 0;
382
+ height: 0;
383
+ border: 12px solid transparent;
384
+
385
+ -moz-transform: scale(.9999);
386
+
387
+ -webkit-transition: all 0.2s ease;
388
+ -moz-transition: all 0.2s ease;
389
+ -ms-transition: all 0.2s ease;
390
+ -o-transition: all 0.2s ease;
391
+ transition: all 0.2s ease;
392
+ }
393
+
394
+ .reveal .controls div.enabled {
395
+ opacity: 0.7;
396
+ cursor: pointer;
397
+ }
398
+
399
+ .reveal .controls div.enabled:active {
400
+ margin-top: 1px;
401
+ }
402
+
403
+ .reveal .controls div.navigate-left {
404
+ top: 42px;
405
+
406
+ border-right-width: 22px;
407
+ border-right-color: #eee;
408
+ }
409
+ .reveal .controls div.navigate-left.fragmented {
410
+ opacity: 0.3;
411
+ }
412
+
413
+ .reveal .controls div.navigate-right {
414
+ left: 74px;
415
+ top: 42px;
416
+
417
+ border-left-width: 22px;
418
+ border-left-color: #eee;
419
+ }
420
+ .reveal .controls div.navigate-right.fragmented {
421
+ opacity: 0.3;
422
+ }
423
+
424
+ .reveal .controls div.navigate-up {
425
+ left: 42px;
426
+
427
+ border-bottom-width: 22px;
428
+ border-bottom-color: #eee;
429
+ }
430
+ .reveal .controls div.navigate-up.fragmented {
431
+ opacity: 0.3;
432
+ }
433
+
434
+ .reveal .controls div.navigate-down {
435
+ left: 42px;
436
+ top: 74px;
437
+
438
+ border-top-width: 22px;
439
+ border-top-color: #eee;
440
+ }
441
+ .reveal .controls div.navigate-down.fragmented {
442
+ opacity: 0.3;
443
+ }
444
+
445
+
446
+ /*********************************************
447
+ * PROGRESS BAR
448
+ *********************************************/
449
+
450
+ .reveal .progress {
451
+ position: fixed;
452
+ display: none;
453
+ height: 3px;
454
+ width: 100%;
455
+ bottom: 0;
456
+ left: 0;
457
+ z-index: 10;
458
+ }
459
+ .reveal .progress:after {
460
+ content: '';
461
+ display: 'block';
462
+ position: absolute;
463
+ height: 20px;
464
+ width: 100%;
465
+ top: -20px;
466
+ }
467
+ .reveal .progress span {
468
+ display: block;
469
+ height: 100%;
470
+ width: 0px;
471
+
472
+ -webkit-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
473
+ -moz-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
474
+ -ms-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
475
+ -o-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
476
+ transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
477
+ }
478
+
479
+
480
+ /*********************************************
481
+ * SLIDES
482
+ *********************************************/
483
+
484
+ .reveal {
485
+ position: relative;
486
+ width: 100%;
487
+ height: 100%;
488
+
489
+ -ms-touch-action: none;
490
+ }
491
+
492
+ .reveal .slides {
493
+ position: absolute;
494
+ width: 100%;
495
+ height: 100%;
496
+ left: 50%;
497
+ top: 50%;
498
+
499
+ overflow: visible;
500
+ z-index: 1;
501
+ text-align: center;
502
+
503
+ -webkit-transition: -webkit-perspective .4s ease;
504
+ -moz-transition: -moz-perspective .4s ease;
505
+ -ms-transition: -ms-perspective .4s ease;
506
+ -o-transition: -o-perspective .4s ease;
507
+ transition: perspective .4s ease;
508
+
509
+ -webkit-perspective: 600px;
510
+ -moz-perspective: 600px;
511
+ -ms-perspective: 600px;
512
+ perspective: 600px;
513
+
514
+ -webkit-perspective-origin: 0px -100px;
515
+ -moz-perspective-origin: 0px -100px;
516
+ -ms-perspective-origin: 0px -100px;
517
+ perspective-origin: 0px -100px;
518
+ }
519
+
520
+ .reveal .slides>section,
521
+ .reveal .slides>section>section {
522
+ display: none;
523
+ position: absolute;
524
+ width: 100%;
525
+ padding: 20px 0px;
526
+
527
+ z-index: 10;
528
+ line-height: 1.2em;
529
+ font-weight: normal;
530
+
531
+ -webkit-transform-style: preserve-3d;
532
+ -moz-transform-style: preserve-3d;
533
+ -ms-transform-style: preserve-3d;
534
+ transform-style: preserve-3d;
535
+
536
+ -webkit-transition: -webkit-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
537
+ -webkit-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
538
+ visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
539
+ opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
540
+ -moz-transition: -moz-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
541
+ -moz-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
542
+ visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
543
+ opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
544
+ -ms-transition: -ms-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
545
+ -ms-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
546
+ visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
547
+ opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
548
+ -o-transition: -o-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
549
+ -o-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
550
+ visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
551
+ opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
552
+ transition: transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
553
+ transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
554
+ visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
555
+ opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
556
+ }
557
+
558
+ /* Global transition speed settings */
559
+ .reveal[data-transition-speed="fast"] .slides section {
560
+ -webkit-transition-duration: 400ms;
561
+ -moz-transition-duration: 400ms;
562
+ -ms-transition-duration: 400ms;
563
+ transition-duration: 400ms;
564
+ }
565
+ .reveal[data-transition-speed="slow"] .slides section {
566
+ -webkit-transition-duration: 1200ms;
567
+ -moz-transition-duration: 1200ms;
568
+ -ms-transition-duration: 1200ms;
569
+ transition-duration: 1200ms;
570
+ }
571
+
572
+ /* Slide-specific transition speed overrides */
573
+ .reveal .slides section[data-transition-speed="fast"] {
574
+ -webkit-transition-duration: 400ms;
575
+ -moz-transition-duration: 400ms;
576
+ -ms-transition-duration: 400ms;
577
+ transition-duration: 400ms;
578
+ }
579
+ .reveal .slides section[data-transition-speed="slow"] {
580
+ -webkit-transition-duration: 1200ms;
581
+ -moz-transition-duration: 1200ms;
582
+ -ms-transition-duration: 1200ms;
583
+ transition-duration: 1200ms;
584
+ }
585
+
586
+ .reveal .slides>section {
587
+ left: -50%;
588
+ top: -50%;
589
+ }
590
+
591
+ .reveal .slides>section.stack {
592
+ padding-top: 0;
593
+ padding-bottom: 0;
594
+ }
595
+
596
+ .reveal .slides>section.present,
597
+ .reveal .slides>section>section.present {
598
+ display: block;
599
+ z-index: 11;
600
+ opacity: 1;
601
+ }
602
+
603
+ .reveal.center,
604
+ .reveal.center .slides,
605
+ .reveal.center .slides section {
606
+ min-height: auto !important;
607
+ }
608
+
609
+ /* Don't allow interaction with invisible slides */
610
+ .reveal .slides>section.future,
611
+ .reveal .slides>section>section.future,
612
+ .reveal .slides>section.past,
613
+ .reveal .slides>section>section.past {
614
+ pointer-events: none;
615
+ }
616
+
617
+ .reveal.overview .slides>section,
618
+ .reveal.overview .slides>section>section {
619
+ pointer-events: auto;
620
+ }
621
+
622
+
623
+
624
+ /*********************************************
625
+ * DEFAULT TRANSITION
626
+ *********************************************/
627
+
628
+ .reveal .slides>section[data-transition=default].past,
629
+ .reveal .slides>section.past {
630
+ display: block;
631
+ opacity: 0;
632
+
633
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
634
+ -moz-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
635
+ -ms-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
636
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
637
+ }
638
+ .reveal .slides>section[data-transition=default].future,
639
+ .reveal .slides>section.future {
640
+ display: block;
641
+ opacity: 0;
642
+
643
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
644
+ -moz-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
645
+ -ms-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
646
+ transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
647
+ }
648
+
649
+ .reveal .slides>section>section[data-transition=default].past,
650
+ .reveal .slides>section>section.past {
651
+ display: block;
652
+ opacity: 0;
653
+
654
+ -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
655
+ -moz-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
656
+ -ms-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
657
+ transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
658
+ }
659
+ .reveal .slides>section>section[data-transition=default].future,
660
+ .reveal .slides>section>section.future {
661
+ display: block;
662
+ opacity: 0;
663
+
664
+ -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
665
+ -moz-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
666
+ -ms-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
667
+ transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
668
+ }
669
+
670
+
671
+ /*********************************************
672
+ * CONCAVE TRANSITION
673
+ *********************************************/
674
+
675
+ .reveal .slides>section[data-transition=concave].past,
676
+ .reveal.concave .slides>section.past {
677
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
678
+ -moz-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
679
+ -ms-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
680
+ transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
681
+ }
682
+ .reveal .slides>section[data-transition=concave].future,
683
+ .reveal.concave .slides>section.future {
684
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
685
+ -moz-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
686
+ -ms-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
687
+ transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
688
+ }
689
+
690
+ .reveal .slides>section>section[data-transition=concave].past,
691
+ .reveal.concave .slides>section>section.past {
692
+ -webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
693
+ -moz-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
694
+ -ms-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
695
+ transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
696
+ }
697
+ .reveal .slides>section>section[data-transition=concave].future,
698
+ .reveal.concave .slides>section>section.future {
699
+ -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
700
+ -moz-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
701
+ -ms-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
702
+ transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
703
+ }
704
+
705
+
706
+ /*********************************************
707
+ * ZOOM TRANSITION
708
+ *********************************************/
709
+
710
+ .reveal .slides>section[data-transition=zoom].past,
711
+ .reveal.zoom .slides>section.past {
712
+ opacity: 0;
713
+ visibility: hidden;
714
+
715
+ -webkit-transform: scale(16);
716
+ -moz-transform: scale(16);
717
+ -ms-transform: scale(16);
718
+ -o-transform: scale(16);
719
+ transform: scale(16);
720
+ }
721
+ .reveal .slides>section[data-transition=zoom].future,
722
+ .reveal.zoom .slides>section.future {
723
+ opacity: 0;
724
+ visibility: hidden;
725
+
726
+ -webkit-transform: scale(0.2);
727
+ -moz-transform: scale(0.2);
728
+ -ms-transform: scale(0.2);
729
+ -o-transform: scale(0.2);
730
+ transform: scale(0.2);
731
+ }
732
+
733
+ .reveal .slides>section>section[data-transition=zoom].past,
734
+ .reveal.zoom .slides>section>section.past {
735
+ -webkit-transform: translate(0, -150%);
736
+ -moz-transform: translate(0, -150%);
737
+ -ms-transform: translate(0, -150%);
738
+ -o-transform: translate(0, -150%);
739
+ transform: translate(0, -150%);
740
+ }
741
+ .reveal .slides>section>section[data-transition=zoom].future,
742
+ .reveal.zoom .slides>section>section.future {
743
+ -webkit-transform: translate(0, 150%);
744
+ -moz-transform: translate(0, 150%);
745
+ -ms-transform: translate(0, 150%);
746
+ -o-transform: translate(0, 150%);
747
+ transform: translate(0, 150%);
748
+ }
749
+
750
+
751
+ /*********************************************
752
+ * LINEAR TRANSITION
753
+ *********************************************/
754
+
755
+ .reveal.linear section {
756
+ -webkit-backface-visibility: hidden;
757
+ -moz-backface-visibility: hidden;
758
+ -ms-backface-visibility: hidden;
759
+ backface-visibility: hidden;
760
+ }
761
+
762
+ .reveal .slides>section[data-transition=linear].past,
763
+ .reveal.linear .slides>section.past {
764
+ -webkit-transform: translate(-150%, 0);
765
+ -moz-transform: translate(-150%, 0);
766
+ -ms-transform: translate(-150%, 0);
767
+ -o-transform: translate(-150%, 0);
768
+ transform: translate(-150%, 0);
769
+ }
770
+ .reveal .slides>section[data-transition=linear].future,
771
+ .reveal.linear .slides>section.future {
772
+ -webkit-transform: translate(150%, 0);
773
+ -moz-transform: translate(150%, 0);
774
+ -ms-transform: translate(150%, 0);
775
+ -o-transform: translate(150%, 0);
776
+ transform: translate(150%, 0);
777
+ }
778
+
779
+ .reveal .slides>section>section[data-transition=linear].past,
780
+ .reveal.linear .slides>section>section.past {
781
+ -webkit-transform: translate(0, -150%);
782
+ -moz-transform: translate(0, -150%);
783
+ -ms-transform: translate(0, -150%);
784
+ -o-transform: translate(0, -150%);
785
+ transform: translate(0, -150%);
786
+ }
787
+ .reveal .slides>section>section[data-transition=linear].future,
788
+ .reveal.linear .slides>section>section.future {
789
+ -webkit-transform: translate(0, 150%);
790
+ -moz-transform: translate(0, 150%);
791
+ -ms-transform: translate(0, 150%);
792
+ -o-transform: translate(0, 150%);
793
+ transform: translate(0, 150%);
794
+ }
795
+
796
+
797
+ /*********************************************
798
+ * CUBE TRANSITION
799
+ *********************************************/
800
+
801
+ .reveal.cube .slides {
802
+ -webkit-perspective: 1300px;
803
+ -moz-perspective: 1300px;
804
+ -ms-perspective: 1300px;
805
+ perspective: 1300px;
806
+ }
807
+
808
+ .reveal.cube .slides section {
809
+ padding: 30px;
810
+ min-height: 700px;
811
+
812
+ -webkit-backface-visibility: hidden;
813
+ -moz-backface-visibility: hidden;
814
+ -ms-backface-visibility: hidden;
815
+ backface-visibility: hidden;
816
+
817
+ -webkit-box-sizing: border-box;
818
+ -moz-box-sizing: border-box;
819
+ box-sizing: border-box;
820
+ }
821
+ .reveal.center.cube .slides section {
822
+ min-height: auto;
823
+ }
824
+ .reveal.cube .slides section:not(.stack):before {
825
+ content: '';
826
+ position: absolute;
827
+ display: block;
828
+ width: 100%;
829
+ height: 100%;
830
+ left: 0;
831
+ top: 0;
832
+ background: rgba(0,0,0,0.1);
833
+ border-radius: 4px;
834
+
835
+ -webkit-transform: translateZ( -20px );
836
+ -moz-transform: translateZ( -20px );
837
+ -ms-transform: translateZ( -20px );
838
+ -o-transform: translateZ( -20px );
839
+ transform: translateZ( -20px );
840
+ }
841
+ .reveal.cube .slides section:not(.stack):after {
842
+ content: '';
843
+ position: absolute;
844
+ display: block;
845
+ width: 90%;
846
+ height: 30px;
847
+ left: 5%;
848
+ bottom: 0;
849
+ background: none;
850
+ z-index: 1;
851
+
852
+ border-radius: 4px;
853
+ box-shadow: 0px 95px 25px rgba(0,0,0,0.2);
854
+
855
+ -webkit-transform: translateZ(-90px) rotateX( 65deg );
856
+ -moz-transform: translateZ(-90px) rotateX( 65deg );
857
+ -ms-transform: translateZ(-90px) rotateX( 65deg );
858
+ -o-transform: translateZ(-90px) rotateX( 65deg );
859
+ transform: translateZ(-90px) rotateX( 65deg );
860
+ }
861
+
862
+ .reveal.cube .slides>section.stack {
863
+ padding: 0;
864
+ background: none;
865
+ }
866
+
867
+ .reveal.cube .slides>section.past {
868
+ -webkit-transform-origin: 100% 0%;
869
+ -moz-transform-origin: 100% 0%;
870
+ -ms-transform-origin: 100% 0%;
871
+ transform-origin: 100% 0%;
872
+
873
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
874
+ -moz-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
875
+ -ms-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
876
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg);
877
+ }
878
+
879
+ .reveal.cube .slides>section.future {
880
+ -webkit-transform-origin: 0% 0%;
881
+ -moz-transform-origin: 0% 0%;
882
+ -ms-transform-origin: 0% 0%;
883
+ transform-origin: 0% 0%;
884
+
885
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
886
+ -moz-transform: translate3d(100%, 0, 0) rotateY(90deg);
887
+ -ms-transform: translate3d(100%, 0, 0) rotateY(90deg);
888
+ transform: translate3d(100%, 0, 0) rotateY(90deg);
889
+ }
890
+
891
+ .reveal.cube .slides>section>section.past {
892
+ -webkit-transform-origin: 0% 100%;
893
+ -moz-transform-origin: 0% 100%;
894
+ -ms-transform-origin: 0% 100%;
895
+ transform-origin: 0% 100%;
896
+
897
+ -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg);
898
+ -moz-transform: translate3d(0, -100%, 0) rotateX(90deg);
899
+ -ms-transform: translate3d(0, -100%, 0) rotateX(90deg);
900
+ transform: translate3d(0, -100%, 0) rotateX(90deg);
901
+ }
902
+
903
+ .reveal.cube .slides>section>section.future {
904
+ -webkit-transform-origin: 0% 0%;
905
+ -moz-transform-origin: 0% 0%;
906
+ -ms-transform-origin: 0% 0%;
907
+ transform-origin: 0% 0%;
908
+
909
+ -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg);
910
+ -moz-transform: translate3d(0, 100%, 0) rotateX(-90deg);
911
+ -ms-transform: translate3d(0, 100%, 0) rotateX(-90deg);
912
+ transform: translate3d(0, 100%, 0) rotateX(-90deg);
913
+ }
914
+
915
+
916
+ /*********************************************
917
+ * PAGE TRANSITION
918
+ *********************************************/
919
+
920
+ .reveal.page .slides {
921
+ -webkit-perspective-origin: 0% 50%;
922
+ -moz-perspective-origin: 0% 50%;
923
+ -ms-perspective-origin: 0% 50%;
924
+ perspective-origin: 0% 50%;
925
+
926
+ -webkit-perspective: 3000px;
927
+ -moz-perspective: 3000px;
928
+ -ms-perspective: 3000px;
929
+ perspective: 3000px;
930
+ }
931
+
932
+ .reveal.page .slides section {
933
+ padding: 30px;
934
+ min-height: 700px;
935
+
936
+ -webkit-box-sizing: border-box;
937
+ -moz-box-sizing: border-box;
938
+ box-sizing: border-box;
939
+ }
940
+ .reveal.page .slides section.past {
941
+ z-index: 12;
942
+ }
943
+ .reveal.page .slides section:not(.stack):before {
944
+ content: '';
945
+ position: absolute;
946
+ display: block;
947
+ width: 100%;
948
+ height: 100%;
949
+ left: 0;
950
+ top: 0;
951
+ background: rgba(0,0,0,0.1);
952
+
953
+ -webkit-transform: translateZ( -20px );
954
+ -moz-transform: translateZ( -20px );
955
+ -ms-transform: translateZ( -20px );
956
+ -o-transform: translateZ( -20px );
957
+ transform: translateZ( -20px );
958
+ }
959
+ .reveal.page .slides section:not(.stack):after {
960
+ content: '';
961
+ position: absolute;
962
+ display: block;
963
+ width: 90%;
964
+ height: 30px;
965
+ left: 5%;
966
+ bottom: 0;
967
+ background: none;
968
+ z-index: 1;
969
+
970
+ border-radius: 4px;
971
+ box-shadow: 0px 95px 25px rgba(0,0,0,0.2);
972
+
973
+ -webkit-transform: translateZ(-90px) rotateX( 65deg );
974
+ }
975
+
976
+ .reveal.page .slides>section.stack {
977
+ padding: 0;
978
+ background: none;
979
+ }
980
+
981
+ .reveal.page .slides>section.past {
982
+ -webkit-transform-origin: 0% 0%;
983
+ -moz-transform-origin: 0% 0%;
984
+ -ms-transform-origin: 0% 0%;
985
+ transform-origin: 0% 0%;
986
+
987
+ -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
988
+ -moz-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
989
+ -ms-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
990
+ transform: translate3d(-40%, 0, 0) rotateY(-80deg);
991
+ }
992
+
993
+ .reveal.page .slides>section.future {
994
+ -webkit-transform-origin: 100% 0%;
995
+ -moz-transform-origin: 100% 0%;
996
+ -ms-transform-origin: 100% 0%;
997
+ transform-origin: 100% 0%;
998
+
999
+ -webkit-transform: translate3d(0, 0, 0);
1000
+ -moz-transform: translate3d(0, 0, 0);
1001
+ -ms-transform: translate3d(0, 0, 0);
1002
+ transform: translate3d(0, 0, 0);
1003
+ }
1004
+
1005
+ .reveal.page .slides>section>section.past {
1006
+ -webkit-transform-origin: 0% 0%;
1007
+ -moz-transform-origin: 0% 0%;
1008
+ -ms-transform-origin: 0% 0%;
1009
+ transform-origin: 0% 0%;
1010
+
1011
+ -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg);
1012
+ -moz-transform: translate3d(0, -40%, 0) rotateX(80deg);
1013
+ -ms-transform: translate3d(0, -40%, 0) rotateX(80deg);
1014
+ transform: translate3d(0, -40%, 0) rotateX(80deg);
1015
+ }
1016
+
1017
+ .reveal.page .slides>section>section.future {
1018
+ -webkit-transform-origin: 0% 100%;
1019
+ -moz-transform-origin: 0% 100%;
1020
+ -ms-transform-origin: 0% 100%;
1021
+ transform-origin: 0% 100%;
1022
+
1023
+ -webkit-transform: translate3d(0, 0, 0);
1024
+ -moz-transform: translate3d(0, 0, 0);
1025
+ -ms-transform: translate3d(0, 0, 0);
1026
+ transform: translate3d(0, 0, 0);
1027
+ }
1028
+
1029
+
1030
+ /*********************************************
1031
+ * FADE TRANSITION
1032
+ *********************************************/
1033
+
1034
+ .reveal .slides section[data-transition=fade],
1035
+ .reveal.fade .slides section,
1036
+ .reveal.fade .slides>section>section {
1037
+ -webkit-transform: none;
1038
+ -moz-transform: none;
1039
+ -ms-transform: none;
1040
+ -o-transform: none;
1041
+ transform: none;
1042
+
1043
+ -webkit-transition: opacity 0.5s;
1044
+ -moz-transition: opacity 0.5s;
1045
+ -ms-transition: opacity 0.5s;
1046
+ -o-transition: opacity 0.5s;
1047
+ transition: opacity 0.5s;
1048
+ }
1049
+
1050
+
1051
+ .reveal.fade.overview .slides section,
1052
+ .reveal.fade.overview .slides>section>section,
1053
+ .reveal.fade.exit-overview .slides section,
1054
+ .reveal.fade.exit-overview .slides>section>section {
1055
+ -webkit-transition: none;
1056
+ -moz-transition: none;
1057
+ -ms-transition: none;
1058
+ -o-transition: none;
1059
+ transition: none;
1060
+ }
1061
+
1062
+
1063
+ /*********************************************
1064
+ * NO TRANSITION
1065
+ *********************************************/
1066
+
1067
+ .reveal .slides section[data-transition=none],
1068
+ .reveal.none .slides section {
1069
+ -webkit-transform: none;
1070
+ -moz-transform: none;
1071
+ -ms-transform: none;
1072
+ -o-transform: none;
1073
+ transform: none;
1074
+
1075
+ -webkit-transition: none;
1076
+ -moz-transition: none;
1077
+ -ms-transition: none;
1078
+ -o-transition: none;
1079
+ transition: none;
1080
+ }
1081
+
1082
+
1083
+ /*********************************************
1084
+ * OVERVIEW
1085
+ *********************************************/
1086
+
1087
+ .reveal.overview .slides {
1088
+ -webkit-perspective-origin: 0% 0%;
1089
+ -moz-perspective-origin: 0% 0%;
1090
+ -ms-perspective-origin: 0% 0%;
1091
+ perspective-origin: 0% 0%;
1092
+
1093
+ -webkit-perspective: 700px;
1094
+ -moz-perspective: 700px;
1095
+ -ms-perspective: 700px;
1096
+ perspective: 700px;
1097
+ }
1098
+
1099
+ .reveal.overview .slides section {
1100
+ height: 600px;
1101
+ top: -300px !important;
1102
+ overflow: hidden;
1103
+ opacity: 1 !important;
1104
+ visibility: visible !important;
1105
+ cursor: pointer;
1106
+ background: rgba(0,0,0,0.1);
1107
+ }
1108
+ .reveal.overview .slides section .fragment {
1109
+ opacity: 1;
1110
+ }
1111
+ .reveal.overview .slides section:after,
1112
+ .reveal.overview .slides section:before {
1113
+ display: none !important;
1114
+ }
1115
+ .reveal.overview .slides section>section {
1116
+ opacity: 1;
1117
+ cursor: pointer;
1118
+ }
1119
+ .reveal.overview .slides section:hover {
1120
+ background: rgba(0,0,0,0.3);
1121
+ }
1122
+ .reveal.overview .slides section.present {
1123
+ background: rgba(0,0,0,0.3);
1124
+ }
1125
+ .reveal.overview .slides>section.stack {
1126
+ padding: 0;
1127
+ top: 0 !important;
1128
+ background: none;
1129
+ overflow: visible;
1130
+ }
1131
+
1132
+
1133
+ /*********************************************
1134
+ * PAUSED MODE
1135
+ *********************************************/
1136
+
1137
+ .reveal .pause-overlay {
1138
+ position: absolute;
1139
+ top: 0;
1140
+ left: 0;
1141
+ width: 100%;
1142
+ height: 100%;
1143
+ background: black;
1144
+ visibility: hidden;
1145
+ opacity: 0;
1146
+ z-index: 100;
1147
+
1148
+ -webkit-transition: all 1s ease;
1149
+ -moz-transition: all 1s ease;
1150
+ -ms-transition: all 1s ease;
1151
+ -o-transition: all 1s ease;
1152
+ transition: all 1s ease;
1153
+ }
1154
+ .reveal.paused .pause-overlay {
1155
+ visibility: visible;
1156
+ opacity: 1;
1157
+ }
1158
+
1159
+
1160
+ /*********************************************
1161
+ * FALLBACK
1162
+ *********************************************/
1163
+
1164
+ .no-transforms {
1165
+ overflow-y: auto;
1166
+ }
1167
+
1168
+ .no-transforms .reveal .slides {
1169
+ position: relative;
1170
+ width: 80%;
1171
+ height: auto !important;
1172
+ top: 0;
1173
+ left: 50%;
1174
+ margin: 0;
1175
+ text-align: center;
1176
+ }
1177
+
1178
+ .no-transforms .reveal .controls,
1179
+ .no-transforms .reveal .progress {
1180
+ display: none !important;
1181
+ }
1182
+
1183
+ .no-transforms .reveal .slides section {
1184
+ display: block !important;
1185
+ opacity: 1 !important;
1186
+ position: relative !important;
1187
+ height: auto;
1188
+ min-height: auto;
1189
+ top: 0;
1190
+ left: -50%;
1191
+ margin: 70px 0;
1192
+
1193
+ -webkit-transform: none;
1194
+ -moz-transform: none;
1195
+ -ms-transform: none;
1196
+ -o-transform: none;
1197
+ transform: none;
1198
+ }
1199
+
1200
+ .no-transforms .reveal .slides section section {
1201
+ left: 0;
1202
+ }
1203
+
1204
+ .reveal .no-transition,
1205
+ .reveal .no-transition * {
1206
+ -webkit-transition: none !important;
1207
+ -moz-transition: none !important;
1208
+ -ms-transition: none !important;
1209
+ -o-transition: none !important;
1210
+ transition: none !important;
1211
+ }
1212
+
1213
+
1214
+ /*********************************************
1215
+ * BACKGROUND STATES [DEPRECATED]
1216
+ *********************************************/
1217
+
1218
+ .reveal .state-background {
1219
+ position: absolute;
1220
+ width: 100%;
1221
+ height: 100%;
1222
+ background: rgba( 0, 0, 0, 0 );
1223
+
1224
+ -webkit-transition: background 800ms ease;
1225
+ -moz-transition: background 800ms ease;
1226
+ -ms-transition: background 800ms ease;
1227
+ -o-transition: background 800ms ease;
1228
+ transition: background 800ms ease;
1229
+ }
1230
+ .alert .reveal .state-background {
1231
+ background: rgba( 200, 50, 30, 0.6 );
1232
+ }
1233
+ .soothe .reveal .state-background {
1234
+ background: rgba( 50, 200, 90, 0.4 );
1235
+ }
1236
+ .blackout .reveal .state-background {
1237
+ background: rgba( 0, 0, 0, 0.6 );
1238
+ }
1239
+ .whiteout .reveal .state-background {
1240
+ background: rgba( 255, 255, 255, 0.6 );
1241
+ }
1242
+ .cobalt .reveal .state-background {
1243
+ background: rgba( 22, 152, 213, 0.6 );
1244
+ }
1245
+ .mint .reveal .state-background {
1246
+ background: rgba( 22, 213, 75, 0.6 );
1247
+ }
1248
+ .submerge .reveal .state-background {
1249
+ background: rgba( 12, 25, 77, 0.6);
1250
+ }
1251
+ .lila .reveal .state-background {
1252
+ background: rgba( 180, 50, 140, 0.6 );
1253
+ }
1254
+ .sunset .reveal .state-background {
1255
+ background: rgba( 255, 122, 0, 0.6 );
1256
+ }
1257
+
1258
+
1259
+ /*********************************************
1260
+ * PER-SLIDE BACKGROUNDS
1261
+ *********************************************/
1262
+
1263
+ .reveal>.backgrounds {
1264
+ position: absolute;
1265
+ width: 100%;
1266
+ height: 100%;
1267
+ }
1268
+ .reveal .slide-background {
1269
+ position: absolute;
1270
+ width: 100%;
1271
+ height: 100%;
1272
+ opacity: 0;
1273
+ visibility: hidden;
1274
+
1275
+ background-color: rgba( 0, 0, 0, 0 );
1276
+ background-position: 50% 50%;
1277
+ background-repeat: no-repeat;
1278
+ background-size: cover;
1279
+
1280
+ -webkit-transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
1281
+ -moz-transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
1282
+ -ms-transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
1283
+ -o-transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
1284
+ transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
1285
+ }
1286
+ .reveal .slide-background.present {
1287
+ opacity: 1;
1288
+ visibility: visible;
1289
+ }
1290
+
1291
+ .print-pdf .reveal .slide-background {
1292
+ opacity: 1 !important;
1293
+ visibility: visible !important;
1294
+ }
1295
+
1296
+ /* Immediate transition style */
1297
+ .reveal[data-background-transition=none]>.backgrounds .slide-background,
1298
+ .reveal>.backgrounds .slide-background[data-background-transition=none] {
1299
+ -webkit-transition: none;
1300
+ -moz-transition: none;
1301
+ -ms-transition: none;
1302
+ -o-transition: none;
1303
+ transition: none;
1304
+ }
1305
+
1306
+ /* Linear sliding transition style */
1307
+ .reveal[data-background-transition=slide]>.backgrounds .slide-background,
1308
+ .reveal>.backgrounds .slide-background[data-background-transition=slide] {
1309
+ opacity: 1;
1310
+
1311
+ -webkit-backface-visibility: hidden;
1312
+ -moz-backface-visibility: hidden;
1313
+ -ms-backface-visibility: hidden;
1314
+ backface-visibility: hidden;
1315
+
1316
+ -webkit-transition-duration: 800ms;
1317
+ -moz-transition-duration: 800ms;
1318
+ -ms-transition-duration: 800ms;
1319
+ -o-transition-duration: 800ms;
1320
+ transition-duration: 800ms;
1321
+ }
1322
+ .reveal[data-background-transition=slide]>.backgrounds .slide-background.past,
1323
+ .reveal>.backgrounds .slide-background.past[data-background-transition=slide] {
1324
+ -webkit-transform: translate(-100%, 0);
1325
+ -moz-transform: translate(-100%, 0);
1326
+ -ms-transform: translate(-100%, 0);
1327
+ -o-transform: translate(-100%, 0);
1328
+ transform: translate(-100%, 0);
1329
+ }
1330
+ .reveal[data-background-transition=slide]>.backgrounds .slide-background.future,
1331
+ .reveal>.backgrounds .slide-background.future[data-background-transition=slide] {
1332
+ -webkit-transform: translate(100%, 0);
1333
+ -moz-transform: translate(100%, 0);
1334
+ -ms-transform: translate(100%, 0);
1335
+ -o-transform: translate(100%, 0);
1336
+ transform: translate(100%, 0);
1337
+ }
1338
+
1339
+ .reveal[data-background-transition=slide]>.backgrounds .slide-background>.slide-background.past,
1340
+ .reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=slide] {
1341
+ -webkit-transform: translate(0, -100%);
1342
+ -moz-transform: translate(0, -100%);
1343
+ -ms-transform: translate(0, -100%);
1344
+ -o-transform: translate(0, -100%);
1345
+ transform: translate(0, -100%);
1346
+ }
1347
+ .reveal[data-background-transition=slide]>.backgrounds .slide-background>.slide-background.future,
1348
+ .reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=slide] {
1349
+ -webkit-transform: translate(0, 100%);
1350
+ -moz-transform: translate(0, 100%);
1351
+ -ms-transform: translate(0, 100%);
1352
+ -o-transform: translate(0, 100%);
1353
+ transform: translate(0, 100%);
1354
+ }
1355
+
1356
+
1357
+ /* Global transition speed settings */
1358
+ .reveal[data-transition-speed="fast"]>.backgrounds .slide-background {
1359
+ -webkit-transition-duration: 400ms;
1360
+ -moz-transition-duration: 400ms;
1361
+ -ms-transition-duration: 400ms;
1362
+ transition-duration: 400ms;
1363
+ }
1364
+ .reveal[data-transition-speed="slow"]>.backgrounds .slide-background {
1365
+ -webkit-transition-duration: 1200ms;
1366
+ -moz-transition-duration: 1200ms;
1367
+ -ms-transition-duration: 1200ms;
1368
+ transition-duration: 1200ms;
1369
+ }
1370
+
1371
+
1372
+ /*********************************************
1373
+ * RTL SUPPORT
1374
+ *********************************************/
1375
+
1376
+ .reveal.rtl .slides,
1377
+ .reveal.rtl .slides h1,
1378
+ .reveal.rtl .slides h2,
1379
+ .reveal.rtl .slides h3,
1380
+ .reveal.rtl .slides h4,
1381
+ .reveal.rtl .slides h5,
1382
+ .reveal.rtl .slides h6 {
1383
+ direction: rtl;
1384
+ font-family: sans-serif;
1385
+ }
1386
+
1387
+ .reveal.rtl pre,
1388
+ .reveal.rtl code {
1389
+ direction: ltr;
1390
+ }
1391
+
1392
+ .reveal.rtl ol,
1393
+ .reveal.rtl ul {
1394
+ text-align: right;
1395
+ }
1396
+
1397
+ .reveal.rtl .progress span {
1398
+ float: right
1399
+ }
1400
+
1401
+
1402
+ /*********************************************
1403
+ * LINK PREVIEW OVERLAY
1404
+ *********************************************/
1405
+
1406
+ .reveal .preview-link-overlay {
1407
+ position: absolute;
1408
+ top: 0;
1409
+ left: 0;
1410
+ width: 100%;
1411
+ height: 100%;
1412
+ z-index: 1000;
1413
+ background: rgba( 0, 0, 0, 0.9 );
1414
+ opacity: 0;
1415
+ visibility: hidden;
1416
+
1417
+ -webkit-transition: all 0.3s ease;
1418
+ -moz-transition: all 0.3s ease;
1419
+ -ms-transition: all 0.3s ease;
1420
+ transition: all 0.3s ease;
1421
+ }
1422
+ .reveal .preview-link-overlay.visible {
1423
+ opacity: 1;
1424
+ visibility: visible;
1425
+ }
1426
+
1427
+ .reveal .preview-link-overlay .spinner {
1428
+ position: absolute;
1429
+ display: block;
1430
+ top: 50%;
1431
+ left: 50%;
1432
+ width: 32px;
1433
+ height: 32px;
1434
+ margin: -16px 0 0 -16px;
1435
+ z-index: 10;
1436
+ 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);
1437
+
1438
+ visibility: visible;
1439
+ opacity: 0.6;
1440
+
1441
+ -webkit-transition: all 0.3s ease;
1442
+ -moz-transition: all 0.3s ease;
1443
+ -ms-transition: all 0.3s ease;
1444
+ transition: all 0.3s ease;
1445
+ }
1446
+
1447
+ .reveal .preview-link-overlay header {
1448
+ position: absolute;
1449
+ left: 0;
1450
+ top: 0;
1451
+ width: 100%;
1452
+ height: 40px;
1453
+ z-index: 2;
1454
+ border-bottom: 1px solid #222;
1455
+ }
1456
+ .reveal .preview-link-overlay header a {
1457
+ display: inline-block;
1458
+ width: 40px;
1459
+ height: 40px;
1460
+ padding: 0 10px;
1461
+ float: right;
1462
+ opacity: 0.6;
1463
+
1464
+ box-sizing: border-box;
1465
+ }
1466
+ .reveal .preview-link-overlay header a:hover {
1467
+ opacity: 1;
1468
+ }
1469
+ .reveal .preview-link-overlay header a .icon {
1470
+ display: inline-block;
1471
+ width: 20px;
1472
+ height: 20px;
1473
+
1474
+ background-position: 50% 50%;
1475
+ background-size: 100%;
1476
+ background-repeat: no-repeat;
1477
+ }
1478
+ .reveal .preview-link-overlay header a.close .icon {
1479
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkklEQVRYR8WX4VHDMAxG6wnoJrABZQPYBCaBTWAD2g1gE5gg6OOsXuxIlr40d81dfrSJ9V4c2VLK7spHuTJ/5wpM07QXuXc5X0opX2tEJcadjHuV80li/FgxTIEK/5QBCICBD6xEhSMGHgQPgBgLiYVAB1dpSqKDawxTohFw4JSEA3clzgIBPCURwE2JucBR7rhPJJv5OpJwDX+SfDjgx1wACQeJG1aChP9K/IMmdZ8DtESV1WyP3Bt4MwM6sj4NMxMYiqUWHQu4KYA/SYkIjOsm3BXYWMKFDwU2khjCQ4ELJUJ4SmClRArOCmSXGuKma0fYD5CbzHxFpCSGAhfAVSSUGDUk2BWZaff2g6GE15BsBQ9nwmpIGDiyHQddwNTMKkbZaf9fajXQca1EX44puJZUsnY0ObGmITE3GVLCbEhQUjGVt146j6oasWN+49Vph2w1pZ5EansNZqKBm1txbU57iRRcZ86RWMDdWtBJUHBHwoQPi1GV+JCbntmvok7iTX4/Up9mgyTc/FJYDTcndgH/AA5A/CHsyEkVAAAAAElFTkSuQmCC);
1480
+ }
1481
+ .reveal .preview-link-overlay header a.external .icon {
1482
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAcElEQVRYR+2WSQoAIQwEzf8f7XiOMkUQxUPlGkM3hVmiQfQR9GYnH1SsAQlI4DiBqkCMoNb9y2e90IAEJPAcgdznU9+engMaeJ7Azh5Y1U67gAho4DqBqmB1buAf0MB1AlVBek83ZPkmJMGc1wAR+AAqod/B97TRpQAAAABJRU5ErkJggg==);
1483
+ }
1484
+
1485
+ .reveal .preview-link-overlay .viewport {
1486
+ position: absolute;
1487
+ top: 40px;
1488
+ right: 0;
1489
+ bottom: 0;
1490
+ left: 0;
1491
+ }
1492
+
1493
+ .reveal .preview-link-overlay .viewport iframe {
1494
+ width: 100%;
1495
+ height: 100%;
1496
+ max-width: 100%;
1497
+ max-height: 100%;
1498
+ border: 0;
1499
+
1500
+ opacity: 0;
1501
+ visibility: hidden;
1502
+
1503
+ -webkit-transition: all 0.3s ease;
1504
+ -moz-transition: all 0.3s ease;
1505
+ -ms-transition: all 0.3s ease;
1506
+ transition: all 0.3s ease;
1507
+ }
1508
+
1509
+ .reveal .preview-link-overlay.loaded .viewport iframe {
1510
+ opacity: 1;
1511
+ visibility: visible;
1512
+ }
1513
+
1514
+ .reveal .preview-link-overlay.loaded .spinner {
1515
+ opacity: 0;
1516
+ visibility: hidden;
1517
+
1518
+ -webkit-transform: scale(0.2);
1519
+ -moz-transform: scale(0.2);
1520
+ -ms-transform: scale(0.2);
1521
+ transform: scale(0.2);
1522
+ }
1523
+
1524
+
1525
+ /*********************************************
1526
+ * ROLLING LINKS
1527
+ *********************************************/
1528
+
1529
+ .reveal .roll {
1530
+ display: inline-block;
1531
+ line-height: 1.2;
1532
+ overflow: hidden;
1533
+
1534
+ vertical-align: top;
1535
+
1536
+ -webkit-perspective: 400px;
1537
+ -moz-perspective: 400px;
1538
+ -ms-perspective: 400px;
1539
+ perspective: 400px;
1540
+
1541
+ -webkit-perspective-origin: 50% 50%;
1542
+ -moz-perspective-origin: 50% 50%;
1543
+ -ms-perspective-origin: 50% 50%;
1544
+ perspective-origin: 50% 50%;
1545
+ }
1546
+ .reveal .roll:hover {
1547
+ background: none;
1548
+ text-shadow: none;
1549
+ }
1550
+ .reveal .roll span {
1551
+ display: block;
1552
+ position: relative;
1553
+ padding: 0 2px;
1554
+
1555
+ pointer-events: none;
1556
+
1557
+ -webkit-transition: all 400ms ease;
1558
+ -moz-transition: all 400ms ease;
1559
+ -ms-transition: all 400ms ease;
1560
+ transition: all 400ms ease;
1561
+
1562
+ -webkit-transform-origin: 50% 0%;
1563
+ -moz-transform-origin: 50% 0%;
1564
+ -ms-transform-origin: 50% 0%;
1565
+ transform-origin: 50% 0%;
1566
+
1567
+ -webkit-transform-style: preserve-3d;
1568
+ -moz-transform-style: preserve-3d;
1569
+ -ms-transform-style: preserve-3d;
1570
+ transform-style: preserve-3d;
1571
+
1572
+ -webkit-backface-visibility: hidden;
1573
+ -moz-backface-visibility: hidden;
1574
+ backface-visibility: hidden;
1575
+ }
1576
+ .reveal .roll:hover span {
1577
+ background: rgba(0,0,0,0.5);
1578
+
1579
+ -webkit-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
1580
+ -moz-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
1581
+ -ms-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
1582
+ transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
1583
+ }
1584
+ .reveal .roll span:after {
1585
+ content: attr(data-title);
1586
+
1587
+ display: block;
1588
+ position: absolute;
1589
+ left: 0;
1590
+ top: 0;
1591
+ padding: 0 2px;
1592
+
1593
+ -webkit-backface-visibility: hidden;
1594
+ -moz-backface-visibility: hidden;
1595
+ backface-visibility: hidden;
1596
+
1597
+ -webkit-transform-origin: 50% 0%;
1598
+ -moz-transform-origin: 50% 0%;
1599
+ -ms-transform-origin: 50% 0%;
1600
+ transform-origin: 50% 0%;
1601
+
1602
+ -webkit-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
1603
+ -moz-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
1604
+ -ms-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
1605
+ transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
1606
+ }
1607
+
1608
+
1609
+ /*********************************************
1610
+ * SPEAKER NOTES
1611
+ *********************************************/
1612
+
1613
+ .reveal aside.notes {
1614
+ display: none;
1615
+ }
1616
+
1617
+
1618
+ /*********************************************
1619
+ * ZOOM PLUGIN
1620
+ *********************************************/
1621
+
1622
+ .zoomed .reveal *,
1623
+ .zoomed .reveal *:before,
1624
+ .zoomed .reveal *:after {
1625
+ -webkit-transform: none !important;
1626
+ -moz-transform: none !important;
1627
+ -ms-transform: none !important;
1628
+ transform: none !important;
1629
+
1630
+ -webkit-backface-visibility: visible !important;
1631
+ -moz-backface-visibility: visible !important;
1632
+ -ms-backface-visibility: visible !important;
1633
+ backface-visibility: visible !important;
1634
+ }
1635
+
1636
+ .zoomed .reveal .progress,
1637
+ .zoomed .reveal .controls {
1638
+ opacity: 0;
1639
+ }
1640
+
1641
+ .zoomed .reveal .roll span {
1642
+ background: none;
1643
+ }
1644
+
1645
+ .zoomed .reveal .roll span:after {
1646
+ visibility: hidden;
1647
+ }
1648
+
1649
+