← Back to branch summary

~tomasgroth/openlp/portable-path

« back to all changes in this revision

Viewing changes to openlp/core/display/html/reveal.css

  • Committer: Tomas Groth
  • Date: 2019-04-30 19:02:42 UTC
  • mfrom: (2829.2.32 openlp)
  • Revision ID: tomasgroth@yahoo.dk-20190430190242-6zwjk8724tyux70m
trunk

Show diffs side-by-side

added added

removed removed

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