slideparts 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (95) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +14 -0
  3. data/.rspec +2 -0
  4. data/.travis.yml +3 -0
  5. data/Gemfile +8 -0
  6. data/LICENSE.txt +22 -0
  7. data/README.md +40 -0
  8. data/Rakefile +7 -0
  9. data/bin/slide +5 -0
  10. data/lib/slide_template/Guardfile +3 -0
  11. data/lib/slide_template/_layouts/default.html.erb +74 -0
  12. data/lib/slide_template/css/print/paper.css +202 -0
  13. data/lib/slide_template/css/print/pdf.css +157 -0
  14. data/lib/slide_template/css/reveal.css +1141 -0
  15. data/lib/slide_template/css/reveal.scss +1316 -0
  16. data/lib/slide_template/css/theme/README.md +25 -0
  17. data/lib/slide_template/css/theme/beige.css +265 -0
  18. data/lib/slide_template/css/theme/black.css +261 -0
  19. data/lib/slide_template/css/theme/blood.css +291 -0
  20. data/lib/slide_template/css/theme/league.css +267 -0
  21. data/lib/slide_template/css/theme/moon.css +265 -0
  22. data/lib/slide_template/css/theme/night.css +259 -0
  23. data/lib/slide_template/css/theme/serif.css +261 -0
  24. data/lib/slide_template/css/theme/simple.css +261 -0
  25. data/lib/slide_template/css/theme/sky.css +268 -0
  26. data/lib/slide_template/css/theme/solarized.css +265 -0
  27. data/lib/slide_template/css/theme/source/beige.scss +39 -0
  28. data/lib/slide_template/css/theme/source/black.scss +49 -0
  29. data/lib/slide_template/css/theme/source/blood.scss +91 -0
  30. data/lib/slide_template/css/theme/source/league.scss +34 -0
  31. data/lib/slide_template/css/theme/source/moon.scss +57 -0
  32. data/lib/slide_template/css/theme/source/night.scss +35 -0
  33. data/lib/slide_template/css/theme/source/serif.scss +35 -0
  34. data/lib/slide_template/css/theme/source/simple.scss +38 -0
  35. data/lib/slide_template/css/theme/source/sky.scss +46 -0
  36. data/lib/slide_template/css/theme/source/solarized.scss +63 -0
  37. data/lib/slide_template/css/theme/source/white.scss +49 -0
  38. data/lib/slide_template/css/theme/template/mixins.scss +29 -0
  39. data/lib/slide_template/css/theme/template/settings.scss +43 -0
  40. data/lib/slide_template/css/theme/template/theme.scss +339 -0
  41. data/lib/slide_template/css/theme/white.css +261 -0
  42. data/lib/slide_template/index.haml +5 -0
  43. data/lib/slide_template/js/reveal.js +4276 -0
  44. data/lib/slide_template/lib/css/zenburn.css +117 -0
  45. data/lib/slide_template/lib/font/league-gothic/LICENSE +2 -0
  46. data/lib/slide_template/lib/font/league-gothic/league-gothic.css +10 -0
  47. data/lib/slide_template/lib/font/league-gothic/league-gothic.eot +0 -0
  48. data/lib/slide_template/lib/font/league-gothic/league-gothic.ttf +0 -0
  49. data/lib/slide_template/lib/font/league-gothic/league-gothic.woff +0 -0
  50. data/lib/slide_template/lib/font/source-sans-pro/LICENSE +45 -0
  51. data/lib/slide_template/lib/font/source-sans-pro/source-sans-pro-italic.eot +0 -0
  52. data/lib/slide_template/lib/font/source-sans-pro/source-sans-pro-italic.ttf +0 -0
  53. data/lib/slide_template/lib/font/source-sans-pro/source-sans-pro-italic.woff +0 -0
  54. data/lib/slide_template/lib/font/source-sans-pro/source-sans-pro-regular.eot +0 -0
  55. data/lib/slide_template/lib/font/source-sans-pro/source-sans-pro-regular.ttf +0 -0
  56. data/lib/slide_template/lib/font/source-sans-pro/source-sans-pro-regular.woff +0 -0
  57. data/lib/slide_template/lib/font/source-sans-pro/source-sans-pro-semibold.eot +0 -0
  58. data/lib/slide_template/lib/font/source-sans-pro/source-sans-pro-semibold.ttf +0 -0
  59. data/lib/slide_template/lib/font/source-sans-pro/source-sans-pro-semibold.woff +0 -0
  60. data/lib/slide_template/lib/font/source-sans-pro/source-sans-pro-semibolditalic.eot +0 -0
  61. data/lib/slide_template/lib/font/source-sans-pro/source-sans-pro-semibolditalic.ttf +0 -0
  62. data/lib/slide_template/lib/font/source-sans-pro/source-sans-pro-semibolditalic.woff +0 -0
  63. data/lib/slide_template/lib/font/source-sans-pro/source-sans-pro.css +39 -0
  64. data/lib/slide_template/lib/js/classList.js +2 -0
  65. data/lib/slide_template/lib/js/head.min.js +8 -0
  66. data/lib/slide_template/lib/js/html5shiv.js +7 -0
  67. data/lib/slide_template/plugin/highlight/highlight.js +30 -0
  68. data/lib/slide_template/plugin/leap/leap.js +159 -0
  69. data/lib/slide_template/plugin/markdown/example.html +129 -0
  70. data/lib/slide_template/plugin/markdown/example.md +31 -0
  71. data/lib/slide_template/plugin/markdown/markdown.js +393 -0
  72. data/lib/slide_template/plugin/markdown/marked.js +37 -0
  73. data/lib/slide_template/plugin/math/math.js +64 -0
  74. data/lib/slide_template/plugin/multiplex/client.js +13 -0
  75. data/lib/slide_template/plugin/multiplex/index.js +56 -0
  76. data/lib/slide_template/plugin/multiplex/master.js +51 -0
  77. data/lib/slide_template/plugin/notes-server/client.js +60 -0
  78. data/lib/slide_template/plugin/notes-server/index.js +66 -0
  79. data/lib/slide_template/plugin/notes-server/notes.html +396 -0
  80. data/lib/slide_template/plugin/notes/notes.html +406 -0
  81. data/lib/slide_template/plugin/notes/notes.js +122 -0
  82. data/lib/slide_template/plugin/print-pdf/print-pdf.js +48 -0
  83. data/lib/slide_template/plugin/remotes/remotes.js +39 -0
  84. data/lib/slide_template/plugin/search/search.js +196 -0
  85. data/lib/slide_template/plugin/zoom-js/zoom.js +278 -0
  86. data/lib/slideparts.rb +20 -0
  87. data/lib/slideparts/command.rb +38 -0
  88. data/lib/slideparts/commands/build.rb +34 -0
  89. data/lib/slideparts/commands/new.rb +23 -0
  90. data/lib/slideparts/commands/server.rb +26 -0
  91. data/lib/slideparts/version.rb +3 -0
  92. data/slideparts.gemspec +24 -0
  93. data/spec/command_spec.rb +9 -0
  94. data/spec/spec_helper.rb +2 -0
  95. metadata +182 -0
@@ -0,0 +1,1141 @@
1
+ /*!
2
+ * reveal.js
3
+ * http://lab.hakim.se/reveal-js
4
+ * MIT licensed
5
+ *
6
+ * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
7
+ */
8
+ /*********************************************
9
+ * RESET STYLES
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 {
12
+ margin: 0;
13
+ padding: 0;
14
+ border: 0;
15
+ font-size: 100%;
16
+ font: inherit;
17
+ vertical-align: baseline; }
18
+
19
+ .reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure, .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section {
20
+ display: block; }
21
+
22
+ /*********************************************
23
+ * GLOBAL STYLES
24
+ *********************************************/
25
+ html, body {
26
+ width: 100%;
27
+ height: 100%;
28
+ overflow: hidden; }
29
+
30
+ body {
31
+ position: relative;
32
+ line-height: 1;
33
+ background-color: #fff;
34
+ color: #000; }
35
+
36
+ ::-moz-selection {
37
+ background: #FF5E99;
38
+ color: #fff;
39
+ text-shadow: none; }
40
+
41
+ ::selection {
42
+ background: #FF5E99;
43
+ color: #fff;
44
+ text-shadow: none; }
45
+
46
+ /*********************************************
47
+ * VIEW FRAGMENTS
48
+ *********************************************/
49
+ .reveal .slides section .fragment {
50
+ opacity: 0;
51
+ visibility: hidden;
52
+ -webkit-transition: all 0.2s ease;
53
+ transition: all 0.2s ease; }
54
+ .reveal .slides section .fragment.visible {
55
+ opacity: 1;
56
+ visibility: visible; }
57
+
58
+ .reveal .slides section .fragment.grow {
59
+ opacity: 1;
60
+ visibility: visible; }
61
+ .reveal .slides section .fragment.grow.visible {
62
+ -webkit-transform: scale(1.3);
63
+ -ms-transform: scale(1.3);
64
+ transform: scale(1.3); }
65
+
66
+ .reveal .slides section .fragment.shrink {
67
+ opacity: 1;
68
+ visibility: visible; }
69
+ .reveal .slides section .fragment.shrink.visible {
70
+ -webkit-transform: scale(0.7);
71
+ -ms-transform: scale(0.7);
72
+ transform: scale(0.7); }
73
+
74
+ .reveal .slides section .fragment.zoom-in {
75
+ -webkit-transform: scale(0.1);
76
+ -ms-transform: scale(0.1);
77
+ transform: scale(0.1); }
78
+ .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); }
89
+
90
+ .reveal .slides section .fragment.fade-out {
91
+ opacity: 1;
92
+ visibility: visible; }
93
+ .reveal .slides section .fragment.fade-out.visible {
94
+ opacity: 0;
95
+ visibility: hidden; }
96
+
97
+ .reveal .slides section .fragment.semi-fade-out {
98
+ opacity: 1;
99
+ visibility: visible; }
100
+ .reveal .slides section .fragment.semi-fade-out.visible {
101
+ opacity: 0.5;
102
+ visibility: visible; }
103
+
104
+ .reveal .slides section .fragment.strike {
105
+ opacity: 1; }
106
+ .reveal .slides section .fragment.strike.visible {
107
+ text-decoration: line-through; }
108
+
109
+ .reveal .slides section .fragment.current-visible {
110
+ opacity: 0;
111
+ visibility: hidden; }
112
+ .reveal .slides section .fragment.current-visible.current-fragment {
113
+ opacity: 1;
114
+ visibility: visible; }
115
+
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 {
117
+ opacity: 1;
118
+ visibility: visible; }
119
+
120
+ .reveal .slides section .fragment.highlight-red.visible {
121
+ color: #ff2c2d; }
122
+
123
+ .reveal .slides section .fragment.highlight-green.visible {
124
+ color: #17ff2e; }
125
+
126
+ .reveal .slides section .fragment.highlight-blue.visible {
127
+ color: #1b91ff; }
128
+
129
+ .reveal .slides section .fragment.highlight-current-red.current-fragment {
130
+ color: #ff2c2d; }
131
+
132
+ .reveal .slides section .fragment.highlight-current-green.current-fragment {
133
+ color: #17ff2e; }
134
+
135
+ .reveal .slides section .fragment.highlight-current-blue.current-fragment {
136
+ color: #1b91ff; }
137
+
138
+ /*********************************************
139
+ * DEFAULT ELEMENT STYLES
140
+ *********************************************/
141
+ /* Fixes issue in Chrome where italic fonts did not appear when printing to PDF */
142
+ .reveal:after {
143
+ content: '';
144
+ font-style: italic; }
145
+
146
+ .reveal iframe {
147
+ z-index: 1; }
148
+
149
+ /** Prevents layering issues in certain browser/transition combinations */
150
+ .reveal a {
151
+ position: relative; }
152
+
153
+ .reveal .stretch {
154
+ max-width: none;
155
+ max-height: none; }
156
+
157
+ .reveal pre.stretch code {
158
+ height: 100%;
159
+ max-height: 100%;
160
+ -moz-box-sizing: border-box;
161
+ box-sizing: border-box; }
162
+
163
+ /*********************************************
164
+ * CONTROLS
165
+ *********************************************/
166
+ .reveal .controls {
167
+ display: none;
168
+ position: fixed;
169
+ width: 110px;
170
+ height: 110px;
171
+ z-index: 30;
172
+ right: 10px;
173
+ bottom: 10px;
174
+ -webkit-user-select: none; }
175
+
176
+ .reveal .controls div {
177
+ position: absolute;
178
+ opacity: 0.05;
179
+ width: 0;
180
+ height: 0;
181
+ border: 12px solid transparent;
182
+ -webkit-transform: scale(0.9999);
183
+ -ms-transform: scale(0.9999);
184
+ transform: scale(0.9999);
185
+ -webkit-transition: all 0.2s ease;
186
+ transition: all 0.2s ease;
187
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
188
+
189
+ .reveal .controls div.enabled {
190
+ opacity: 0.7;
191
+ cursor: pointer; }
192
+
193
+ .reveal .controls div.enabled:active {
194
+ margin-top: 1px; }
195
+
196
+ .reveal .controls div.navigate-left {
197
+ top: 42px;
198
+ border-right-width: 22px;
199
+ border-right-color: #000; }
200
+
201
+ .reveal .controls div.navigate-left.fragmented {
202
+ opacity: 0.3; }
203
+
204
+ .reveal .controls div.navigate-right {
205
+ left: 74px;
206
+ top: 42px;
207
+ border-left-width: 22px;
208
+ border-left-color: #000; }
209
+
210
+ .reveal .controls div.navigate-right.fragmented {
211
+ opacity: 0.3; }
212
+
213
+ .reveal .controls div.navigate-up {
214
+ left: 42px;
215
+ border-bottom-width: 22px;
216
+ border-bottom-color: #000; }
217
+
218
+ .reveal .controls div.navigate-up.fragmented {
219
+ opacity: 0.3; }
220
+
221
+ .reveal .controls div.navigate-down {
222
+ left: 42px;
223
+ top: 74px;
224
+ border-top-width: 22px;
225
+ border-top-color: #000; }
226
+
227
+ .reveal .controls div.navigate-down.fragmented {
228
+ opacity: 0.3; }
229
+
230
+ /*********************************************
231
+ * PROGRESS BAR
232
+ *********************************************/
233
+ .reveal .progress {
234
+ position: fixed;
235
+ display: none;
236
+ height: 3px;
237
+ width: 100%;
238
+ bottom: 0;
239
+ left: 0;
240
+ z-index: 10;
241
+ background-color: rgba(0, 0, 0, 0.2); }
242
+
243
+ .reveal .progress:after {
244
+ content: '';
245
+ display: block;
246
+ position: absolute;
247
+ height: 20px;
248
+ width: 100%;
249
+ top: -20px; }
250
+
251
+ .reveal .progress span {
252
+ display: block;
253
+ height: 100%;
254
+ width: 0px;
255
+ background-color: #000;
256
+ -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
257
+ transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
258
+
259
+ /*********************************************
260
+ * SLIDE NUMBER
261
+ *********************************************/
262
+ .reveal .slide-number {
263
+ position: fixed;
264
+ display: block;
265
+ right: 15px;
266
+ bottom: 15px;
267
+ opacity: 0.5;
268
+ z-index: 31;
269
+ font-size: 12px; }
270
+
271
+ /*********************************************
272
+ * SLIDES
273
+ *********************************************/
274
+ .reveal {
275
+ position: relative;
276
+ width: 100%;
277
+ height: 100%;
278
+ -ms-touch-action: none;
279
+ touch-action: none; }
280
+
281
+ .reveal .slides {
282
+ position: absolute;
283
+ width: 100%;
284
+ height: 100%;
285
+ top: 0;
286
+ right: 0;
287
+ bottom: 0;
288
+ left: 0;
289
+ margin: auto;
290
+ overflow: visible;
291
+ z-index: 1;
292
+ text-align: center;
293
+ -webkit-perspective: 600px;
294
+ perspective: 600px;
295
+ -webkit-perspective-origin: 50% 40%;
296
+ perspective-origin: 50% 40%; }
297
+
298
+ .reveal .slides > section {
299
+ -ms-perspective: 600px; }
300
+
301
+ .reveal .slides > section, .reveal .slides > section > section {
302
+ display: none;
303
+ position: absolute;
304
+ width: 100%;
305
+ padding: 20px 0px;
306
+ z-index: 10;
307
+ -webkit-transform-style: preserve-3d;
308
+ transform-style: preserve-3d;
309
+ -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
+ 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
+
313
+ /* Global transition speed settings */
314
+ .reveal[data-transition-speed="fast"] .slides section {
315
+ -webkit-transition-duration: 400ms;
316
+ transition-duration: 400ms; }
317
+
318
+ .reveal[data-transition-speed="slow"] .slides section {
319
+ -webkit-transition-duration: 1200ms;
320
+ transition-duration: 1200ms; }
321
+
322
+ /* Slide-specific transition speed overrides */
323
+ .reveal .slides section[data-transition-speed="fast"] {
324
+ -webkit-transition-duration: 400ms;
325
+ transition-duration: 400ms; }
326
+
327
+ .reveal .slides section[data-transition-speed="slow"] {
328
+ -webkit-transition-duration: 1200ms;
329
+ transition-duration: 1200ms; }
330
+
331
+ .reveal .slides > section.stack {
332
+ padding-top: 0;
333
+ padding-bottom: 0; }
334
+
335
+ .reveal .slides > section.present, .reveal .slides > section > section.present {
336
+ display: block;
337
+ z-index: 11;
338
+ opacity: 1; }
339
+
340
+ .reveal.center, .reveal.center .slides, .reveal.center .slides section {
341
+ min-height: 0 !important; }
342
+
343
+ /* 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 {
345
+ pointer-events: none; }
346
+
347
+ .reveal.overview .slides > section, .reveal.overview .slides > section > section {
348
+ pointer-events: auto; }
349
+
350
+ .reveal .slides > section.past, .reveal .slides > section.future, .reveal .slides > section > section.past, .reveal .slides > section > section.future {
351
+ opacity: 0; }
352
+
353
+ /*********************************************
354
+ * SLIDE TRANSITION
355
+ * Aliased 'linear' for backwards compatibility
356
+ *********************************************/
357
+ .reveal.slide section, .reveal.linear section {
358
+ -webkit-backface-visibility: hidden;
359
+ backface-visibility: hidden; }
360
+
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 {
362
+ -webkit-transform: translate(-150%, 0);
363
+ -ms-transform: translate(-150%, 0);
364
+ transform: translate(-150%, 0); }
365
+
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 {
367
+ -webkit-transform: translate(150%, 0);
368
+ -ms-transform: translate(150%, 0);
369
+ transform: translate(150%, 0); }
370
+
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 {
372
+ -webkit-transform: translate(0, -150%);
373
+ -ms-transform: translate(0, -150%);
374
+ transform: translate(0, -150%); }
375
+
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 {
377
+ -webkit-transform: translate(0, 150%);
378
+ -ms-transform: translate(0, 150%);
379
+ transform: translate(0, 150%); }
380
+
381
+ /*********************************************
382
+ * CONVEX TRANSITION
383
+ * Aliased 'default' for backwards compatibility
384
+ *********************************************/
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 {
386
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
387
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
388
+
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 {
390
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
391
+ transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
392
+
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 {
394
+ -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
395
+ transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
396
+
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 {
398
+ -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
399
+ transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
400
+
401
+ /*********************************************
402
+ * CONCAVE TRANSITION
403
+ *********************************************/
404
+ .reveal .slides > section[data-transition=concave].past, .reveal.concave .slides > section:not([data-transition]).past {
405
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
406
+ transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
407
+
408
+ .reveal .slides > section[data-transition=concave].future, .reveal.concave .slides > section:not([data-transition]).future {
409
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
410
+ transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
411
+
412
+ .reveal .slides > section > section[data-transition=concave].past, .reveal.concave .slides > section > section:not([data-transition]).past {
413
+ -webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
414
+ transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); }
415
+
416
+ .reveal .slides > section > section[data-transition=concave].future, .reveal.concave .slides > section > section:not([data-transition]).future {
417
+ -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
418
+ transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }
419
+
420
+ /*********************************************
421
+ * ZOOM TRANSITION
422
+ *********************************************/
423
+ .reveal .slides > section[data-transition=zoom], .reveal.zoom .slides > section:not([data-transition]) {
424
+ -webkit-transition-timing-function: ease;
425
+ transition-timing-function: ease; }
426
+
427
+ .reveal .slides > section[data-transition=zoom].past, .reveal.zoom .slides > section:not([data-transition]).past {
428
+ visibility: hidden;
429
+ -webkit-transform: scale(16);
430
+ -ms-transform: scale(16);
431
+ transform: scale(16); }
432
+
433
+ .reveal .slides > section[data-transition=zoom].future, .reveal.zoom .slides > section:not([data-transition]).future {
434
+ visibility: hidden;
435
+ -webkit-transform: scale(0.2);
436
+ -ms-transform: scale(0.2);
437
+ transform: scale(0.2); }
438
+
439
+ .reveal .slides > section > section[data-transition=zoom].past, .reveal.zoom .slides > section > section:not([data-transition]).past {
440
+ -webkit-transform: translate(0, -150%);
441
+ -ms-transform: translate(0, -150%);
442
+ transform: translate(0, -150%); }
443
+
444
+ .reveal .slides > section > section[data-transition=zoom].future, .reveal.zoom .slides > section > section:not([data-transition]).future {
445
+ -webkit-transform: translate(0, 150%);
446
+ -ms-transform: translate(0, 150%);
447
+ transform: translate(0, 150%); }
448
+
449
+ /*********************************************
450
+ * CUBE TRANSITION
451
+ *********************************************/
452
+ .reveal.cube .slides {
453
+ -webkit-perspective: 1300px;
454
+ perspective: 1300px; }
455
+
456
+ .reveal.cube .slides section {
457
+ padding: 30px;
458
+ min-height: 700px;
459
+ -webkit-backface-visibility: hidden;
460
+ backface-visibility: hidden;
461
+ -moz-box-sizing: border-box;
462
+ box-sizing: border-box; }
463
+
464
+ .reveal.center.cube .slides section {
465
+ min-height: 0; }
466
+
467
+ .reveal.cube .slides section:not(.stack):before {
468
+ content: '';
469
+ position: absolute;
470
+ display: block;
471
+ width: 100%;
472
+ height: 100%;
473
+ left: 0;
474
+ top: 0;
475
+ background: rgba(0, 0, 0, 0.1);
476
+ border-radius: 4px;
477
+ -webkit-transform: translateZ(-20px);
478
+ transform: translateZ(-20px); }
479
+
480
+ .reveal.cube .slides section:not(.stack):after {
481
+ content: '';
482
+ position: absolute;
483
+ display: block;
484
+ width: 90%;
485
+ height: 30px;
486
+ left: 5%;
487
+ bottom: 0;
488
+ background: none;
489
+ z-index: 1;
490
+ border-radius: 4px;
491
+ box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2);
492
+ -webkit-transform: translateZ(-90px) rotateX(65deg);
493
+ transform: translateZ(-90px) rotateX(65deg); }
494
+
495
+ .reveal.cube .slides > section.stack {
496
+ padding: 0;
497
+ background: none; }
498
+
499
+ .reveal.cube .slides > section.past {
500
+ -webkit-transform-origin: 100% 0%;
501
+ -ms-transform-origin: 100% 0%;
502
+ transform-origin: 100% 0%;
503
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
504
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg); }
505
+
506
+ .reveal.cube .slides > section.future {
507
+ -webkit-transform-origin: 0% 0%;
508
+ -ms-transform-origin: 0% 0%;
509
+ transform-origin: 0% 0%;
510
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
511
+ transform: translate3d(100%, 0, 0) rotateY(90deg); }
512
+
513
+ .reveal.cube .slides > section > section.past {
514
+ -webkit-transform-origin: 0% 100%;
515
+ -ms-transform-origin: 0% 100%;
516
+ transform-origin: 0% 100%;
517
+ -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg);
518
+ transform: translate3d(0, -100%, 0) rotateX(90deg); }
519
+
520
+ .reveal.cube .slides > section > section.future {
521
+ -webkit-transform-origin: 0% 0%;
522
+ -ms-transform-origin: 0% 0%;
523
+ transform-origin: 0% 0%;
524
+ -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg);
525
+ transform: translate3d(0, 100%, 0) rotateX(-90deg); }
526
+
527
+ /*********************************************
528
+ * PAGE TRANSITION
529
+ *********************************************/
530
+ .reveal.page .slides {
531
+ -webkit-perspective-origin: 0% 50%;
532
+ perspective-origin: 0% 50%;
533
+ -webkit-perspective: 3000px;
534
+ perspective: 3000px; }
535
+
536
+ .reveal.page .slides section {
537
+ padding: 30px;
538
+ min-height: 700px;
539
+ -moz-box-sizing: border-box;
540
+ box-sizing: border-box; }
541
+
542
+ .reveal.page .slides section.past {
543
+ z-index: 12; }
544
+
545
+ .reveal.page .slides section:not(.stack):before {
546
+ content: '';
547
+ position: absolute;
548
+ display: block;
549
+ width: 100%;
550
+ height: 100%;
551
+ left: 0;
552
+ top: 0;
553
+ background: rgba(0, 0, 0, 0.1);
554
+ -webkit-transform: translateZ(-20px);
555
+ transform: translateZ(-20px); }
556
+
557
+ .reveal.page .slides section:not(.stack):after {
558
+ content: '';
559
+ position: absolute;
560
+ display: block;
561
+ width: 90%;
562
+ height: 30px;
563
+ left: 5%;
564
+ bottom: 0;
565
+ background: none;
566
+ z-index: 1;
567
+ border-radius: 4px;
568
+ box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2);
569
+ -webkit-transform: translateZ(-90px) rotateX(65deg); }
570
+
571
+ .reveal.page .slides > section.stack {
572
+ padding: 0;
573
+ background: none; }
574
+
575
+ .reveal.page .slides > section.past {
576
+ -webkit-transform-origin: 0% 0%;
577
+ -ms-transform-origin: 0% 0%;
578
+ transform-origin: 0% 0%;
579
+ -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
580
+ transform: translate3d(-40%, 0, 0) rotateY(-80deg); }
581
+
582
+ .reveal.page .slides > section.future {
583
+ -webkit-transform-origin: 100% 0%;
584
+ -ms-transform-origin: 100% 0%;
585
+ transform-origin: 100% 0%;
586
+ -webkit-transform: translate3d(0, 0, 0);
587
+ transform: translate3d(0, 0, 0); }
588
+
589
+ .reveal.page .slides > section > section.past {
590
+ -webkit-transform-origin: 0% 0%;
591
+ -ms-transform-origin: 0% 0%;
592
+ transform-origin: 0% 0%;
593
+ -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg);
594
+ transform: translate3d(0, -40%, 0) rotateX(80deg); }
595
+
596
+ .reveal.page .slides > section > section.future {
597
+ -webkit-transform-origin: 0% 100%;
598
+ -ms-transform-origin: 0% 100%;
599
+ transform-origin: 0% 100%;
600
+ -webkit-transform: translate3d(0, 0, 0);
601
+ transform: translate3d(0, 0, 0); }
602
+
603
+ /*********************************************
604
+ * FADE TRANSITION
605
+ *********************************************/
606
+ .reveal .slides section[data-transition=fade], .reveal.fade .slides section:not([data-transition]), .reveal.fade .slides > section > section:not([data-transition]) {
607
+ -webkit-transform: none;
608
+ -ms-transform: none;
609
+ transform: none;
610
+ -webkit-transition: opacity 0.5s;
611
+ transition: opacity 0.5s; }
612
+
613
+ .reveal.fade.overview .slides section, .reveal.fade.overview .slides > section > section {
614
+ -webkit-transition: none;
615
+ transition: none; }
616
+
617
+ /*********************************************
618
+ * NO TRANSITION
619
+ *********************************************/
620
+ .reveal .slides section[data-transition=none], .reveal.none .slides section:not([data-transition]) {
621
+ -webkit-transform: none;
622
+ -ms-transform: none;
623
+ transform: none;
624
+ -webkit-transition: none;
625
+ transition: none; }
626
+
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
+ /*********************************************
673
+ * PAUSED MODE
674
+ *********************************************/
675
+ .reveal .pause-overlay {
676
+ position: absolute;
677
+ top: 0;
678
+ left: 0;
679
+ width: 100%;
680
+ height: 100%;
681
+ background: black;
682
+ visibility: hidden;
683
+ opacity: 0;
684
+ z-index: 100;
685
+ -webkit-transition: all 1s ease;
686
+ transition: all 1s ease; }
687
+
688
+ .reveal.paused .pause-overlay {
689
+ visibility: visible;
690
+ opacity: 1; }
691
+
692
+ /*********************************************
693
+ * FALLBACK
694
+ *********************************************/
695
+ .no-transforms {
696
+ overflow-y: auto; }
697
+
698
+ .no-transforms .reveal .slides {
699
+ position: relative;
700
+ width: 80%;
701
+ height: auto !important;
702
+ top: 0;
703
+ left: 50%;
704
+ margin: 0;
705
+ text-align: center; }
706
+
707
+ .no-transforms .reveal .controls, .no-transforms .reveal .progress {
708
+ display: none !important; }
709
+
710
+ .no-transforms .reveal .slides section {
711
+ display: block !important;
712
+ opacity: 1 !important;
713
+ position: relative !important;
714
+ height: auto;
715
+ min-height: 0;
716
+ top: 0;
717
+ left: -50%;
718
+ margin: 70px 0;
719
+ -webkit-transform: none;
720
+ -ms-transform: none;
721
+ transform: none; }
722
+
723
+ .no-transforms .reveal .slides section section {
724
+ left: 0; }
725
+
726
+ .reveal .no-transition, .reveal .no-transition * {
727
+ -webkit-transition: none !important;
728
+ transition: none !important; }
729
+
730
+ /*********************************************
731
+ * PER-SLIDE BACKGROUNDS
732
+ *********************************************/
733
+ .reveal > .backgrounds {
734
+ position: absolute;
735
+ width: 100%;
736
+ height: 100%;
737
+ top: 0;
738
+ left: 0;
739
+ -webkit-perspective: 600px;
740
+ perspective: 600px; }
741
+
742
+ .reveal .slide-background {
743
+ display: none;
744
+ position: absolute;
745
+ width: 100%;
746
+ height: 100%;
747
+ opacity: 0;
748
+ visibility: hidden;
749
+ background-color: rgba(0, 0, 0, 0);
750
+ background-position: 50% 50%;
751
+ background-repeat: no-repeat;
752
+ background-size: cover;
753
+ -webkit-transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
754
+ transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
755
+
756
+ .reveal .slide-background.stack {
757
+ display: block; }
758
+
759
+ .reveal .slide-background.present {
760
+ opacity: 1;
761
+ visibility: visible; }
762
+
763
+ .print-pdf .reveal .slide-background {
764
+ opacity: 1 !important;
765
+ visibility: visible !important; }
766
+
767
+ /* Video backgrounds */
768
+ .reveal .slide-background video {
769
+ position: absolute;
770
+ width: 100%;
771
+ height: 100%;
772
+ max-width: none;
773
+ max-height: none;
774
+ top: 0;
775
+ left: 0; }
776
+
777
+ /* Immediate transition style */
778
+ .reveal[data-background-transition=none] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=none] {
779
+ -webkit-transition: none;
780
+ transition: none; }
781
+
782
+ /* Slide */
783
+ .reveal[data-background-transition=slide] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=slide] {
784
+ opacity: 1;
785
+ -webkit-backface-visibility: hidden;
786
+ backface-visibility: hidden; }
787
+
788
+ .reveal[data-background-transition=slide] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=slide] {
789
+ -webkit-transform: translate(-100%, 0);
790
+ -ms-transform: translate(-100%, 0);
791
+ transform: translate(-100%, 0); }
792
+
793
+ .reveal[data-background-transition=slide] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=slide] {
794
+ -webkit-transform: translate(100%, 0);
795
+ -ms-transform: translate(100%, 0);
796
+ transform: translate(100%, 0); }
797
+
798
+ .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide] {
799
+ -webkit-transform: translate(0, -100%);
800
+ -ms-transform: translate(0, -100%);
801
+ transform: translate(0, -100%); }
802
+
803
+ .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=slide] {
804
+ -webkit-transform: translate(0, 100%);
805
+ -ms-transform: translate(0, 100%);
806
+ transform: translate(0, 100%); }
807
+
808
+ /* Convex */
809
+ .reveal[data-background-transition=convex] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=convex] {
810
+ opacity: 0;
811
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
812
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
813
+
814
+ .reveal[data-background-transition=convex] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=convex] {
815
+ opacity: 0;
816
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
817
+ transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
818
+
819
+ .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=convex] {
820
+ opacity: 0;
821
+ -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0);
822
+ transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); }
823
+
824
+ .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=convex] {
825
+ opacity: 0;
826
+ -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0);
827
+ transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); }
828
+
829
+ /* Concave */
830
+ .reveal[data-background-transition=concave] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=concave] {
831
+ opacity: 0;
832
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
833
+ transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
834
+
835
+ .reveal[data-background-transition=concave] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=concave] {
836
+ opacity: 0;
837
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
838
+ transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
839
+
840
+ .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=concave] {
841
+ opacity: 0;
842
+ -webkit-transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0);
843
+ transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); }
844
+
845
+ .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=concave] {
846
+ opacity: 0;
847
+ -webkit-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0);
848
+ transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); }
849
+
850
+ /* Zoom */
851
+ .reveal[data-background-transition=zoom] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=zoom] {
852
+ -webkit-transition-timing-function: ease;
853
+ transition-timing-function: ease; }
854
+
855
+ .reveal[data-background-transition=zoom] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=zoom] {
856
+ opacity: 0;
857
+ visibility: hidden;
858
+ -webkit-transform: scale(16);
859
+ -ms-transform: scale(16);
860
+ transform: scale(16); }
861
+
862
+ .reveal[data-background-transition=zoom] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=zoom] {
863
+ opacity: 0;
864
+ visibility: hidden;
865
+ -webkit-transform: scale(0.2);
866
+ -ms-transform: scale(0.2);
867
+ transform: scale(0.2); }
868
+
869
+ .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=zoom] {
870
+ opacity: 0;
871
+ visibility: hidden;
872
+ -webkit-transform: scale(16);
873
+ -ms-transform: scale(16);
874
+ transform: scale(16); }
875
+
876
+ .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=zoom] {
877
+ opacity: 0;
878
+ visibility: hidden;
879
+ -webkit-transform: scale(0.2);
880
+ -ms-transform: scale(0.2);
881
+ transform: scale(0.2); }
882
+
883
+ /* Global transition speed settings */
884
+ .reveal[data-transition-speed="fast"] > .backgrounds .slide-background {
885
+ -webkit-transition-duration: 400ms;
886
+ transition-duration: 400ms; }
887
+
888
+ .reveal[data-transition-speed="slow"] > .backgrounds .slide-background {
889
+ -webkit-transition-duration: 1200ms;
890
+ transition-duration: 1200ms; }
891
+
892
+ /*********************************************
893
+ * RTL SUPPORT
894
+ *********************************************/
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 {
896
+ direction: rtl;
897
+ font-family: sans-serif; }
898
+
899
+ .reveal.rtl pre, .reveal.rtl code {
900
+ direction: ltr; }
901
+
902
+ .reveal.rtl ol, .reveal.rtl ul {
903
+ text-align: right; }
904
+
905
+ .reveal.rtl .progress span {
906
+ float: right; }
907
+
908
+ /*********************************************
909
+ * PARALLAX BACKGROUND
910
+ *********************************************/
911
+ .reveal.has-parallax-background .backgrounds {
912
+ -webkit-transition: all 0.8s ease;
913
+ transition: all 0.8s ease; }
914
+
915
+ /* Global transition speed settings */
916
+ .reveal.has-parallax-background[data-transition-speed="fast"] .backgrounds {
917
+ -webkit-transition-duration: 400ms;
918
+ transition-duration: 400ms; }
919
+
920
+ .reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds {
921
+ -webkit-transition-duration: 1200ms;
922
+ transition-duration: 1200ms; }
923
+
924
+ /*********************************************
925
+ * LINK PREVIEW OVERLAY
926
+ *********************************************/
927
+ .reveal .overlay {
928
+ position: absolute;
929
+ top: 0;
930
+ left: 0;
931
+ width: 100%;
932
+ height: 100%;
933
+ z-index: 1000;
934
+ background: rgba(0, 0, 0, 0.9);
935
+ opacity: 0;
936
+ visibility: hidden;
937
+ -webkit-transition: all 0.3s ease;
938
+ transition: all 0.3s ease; }
939
+
940
+ .reveal .overlay.visible {
941
+ opacity: 1;
942
+ visibility: visible; }
943
+
944
+ .reveal .overlay .spinner {
945
+ position: absolute;
946
+ display: block;
947
+ top: 50%;
948
+ left: 50%;
949
+ width: 32px;
950
+ height: 32px;
951
+ margin: -16px 0 0 -16px;
952
+ z-index: 10;
953
+ 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);
954
+ visibility: visible;
955
+ opacity: 0.6;
956
+ -webkit-transition: all 0.3s ease;
957
+ transition: all 0.3s ease; }
958
+
959
+ .reveal .overlay header {
960
+ position: absolute;
961
+ left: 0;
962
+ top: 0;
963
+ width: 100%;
964
+ height: 40px;
965
+ z-index: 2;
966
+ border-bottom: 1px solid #222; }
967
+
968
+ .reveal .overlay header a {
969
+ display: inline-block;
970
+ width: 40px;
971
+ height: 40px;
972
+ padding: 0 10px;
973
+ float: right;
974
+ opacity: 0.6;
975
+ -moz-box-sizing: border-box;
976
+ box-sizing: border-box; }
977
+
978
+ .reveal .overlay header a:hover {
979
+ opacity: 1; }
980
+
981
+ .reveal .overlay header a .icon {
982
+ display: inline-block;
983
+ width: 20px;
984
+ height: 20px;
985
+ background-position: 50% 50%;
986
+ background-size: 100%;
987
+ background-repeat: no-repeat; }
988
+
989
+ .reveal .overlay header a.close .icon {
990
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkklEQVRYR8WX4VHDMAxG6wnoJrABZQPYBCaBTWAD2g1gE5gg6OOsXuxIlr40d81dfrSJ9V4c2VLK7spHuTJ/5wpM07QXuXc5X0opX2tEJcadjHuV80li/FgxTIEK/5QBCICBD6xEhSMGHgQPgBgLiYVAB1dpSqKDawxTohFw4JSEA3clzgIBPCURwE2JucBR7rhPJJv5OpJwDX+SfDjgx1wACQeJG1aChP9K/IMmdZ8DtESV1WyP3Bt4MwM6sj4NMxMYiqUWHQu4KYA/SYkIjOsm3BXYWMKFDwU2khjCQ4ELJUJ4SmClRArOCmSXGuKma0fYD5CbzHxFpCSGAhfAVSSUGDUk2BWZaff2g6GE15BsBQ9nwmpIGDiyHQddwNTMKkbZaf9fajXQca1EX44puJZUsnY0ObGmITE3GVLCbEhQUjGVt146j6oasWN+49Vph2w1pZ5EansNZqKBm1txbU57iRRcZ86RWMDdWtBJUHBHwoQPi1GV+JCbntmvok7iTX4/Up9mgyTc/FJYDTcndgH/AA5A/CHsyEkVAAAAAElFTkSuQmCC); }
991
+
992
+ .reveal .overlay header a.external .icon {
993
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAcElEQVRYR+2WSQoAIQwEzf8f7XiOMkUQxUPlGkM3hVmiQfQR9GYnH1SsAQlI4DiBqkCMoNb9y2e90IAEJPAcgdznU9+engMaeJ7Azh5Y1U67gAho4DqBqmB1buAf0MB1AlVBek83ZPkmJMGc1wAR+AAqod/B97TRpQAAAABJRU5ErkJggg==); }
994
+
995
+ .reveal .overlay .viewport {
996
+ position: absolute;
997
+ top: 40px;
998
+ right: 0;
999
+ bottom: 0;
1000
+ left: 0; }
1001
+
1002
+ .reveal .overlay.overlay-preview .viewport iframe {
1003
+ width: 100%;
1004
+ height: 100%;
1005
+ max-width: 100%;
1006
+ max-height: 100%;
1007
+ border: 0;
1008
+ opacity: 0;
1009
+ visibility: hidden;
1010
+ -webkit-transition: all 0.3s ease;
1011
+ transition: all 0.3s ease; }
1012
+
1013
+ .reveal .overlay.overlay-preview.loaded .viewport iframe {
1014
+ opacity: 1;
1015
+ visibility: visible; }
1016
+
1017
+ .reveal .overlay.overlay-preview.loaded .spinner {
1018
+ opacity: 0;
1019
+ visibility: hidden;
1020
+ -webkit-transform: scale(0.2);
1021
+ -ms-transform: scale(0.2);
1022
+ transform: scale(0.2); }
1023
+
1024
+ .reveal .overlay.overlay-help .viewport {
1025
+ overflow: auto;
1026
+ color: #fff; }
1027
+
1028
+ .reveal .overlay.overlay-help .viewport .viewport-inner {
1029
+ width: 600px;
1030
+ margin: 0 auto;
1031
+ padding: 60px;
1032
+ text-align: center;
1033
+ letter-spacing: normal; }
1034
+
1035
+ .reveal .overlay.overlay-help .viewport .viewport-inner .title {
1036
+ font-size: 20px; }
1037
+
1038
+ .reveal .overlay.overlay-help .viewport .viewport-inner table {
1039
+ border: 1px solid #fff;
1040
+ border-collapse: collapse;
1041
+ font-size: 14px; }
1042
+
1043
+ .reveal .overlay.overlay-help .viewport .viewport-inner table th, .reveal .overlay.overlay-help .viewport .viewport-inner table td {
1044
+ width: 200px;
1045
+ padding: 10px;
1046
+ border: 1px solid #fff;
1047
+ vertical-align: middle; }
1048
+
1049
+ .reveal .overlay.overlay-help .viewport .viewport-inner table th {
1050
+ padding-top: 20px;
1051
+ padding-bottom: 20px; }
1052
+
1053
+ /*********************************************
1054
+ * PLAYBACK COMPONENT
1055
+ *********************************************/
1056
+ .reveal .playback {
1057
+ position: fixed;
1058
+ left: 15px;
1059
+ bottom: 15px;
1060
+ z-index: 30;
1061
+ cursor: pointer;
1062
+ -webkit-transition: all 400ms ease;
1063
+ transition: all 400ms ease; }
1064
+
1065
+ .reveal.overview .playback {
1066
+ opacity: 0;
1067
+ visibility: hidden; }
1068
+
1069
+ /*********************************************
1070
+ * ROLLING LINKS
1071
+ *********************************************/
1072
+ .reveal .roll {
1073
+ display: inline-block;
1074
+ line-height: 1.2;
1075
+ overflow: hidden;
1076
+ vertical-align: top;
1077
+ -webkit-perspective: 400px;
1078
+ perspective: 400px;
1079
+ -webkit-perspective-origin: 50% 50%;
1080
+ perspective-origin: 50% 50%; }
1081
+
1082
+ .reveal .roll:hover {
1083
+ background: none;
1084
+ text-shadow: none; }
1085
+
1086
+ .reveal .roll span {
1087
+ display: block;
1088
+ position: relative;
1089
+ padding: 0 2px;
1090
+ pointer-events: none;
1091
+ -webkit-transition: all 400ms ease;
1092
+ transition: all 400ms ease;
1093
+ -webkit-transform-origin: 50% 0%;
1094
+ -ms-transform-origin: 50% 0%;
1095
+ transform-origin: 50% 0%;
1096
+ -webkit-transform-style: preserve-3d;
1097
+ transform-style: preserve-3d;
1098
+ -webkit-backface-visibility: hidden;
1099
+ backface-visibility: hidden; }
1100
+
1101
+ .reveal .roll:hover span {
1102
+ background: rgba(0, 0, 0, 0.5);
1103
+ -webkit-transform: translate3d(0px, 0px, -45px) rotateX(90deg);
1104
+ transform: translate3d(0px, 0px, -45px) rotateX(90deg); }
1105
+
1106
+ .reveal .roll span:after {
1107
+ content: attr(data-title);
1108
+ display: block;
1109
+ position: absolute;
1110
+ left: 0;
1111
+ top: 0;
1112
+ padding: 0 2px;
1113
+ -webkit-backface-visibility: hidden;
1114
+ backface-visibility: hidden;
1115
+ -webkit-transform-origin: 50% 0%;
1116
+ -ms-transform-origin: 50% 0%;
1117
+ transform-origin: 50% 0%;
1118
+ -webkit-transform: translate3d(0px, 110%, 0px) rotateX(-90deg);
1119
+ transform: translate3d(0px, 110%, 0px) rotateX(-90deg); }
1120
+
1121
+ /*********************************************
1122
+ * SPEAKER NOTES
1123
+ *********************************************/
1124
+ .reveal aside.notes {
1125
+ display: none; }
1126
+
1127
+ /*********************************************
1128
+ * ZOOM PLUGIN
1129
+ *********************************************/
1130
+ .zoomed .reveal *, .zoomed .reveal *:before, .zoomed .reveal *:after {
1131
+ -webkit-backface-visibility: visible !important;
1132
+ backface-visibility: visible !important; }
1133
+
1134
+ .zoomed .reveal .progress, .zoomed .reveal .controls {
1135
+ opacity: 0; }
1136
+
1137
+ .zoomed .reveal .roll span {
1138
+ background: none; }
1139
+
1140
+ .zoomed .reveal .roll span:after {
1141
+ visibility: hidden; }