1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465 |
- @charset "UTF-8";
- /*!
- * reveal.js
- * http://lab.hakim.se/reveal-js
- * MIT licensed
- *
- * Copyright (C) 2013 Hakim El Hattab, http://hakim.se
- */
- /*********************************************
- * RESET STYLES
- *********************************************/
- 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 i, .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 {
- margin: 0;
- padding: 0;
- border: 0;
- font-size: 100%;
- font: inherit;
- vertical-align: baseline;
- }
- .reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure,
- .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section {
- display: block;
- }
- /*********************************************
- * GLOBAL STYLES
- *********************************************/
- html,
- body {
- width: 100%;
- height: 100%;
- overflow: hidden;
- }
- body {
- position: relative;
- line-height: 1;
- }
- ::selection {
- background: #FF5E99;
- color: #fff;
- text-shadow: none;
- }
- /*********************************************
- * HEADERS
- *********************************************/
- .reveal h1,
- .reveal h2,
- .reveal h3,
- .reveal h4,
- .reveal h5,
- .reveal h6 {
- -webkit-hyphens: auto;
- -moz-hyphens: auto;
- hyphens: auto;
- word-wrap: break-word;
- }
- .reveal h1 { font-size: 3.77em; }
- .reveal h2 { font-size: 2.11em; }
- .reveal h3 { font-size: 1.55em; }
- .reveal h4 { font-size: 1em; }
- /*********************************************
- * VIEW FRAGMENTS
- *********************************************/
- .reveal .slides section .fragment {
- opacity: 0;
- -webkit-transition: all .2s ease;
- -moz-transition: all .2s ease;
- -ms-transition: all .2s ease;
- -o-transition: all .2s ease;
- transition: all .2s ease;
- }
- .reveal .slides section .fragment.visible {
- opacity: 1;
- }
- .reveal .slides section .fragment.grow {
- opacity: 1;
- }
- .reveal .slides section .fragment.grow.visible {
- -webkit-transform: scale( 1.3 );
- -moz-transform: scale( 1.3 );
- -ms-transform: scale( 1.3 );
- -o-transform: scale( 1.3 );
- transform: scale( 1.3 );
- }
- .reveal .slides section .fragment.shrink {
- opacity: 1;
- }
- .reveal .slides section .fragment.shrink.visible {
- -webkit-transform: scale( 0.7 );
- -moz-transform: scale( 0.7 );
- -ms-transform: scale( 0.7 );
- -o-transform: scale( 0.7 );
- transform: scale( 0.7 );
- }
- .reveal .slides section .fragment.zoom-in {
- opacity: 0;
- -webkit-transform: scale( 0.1 );
- -moz-transform: scale( 0.1 );
- -ms-transform: scale( 0.1 );
- -o-transform: scale( 0.1 );
- transform: scale( 0.1 );
- }
- .reveal .slides section .fragment.zoom-in.visible {
- opacity: 1;
- -webkit-transform: scale( 1 );
- -moz-transform: scale( 1 );
- -ms-transform: scale( 1 );
- -o-transform: scale( 1 );
- transform: scale( 1 );
- }
- .reveal .slides section .fragment.roll-in {
- opacity: 0;
- -webkit-transform: rotateX( 90deg );
- -moz-transform: rotateX( 90deg );
- -ms-transform: rotateX( 90deg );
- -o-transform: rotateX( 90deg );
- transform: rotateX( 90deg );
- }
- .reveal .slides section .fragment.roll-in.visible {
- opacity: 1;
- -webkit-transform: rotateX( 0 );
- -moz-transform: rotateX( 0 );
- -ms-transform: rotateX( 0 );
- -o-transform: rotateX( 0 );
- transform: rotateX( 0 );
- }
- .reveal .slides section .fragment.fade-out {
- opacity: 1;
- }
- .reveal .slides section .fragment.fade-out.visible {
- opacity: 0;
- }
- .reveal .slides section .fragment.highlight-red,
- .reveal .slides section .fragment.highlight-green,
- .reveal .slides section .fragment.highlight-blue {
- opacity: 1;
- }
- .reveal .slides section .fragment.highlight-red.visible {
- color: #ff2c2d
- }
- .reveal .slides section .fragment.highlight-green.visible {
- color: #17ff2e;
- }
- .reveal .slides section .fragment.highlight-blue.visible {
- color: #1b91ff;
- }
- /*********************************************
- * DEFAULT ELEMENT STYLES
- *********************************************/
- /* Fixes issue in Chrome where italic fonts did not appear when printing to PDF */
- .reveal:after {
- content: '';
- font-style: italic;
- }
- /* Ensure certain elements are never larger than the slide itself */
- .reveal img,
- .reveal video,
- .reveal iframe {
- max-width: 95%;
- max-height: 95%;
- }
- /** Prevents layering issues in certain browser/transition combinations */
- .reveal a {
- position: relative;
- }
- .reveal strong,
- .reveal b {
- font-weight: bold;
- }
- .reveal em,
- .reveal i {
- font-style: italic;
- }
- .reveal ol,
- .reveal ul {
- display: inline-block;
- text-align: left;
- margin: 0 0 0 1em;
- }
- .reveal ol {
- list-style-type: decimal;
- }
- .reveal ul {
- list-style-type: disc;
- }
- .reveal ul ul {
- list-style-type: square;
- }
- .reveal ul ul ul {
- list-style-type: circle;
- }
- .reveal ul ul,
- .reveal ul ol,
- .reveal ol ol,
- .reveal ol ul {
- display: block;
- margin-left: 40px;
- }
- .reveal p {
- margin-bottom: 10px;
- line-height: 1.2em;
- }
- .reveal q,
- .reveal blockquote {
- quotes: none;
- }
- .reveal blockquote {
- display: block;
- position: relative;
- width: 70%;
- margin: 5px auto;
- padding: 5px;
- font-style: italic;
- background: rgba(255, 255, 255, 0.05);
- box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
- }
- .reveal blockquote p:first-child,
- .reveal blockquote p:last-child {
- display: inline-block;
- }
- .reveal q {
- font-style: italic;
- }
- .reveal pre {
- display: block;
- position: relative;
- width: 90%;
- margin: 15px auto;
- text-align: left;
- font-size: 0.55em;
- font-family: monospace;
- line-height: 1.2em;
- word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
- }
- .reveal code {
- font-family: monospace;
- }
- .reveal pre code {
- padding: 5px;
- overflow: auto;
- max-height: 400px;
- word-wrap: normal;
- }
- .reveal table th,
- .reveal table td {
- text-align: left;
- padding-right: .3em;
- }
- .reveal table th {
- text-shadow: rgb(255,255,255) 1px 1px 2px;
- }
- .reveal sup {
- vertical-align: super;
- }
- .reveal sub {
- vertical-align: sub;
- }
- .reveal small {
- display: inline-block;
- font-size: 0.6em;
- line-height: 1.2em;
- vertical-align: top;
- }
- .reveal small * {
- vertical-align: top;
- }
- /*********************************************
- * CONTROLS
- *********************************************/
- .reveal .controls {
- display: none;
- position: fixed;
- width: 110px;
- height: 110px;
- z-index: 30;
- right: 10px;
- bottom: 10px;
- }
- .reveal .controls div {
- position: absolute;
- opacity: 0.05;
- width: 0;
- height: 0;
- border: 12px solid transparent;
- -moz-transform: scale(.9999);
- -webkit-transition: all 0.2s ease;
- -moz-transition: all 0.2s ease;
- -ms-transition: all 0.2s ease;
- -o-transition: all 0.2s ease;
- transition: all 0.2s ease;
- }
- .reveal .controls div.enabled {
- opacity: 0.7;
- cursor: pointer;
- }
- .reveal .controls div.enabled:active {
- margin-top: 1px;
- }
- .reveal .controls div.navigate-left {
- top: 42px;
- border-right-width: 22px;
- border-right-color: #eee;
- }
- .reveal .controls div.navigate-left.fragmented {
- opacity: 0.3;
- }
- .reveal .controls div.navigate-right {
- left: 74px;
- top: 42px;
- border-left-width: 22px;
- border-left-color: #eee;
- }
- .reveal .controls div.navigate-right.fragmented {
- opacity: 0.3;
- }
- .reveal .controls div.navigate-up {
- left: 42px;
- border-bottom-width: 22px;
- border-bottom-color: #eee;
- }
- .reveal .controls div.navigate-up.fragmented {
- opacity: 0.3;
- }
- .reveal .controls div.navigate-down {
- left: 42px;
- top: 74px;
- border-top-width: 22px;
- border-top-color: #eee;
- }
- .reveal .controls div.navigate-down.fragmented {
- opacity: 0.3;
- }
- /*********************************************
- * PROGRESS BAR
- *********************************************/
- .reveal .progress {
- position: fixed;
- display: none;
- height: 3px;
- width: 100%;
- bottom: 0;
- left: 0;
- z-index: 10;
- }
- .reveal .progress:after {
- content: '';
- display: 'block';
- position: absolute;
- height: 20px;
- width: 100%;
- top: -20px;
- }
- .reveal .progress span {
- display: block;
- height: 100%;
- width: 0px;
- -webkit-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
- -moz-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
- -ms-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
- -o-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
- transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
- }
- /*********************************************
- * ROLLING LINKS
- *********************************************/
- .reveal .roll {
- display: inline-block;
- line-height: 1.2;
- overflow: hidden;
- vertical-align: top;
- -webkit-perspective: 400px;
- -moz-perspective: 400px;
- -ms-perspective: 400px;
- perspective: 400px;
- -webkit-perspective-origin: 50% 50%;
- -moz-perspective-origin: 50% 50%;
- -ms-perspective-origin: 50% 50%;
- perspective-origin: 50% 50%;
- }
- .reveal .roll:hover {
- background: none;
- text-shadow: none;
- }
- .reveal .roll span {
- display: block;
- position: relative;
- padding: 0 2px;
- pointer-events: none;
- -webkit-transition: all 400ms ease;
- -moz-transition: all 400ms ease;
- -ms-transition: all 400ms ease;
- transition: all 400ms ease;
- -webkit-transform-origin: 50% 0%;
- -moz-transform-origin: 50% 0%;
- -ms-transform-origin: 50% 0%;
- transform-origin: 50% 0%;
- -webkit-transform-style: preserve-3d;
- -moz-transform-style: preserve-3d;
- -ms-transform-style: preserve-3d;
- transform-style: preserve-3d;
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- backface-visibility: hidden;
- }
- .reveal .roll:hover span {
- background: rgba(0,0,0,0.5);
- -webkit-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
- -moz-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
- -ms-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
- transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
- }
- .reveal .roll span:after {
- content: attr(data-title);
- display: block;
- position: absolute;
- left: 0;
- top: 0;
- padding: 0 2px;
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- backface-visibility: hidden;
- -webkit-transform-origin: 50% 0%;
- -moz-transform-origin: 50% 0%;
- -ms-transform-origin: 50% 0%;
- transform-origin: 50% 0%;
- -webkit-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
- -moz-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
- -ms-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
- transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
- }
- /*********************************************
- * SLIDES
- *********************************************/
- .reveal {
- position: relative;
- width: 100%;
- height: 100%;
- -ms-touch-action: none;
- }
- .reveal .slides {
- position: absolute;
- width: 100%;
- height: 100%;
- left: 50%;
- top: 50%;
- overflow: visible;
- z-index: 1;
- text-align: center;
- -webkit-transition: -webkit-perspective .4s ease;
- -moz-transition: -moz-perspective .4s ease;
- -ms-transition: -ms-perspective .4s ease;
- -o-transition: -o-perspective .4s ease;
- transition: perspective .4s ease;
- -webkit-perspective: 600px;
- -moz-perspective: 600px;
- -ms-perspective: 600px;
- perspective: 600px;
- -webkit-perspective-origin: 0px -100px;
- -moz-perspective-origin: 0px -100px;
- -ms-perspective-origin: 0px -100px;
- perspective-origin: 0px -100px;
- }
- .reveal .slides>section,
- .reveal .slides>section>section {
- display: none;
- position: absolute;
- width: 100%;
- padding: 20px 0px;
- z-index: 10;
- line-height: 1.2em;
- font-weight: normal;
- -webkit-transform-style: preserve-3d;
- -moz-transform-style: preserve-3d;
- -ms-transform-style: preserve-3d;
- transform-style: preserve-3d;
- -webkit-transition: -webkit-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- -webkit-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
- -moz-transition: -moz-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- -moz-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
- -ms-transition: -ms-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- -ms-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
- -o-transition: -o-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- -o-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
- transition: transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
- }
- /* Global transition speed settings */
- .reveal[data-transition-speed="fast"] .slides section {
- -webkit-transition-duration: 400ms;
- -moz-transition-duration: 400ms;
- -ms-transition-duration: 400ms;
- transition-duration: 400ms;
- }
- .reveal[data-transition-speed="slow"] .slides section {
- -webkit-transition-duration: 1200ms;
- -moz-transition-duration: 1200ms;
- -ms-transition-duration: 1200ms;
- transition-duration: 1200ms;
- }
- /* Slide-specific transition speed overrides */
- .reveal .slides section[data-transition-speed="fast"] {
- -webkit-transition-duration: 400ms;
- -moz-transition-duration: 400ms;
- -ms-transition-duration: 400ms;
- transition-duration: 400ms;
- }
- .reveal .slides section[data-transition-speed="slow"] {
- -webkit-transition-duration: 1200ms;
- -moz-transition-duration: 1200ms;
- -ms-transition-duration: 1200ms;
- transition-duration: 1200ms;
- }
- .reveal .slides>section {
- left: -50%;
- top: -50%;
- }
- .reveal .slides>section.stack {
- padding-top: 0;
- padding-bottom: 0;
- }
- .reveal .slides>section.present,
- .reveal .slides>section>section.present {
- display: block;
- z-index: 11;
- opacity: 1;
- }
- .reveal.center,
- .reveal.center .slides,
- .reveal.center .slides section {
- min-height: auto !important;
- }
- /*********************************************
- * DEFAULT TRANSITION
- *********************************************/
- .reveal .slides>section[data-transition=default].past,
- .reveal .slides>section.past {
- display: block;
- opacity: 0;
- -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
- -moz-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
- -ms-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
- }
- .reveal .slides>section[data-transition=default].future,
- .reveal .slides>section.future {
- display: block;
- opacity: 0;
- -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
- -moz-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
- -ms-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
- }
- .reveal .slides>section>section[data-transition=default].past,
- .reveal .slides>section>section.past {
- display: block;
- opacity: 0;
- -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
- -moz-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
- -ms-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
- transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
- }
- .reveal .slides>section>section[data-transition=default].future,
- .reveal .slides>section>section.future {
- display: block;
- opacity: 0;
- -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
- -moz-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
- -ms-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
- transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
- }
- /*********************************************
- * CONCAVE TRANSITION
- *********************************************/
- .reveal .slides>section[data-transition=concave].past,
- .reveal.concave .slides>section.past {
- -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
- -moz-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
- -ms-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
- }
- .reveal .slides>section[data-transition=concave].future,
- .reveal.concave .slides>section.future {
- -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
- -moz-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
- -ms-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
- }
- .reveal .slides>section>section[data-transition=concave].past,
- .reveal.concave .slides>section>section.past {
- -webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
- -moz-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
- -ms-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
- transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
- }
- .reveal .slides>section>section[data-transition=concave].future,
- .reveal.concave .slides>section>section.future {
- -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
- -moz-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
- -ms-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
- transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
- }
- /*********************************************
- * ZOOM TRANSITION
- *********************************************/
- .reveal .slides>section[data-transition=zoom].past,
- .reveal.zoom .slides>section.past {
- opacity: 0;
- visibility: hidden;
- -webkit-transform: scale(16);
- -moz-transform: scale(16);
- -ms-transform: scale(16);
- -o-transform: scale(16);
- transform: scale(16);
- }
- .reveal .slides>section[data-transition=zoom].future,
- .reveal.zoom .slides>section.future {
- opacity: 0;
- visibility: hidden;
- -webkit-transform: scale(0.2);
- -moz-transform: scale(0.2);
- -ms-transform: scale(0.2);
- -o-transform: scale(0.2);
- transform: scale(0.2);
- }
- .reveal .slides>section>section[data-transition=zoom].past,
- .reveal.zoom .slides>section>section.past {
- -webkit-transform: translate(0, -150%);
- -moz-transform: translate(0, -150%);
- -ms-transform: translate(0, -150%);
- -o-transform: translate(0, -150%);
- transform: translate(0, -150%);
- }
- .reveal .slides>section>section[data-transition=zoom].future,
- .reveal.zoom .slides>section>section.future {
- -webkit-transform: translate(0, 150%);
- -moz-transform: translate(0, 150%);
- -ms-transform: translate(0, 150%);
- -o-transform: translate(0, 150%);
- transform: translate(0, 150%);
- }
- /*********************************************
- * LINEAR TRANSITION
- *********************************************/
- .reveal.linear section {
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- backface-visibility: hidden;
- }
- .reveal .slides>section[data-transition=linear].past,
- .reveal.linear .slides>section.past {
- -webkit-transform: translate(-150%, 0);
- -moz-transform: translate(-150%, 0);
- -ms-transform: translate(-150%, 0);
- -o-transform: translate(-150%, 0);
- transform: translate(-150%, 0);
- }
- .reveal .slides>section[data-transition=linear].future,
- .reveal.linear .slides>section.future {
- -webkit-transform: translate(150%, 0);
- -moz-transform: translate(150%, 0);
- -ms-transform: translate(150%, 0);
- -o-transform: translate(150%, 0);
- transform: translate(150%, 0);
- }
- .reveal .slides>section>section[data-transition=linear].past,
- .reveal.linear .slides>section>section.past {
- -webkit-transform: translate(0, -150%);
- -moz-transform: translate(0, -150%);
- -ms-transform: translate(0, -150%);
- -o-transform: translate(0, -150%);
- transform: translate(0, -150%);
- }
- .reveal .slides>section>section[data-transition=linear].future,
- .reveal.linear .slides>section>section.future {
- -webkit-transform: translate(0, 150%);
- -moz-transform: translate(0, 150%);
- -ms-transform: translate(0, 150%);
- -o-transform: translate(0, 150%);
- transform: translate(0, 150%);
- }
- /*********************************************
- * CUBE TRANSITION
- *********************************************/
- .reveal.cube .slides {
- -webkit-perspective: 1300px;
- -moz-perspective: 1300px;
- -ms-perspective: 1300px;
- perspective: 1300px;
- }
- .reveal.cube .slides section {
- padding: 30px;
- min-height: 700px;
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- backface-visibility: hidden;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- .reveal.center.cube .slides section {
- min-height: auto;
- }
- .reveal.cube .slides section:not(.stack):before {
- content: '';
- position: absolute;
- display: block;
- width: 100%;
- height: 100%;
- left: 0;
- top: 0;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transform: translateZ( -20px );
- -moz-transform: translateZ( -20px );
- -ms-transform: translateZ( -20px );
- -o-transform: translateZ( -20px );
- transform: translateZ( -20px );
- }
- .reveal.cube .slides section:not(.stack):after {
- content: '';
- position: absolute;
- display: block;
- width: 90%;
- height: 30px;
- left: 5%;
- bottom: 0;
- background: none;
- z-index: 1;
- border-radius: 4px;
- box-shadow: 0px 95px 25px rgba(0,0,0,0.2);
- -webkit-transform: translateZ(-90px) rotateX( 65deg );
- -moz-transform: translateZ(-90px) rotateX( 65deg );
- -ms-transform: translateZ(-90px) rotateX( 65deg );
- -o-transform: translateZ(-90px) rotateX( 65deg );
- transform: translateZ(-90px) rotateX( 65deg );
- }
- .reveal.cube .slides>section.stack {
- padding: 0;
- background: none;
- }
- .reveal.cube .slides>section.past {
- -webkit-transform-origin: 100% 0%;
- -moz-transform-origin: 100% 0%;
- -ms-transform-origin: 100% 0%;
- transform-origin: 100% 0%;
- -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
- -moz-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
- -ms-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
- transform: translate3d(-100%, 0, 0) rotateY(-90deg);
- }
- .reveal.cube .slides>section.future {
- -webkit-transform-origin: 0% 0%;
- -moz-transform-origin: 0% 0%;
- -ms-transform-origin: 0% 0%;
- transform-origin: 0% 0%;
- -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
- -moz-transform: translate3d(100%, 0, 0) rotateY(90deg);
- -ms-transform: translate3d(100%, 0, 0) rotateY(90deg);
- transform: translate3d(100%, 0, 0) rotateY(90deg);
- }
- .reveal.cube .slides>section>section.past {
- -webkit-transform-origin: 0% 100%;
- -moz-transform-origin: 0% 100%;
- -ms-transform-origin: 0% 100%;
- transform-origin: 0% 100%;
- -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg);
- -moz-transform: translate3d(0, -100%, 0) rotateX(90deg);
- -ms-transform: translate3d(0, -100%, 0) rotateX(90deg);
- transform: translate3d(0, -100%, 0) rotateX(90deg);
- }
- .reveal.cube .slides>section>section.future {
- -webkit-transform-origin: 0% 0%;
- -moz-transform-origin: 0% 0%;
- -ms-transform-origin: 0% 0%;
- transform-origin: 0% 0%;
- -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg);
- -moz-transform: translate3d(0, 100%, 0) rotateX(-90deg);
- -ms-transform: translate3d(0, 100%, 0) rotateX(-90deg);
- transform: translate3d(0, 100%, 0) rotateX(-90deg);
- }
- /*********************************************
- * PAGE TRANSITION
- *********************************************/
- .reveal.page .slides {
- -webkit-perspective-origin: 0% 50%;
- -moz-perspective-origin: 0% 50%;
- -ms-perspective-origin: 0% 50%;
- perspective-origin: 0% 50%;
- -webkit-perspective: 3000px;
- -moz-perspective: 3000px;
- -ms-perspective: 3000px;
- perspective: 3000px;
- }
- .reveal.page .slides section {
- padding: 30px;
- min-height: 700px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- .reveal.page .slides section.past {
- z-index: 12;
- }
- .reveal.page .slides section:not(.stack):before {
- content: '';
- position: absolute;
- display: block;
- width: 100%;
- height: 100%;
- left: 0;
- top: 0;
- background: rgba(0,0,0,0.1);
- -webkit-transform: translateZ( -20px );
- -moz-transform: translateZ( -20px );
- -ms-transform: translateZ( -20px );
- -o-transform: translateZ( -20px );
- transform: translateZ( -20px );
- }
- .reveal.page .slides section:not(.stack):after {
- content: '';
- position: absolute;
- display: block;
- width: 90%;
- height: 30px;
- left: 5%;
- bottom: 0;
- background: none;
- z-index: 1;
- border-radius: 4px;
- box-shadow: 0px 95px 25px rgba(0,0,0,0.2);
- -webkit-transform: translateZ(-90px) rotateX( 65deg );
- }
- .reveal.page .slides>section.stack {
- padding: 0;
- background: none;
- }
- .reveal.page .slides>section.past {
- -webkit-transform-origin: 0% 0%;
- -moz-transform-origin: 0% 0%;
- -ms-transform-origin: 0% 0%;
- transform-origin: 0% 0%;
- -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
- -moz-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
- -ms-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
- transform: translate3d(-40%, 0, 0) rotateY(-80deg);
- }
- .reveal.page .slides>section.future {
- -webkit-transform-origin: 100% 0%;
- -moz-transform-origin: 100% 0%;
- -ms-transform-origin: 100% 0%;
- transform-origin: 100% 0%;
- -webkit-transform: translate3d(0, 0, 0);
- -moz-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- .reveal.page .slides>section>section.past {
- -webkit-transform-origin: 0% 0%;
- -moz-transform-origin: 0% 0%;
- -ms-transform-origin: 0% 0%;
- transform-origin: 0% 0%;
- -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg);
- -moz-transform: translate3d(0, -40%, 0) rotateX(80deg);
- -ms-transform: translate3d(0, -40%, 0) rotateX(80deg);
- transform: translate3d(0, -40%, 0) rotateX(80deg);
- }
- .reveal.page .slides>section>section.future {
- -webkit-transform-origin: 0% 100%;
- -moz-transform-origin: 0% 100%;
- -ms-transform-origin: 0% 100%;
- transform-origin: 0% 100%;
- -webkit-transform: translate3d(0, 0, 0);
- -moz-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- /*********************************************
- * FADE TRANSITION
- *********************************************/
- .reveal .slides section[data-transition=fade],
- .reveal.fade .slides section,
- .reveal.fade .slides>section>section {
- -webkit-transform: none;
- -moz-transform: none;
- -ms-transform: none;
- -o-transform: none;
- transform: none;
- -webkit-transition: opacity 0.5s;
- -moz-transition: opacity 0.5s;
- -ms-transition: opacity 0.5s;
- -o-transition: opacity 0.5s;
- transition: opacity 0.5s;
- }
- .reveal.fade.overview .slides section,
- .reveal.fade.overview .slides>section>section,
- .reveal.fade.exit-overview .slides section,
- .reveal.fade.exit-overview .slides>section>section {
- -webkit-transition: none;
- -moz-transition: none;
- -ms-transition: none;
- -o-transition: none;
- transition: none;
- }
- /*********************************************
- * NO TRANSITION
- *********************************************/
- .reveal .slides section[data-transition=none],
- .reveal.none .slides section {
- -webkit-transform: none;
- -moz-transform: none;
- -ms-transform: none;
- -o-transform: none;
- transform: none;
- -webkit-transition: none;
- -moz-transition: none;
- -ms-transition: none;
- -o-transition: none;
- transition: none;
- }
- /*********************************************
- * OVERVIEW
- *********************************************/
- .reveal.overview .slides {
- -webkit-perspective-origin: 0% 0%;
- -moz-perspective-origin: 0% 0%;
- -ms-perspective-origin: 0% 0%;
- perspective-origin: 0% 0%;
- -webkit-perspective: 700px;
- -moz-perspective: 700px;
- -ms-perspective: 700px;
- perspective: 700px;
- }
- .reveal.overview .slides section {
- height: 600px;
- overflow: hidden;
- opacity: 1!important;
- visibility: visible!important;
- cursor: pointer;
- background: rgba(0,0,0,0.1);
- }
- .reveal.overview .slides section .fragment {
- opacity: 1;
- }
- .reveal.overview .slides section:after,
- .reveal.overview .slides section:before {
- display: none !important;
- }
- .reveal.overview .slides section>section {
- opacity: 1;
- cursor: pointer;
- }
- .reveal.overview .slides section:hover {
- background: rgba(0,0,0,0.3);
- }
- .reveal.overview .slides section.present {
- background: rgba(0,0,0,0.3);
- }
- .reveal.overview .slides>section.stack {
- padding: 0;
- background: none;
- overflow: visible;
- }
- /*********************************************
- * PAUSED MODE
- *********************************************/
- .reveal .pause-overlay {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: black;
- visibility: hidden;
- opacity: 0;
- z-index: 100;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -ms-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease;
- }
- .reveal.paused .pause-overlay {
- visibility: visible;
- opacity: 1;
- }
- /*********************************************
- * FALLBACK
- *********************************************/
- .no-transforms {
- overflow-y: auto;
- }
- .no-transforms .reveal .slides {
- position: relative;
- width: 80%;
- height: auto !important;
- top: 0;
- left: 50%;
- margin: 0;
- text-align: center;
- }
- .no-transforms .reveal .controls,
- .no-transforms .reveal .progress {
- display: none !important;
- }
- .no-transforms .reveal .slides section {
- display: block !important;
- opacity: 1 !important;
- position: relative !important;
- height: auto;
- min-height: auto;
- top: 0;
- left: -50%;
- margin: 70px 0;
- -webkit-transform: none;
- -moz-transform: none;
- -ms-transform: none;
- -o-transform: none;
- transform: none;
- }
- .no-transforms .reveal .slides section section {
- left: 0;
- }
- .reveal .no-transition,
- .reveal .no-transition * {
- -webkit-transition: none !important;
- -moz-transition: none !important;
- -ms-transition: none !important;
- -o-transition: none !important;
- transition: none !important;
- }
- /*********************************************
- * BACKGROUND STATES [DEPRECATED]
- *********************************************/
- .reveal .state-background {
- position: absolute;
- width: 100%;
- height: 100%;
- background: rgba( 0, 0, 0, 0 );
- -webkit-transition: background 800ms ease;
- -moz-transition: background 800ms ease;
- -ms-transition: background 800ms ease;
- -o-transition: background 800ms ease;
- transition: background 800ms ease;
- }
- .alert .reveal .state-background {
- background: rgba( 200, 50, 30, 0.6 );
- }
- .soothe .reveal .state-background {
- background: rgba( 50, 200, 90, 0.4 );
- }
- .blackout .reveal .state-background {
- background: rgba( 0, 0, 0, 0.6 );
- }
- .whiteout .reveal .state-background {
- background: rgba( 255, 255, 255, 0.6 );
- }
- .cobalt .reveal .state-background {
- background: rgba( 22, 152, 213, 0.6 );
- }
- .mint .reveal .state-background {
- background: rgba( 22, 213, 75, 0.6 );
- }
- .submerge .reveal .state-background {
- background: rgba( 12, 25, 77, 0.6);
- }
- .lila .reveal .state-background {
- background: rgba( 180, 50, 140, 0.6 );
- }
- .sunset .reveal .state-background {
- background: rgba( 255, 122, 0, 0.6 );
- }
- /*********************************************
- *
- *********************************************/
- .reveal>.background {
- position: absolute;
- width: 100%;
- height: 100%;
- }
- .reveal .slide-background {
- position: absolute;
- width: 100%;
- height: 100%;
- opacity: 0;
- visibility: hidden;
- background-color: rgba( 0, 0, 0, 0 );
- background-position: 50% 50%;
- background-repeat: no-repeat;
- background-size: cover;
- -webkit-transition: all 650ms ease;
- -moz-transition: all 650ms ease;
- -ms-transition: all 650ms ease;
- -o-transition: all 650ms ease;
- transition: all 650ms ease;
- }
- .reveal .slide-background.present {
- opacity: 1;
- visibility: visible;
- }
- .print-pdf .reveal .slide-background {
- opacity: 1 !important;
- visibility: visible !important;
- }
- /* Linear sliding transition style */
- .reveal[data-background-transition=linear]>.background .slide-background {
- opacity: 1;
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- backface-visibility: hidden;
- }
- .reveal[data-background-transition=linear]>.background .slide-background.past {
- -webkit-transform: translate(-100%, 0);
- -moz-transform: translate(-100%, 0);
- -ms-transform: translate(-100%, 0);
- -o-transform: translate(-100%, 0);
- transform: translate(-100%, 0);
- }
- .reveal[data-background-transition=linear]>.background .slide-background.future {
- -webkit-transform: translate(100%, 0);
- -moz-transform: translate(100%, 0);
- -ms-transform: translate(100%, 0);
- -o-transform: translate(100%, 0);
- transform: translate(100%, 0);
- }
- .reveal[data-background-transition=linear]>.background .slide-background>.slide-background.past {
- -webkit-transform: translate(0, -100%);
- -moz-transform: translate(0, -100%);
- -ms-transform: translate(0, -100%);
- -o-transform: translate(0, -100%);
- transform: translate(0, -100%);
- }
- .reveal[data-background-transition=linear]>.background .slide-background>.slide-background.future {
- -webkit-transform: translate(0, 100%);
- -moz-transform: translate(0, 100%);
- -ms-transform: translate(0, 100%);
- -o-transform: translate(0, 100%);
- transform: translate(0, 100%);
- }
- /* Global transition speed settings */
- .reveal[data-transition-speed="fast"]>.background .slide-background {
- -webkit-transition-duration: 300ms;
- -moz-transition-duration: 300ms;
- -ms-transition-duration: 300ms;
- transition-duration: 300ms;
- }
- .reveal[data-transition-speed="slow"]>.background .slide-background {
- -webkit-transition-duration: 900ms;
- -moz-transition-duration: 900ms;
- -ms-transition-duration: 900ms;
- transition-duration: 900ms;
- }
- /*********************************************
- * RTL SUPPORT
- *********************************************/
- .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 {
- direction: rtl;
- font-family: sans-serif;
- }
- .reveal.rtl pre,
- .reveal.rtl code {
- direction: ltr;
- }
- .reveal.rtl ol,
- .reveal.rtl ul {
- text-align: right;
- }
- .reveal.rtl .progress span {
- float: right
- }
- /*********************************************
- * SPEAKER NOTES
- *********************************************/
- .reveal aside.notes {
- display: none;
- }
- /*********************************************
- * ZOOM PLUGIN
- *********************************************/
- .zoomed .reveal *,
- .zoomed .reveal *:before,
- .zoomed .reveal *:after {
- -webkit-transform: none !important;
- -moz-transform: none !important;
- -ms-transform: none !important;
- transform: none !important;
- -webkit-backface-visibility: visible !important;
- -moz-backface-visibility: visible !important;
- -ms-backface-visibility: visible !important;
- backface-visibility: visible !important;
- }
- .zoomed .reveal .progress,
- .zoomed .reveal .controls {
- opacity: 0;
- }
- .zoomed .reveal .roll span {
- background: none;
- }
- .zoomed .reveal .roll span:after {
- visibility: hidden;
- }
|