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