3 * http://lab.hakim.se/reveal-js
6 * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
8 /*********************************************
10 *********************************************/
11 html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal iframe, .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6, .reveal p, .reveal blockquote, .reveal pre, .reveal a, .reveal abbr, .reveal acronym, .reveal address, .reveal big, .reveal cite, .reveal code, .reveal del, .reveal dfn, .reveal em, .reveal img, .reveal ins, .reveal kbd, .reveal q, .reveal s, .reveal samp, .reveal small, .reveal strike, .reveal strong, .reveal sub, .reveal sup, .reveal tt, .reveal var, .reveal b, .reveal u, .reveal center, .reveal dl, .reveal dt, .reveal dd, .reveal ol, .reveal ul, .reveal li, .reveal fieldset, .reveal form, .reveal label, .reveal legend, .reveal table, .reveal caption, .reveal tbody, .reveal tfoot, .reveal thead, .reveal tr, .reveal th, .reveal td, .reveal article, .reveal aside, .reveal canvas, .reveal details, .reveal embed, .reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary, .reveal time, .reveal mark, .reveal audio, video {
17 vertical-align: baseline; }
19 .reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure, .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section {
22 /*********************************************
24 *********************************************/
33 background-color: #fff;
36 /*********************************************
38 *********************************************/
39 .reveal .slides section .fragment {
42 -webkit-transition: all 0.2s ease;
43 transition: all 0.2s ease; }
44 .reveal .slides section .fragment.visible {
46 visibility: visible; }
48 .reveal .slides section .fragment.grow {
50 visibility: visible; }
51 .reveal .slides section .fragment.grow.visible {
52 -webkit-transform: scale(1.3);
53 -ms-transform: scale(1.3);
54 transform: scale(1.3); }
56 .reveal .slides section .fragment.shrink {
58 visibility: visible; }
59 .reveal .slides section .fragment.shrink.visible {
60 -webkit-transform: scale(0.7);
61 -ms-transform: scale(0.7);
62 transform: scale(0.7); }
64 .reveal .slides section .fragment.zoom-in {
65 -webkit-transform: scale(0.1);
66 -ms-transform: scale(0.1);
67 transform: scale(0.1); }
68 .reveal .slides section .fragment.zoom-in.visible {
69 -webkit-transform: none;
73 .reveal .slides section .fragment.fade-out {
75 visibility: visible; }
76 .reveal .slides section .fragment.fade-out.visible {
80 .reveal .slides section .fragment.semi-fade-out {
82 visibility: visible; }
83 .reveal .slides section .fragment.semi-fade-out.visible {
85 visibility: visible; }
87 .reveal .slides section .fragment.strike {
89 visibility: visible; }
90 .reveal .slides section .fragment.strike.visible {
91 text-decoration: line-through; }
93 .reveal .slides section .fragment.current-visible {
96 .reveal .slides section .fragment.current-visible.current-fragment {
98 visibility: visible; }
100 .reveal .slides section .fragment.highlight-red, .reveal .slides section .fragment.highlight-current-red, .reveal .slides section .fragment.highlight-green, .reveal .slides section .fragment.highlight-current-green, .reveal .slides section .fragment.highlight-blue, .reveal .slides section .fragment.highlight-current-blue {
102 visibility: visible; }
104 .reveal .slides section .fragment.highlight-red.visible {
107 .reveal .slides section .fragment.highlight-green.visible {
110 .reveal .slides section .fragment.highlight-blue.visible {
113 .reveal .slides section .fragment.highlight-current-red.current-fragment {
116 .reveal .slides section .fragment.highlight-current-green.current-fragment {
119 .reveal .slides section .fragment.highlight-current-blue.current-fragment {
122 /*********************************************
123 * DEFAULT ELEMENT STYLES
124 *********************************************/
125 /* Fixes issue in Chrome where italic fonts did not appear when printing to PDF */
128 font-style: italic; }
133 /** Prevents layering issues in certain browser/transition combinations */
135 position: relative; }
141 .reveal pre.stretch code {
144 -moz-box-sizing: border-box;
145 box-sizing: border-box; }
147 /*********************************************
149 *********************************************/
158 -webkit-user-select: none; }
160 .reveal .controls button {
166 background-color: transparent;
167 border: 12px solid transparent;
168 -webkit-transform: scale(0.9999);
169 -ms-transform: scale(0.9999);
170 transform: scale(0.9999);
171 -webkit-transition: all 0.2s ease;
172 transition: all 0.2s ease;
173 -webkit-appearance: none;
174 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
176 .reveal .controls .enabled {
180 .reveal .controls .enabled:active {
183 .reveal .controls .navigate-left {
185 border-right-width: 22px;
186 border-right-color: #000; }
188 .reveal .controls .navigate-left.fragmented {
191 .reveal .controls .navigate-right {
194 border-left-width: 22px;
195 border-left-color: #000; }
197 .reveal .controls .navigate-right.fragmented {
200 .reveal .controls .navigate-up {
202 border-bottom-width: 22px;
203 border-bottom-color: #000; }
205 .reveal .controls .navigate-up.fragmented {
208 .reveal .controls .navigate-down {
211 border-top-width: 22px;
212 border-top-color: #000; }
214 .reveal .controls .navigate-down.fragmented {
217 /*********************************************
219 *********************************************/
228 background-color: rgba(0, 0, 0, 0.2); }
230 .reveal .progress:after {
238 .reveal .progress span {
242 background-color: #000;
243 -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
244 transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
246 /*********************************************
248 *********************************************/
249 .reveal .slide-number {
258 /*********************************************
260 *********************************************/
266 -ms-touch-action: none;
267 touch-action: none; }
281 -webkit-perspective: 600px;
283 -webkit-perspective-origin: 50% 40%;
284 perspective-origin: 50% 40%; }
286 .reveal .slides > section {
287 -ms-perspective: 600px; }
289 .reveal .slides > section, .reveal .slides > section > section {
295 -webkit-transform-style: preserve-3d;
296 transform-style: preserve-3d;
297 -webkit-transition: -webkit-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), -webkit-transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
298 transition: -ms-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
299 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); }
301 /* Global transition speed settings */
302 .reveal[data-transition-speed="fast"] .slides section {
303 -webkit-transition-duration: 400ms;
304 transition-duration: 400ms; }
306 .reveal[data-transition-speed="slow"] .slides section {
307 -webkit-transition-duration: 1200ms;
308 transition-duration: 1200ms; }
310 /* Slide-specific transition speed overrides */
311 .reveal .slides section[data-transition-speed="fast"] {
312 -webkit-transition-duration: 400ms;
313 transition-duration: 400ms; }
315 .reveal .slides section[data-transition-speed="slow"] {
316 -webkit-transition-duration: 1200ms;
317 transition-duration: 1200ms; }
319 .reveal .slides > section.stack {
323 .reveal .slides > section.present, .reveal .slides > section > section.present {
328 .reveal.center, .reveal.center .slides, .reveal.center .slides section {
329 min-height: 0 !important; }
331 /* Don't allow interaction with invisible slides */
332 .reveal .slides > section.future, .reveal .slides > section > section.future, .reveal .slides > section.past, .reveal .slides > section > section.past {
333 pointer-events: none; }
335 .reveal.overview .slides > section, .reveal.overview .slides > section > section {
336 pointer-events: auto; }
338 .reveal .slides > section.past, .reveal .slides > section.future, .reveal .slides > section > section.past, .reveal .slides > section > section.future {
341 /*********************************************
342 * Mixins for readability of transitions
343 *********************************************/
344 /*********************************************
346 * Aliased 'linear' for backwards compatibility
347 *********************************************/
348 .reveal.slide section {
349 -webkit-backface-visibility: hidden;
350 backface-visibility: hidden; }
352 .reveal .slides > section[data-transition=slide].past, .reveal .slides > section[data-transition~=slide-out].past, .reveal.slide .slides > section:not([data-transition]).past {
353 -webkit-transform: translate(-150%, 0);
354 -ms-transform: translate(-150%, 0);
355 transform: translate(-150%, 0); }
357 .reveal .slides > section[data-transition=slide].future, .reveal .slides > section[data-transition~=slide-in].future, .reveal.slide .slides > section:not([data-transition]).future {
358 -webkit-transform: translate(150%, 0);
359 -ms-transform: translate(150%, 0);
360 transform: translate(150%, 0); }
362 .reveal .slides > section > section[data-transition=slide].past, .reveal .slides > section > section[data-transition~=slide-out].past, .reveal.slide .slides > section > section:not([data-transition]).past {
363 -webkit-transform: translate(0, -150%);
364 -ms-transform: translate(0, -150%);
365 transform: translate(0, -150%); }
367 .reveal .slides > section > section[data-transition=slide].future, .reveal .slides > section > section[data-transition~=slide-in].future, .reveal.slide .slides > section > section:not([data-transition]).future {
368 -webkit-transform: translate(0, 150%);
369 -ms-transform: translate(0, 150%);
370 transform: translate(0, 150%); }
372 .reveal.linear section {
373 -webkit-backface-visibility: hidden;
374 backface-visibility: hidden; }
376 .reveal .slides > section[data-transition=linear].past, .reveal .slides > section[data-transition~=linear-out].past, .reveal.linear .slides > section:not([data-transition]).past {
377 -webkit-transform: translate(-150%, 0);
378 -ms-transform: translate(-150%, 0);
379 transform: translate(-150%, 0); }
381 .reveal .slides > section[data-transition=linear].future, .reveal .slides > section[data-transition~=linear-in].future, .reveal.linear .slides > section:not([data-transition]).future {
382 -webkit-transform: translate(150%, 0);
383 -ms-transform: translate(150%, 0);
384 transform: translate(150%, 0); }
386 .reveal .slides > section > section[data-transition=linear].past, .reveal .slides > section > section[data-transition~=linear-out].past, .reveal.linear .slides > section > section:not([data-transition]).past {
387 -webkit-transform: translate(0, -150%);
388 -ms-transform: translate(0, -150%);
389 transform: translate(0, -150%); }
391 .reveal .slides > section > section[data-transition=linear].future, .reveal .slides > section > section[data-transition~=linear-in].future, .reveal.linear .slides > section > section:not([data-transition]).future {
392 -webkit-transform: translate(0, 150%);
393 -ms-transform: translate(0, 150%);
394 transform: translate(0, 150%); }
396 /*********************************************
398 * Aliased 'default' for backwards compatibility
399 *********************************************/
400 .reveal .slides > section[data-transition=default].past, .reveal .slides > section[data-transition~=default-out].past, .reveal.default .slides > section:not([data-transition]).past {
401 -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
402 transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
404 .reveal .slides > section[data-transition=default].future, .reveal .slides > section[data-transition~=default-in].future, .reveal.default .slides > section:not([data-transition]).future {
405 -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
406 transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
408 .reveal .slides > section > section[data-transition=default].past, .reveal .slides > section > section[data-transition~=default-out].past, .reveal.default .slides > section > section:not([data-transition]).past {
409 -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
410 transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
412 .reveal .slides > section > section[data-transition=default].future, .reveal .slides > section > section[data-transition~=default-in].future, .reveal.default .slides > section > section:not([data-transition]).future {
413 -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
414 transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
416 .reveal .slides > section[data-transition=convex].past, .reveal .slides > section[data-transition~=convex-out].past, .reveal.convex .slides > section:not([data-transition]).past {
417 -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
418 transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
420 .reveal .slides > section[data-transition=convex].future, .reveal .slides > section[data-transition~=convex-in].future, .reveal.convex .slides > section:not([data-transition]).future {
421 -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
422 transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
424 .reveal .slides > section > section[data-transition=convex].past, .reveal .slides > section > section[data-transition~=convex-out].past, .reveal.convex .slides > section > section:not([data-transition]).past {
425 -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
426 transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
428 .reveal .slides > section > section[data-transition=convex].future, .reveal .slides > section > section[data-transition~=convex-in].future, .reveal.convex .slides > section > section:not([data-transition]).future {
429 -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
430 transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
432 /*********************************************
434 *********************************************/
435 .reveal .slides > section[data-transition=concave].past, .reveal .slides > section[data-transition~=concave-out].past, .reveal.concave .slides > section:not([data-transition]).past {
436 -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
437 transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
439 .reveal .slides > section[data-transition=concave].future, .reveal .slides > section[data-transition~=concave-in].future, .reveal.concave .slides > section:not([data-transition]).future {
440 -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
441 transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
443 .reveal .slides > section > section[data-transition=concave].past, .reveal .slides > section > section[data-transition~=concave-out].past, .reveal.concave .slides > section > section:not([data-transition]).past {
444 -webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
445 transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); }
447 .reveal .slides > section > section[data-transition=concave].future, .reveal .slides > section > section[data-transition~=concave-in].future, .reveal.concave .slides > section > section:not([data-transition]).future {
448 -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
449 transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }
451 /*********************************************
453 *********************************************/
454 .reveal .slides section[data-transition=zoom], .reveal.zoom .slides section:not([data-transition]) {
455 -webkit-transition-timing-function: ease;
456 transition-timing-function: ease; }
458 .reveal .slides > section[data-transition=zoom].past, .reveal .slides > section[data-transition~=zoom-out].past, .reveal.zoom .slides > section:not([data-transition]).past {
460 -webkit-transform: scale(16);
461 -ms-transform: scale(16);
462 transform: scale(16); }
464 .reveal .slides > section[data-transition=zoom].future, .reveal .slides > section[data-transition~=zoom-in].future, .reveal.zoom .slides > section:not([data-transition]).future {
466 -webkit-transform: scale(0.2);
467 -ms-transform: scale(0.2);
468 transform: scale(0.2); }
470 .reveal .slides > section > section[data-transition=zoom].past, .reveal .slides > section > section[data-transition~=zoom-out].past, .reveal.zoom .slides > section > section:not([data-transition]).past {
471 -webkit-transform: translate(0, -150%);
472 -ms-transform: translate(0, -150%);
473 transform: translate(0, -150%); }
475 .reveal .slides > section > section[data-transition=zoom].future, .reveal .slides > section > section[data-transition~=zoom-in].future, .reveal.zoom .slides > section > section:not([data-transition]).future {
476 -webkit-transform: translate(0, 150%);
477 -ms-transform: translate(0, 150%);
478 transform: translate(0, 150%); }
480 /*********************************************
482 *********************************************/
483 .reveal.cube .slides {
484 -webkit-perspective: 1300px;
485 perspective: 1300px; }
487 .reveal.cube .slides section {
490 -webkit-backface-visibility: hidden;
491 backface-visibility: hidden;
492 -moz-box-sizing: border-box;
493 box-sizing: border-box; }
495 .reveal.center.cube .slides section {
498 .reveal.cube .slides section:not(.stack):before {
506 background: rgba(0, 0, 0, 0.1);
508 -webkit-transform: translateZ(-20px);
509 transform: translateZ(-20px); }
511 .reveal.cube .slides section:not(.stack):after {
522 box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2);
523 -webkit-transform: translateZ(-90px) rotateX(65deg);
524 transform: translateZ(-90px) rotateX(65deg); }
526 .reveal.cube .slides > section.stack {
530 .reveal.cube .slides > section.past {
531 -webkit-transform-origin: 100% 0%;
532 -ms-transform-origin: 100% 0%;
533 transform-origin: 100% 0%;
534 -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
535 transform: translate3d(-100%, 0, 0) rotateY(-90deg); }
537 .reveal.cube .slides > section.future {
538 -webkit-transform-origin: 0% 0%;
539 -ms-transform-origin: 0% 0%;
540 transform-origin: 0% 0%;
541 -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
542 transform: translate3d(100%, 0, 0) rotateY(90deg); }
544 .reveal.cube .slides > section > section.past {
545 -webkit-transform-origin: 0% 100%;
546 -ms-transform-origin: 0% 100%;
547 transform-origin: 0% 100%;
548 -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg);
549 transform: translate3d(0, -100%, 0) rotateX(90deg); }
551 .reveal.cube .slides > section > section.future {
552 -webkit-transform-origin: 0% 0%;
553 -ms-transform-origin: 0% 0%;
554 transform-origin: 0% 0%;
555 -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg);
556 transform: translate3d(0, 100%, 0) rotateX(-90deg); }
558 /*********************************************
560 *********************************************/
561 .reveal.page .slides {
562 -webkit-perspective-origin: 0% 50%;
563 perspective-origin: 0% 50%;
564 -webkit-perspective: 3000px;
565 perspective: 3000px; }
567 .reveal.page .slides section {
570 -moz-box-sizing: border-box;
571 box-sizing: border-box; }
573 .reveal.page .slides section.past {
576 .reveal.page .slides section:not(.stack):before {
584 background: rgba(0, 0, 0, 0.1);
585 -webkit-transform: translateZ(-20px);
586 transform: translateZ(-20px); }
588 .reveal.page .slides section:not(.stack):after {
599 box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2);
600 -webkit-transform: translateZ(-90px) rotateX(65deg); }
602 .reveal.page .slides > section.stack {
606 .reveal.page .slides > section.past {
607 -webkit-transform-origin: 0% 0%;
608 -ms-transform-origin: 0% 0%;
609 transform-origin: 0% 0%;
610 -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
611 transform: translate3d(-40%, 0, 0) rotateY(-80deg); }
613 .reveal.page .slides > section.future {
614 -webkit-transform-origin: 100% 0%;
615 -ms-transform-origin: 100% 0%;
616 transform-origin: 100% 0%;
617 -webkit-transform: translate3d(0, 0, 0);
618 transform: translate3d(0, 0, 0); }
620 .reveal.page .slides > section > section.past {
621 -webkit-transform-origin: 0% 0%;
622 -ms-transform-origin: 0% 0%;
623 transform-origin: 0% 0%;
624 -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg);
625 transform: translate3d(0, -40%, 0) rotateX(80deg); }
627 .reveal.page .slides > section > section.future {
628 -webkit-transform-origin: 0% 100%;
629 -ms-transform-origin: 0% 100%;
630 transform-origin: 0% 100%;
631 -webkit-transform: translate3d(0, 0, 0);
632 transform: translate3d(0, 0, 0); }
634 /*********************************************
636 *********************************************/
637 .reveal .slides section[data-transition=fade], .reveal.fade .slides section:not([data-transition]), .reveal.fade .slides > section > section:not([data-transition]) {
638 -webkit-transform: none;
641 -webkit-transition: opacity 0.5s;
642 transition: opacity 0.5s; }
644 .reveal.fade.overview .slides section, .reveal.fade.overview .slides > section > section {
645 -webkit-transition: none;
648 /*********************************************
650 *********************************************/
651 .reveal .slides section[data-transition=none], .reveal.none .slides section:not([data-transition]) {
652 -webkit-transform: none;
655 -webkit-transition: none;
658 /*********************************************
660 *********************************************/
661 .reveal .pause-overlay {
671 -webkit-transition: all 1s ease;
672 transition: all 1s ease; }
674 .reveal.paused .pause-overlay {
678 /*********************************************
680 *********************************************/
684 .no-transforms .reveal .slides {
687 height: auto !important;
691 text-align: center; }
693 .no-transforms .reveal .controls, .no-transforms .reveal .progress {
694 display: none !important; }
696 .no-transforms .reveal .slides section {
697 display: block !important;
698 opacity: 1 !important;
699 position: relative !important;
705 -webkit-transform: none;
709 .no-transforms .reveal .slides section section {
712 .reveal .no-transition, .reveal .no-transition * {
713 -webkit-transition: none !important;
714 transition: none !important; }
716 /*********************************************
717 * PER-SLIDE BACKGROUNDS
718 *********************************************/
719 .reveal .backgrounds {
725 -webkit-perspective: 600px;
726 perspective: 600px; }
728 .reveal .slide-background {
735 background-color: rgba(0, 0, 0, 0);
736 background-position: 50% 50%;
737 background-repeat: no-repeat;
738 background-size: cover;
739 -webkit-transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
740 transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
742 .reveal .slide-background.stack {
745 .reveal .slide-background.present {
747 visibility: visible; }
749 .print-pdf .reveal .slide-background {
750 opacity: 1 !important;
751 visibility: visible !important; }
753 /* Video backgrounds */
754 .reveal .slide-background video {
763 /* Immediate transition style */
764 .reveal[data-background-transition=none] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=none] {
765 -webkit-transition: none;
769 .reveal[data-background-transition=slide] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=slide] {
771 -webkit-backface-visibility: hidden;
772 backface-visibility: hidden; }
774 .reveal[data-background-transition=slide] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=slide] {
775 -webkit-transform: translate(-100%, 0);
776 -ms-transform: translate(-100%, 0);
777 transform: translate(-100%, 0); }
779 .reveal[data-background-transition=slide] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=slide] {
780 -webkit-transform: translate(100%, 0);
781 -ms-transform: translate(100%, 0);
782 transform: translate(100%, 0); }
784 .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide] {
785 -webkit-transform: translate(0, -100%);
786 -ms-transform: translate(0, -100%);
787 transform: translate(0, -100%); }
789 .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=slide] {
790 -webkit-transform: translate(0, 100%);
791 -ms-transform: translate(0, 100%);
792 transform: translate(0, 100%); }
795 .reveal[data-background-transition=convex] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=convex] {
797 -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
798 transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
800 .reveal[data-background-transition=convex] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=convex] {
802 -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
803 transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
805 .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=convex] {
807 -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0);
808 transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); }
810 .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=convex] {
812 -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0);
813 transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); }
816 .reveal[data-background-transition=concave] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=concave] {
818 -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
819 transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
821 .reveal[data-background-transition=concave] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=concave] {
823 -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
824 transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
826 .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=concave] {
828 -webkit-transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0);
829 transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); }
831 .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=concave] {
833 -webkit-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0);
834 transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); }
837 .reveal[data-background-transition=zoom] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=zoom] {
838 -webkit-transition-timing-function: ease;
839 transition-timing-function: ease; }
841 .reveal[data-background-transition=zoom] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=zoom] {
844 -webkit-transform: scale(16);
845 -ms-transform: scale(16);
846 transform: scale(16); }
848 .reveal[data-background-transition=zoom] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=zoom] {
851 -webkit-transform: scale(0.2);
852 -ms-transform: scale(0.2);
853 transform: scale(0.2); }
855 .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=zoom] {
858 -webkit-transform: scale(16);
859 -ms-transform: scale(16);
860 transform: scale(16); }
862 .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=zoom] {
865 -webkit-transform: scale(0.2);
866 -ms-transform: scale(0.2);
867 transform: scale(0.2); }
869 /* Global transition speed settings */
870 .reveal[data-transition-speed="fast"] > .backgrounds .slide-background {
871 -webkit-transition-duration: 400ms;
872 transition-duration: 400ms; }
874 .reveal[data-transition-speed="slow"] > .backgrounds .slide-background {
875 -webkit-transition-duration: 1200ms;
876 transition-duration: 1200ms; }
878 /*********************************************
880 *********************************************/
882 -webkit-perspective-origin: 50% 50%;
883 perspective-origin: 50% 50%;
884 -webkit-perspective: 700px;
885 perspective: 700px; }
886 .reveal.overview .slides section {
888 opacity: 1 !important;
890 visibility: visible !important;
892 -moz-box-sizing: border-box;
893 box-sizing: border-box; }
894 .reveal.overview .slides section:hover, .reveal.overview .slides section.present {
895 outline: 10px solid rgba(150, 150, 150, 0.4);
896 outline-offset: 10px; }
897 .reveal.overview .slides section .fragment {
899 -webkit-transition: none;
901 .reveal.overview .slides section:after, .reveal.overview .slides section:before {
902 display: none !important; }
903 .reveal.overview .slides > section.stack {
909 .reveal.overview .backgrounds {
910 -webkit-perspective: inherit;
911 perspective: inherit; }
912 .reveal.overview .backgrounds .slide-background {
915 outline: 10px solid rgba(150, 150, 150, 0.1);
916 outline-offset: 10px; }
918 .reveal.overview .slides section, .reveal.overview-deactivating .slides section {
919 -webkit-transition: none;
922 .reveal.overview .backgrounds .slide-background, .reveal.overview-deactivating .backgrounds .slide-background {
923 -webkit-transition: none;
926 .reveal.overview-animated .slides {
927 -webkit-transition: -webkit-transform 0.4s ease;
928 transition: transform 0.4s ease; }
930 /*********************************************
932 *********************************************/
933 .reveal.rtl .slides, .reveal.rtl .slides h1, .reveal.rtl .slides h2, .reveal.rtl .slides h3, .reveal.rtl .slides h4, .reveal.rtl .slides h5, .reveal.rtl .slides h6 {
935 font-family: sans-serif; }
937 .reveal.rtl pre, .reveal.rtl code {
940 .reveal.rtl ol, .reveal.rtl ul {
943 .reveal.rtl .progress span {
946 /*********************************************
947 * PARALLAX BACKGROUND
948 *********************************************/
949 .reveal.has-parallax-background .backgrounds {
950 -webkit-transition: all 0.8s ease;
951 transition: all 0.8s ease; }
953 /* Global transition speed settings */
954 .reveal.has-parallax-background[data-transition-speed="fast"] .backgrounds {
955 -webkit-transition-duration: 400ms;
956 transition-duration: 400ms; }
958 .reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds {
959 -webkit-transition-duration: 1200ms;
960 transition-duration: 1200ms; }
962 /*********************************************
963 * LINK PREVIEW OVERLAY
964 *********************************************/
972 background: rgba(0, 0, 0, 0.9);
975 -webkit-transition: all 0.3s ease;
976 transition: all 0.3s ease; }
978 .reveal .overlay.visible {
980 visibility: visible; }
982 .reveal .overlay .spinner {
989 margin: -16px 0 0 -16px;
991 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);
994 -webkit-transition: all 0.3s ease;
995 transition: all 0.3s ease; }
997 .reveal .overlay header {
1004 border-bottom: 1px solid #222; }
1006 .reveal .overlay header a {
1007 display: inline-block;
1013 -moz-box-sizing: border-box;
1014 box-sizing: border-box; }
1016 .reveal .overlay header a:hover {
1019 .reveal .overlay header a .icon {
1020 display: inline-block;
1023 background-position: 50% 50%;
1024 background-size: 100%;
1025 background-repeat: no-repeat; }
1027 .reveal .overlay header a.close .icon {
1028 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkklEQVRYR8WX4VHDMAxG6wnoJrABZQPYBCaBTWAD2g1gE5gg6OOsXuxIlr40d81dfrSJ9V4c2VLK7spHuTJ/5wpM07QXuXc5X0opX2tEJcadjHuV80li/FgxTIEK/5QBCICBD6xEhSMGHgQPgBgLiYVAB1dpSqKDawxTohFw4JSEA3clzgIBPCURwE2JucBR7rhPJJv5OpJwDX+SfDjgx1wACQeJG1aChP9K/IMmdZ8DtESV1WyP3Bt4MwM6sj4NMxMYiqUWHQu4KYA/SYkIjOsm3BXYWMKFDwU2khjCQ4ELJUJ4SmClRArOCmSXGuKma0fYD5CbzHxFpCSGAhfAVSSUGDUk2BWZaff2g6GE15BsBQ9nwmpIGDiyHQddwNTMKkbZaf9fajXQca1EX44puJZUsnY0ObGmITE3GVLCbEhQUjGVt146j6oasWN+49Vph2w1pZ5EansNZqKBm1txbU57iRRcZ86RWMDdWtBJUHBHwoQPi1GV+JCbntmvok7iTX4/Up9mgyTc/FJYDTcndgH/AA5A/CHsyEkVAAAAAElFTkSuQmCC); }
1030 .reveal .overlay header a.external .icon {
1031 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAcElEQVRYR+2WSQoAIQwEzf8f7XiOMkUQxUPlGkM3hVmiQfQR9GYnH1SsAQlI4DiBqkCMoNb9y2e90IAEJPAcgdznU9+engMaeJ7Azh5Y1U67gAho4DqBqmB1buAf0MB1AlVBek83ZPkmJMGc1wAR+AAqod/B97TRpQAAAABJRU5ErkJggg==); }
1033 .reveal .overlay .viewport {
1040 .reveal .overlay.overlay-preview .viewport iframe {
1048 -webkit-transition: all 0.3s ease;
1049 transition: all 0.3s ease; }
1051 .reveal .overlay.overlay-preview.loaded .viewport iframe {
1053 visibility: visible; }
1055 .reveal .overlay.overlay-preview.loaded .spinner {
1058 -webkit-transform: scale(0.2);
1059 -ms-transform: scale(0.2);
1060 transform: scale(0.2); }
1062 .reveal .overlay.overlay-help .viewport {
1066 .reveal .overlay.overlay-help .viewport .viewport-inner {
1071 letter-spacing: normal; }
1073 .reveal .overlay.overlay-help .viewport .viewport-inner .title {
1076 .reveal .overlay.overlay-help .viewport .viewport-inner table {
1077 border: 1px solid #fff;
1078 border-collapse: collapse;
1081 .reveal .overlay.overlay-help .viewport .viewport-inner table th, .reveal .overlay.overlay-help .viewport .viewport-inner table td {
1084 border: 1px solid #fff;
1085 vertical-align: middle; }
1087 .reveal .overlay.overlay-help .viewport .viewport-inner table th {
1089 padding-bottom: 20px; }
1091 /*********************************************
1092 * PLAYBACK COMPONENT
1093 *********************************************/
1100 -webkit-transition: all 400ms ease;
1101 transition: all 400ms ease; }
1103 .reveal.overview .playback {
1105 visibility: hidden; }
1107 /*********************************************
1109 *********************************************/
1111 display: inline-block;
1114 vertical-align: top;
1115 -webkit-perspective: 400px;
1117 -webkit-perspective-origin: 50% 50%;
1118 perspective-origin: 50% 50%; }
1120 .reveal .roll:hover {
1122 text-shadow: none; }
1124 .reveal .roll span {
1128 pointer-events: none;
1129 -webkit-transition: all 400ms ease;
1130 transition: all 400ms ease;
1131 -webkit-transform-origin: 50% 0%;
1132 -ms-transform-origin: 50% 0%;
1133 transform-origin: 50% 0%;
1134 -webkit-transform-style: preserve-3d;
1135 transform-style: preserve-3d;
1136 -webkit-backface-visibility: hidden;
1137 backface-visibility: hidden; }
1139 .reveal .roll:hover span {
1140 background: rgba(0, 0, 0, 0.5);
1141 -webkit-transform: translate3d(0px, 0px, -45px) rotateX(90deg);
1142 transform: translate3d(0px, 0px, -45px) rotateX(90deg); }
1144 .reveal .roll span:after {
1145 content: attr(data-title);
1151 -webkit-backface-visibility: hidden;
1152 backface-visibility: hidden;
1153 -webkit-transform-origin: 50% 0%;
1154 -ms-transform-origin: 50% 0%;
1155 transform-origin: 50% 0%;
1156 -webkit-transform: translate3d(0px, 110%, 0px) rotateX(-90deg);
1157 transform: translate3d(0px, 110%, 0px) rotateX(-90deg); }
1159 /*********************************************
1161 *********************************************/
1162 .reveal aside.notes {
1165 .reveal .speaker-notes {
1177 background-color: rgba(0, 0, 0, 0.5);
1179 -moz-box-sizing: border-box;
1180 box-sizing: border-box;
1182 font-family: Helvetica, sans-serif;
1183 -webkit-overflow-scrolling: touch; }
1185 .reveal .speaker-notes.visible:not(:empty) {
1188 @media screen and (max-width: 1024px) {
1189 .reveal .speaker-notes {
1190 font-size: 14px; } }
1192 @media screen and (max-width: 600px) {
1193 .reveal .speaker-notes {
1197 /*********************************************
1199 *********************************************/
1200 .zoomed .reveal *, .zoomed .reveal *:before, .zoomed .reveal *:after {
1201 -webkit-backface-visibility: visible !important;
1202 backface-visibility: visible !important; }
1204 .zoomed .reveal .progress, .zoomed .reveal .controls {
1207 .zoomed .reveal .roll span {
1210 .zoomed .reveal .roll span:after {
1211 visibility: hidden; }