reveal.rb 0.3.0 → 0.4.0

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