From b25fa5065720a95ead521d148f5384515549d383 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Mon, 17 Feb 2014 11:55:38 +0100 Subject: remove all use of :not(.image) --- css/theme/template/theme.scss | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) (limited to 'css/theme/template') diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss index 1562b54..0349f36 100644 --- a/css/theme/template/theme.scss +++ b/css/theme/template/theme.scss @@ -53,7 +53,7 @@ body { * LINKS *********************************************/ -.reveal a:not(.image) { +.reveal a { color: $linkColor; text-decoration: none; @@ -63,7 +63,7 @@ body { -o-transition: color .15s ease; transition: color .15s ease; } - .reveal a:not(.image):hover { + .reveal a:hover { color: $linkColorHover; text-shadow: none; @@ -86,14 +86,16 @@ body { border: 4px solid $mainColor; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); - - -webkit-transition: all .2s linear; - -moz-transition: all .2s linear; - -ms-transition: all .2s linear; - -o-transition: all .2s linear; - transition: all .2s linear; } + .reveal a img { + -webkit-transition: all .15s linear; + -moz-transition: all .15s linear; + -ms-transition: all .15s linear; + -o-transition: all .15s linear; + transition: all .15s linear; + } + .reveal a:hover img { background: rgba(255,255,255,0.2); border-color: $linkColor; -- cgit v1.2.3 From 9478d03cf6584ac4ec93a79b02f4290da194dee5 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Mon, 17 Feb 2014 17:52:26 +0100 Subject: drop -o-transition and -ms-transition --- css/reveal.css | 50 ------------------------------------------- css/reveal.min.css | 2 +- css/theme/beige.css | 6 ------ css/theme/blood.css | 6 ------ css/theme/default.css | 6 ------ css/theme/moon.css | 6 ------ css/theme/night.css | 6 ------ css/theme/serif.css | 6 ------ css/theme/simple.css | 6 ------ css/theme/sky.css | 6 ------ css/theme/solarized.css | 6 ------ css/theme/template/theme.scss | 6 ------ 12 files changed, 1 insertion(+), 111 deletions(-) (limited to 'css/theme/template') diff --git a/css/reveal.css b/css/reveal.css index 3b58db1..3c38850 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -99,8 +99,6 @@ body { -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 { @@ -436,8 +434,6 @@ body { -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; } @@ -525,8 +521,6 @@ body { -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); } @@ -570,8 +564,6 @@ body { -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; @@ -613,14 +605,6 @@ body { -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), @@ -631,13 +615,11 @@ body { .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; } @@ -645,13 +627,11 @@ body { .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; } @@ -777,8 +757,6 @@ body { .reveal.zoom .slides>section:not([data-transition]) { -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; - -ms-transition-timing-function: ease; - -o-transition-timing-function: ease; transition-timing-function: ease; } @@ -1115,8 +1093,6 @@ body { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; - -ms-transition: opacity 0.5s; - -o-transition: opacity 0.5s; transition: opacity 0.5s; } @@ -1127,8 +1103,6 @@ body { .reveal.fade.overview-deactivating .slides>section>section { -webkit-transition: none; -moz-transition: none; - -ms-transition: none; - -o-transition: none; transition: none; } @@ -1147,8 +1121,6 @@ body { -webkit-transition: none; -moz-transition: none; - -ms-transition: none; - -o-transition: none; transition: none; } @@ -1220,8 +1192,6 @@ body { -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 { @@ -1278,8 +1248,6 @@ body { .reveal .no-transition * { -webkit-transition: none !important; -moz-transition: none !important; - -ms-transition: none !important; - -o-transition: none !important; transition: none !important; } @@ -1296,8 +1264,6 @@ body { -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 { @@ -1357,8 +1323,6 @@ body { -webkit-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); -moz-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); - -ms-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); - -o-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); } .reveal .slide-background.present { @@ -1376,8 +1340,6 @@ body { .reveal>.backgrounds .slide-background[data-background-transition=none] { -webkit-transition: none; -moz-transition: none; - -ms-transition: none; - -o-transition: none; transition: none; } @@ -1510,8 +1472,6 @@ body { .reveal>.backgrounds .slide-background[data-background-transition=zoom] { -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; - -ms-transition-timing-function: ease; - -o-transition-timing-function: ease; transition-timing-function: ease; } @@ -1566,13 +1526,11 @@ body { .reveal[data-transition-speed="fast"]>.backgrounds .slide-background { -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; - -ms-transition-duration: 400ms; transition-duration: 400ms; } .reveal[data-transition-speed="slow"]>.backgrounds .slide-background { -webkit-transition-duration: 1200ms; -moz-transition-duration: 1200ms; - -ms-transition-duration: 1200ms; transition-duration: 1200ms; } @@ -1613,7 +1571,6 @@ body { .reveal.has-parallax-background .backgrounds { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; - -ms-transition: all 0.8s ease; transition: all 0.8s ease; } @@ -1621,13 +1578,11 @@ body { .reveal.has-parallax-background[data-transition-speed="fast"] .backgrounds { -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; - -ms-transition-duration: 400ms; transition-duration: 400ms; } .reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds { -webkit-transition-duration: 1200ms; -moz-transition-duration: 1200ms; - -ms-transition-duration: 1200ms; transition-duration: 1200ms; } @@ -1649,7 +1604,6 @@ body { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; - -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .reveal .preview-link-overlay.visible { @@ -1673,7 +1627,6 @@ body { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; - -ms-transition: all 0.3s ease; transition: all 0.3s ease; } @@ -1735,7 +1688,6 @@ body { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; - -ms-transition: all 0.3s ease; transition: all 0.3s ease; } @@ -1769,7 +1721,6 @@ body { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; - -ms-transition: all 400ms ease; transition: all 400ms ease; } @@ -1813,7 +1764,6 @@ body { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; - -ms-transition: all 400ms ease; transition: all 400ms ease; -webkit-transform-origin: 50% 0%; diff --git a/css/reveal.min.css b/css/reveal.min.css index a05684a..aef6c64 100644 --- a/css/reveal.min.css +++ b/css/reveal.min.css @@ -4,4 +4,4 @@ * MIT licensed * * Copyright (C) 2014 Hakim El Hattab, http://hakim.se - */ 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}html,body{width:100%;height:100%;overflow:hidden}body{position:relative;line-height:1;background-color:#fff;color:#000}::selection{background:#FF5E99;color:#fff;text-shadow:none}.reveal h1,.reveal h2,.reveal h3,.reveal h4,.reveal h5,.reveal h6{-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;word-wrap:break-word;line-height:1}.reveal h1{font-size:3.77em}.reveal h2{font-size:2.11em}.reveal h3{font-size:1.55em}.reveal h4{font-size:1em}.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.semi-fade-out{opacity:1}.reveal .slides section .fragment.semi-fade-out.visible{opacity:.5}.reveal .slides section .fragment.current-visible{opacity:0}.reveal .slides section .fragment.current-visible.current-fragment{opacity:1}.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{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}.reveal .slides section .fragment.highlight-current-red.current-fragment{color:#ff2c2d}.reveal .slides section .fragment.highlight-current-green.current-fragment{color:#17ff2e}.reveal .slides section .fragment.highlight-current-blue.current-fragment{color:#1b91ff}.reveal .slides section .fragment.strike{opacity:1}.reveal .slides section .fragment.strike.visible{text-decoration:line-through}.reveal:after{content:'';font-style:italic}.reveal iframe{z-index:1}.reveal img,.reveal video,.reveal iframe{max-width:95%;max-height:95%}.reveal a{position:relative}.reveal strong,.reveal b{font-weight:700}.reveal em,.reveal i{font-style:italic}.reveal ol,.reveal dl,.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 dt{font-weight:700}.reveal dd{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,.05);box-shadow:0 0 2px rgba(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:.55em;font-family:monospace;line-height:1.2em;word-wrap:break-word;box-shadow:0 0 6px rgba(0,0,0,.3)}.reveal code{font-family:monospace}.reveal pre code{padding:5px;overflow:auto;max-height:400px;word-wrap:normal}.reveal pre.stretch code{height:100%;max-height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.reveal table{margin:auto;border-collapse:collapse;border-spacing:0}.reveal table th{font-weight:700}.reveal table th,.reveal table td{text-align:left;padding:.2em 1em .2em 0;border-bottom:1px solid}.reveal table tr:last-child td{border-bottom:0}.reveal sup{vertical-align:super}.reveal sub{vertical-align:sub}.reveal small{display:inline-block;font-size:.6em;line-height:1.2em;vertical-align:top}.reveal small *{vertical-align:top}.reveal .stretch{max-width:none;max-height:none}.reveal .controls{display:none;position:fixed;width:110px;height:110px;z-index:30;right:10px;bottom:10px}.reveal .controls div{position:absolute;opacity:.05;width:0;height:0;border:12px solid transparent;-moz-transform:scale(.9999);-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 .controls div.enabled{opacity:.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:#000}.reveal .controls div.navigate-left.fragmented{opacity:.3}.reveal .controls div.navigate-right{left:74px;top:42px;border-left-width:22px;border-left-color:#000}.reveal .controls div.navigate-right.fragmented{opacity:.3}.reveal .controls div.navigate-up{left:42px;border-bottom-width:22px;border-bottom-color:#000}.reveal .controls div.navigate-up.fragmented{opacity:.3}.reveal .controls div.navigate-down{left:42px;top:74px;border-top-width:22px;border-top-color:#000}.reveal .controls div.navigate-down.fragmented{opacity:.3}.reveal .progress{position:fixed;display:none;height:3px;width:100%;bottom:0;left:0;z-index:10;background-color:rgba(0,0,0,.2)}.reveal .progress:after{content:'';display:block;position:absolute;height:20px;width:100%;top:-20px}.reveal .progress span{display:block;height:100%;width:0;background-color:#000;-webkit-transition:width 800ms cubic-bezier(0.26,.86,.44,.985);-moz-transition:width 800ms cubic-bezier(0.26,.86,.44,.985);-ms-transition:width 800ms cubic-bezier(0.26,.86,.44,.985);-o-transition:width 800ms cubic-bezier(0.26,.86,.44,.985);transition:width 800ms cubic-bezier(0.26,.86,.44,.985)}.reveal .slide-number{position:fixed;display:block;right:15px;bottom:15px;opacity:.5;z-index:31;font-size:12px}.reveal{position:relative;width:100%;height:100%;-ms-touch-action:none;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:0 -100px;-moz-perspective-origin:0 -100px;-ms-perspective-origin:0 -100px;perspective-origin:0 -100px}.reveal .slides>section{-ms-perspective:600px}.reveal .slides>section,.reveal .slides>section>section{display:none;position:absolute;width:100%;padding:20px 0;z-index:10;line-height:1.2em;font-weight:inherit;-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.26,.86,.44,.985),-webkit-transform 800ms cubic-bezier(0.26,.86,.44,.985),visibility 800ms cubic-bezier(0.26,.86,.44,.985),opacity 800ms cubic-bezier(0.26,.86,.44,.985);-moz-transition:-moz-transform-origin 800ms cubic-bezier(0.26,.86,.44,.985),-moz-transform 800ms cubic-bezier(0.26,.86,.44,.985),visibility 800ms cubic-bezier(0.26,.86,.44,.985),opacity 800ms cubic-bezier(0.26,.86,.44,.985);-ms-transition:-ms-transform-origin 800ms cubic-bezier(0.26,.86,.44,.985),-ms-transform 800ms cubic-bezier(0.26,.86,.44,.985),visibility 800ms cubic-bezier(0.26,.86,.44,.985),opacity 800ms cubic-bezier(0.26,.86,.44,.985);-o-transition:-o-transform-origin 800ms cubic-bezier(0.26,.86,.44,.985),-o-transform 800ms cubic-bezier(0.26,.86,.44,.985),visibility 800ms cubic-bezier(0.26,.86,.44,.985),opacity 800ms cubic-bezier(0.26,.86,.44,.985);transition:transform-origin 800ms cubic-bezier(0.26,.86,.44,.985),transform 800ms cubic-bezier(0.26,.86,.44,.985),visibility 800ms cubic-bezier(0.26,.86,.44,.985),opacity 800ms cubic-bezier(0.26,.86,.44,.985)}.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}.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}.reveal .slides>section.future,.reveal .slides>section>section.future,.reveal .slides>section.past,.reveal .slides>section>section.past{pointer-events:none}.reveal.overview .slides>section,.reveal.overview .slides>section>section{pointer-events:auto}.reveal .slides>section.past,.reveal .slides>section.future,.reveal .slides>section>section.past,.reveal .slides>section>section.future{opacity:0}.reveal .slides>section[data-transition=default].past,.reveal.default .slides>section:not([data-transition]).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=default].future,.reveal.default .slides>section:not([data-transition]).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=default].past,.reveal.default .slides>section>section:not([data-transition]).past{-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.default .slides>section>section:not([data-transition]).future{-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[data-transition=concave].past,.reveal.concave .slides>section:not([data-transition]).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:not([data-transition]).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:not([data-transition]).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:not([data-transition]).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)}.reveal .slides>section[data-transition=zoom],.reveal.zoom .slides>section:not([data-transition]){-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.reveal .slides>section[data-transition=zoom].past,.reveal.zoom .slides>section:not([data-transition]).past{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:not([data-transition]).future{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:not([data-transition]).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:not([data-transition]).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%)}.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:not([data-transition]).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:not([data-transition]).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:not([data-transition]).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:not([data-transition]).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%)}.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,.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:0;z-index:1;border-radius:4px;box-shadow:0 95px 25px rgba(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:0}.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)}.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,.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:0;z-index:1;border-radius:4px;box-shadow:0 95px 25px rgba(0,0,0,.2);-webkit-transform:translateZ(-90px) rotateX(65deg)}.reveal.page .slides>section.stack{padding:0;background:0}.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)}.reveal .slides section[data-transition=fade],.reveal.fade .slides section:not([data-transition]),.reveal.fade .slides>section>section:not([data-transition]){-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.reveal.fade.overview .slides section,.reveal.fade.overview .slides>section>section,.reveal.fade.overview-deactivating .slides section,.reveal.fade.overview-deactivating .slides>section>section{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}.reveal .slides section[data-transition=none],.reveal.none .slides section:not([data-transition]){-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}.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;top:-300px!important;overflow:hidden;opacity:1!important;visibility:visible!important;cursor:pointer;background:rgba(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,.3)}.reveal.overview .slides section.present{background:rgba(0,0,0,.3)}.reveal.overview .slides>section.stack{padding:0;top:0!important;background:0;overflow:visible}.reveal .pause-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;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}.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}.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,.6)}.soothe .reveal .state-background{background:rgba(50,200,90,.4)}.blackout .reveal .state-background{background:rgba(0,0,0,.6)}.whiteout .reveal .state-background{background:rgba(255,255,255,.6)}.cobalt .reveal .state-background{background:rgba(22,152,213,.6)}.mint .reveal .state-background{background:rgba(22,213,75,.6)}.submerge .reveal .state-background{background:rgba(12,25,77,.6)}.lila .reveal .state-background{background:rgba(180,50,140,.6)}.sunset .reveal .state-background{background:rgba(255,122,0,.6)}.reveal>.backgrounds{position:absolute;width:100%;height:100%;-webkit-perspective:600px;-moz-perspective:600px;-ms-perspective:600px;perspective:600px}.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 800ms cubic-bezier(0.26,.86,.44,.985);-moz-transition:all 800ms cubic-bezier(0.26,.86,.44,.985);-ms-transition:all 800ms cubic-bezier(0.26,.86,.44,.985);-o-transition:all 800ms cubic-bezier(0.26,.86,.44,.985);transition:all 800ms cubic-bezier(0.26,.86,.44,.985)}.reveal .slide-background.present{opacity:1;visibility:visible}.print-pdf .reveal .slide-background{opacity:1!important;visibility:visible!important}.reveal[data-background-transition=none]>.backgrounds .slide-background,.reveal>.backgrounds .slide-background[data-background-transition=none]{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}.reveal[data-background-transition=slide]>.backgrounds .slide-background,.reveal>.backgrounds .slide-background[data-background-transition=slide]{opacity:1;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.reveal[data-background-transition=slide]>.backgrounds .slide-background.past,.reveal>.backgrounds .slide-background.past[data-background-transition=slide]{-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=slide]>.backgrounds .slide-background.future,.reveal>.backgrounds .slide-background.future[data-background-transition=slide]{-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=slide]>.backgrounds .slide-background>.slide-background.past,.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=slide]{-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=slide]>.backgrounds .slide-background>.slide-background.future,.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=slide]{-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=convex]>.backgrounds .slide-background.past,.reveal>.backgrounds .slide-background.past[data-background-transition=convex]{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[data-background-transition=convex]>.backgrounds .slide-background.future,.reveal>.backgrounds .slide-background.future[data-background-transition=convex]{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[data-background-transition=convex]>.backgrounds .slide-background>.slide-background.past,.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=convex]{opacity:0;-webkit-transform:translate3d(0,-100%,0) rotateX(90deg) translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0) rotateX(90deg) translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0) rotateX(90deg) translate3d(0,-100%,0);transform:translate3d(0,-100%,0) rotateX(90deg) translate3d(0,-100%,0)}.reveal[data-background-transition=convex]>.backgrounds .slide-background>.slide-background.future,.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=convex]{opacity:0;-webkit-transform:translate3d(0,100%,0) rotateX(-90deg) translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0) rotateX(-90deg) translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0) rotateX(-90deg) translate3d(0,100%,0);transform:translate3d(0,100%,0) rotateX(-90deg) translate3d(0,100%,0)}.reveal[data-background-transition=concave]>.backgrounds .slide-background.past,.reveal>.backgrounds .slide-background.past[data-background-transition=concave]{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[data-background-transition=concave]>.backgrounds .slide-background.future,.reveal>.backgrounds .slide-background.future[data-background-transition=concave]{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[data-background-transition=concave]>.backgrounds .slide-background>.slide-background.past,.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=concave]{opacity:0;-webkit-transform:translate3d(0,-100%,0) rotateX(-90deg) translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0) rotateX(-90deg) translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0) rotateX(-90deg) translate3d(0,-100%,0);transform:translate3d(0,-100%,0) rotateX(-90deg) translate3d(0,-100%,0)}.reveal[data-background-transition=concave]>.backgrounds .slide-background>.slide-background.future,.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=concave]{opacity:0;-webkit-transform:translate3d(0,100%,0) rotateX(90deg) translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0) rotateX(90deg) translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0) rotateX(90deg) translate3d(0,100%,0);transform:translate3d(0,100%,0) rotateX(90deg) translate3d(0,100%,0)}.reveal[data-background-transition=zoom]>.backgrounds .slide-background,.reveal>.backgrounds .slide-background[data-background-transition=zoom]{-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.reveal[data-background-transition=zoom]>.backgrounds .slide-background.past,.reveal>.backgrounds .slide-background.past[data-background-transition=zoom]{opacity:0;visibility:hidden;-webkit-transform:scale(16);-moz-transform:scale(16);-ms-transform:scale(16);-o-transform:scale(16);transform:scale(16)}.reveal[data-background-transition=zoom]>.backgrounds .slide-background.future,.reveal>.backgrounds .slide-background.future[data-background-transition=zoom]{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[data-background-transition=zoom]>.backgrounds .slide-background>.slide-background.past,.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=zoom]{opacity:0;visibility:hidden;-webkit-transform:scale(16);-moz-transform:scale(16);-ms-transform:scale(16);-o-transform:scale(16);transform:scale(16)}.reveal[data-background-transition=zoom]>.backgrounds .slide-background>.slide-background.future,.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=zoom]{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[data-transition-speed=fast]>.backgrounds .slide-background{-webkit-transition-duration:400ms;-moz-transition-duration:400ms;-ms-transition-duration:400ms;transition-duration:400ms}.reveal[data-transition-speed=slow]>.backgrounds .slide-background{-webkit-transition-duration:1200ms;-moz-transition-duration:1200ms;-ms-transition-duration:1200ms;transition-duration:1200ms}.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}.reveal.has-parallax-background .backgrounds{-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-ms-transition:all .8s ease;transition:all .8s ease}.reveal.has-parallax-background[data-transition-speed=fast] .backgrounds{-webkit-transition-duration:400ms;-moz-transition-duration:400ms;-ms-transition-duration:400ms;transition-duration:400ms}.reveal.has-parallax-background[data-transition-speed=slow] .backgrounds{-webkit-transition-duration:1200ms;-moz-transition-duration:1200ms;-ms-transition-duration:1200ms;transition-duration:1200ms}.reveal .preview-link-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,.9);opacity:0;visibility:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.reveal .preview-link-overlay.visible{opacity:1;visibility:visible}.reveal .preview-link-overlay .spinner{position:absolute;display:block;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;z-index:10;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);visibility:visible;opacity:.6;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.reveal .preview-link-overlay header{position:absolute;left:0;top:0;width:100%;height:40px;z-index:2;border-bottom:1px solid #222}.reveal .preview-link-overlay header a{display:inline-block;width:40px;height:40px;padding:0 10px;float:right;opacity:.6;box-sizing:border-box}.reveal .preview-link-overlay header a:hover{opacity:1}.reveal .preview-link-overlay header a .icon{display:inline-block;width:20px;height:20px;background-position:50% 50%;background-size:100%;background-repeat:no-repeat}.reveal .preview-link-overlay header a.close .icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkklEQVRYR8WX4VHDMAxG6wnoJrABZQPYBCaBTWAD2g1gE5gg6OOsXuxIlr40d81dfrSJ9V4c2VLK7spHuTJ/5wpM07QXuXc5X0opX2tEJcadjHuV80li/FgxTIEK/5QBCICBD6xEhSMGHgQPgBgLiYVAB1dpSqKDawxTohFw4JSEA3clzgIBPCURwE2JucBR7rhPJJv5OpJwDX+SfDjgx1wACQeJG1aChP9K/IMmdZ8DtESV1WyP3Bt4MwM6sj4NMxMYiqUWHQu4KYA/SYkIjOsm3BXYWMKFDwU2khjCQ4ELJUJ4SmClRArOCmSXGuKma0fYD5CbzHxFpCSGAhfAVSSUGDUk2BWZaff2g6GE15BsBQ9nwmpIGDiyHQddwNTMKkbZaf9fajXQca1EX44puJZUsnY0ObGmITE3GVLCbEhQUjGVt146j6oasWN+49Vph2w1pZ5EansNZqKBm1txbU57iRRcZ86RWMDdWtBJUHBHwoQPi1GV+JCbntmvok7iTX4/Up9mgyTc/FJYDTcndgH/AA5A/CHsyEkVAAAAAElFTkSuQmCC)}.reveal .preview-link-overlay header a.external .icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAcElEQVRYR+2WSQoAIQwEzf8f7XiOMkUQxUPlGkM3hVmiQfQR9GYnH1SsAQlI4DiBqkCMoNb9y2e90IAEJPAcgdznU9+engMaeJ7Azh5Y1U67gAho4DqBqmB1buAf0MB1AlVBek83ZPkmJMGc1wAR+AAqod/B97TRpQAAAABJRU5ErkJggg==)}.reveal .preview-link-overlay .viewport{position:absolute;top:40px;right:0;bottom:0;left:0}.reveal .preview-link-overlay .viewport iframe{width:100%;height:100%;max-width:100%;max-height:100%;border:0;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.reveal .preview-link-overlay.loaded .viewport iframe{opacity:1;visibility:visible}.reveal .preview-link-overlay.loaded .spinner{opacity:0;visibility:hidden;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);transform:scale(0.2)}.reveal .playback{position:fixed;left:15px;bottom:15px;z-index:30;cursor:pointer;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;transition:all 400ms ease}.reveal.overview .playback{opacity:0;visibility:hidden}.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:0;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,.5);-webkit-transform:translate3d(0px,0,-45px) rotateX(90deg);-moz-transform:translate3d(0px,0,-45px) rotateX(90deg);-ms-transform:translate3d(0px,0,-45px) rotateX(90deg);transform:translate3d(0px,0,-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%,0) rotateX(-90deg);-moz-transform:translate3d(0px,110%,0) rotateX(-90deg);-ms-transform:translate3d(0px,110%,0) rotateX(-90deg);transform:translate3d(0px,110%,0) rotateX(-90deg)}.reveal aside.notes{display:none}.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:0}.zoomed .reveal .roll span:after{visibility:hidden} \ No newline at end of file + */ 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}html,body{width:100%;height:100%;overflow:hidden}body{position:relative;line-height:1;background-color:#fff;color:#000}::selection{background:#FF5E99;color:#fff;text-shadow:none}.reveal h1,.reveal h2,.reveal h3,.reveal h4,.reveal h5,.reveal h6{-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;word-wrap:break-word;line-height:1}.reveal h1{font-size:3.77em}.reveal h2{font-size:2.11em}.reveal h3{font-size:1.55em}.reveal h4{font-size:1em}.reveal .slides section .fragment{opacity:0;-webkit-transition:all .2s ease;-moz-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.semi-fade-out{opacity:1}.reveal .slides section .fragment.semi-fade-out.visible{opacity:.5}.reveal .slides section .fragment.current-visible{opacity:0}.reveal .slides section .fragment.current-visible.current-fragment{opacity:1}.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{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}.reveal .slides section .fragment.highlight-current-red.current-fragment{color:#ff2c2d}.reveal .slides section .fragment.highlight-current-green.current-fragment{color:#17ff2e}.reveal .slides section .fragment.highlight-current-blue.current-fragment{color:#1b91ff}.reveal .slides section .fragment.strike{opacity:1}.reveal .slides section .fragment.strike.visible{text-decoration:line-through}.reveal:after{content:'';font-style:italic}.reveal iframe{z-index:1}.reveal img,.reveal video,.reveal iframe{max-width:95%;max-height:95%}.reveal a{position:relative}.reveal strong,.reveal b{font-weight:700}.reveal em,.reveal i{font-style:italic}.reveal ol,.reveal dl,.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 dt{font-weight:700}.reveal dd{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,.05);box-shadow:0 0 2px rgba(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:.55em;font-family:monospace;line-height:1.2em;word-wrap:break-word;box-shadow:0 0 6px rgba(0,0,0,.3)}.reveal code{font-family:monospace}.reveal pre code{padding:5px;overflow:auto;max-height:400px;word-wrap:normal}.reveal pre.stretch code{height:100%;max-height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.reveal table{margin:auto;border-collapse:collapse;border-spacing:0}.reveal table th{font-weight:700}.reveal table th,.reveal table td{text-align:left;padding:.2em 1em .2em 0;border-bottom:1px solid}.reveal table tr:last-child td{border-bottom:0}.reveal sup{vertical-align:super}.reveal sub{vertical-align:sub}.reveal small{display:inline-block;font-size:.6em;line-height:1.2em;vertical-align:top}.reveal small *{vertical-align:top}.reveal .stretch{max-width:none;max-height:none}.reveal .controls{display:none;position:fixed;width:110px;height:110px;z-index:30;right:10px;bottom:10px}.reveal .controls div{position:absolute;opacity:.05;width:0;height:0;border:12px solid transparent;-moz-transform:scale(.9999);-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}.reveal .controls div.enabled{opacity:.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:#000}.reveal .controls div.navigate-left.fragmented{opacity:.3}.reveal .controls div.navigate-right{left:74px;top:42px;border-left-width:22px;border-left-color:#000}.reveal .controls div.navigate-right.fragmented{opacity:.3}.reveal .controls div.navigate-up{left:42px;border-bottom-width:22px;border-bottom-color:#000}.reveal .controls div.navigate-up.fragmented{opacity:.3}.reveal .controls div.navigate-down{left:42px;top:74px;border-top-width:22px;border-top-color:#000}.reveal .controls div.navigate-down.fragmented{opacity:.3}.reveal .progress{position:fixed;display:none;height:3px;width:100%;bottom:0;left:0;z-index:10;background-color:rgba(0,0,0,.2)}.reveal .progress:after{content:'';display:block;position:absolute;height:20px;width:100%;top:-20px}.reveal .progress span{display:block;height:100%;width:0;background-color:#000;-webkit-transition:width 800ms cubic-bezier(0.26,.86,.44,.985);-moz-transition:width 800ms cubic-bezier(0.26,.86,.44,.985);transition:width 800ms cubic-bezier(0.26,.86,.44,.985)}.reveal .slide-number{position:fixed;display:block;right:15px;bottom:15px;opacity:.5;z-index:31;font-size:12px}.reveal{position:relative;width:100%;height:100%;-ms-touch-action:none;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;transition:perspective .4s ease;-webkit-perspective:600px;-moz-perspective:600px;-ms-perspective:600px;perspective:600px;-webkit-perspective-origin:0 -100px;-moz-perspective-origin:0 -100px;-ms-perspective-origin:0 -100px;perspective-origin:0 -100px}.reveal .slides>section{-ms-perspective:600px}.reveal .slides>section,.reveal .slides>section>section{display:none;position:absolute;width:100%;padding:20px 0;z-index:10;line-height:1.2em;font-weight:inherit;-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.26,.86,.44,.985),-webkit-transform 800ms cubic-bezier(0.26,.86,.44,.985),visibility 800ms cubic-bezier(0.26,.86,.44,.985),opacity 800ms cubic-bezier(0.26,.86,.44,.985);-moz-transition:-moz-transform-origin 800ms cubic-bezier(0.26,.86,.44,.985),-moz-transform 800ms cubic-bezier(0.26,.86,.44,.985),visibility 800ms cubic-bezier(0.26,.86,.44,.985),opacity 800ms cubic-bezier(0.26,.86,.44,.985);transition:transform-origin 800ms cubic-bezier(0.26,.86,.44,.985),transform 800ms cubic-bezier(0.26,.86,.44,.985),visibility 800ms cubic-bezier(0.26,.86,.44,.985),opacity 800ms cubic-bezier(0.26,.86,.44,.985)}.reveal[data-transition-speed=fast] .slides section{-webkit-transition-duration:400ms;-moz-transition-duration:400ms;transition-duration:400ms}.reveal[data-transition-speed=slow] .slides section{-webkit-transition-duration:1200ms;-moz-transition-duration:1200ms;transition-duration:1200ms}.reveal .slides section[data-transition-speed=fast]{-webkit-transition-duration:400ms;-moz-transition-duration:400ms;transition-duration:400ms}.reveal .slides section[data-transition-speed=slow]{-webkit-transition-duration:1200ms;-moz-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}.reveal .slides>section.future,.reveal .slides>section>section.future,.reveal .slides>section.past,.reveal .slides>section>section.past{pointer-events:none}.reveal.overview .slides>section,.reveal.overview .slides>section>section{pointer-events:auto}.reveal .slides>section.past,.reveal .slides>section.future,.reveal .slides>section>section.past,.reveal .slides>section>section.future{opacity:0}.reveal .slides>section[data-transition=default].past,.reveal.default .slides>section:not([data-transition]).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=default].future,.reveal.default .slides>section:not([data-transition]).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=default].past,.reveal.default .slides>section>section:not([data-transition]).past{-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.default .slides>section>section:not([data-transition]).future{-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[data-transition=concave].past,.reveal.concave .slides>section:not([data-transition]).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:not([data-transition]).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:not([data-transition]).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:not([data-transition]).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)}.reveal .slides>section[data-transition=zoom],.reveal.zoom .slides>section:not([data-transition]){-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;transition-timing-function:ease}.reveal .slides>section[data-transition=zoom].past,.reveal.zoom .slides>section:not([data-transition]).past{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:not([data-transition]).future{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:not([data-transition]).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:not([data-transition]).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%)}.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:not([data-transition]).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:not([data-transition]).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:not([data-transition]).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:not([data-transition]).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%)}.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,.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:0;z-index:1;border-radius:4px;box-shadow:0 95px 25px rgba(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:0}.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)}.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,.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:0;z-index:1;border-radius:4px;box-shadow:0 95px 25px rgba(0,0,0,.2);-webkit-transform:translateZ(-90px) rotateX(65deg)}.reveal.page .slides>section.stack{padding:0;background:0}.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)}.reveal .slides section[data-transition=fade],.reveal.fade .slides section:not([data-transition]),.reveal.fade .slides>section>section:not([data-transition]){-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s}.reveal.fade.overview .slides section,.reveal.fade.overview .slides>section>section,.reveal.fade.overview-deactivating .slides section,.reveal.fade.overview-deactivating .slides>section>section{-webkit-transition:none;-moz-transition:none;transition:none}.reveal .slides section[data-transition=none],.reveal.none .slides section:not([data-transition]){-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;-webkit-transition:none;-moz-transition:none;transition:none}.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;top:-300px!important;overflow:hidden;opacity:1!important;visibility:visible!important;cursor:pointer;background:rgba(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,.3)}.reveal.overview .slides section.present{background:rgba(0,0,0,.3)}.reveal.overview .slides>section.stack{padding:0;top:0!important;background:0;overflow:visible}.reveal .pause-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;visibility:hidden;opacity:0;z-index:100;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}.reveal.paused .pause-overlay{visibility:visible;opacity:1}.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;transition:none!important}.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;transition:background 800ms ease}.alert .reveal .state-background{background:rgba(200,50,30,.6)}.soothe .reveal .state-background{background:rgba(50,200,90,.4)}.blackout .reveal .state-background{background:rgba(0,0,0,.6)}.whiteout .reveal .state-background{background:rgba(255,255,255,.6)}.cobalt .reveal .state-background{background:rgba(22,152,213,.6)}.mint .reveal .state-background{background:rgba(22,213,75,.6)}.submerge .reveal .state-background{background:rgba(12,25,77,.6)}.lila .reveal .state-background{background:rgba(180,50,140,.6)}.sunset .reveal .state-background{background:rgba(255,122,0,.6)}.reveal>.backgrounds{position:absolute;width:100%;height:100%;-webkit-perspective:600px;-moz-perspective:600px;-ms-perspective:600px;perspective:600px}.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 800ms cubic-bezier(0.26,.86,.44,.985);-moz-transition:all 800ms cubic-bezier(0.26,.86,.44,.985);transition:all 800ms cubic-bezier(0.26,.86,.44,.985)}.reveal .slide-background.present{opacity:1;visibility:visible}.print-pdf .reveal .slide-background{opacity:1!important;visibility:visible!important}.reveal[data-background-transition=none]>.backgrounds .slide-background,.reveal>.backgrounds .slide-background[data-background-transition=none]{-webkit-transition:none;-moz-transition:none;transition:none}.reveal[data-background-transition=slide]>.backgrounds .slide-background,.reveal>.backgrounds .slide-background[data-background-transition=slide]{opacity:1;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.reveal[data-background-transition=slide]>.backgrounds .slide-background.past,.reveal>.backgrounds .slide-background.past[data-background-transition=slide]{-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=slide]>.backgrounds .slide-background.future,.reveal>.backgrounds .slide-background.future[data-background-transition=slide]{-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=slide]>.backgrounds .slide-background>.slide-background.past,.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=slide]{-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=slide]>.backgrounds .slide-background>.slide-background.future,.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=slide]{-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=convex]>.backgrounds .slide-background.past,.reveal>.backgrounds .slide-background.past[data-background-transition=convex]{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[data-background-transition=convex]>.backgrounds .slide-background.future,.reveal>.backgrounds .slide-background.future[data-background-transition=convex]{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[data-background-transition=convex]>.backgrounds .slide-background>.slide-background.past,.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=convex]{opacity:0;-webkit-transform:translate3d(0,-100%,0) rotateX(90deg) translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0) rotateX(90deg) translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0) rotateX(90deg) translate3d(0,-100%,0);transform:translate3d(0,-100%,0) rotateX(90deg) translate3d(0,-100%,0)}.reveal[data-background-transition=convex]>.backgrounds .slide-background>.slide-background.future,.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=convex]{opacity:0;-webkit-transform:translate3d(0,100%,0) rotateX(-90deg) translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0) rotateX(-90deg) translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0) rotateX(-90deg) translate3d(0,100%,0);transform:translate3d(0,100%,0) rotateX(-90deg) translate3d(0,100%,0)}.reveal[data-background-transition=concave]>.backgrounds .slide-background.past,.reveal>.backgrounds .slide-background.past[data-background-transition=concave]{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[data-background-transition=concave]>.backgrounds .slide-background.future,.reveal>.backgrounds .slide-background.future[data-background-transition=concave]{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[data-background-transition=concave]>.backgrounds .slide-background>.slide-background.past,.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=concave]{opacity:0;-webkit-transform:translate3d(0,-100%,0) rotateX(-90deg) translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0) rotateX(-90deg) translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0) rotateX(-90deg) translate3d(0,-100%,0);transform:translate3d(0,-100%,0) rotateX(-90deg) translate3d(0,-100%,0)}.reveal[data-background-transition=concave]>.backgrounds .slide-background>.slide-background.future,.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=concave]{opacity:0;-webkit-transform:translate3d(0,100%,0) rotateX(90deg) translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0) rotateX(90deg) translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0) rotateX(90deg) translate3d(0,100%,0);transform:translate3d(0,100%,0) rotateX(90deg) translate3d(0,100%,0)}.reveal[data-background-transition=zoom]>.backgrounds .slide-background,.reveal>.backgrounds .slide-background[data-background-transition=zoom]{-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;transition-timing-function:ease}.reveal[data-background-transition=zoom]>.backgrounds .slide-background.past,.reveal>.backgrounds .slide-background.past[data-background-transition=zoom]{opacity:0;visibility:hidden;-webkit-transform:scale(16);-moz-transform:scale(16);-ms-transform:scale(16);-o-transform:scale(16);transform:scale(16)}.reveal[data-background-transition=zoom]>.backgrounds .slide-background.future,.reveal>.backgrounds .slide-background.future[data-background-transition=zoom]{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[data-background-transition=zoom]>.backgrounds .slide-background>.slide-background.past,.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=zoom]{opacity:0;visibility:hidden;-webkit-transform:scale(16);-moz-transform:scale(16);-ms-transform:scale(16);-o-transform:scale(16);transform:scale(16)}.reveal[data-background-transition=zoom]>.backgrounds .slide-background>.slide-background.future,.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=zoom]{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[data-transition-speed=fast]>.backgrounds .slide-background{-webkit-transition-duration:400ms;-moz-transition-duration:400ms;transition-duration:400ms}.reveal[data-transition-speed=slow]>.backgrounds .slide-background{-webkit-transition-duration:1200ms;-moz-transition-duration:1200ms;transition-duration:1200ms}.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}.reveal.has-parallax-background .backgrounds{-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease}.reveal.has-parallax-background[data-transition-speed=fast] .backgrounds{-webkit-transition-duration:400ms;-moz-transition-duration:400ms;transition-duration:400ms}.reveal.has-parallax-background[data-transition-speed=slow] .backgrounds{-webkit-transition-duration:1200ms;-moz-transition-duration:1200ms;transition-duration:1200ms}.reveal .preview-link-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,.9);opacity:0;visibility:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.reveal .preview-link-overlay.visible{opacity:1;visibility:visible}.reveal .preview-link-overlay .spinner{position:absolute;display:block;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;z-index:10;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);visibility:visible;opacity:.6;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.reveal .preview-link-overlay header{position:absolute;left:0;top:0;width:100%;height:40px;z-index:2;border-bottom:1px solid #222}.reveal .preview-link-overlay header a{display:inline-block;width:40px;height:40px;padding:0 10px;float:right;opacity:.6;box-sizing:border-box}.reveal .preview-link-overlay header a:hover{opacity:1}.reveal .preview-link-overlay header a .icon{display:inline-block;width:20px;height:20px;background-position:50% 50%;background-size:100%;background-repeat:no-repeat}.reveal .preview-link-overlay header a.close .icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkklEQVRYR8WX4VHDMAxG6wnoJrABZQPYBCaBTWAD2g1gE5gg6OOsXuxIlr40d81dfrSJ9V4c2VLK7spHuTJ/5wpM07QXuXc5X0opX2tEJcadjHuV80li/FgxTIEK/5QBCICBD6xEhSMGHgQPgBgLiYVAB1dpSqKDawxTohFw4JSEA3clzgIBPCURwE2JucBR7rhPJJv5OpJwDX+SfDjgx1wACQeJG1aChP9K/IMmdZ8DtESV1WyP3Bt4MwM6sj4NMxMYiqUWHQu4KYA/SYkIjOsm3BXYWMKFDwU2khjCQ4ELJUJ4SmClRArOCmSXGuKma0fYD5CbzHxFpCSGAhfAVSSUGDUk2BWZaff2g6GE15BsBQ9nwmpIGDiyHQddwNTMKkbZaf9fajXQca1EX44puJZUsnY0ObGmITE3GVLCbEhQUjGVt146j6oasWN+49Vph2w1pZ5EansNZqKBm1txbU57iRRcZ86RWMDdWtBJUHBHwoQPi1GV+JCbntmvok7iTX4/Up9mgyTc/FJYDTcndgH/AA5A/CHsyEkVAAAAAElFTkSuQmCC)}.reveal .preview-link-overlay header a.external .icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAcElEQVRYR+2WSQoAIQwEzf8f7XiOMkUQxUPlGkM3hVmiQfQR9GYnH1SsAQlI4DiBqkCMoNb9y2e90IAEJPAcgdznU9+engMaeJ7Azh5Y1U67gAho4DqBqmB1buAf0MB1AlVBek83ZPkmJMGc1wAR+AAqod/B97TRpQAAAABJRU5ErkJggg==)}.reveal .preview-link-overlay .viewport{position:absolute;top:40px;right:0;bottom:0;left:0}.reveal .preview-link-overlay .viewport iframe{width:100%;height:100%;max-width:100%;max-height:100%;border:0;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.reveal .preview-link-overlay.loaded .viewport iframe{opacity:1;visibility:visible}.reveal .preview-link-overlay.loaded .spinner{opacity:0;visibility:hidden;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);transform:scale(0.2)}.reveal .playback{position:fixed;left:15px;bottom:15px;z-index:30;cursor:pointer;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;transition:all 400ms ease}.reveal.overview .playback{opacity:0;visibility:hidden}.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:0;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;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,.5);-webkit-transform:translate3d(0px,0,-45px) rotateX(90deg);-moz-transform:translate3d(0px,0,-45px) rotateX(90deg);-ms-transform:translate3d(0px,0,-45px) rotateX(90deg);transform:translate3d(0px,0,-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%,0) rotateX(-90deg);-moz-transform:translate3d(0px,110%,0) rotateX(-90deg);-ms-transform:translate3d(0px,110%,0) rotateX(-90deg);transform:translate3d(0px,110%,0) rotateX(-90deg)}.reveal aside.notes{display:none}.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:0}.zoomed .reveal .roll span:after{visibility:hidden} \ No newline at end of file diff --git a/css/theme/beige.css b/css/theme/beige.css index f18c49d..cc2d3a3 100644 --- a/css/theme/beige.css +++ b/css/theme/beige.css @@ -64,8 +64,6 @@ body { text-decoration: none; -webkit-transition: color .15s ease; -moz-transition: color .15s ease; - -ms-transition: color .15s ease; - -o-transition: color .15s ease; transition: color .15s ease; } .reveal a:hover { @@ -89,8 +87,6 @@ body { .reveal a img { -webkit-transition: all .15s linear; -moz-transition: all .15s linear; - -ms-transition: all .15s linear; - -o-transition: all .15s linear; transition: all .15s linear; } .reveal a:hover img { @@ -139,8 +135,6 @@ body { background: #8b743d; -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } /********************************************* diff --git a/css/theme/blood.css b/css/theme/blood.css index cce43c6..458f030 100644 --- a/css/theme/blood.css +++ b/css/theme/blood.css @@ -63,8 +63,6 @@ body { text-decoration: none; -webkit-transition: color .15s ease; -moz-transition: color .15s ease; - -ms-transition: color .15s ease; - -o-transition: color .15s ease; transition: color .15s ease; } .reveal a:hover { @@ -88,8 +86,6 @@ body { .reveal a img { -webkit-transition: all .15s linear; -moz-transition: all .15s linear; - -ms-transition: all .15s linear; - -o-transition: all .15s linear; transition: all .15s linear; } .reveal a:hover img { @@ -138,8 +134,6 @@ body { background: #aa2233; -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } /********************************************* diff --git a/css/theme/default.css b/css/theme/default.css index f734cae..ce811d9 100644 --- a/css/theme/default.css +++ b/css/theme/default.css @@ -64,8 +64,6 @@ body { text-decoration: none; -webkit-transition: color .15s ease; -moz-transition: color .15s ease; - -ms-transition: color .15s ease; - -o-transition: color .15s ease; transition: color .15s ease; } .reveal a:hover { @@ -89,8 +87,6 @@ body { .reveal a img { -webkit-transition: all .15s linear; -moz-transition: all .15s linear; - -ms-transition: all .15s linear; - -o-transition: all .15s linear; transition: all .15s linear; } .reveal a:hover img { @@ -139,8 +135,6 @@ body { background: #13daec; -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } /********************************************* diff --git a/css/theme/moon.css b/css/theme/moon.css index 8fb9061..0cc0c10 100644 --- a/css/theme/moon.css +++ b/css/theme/moon.css @@ -64,8 +64,6 @@ body { text-decoration: none; -webkit-transition: color .15s ease; -moz-transition: color .15s ease; - -ms-transition: color .15s ease; - -o-transition: color .15s ease; transition: color .15s ease; } .reveal a:hover { @@ -89,8 +87,6 @@ body { .reveal a img { -webkit-transition: all .15s linear; -moz-transition: all .15s linear; - -ms-transition: all .15s linear; - -o-transition: all .15s linear; transition: all .15s linear; } .reveal a:hover img { @@ -139,8 +135,6 @@ body { background: #268bd2; -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } /********************************************* diff --git a/css/theme/night.css b/css/theme/night.css index 46c6e64..3984c14 100644 --- a/css/theme/night.css +++ b/css/theme/night.css @@ -52,8 +52,6 @@ body { text-decoration: none; -webkit-transition: color .15s ease; -moz-transition: color .15s ease; - -ms-transition: color .15s ease; - -o-transition: color .15s ease; transition: color .15s ease; } .reveal a:hover { @@ -77,8 +75,6 @@ body { .reveal a img { -webkit-transition: all .15s linear; -moz-transition: all .15s linear; - -ms-transition: all .15s linear; - -o-transition: all .15s linear; transition: all .15s linear; } .reveal a:hover img { @@ -127,8 +123,6 @@ body { background: #e7ad52; -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } /********************************************* diff --git a/css/theme/serif.css b/css/theme/serif.css index ed38176..aee274e 100644 --- a/css/theme/serif.css +++ b/css/theme/serif.css @@ -54,8 +54,6 @@ body { text-decoration: none; -webkit-transition: color .15s ease; -moz-transition: color .15s ease; - -ms-transition: color .15s ease; - -o-transition: color .15s ease; transition: color .15s ease; } .reveal a:hover { @@ -79,8 +77,6 @@ body { .reveal a img { -webkit-transition: all .15s linear; -moz-transition: all .15s linear; - -ms-transition: all .15s linear; - -o-transition: all .15s linear; transition: all .15s linear; } .reveal a:hover img { @@ -129,8 +125,6 @@ body { background: #51483d; -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } /********************************************* diff --git a/css/theme/simple.css b/css/theme/simple.css index bb16949..5568f8e 100644 --- a/css/theme/simple.css +++ b/css/theme/simple.css @@ -54,8 +54,6 @@ body { text-decoration: none; -webkit-transition: color .15s ease; -moz-transition: color .15s ease; - -ms-transition: color .15s ease; - -o-transition: color .15s ease; transition: color .15s ease; } .reveal a:hover { @@ -79,8 +77,6 @@ body { .reveal a img { -webkit-transition: all .15s linear; -moz-transition: all .15s linear; - -ms-transition: all .15s linear; - -o-transition: all .15s linear; transition: all .15s linear; } .reveal a:hover img { @@ -129,8 +125,6 @@ body { background: darkblue; -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } /********************************************* diff --git a/css/theme/sky.css b/css/theme/sky.css index f37df93..841cf09 100644 --- a/css/theme/sky.css +++ b/css/theme/sky.css @@ -61,8 +61,6 @@ body { text-decoration: none; -webkit-transition: color .15s ease; -moz-transition: color .15s ease; - -ms-transition: color .15s ease; - -o-transition: color .15s ease; transition: color .15s ease; } .reveal a:hover { @@ -86,8 +84,6 @@ body { .reveal a img { -webkit-transition: all .15s linear; -moz-transition: all .15s linear; - -ms-transition: all .15s linear; - -o-transition: all .15s linear; transition: all .15s linear; } .reveal a:hover img { @@ -136,8 +132,6 @@ body { background: #3b759e; -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } /********************************************* diff --git a/css/theme/solarized.css b/css/theme/solarized.css index 4cfe667..192a91e 100644 --- a/css/theme/solarized.css +++ b/css/theme/solarized.css @@ -64,8 +64,6 @@ body { text-decoration: none; -webkit-transition: color .15s ease; -moz-transition: color .15s ease; - -ms-transition: color .15s ease; - -o-transition: color .15s ease; transition: color .15s ease; } .reveal a:hover { @@ -89,8 +87,6 @@ body { .reveal a img { -webkit-transition: all .15s linear; -moz-transition: all .15s linear; - -ms-transition: all .15s linear; - -o-transition: all .15s linear; transition: all .15s linear; } .reveal a:hover img { @@ -139,8 +135,6 @@ body { background: #268bd2; -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } /********************************************* diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss index 0349f36..1e01763 100644 --- a/css/theme/template/theme.scss +++ b/css/theme/template/theme.scss @@ -59,8 +59,6 @@ body { -webkit-transition: color .15s ease; -moz-transition: color .15s ease; - -ms-transition: color .15s ease; - -o-transition: color .15s ease; transition: color .15s ease; } .reveal a:hover { @@ -91,8 +89,6 @@ body { .reveal a img { -webkit-transition: all .15s linear; -moz-transition: all .15s linear; - -ms-transition: all .15s linear; - -o-transition: all .15s linear; transition: all .15s linear; } @@ -157,8 +153,6 @@ body { -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); } -- cgit v1.2.3 From 1aadc53eacaa0a474131657c663842768ed5b982 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Tue, 25 Feb 2014 12:32:23 +0100 Subject: don't reduce line height for all headings in base theme (#753) --- css/theme/beige.css | 2 +- css/theme/blood.css | 2 +- css/theme/default.css | 2 +- css/theme/moon.css | 2 +- css/theme/night.css | 2 +- css/theme/serif.css | 2 +- css/theme/simple.css | 2 +- css/theme/sky.css | 2 +- css/theme/solarized.css | 2 +- css/theme/template/settings.scss | 2 +- 10 files changed, 10 insertions(+), 10 deletions(-) (limited to 'css/theme/template') diff --git a/css/theme/beige.css b/css/theme/beige.css index cc2d3a3..0c31929 100644 --- a/css/theme/beige.css +++ b/css/theme/beige.css @@ -48,7 +48,7 @@ body { margin: 0 0 20px 0; color: #333333; font-family: "League Gothic", Impact, sans-serif; - line-height: 0.9em; + line-height: 1em; letter-spacing: 0.02em; text-transform: uppercase; text-shadow: none; } diff --git a/css/theme/blood.css b/css/theme/blood.css index 458f030..32a768a 100644 --- a/css/theme/blood.css +++ b/css/theme/blood.css @@ -47,7 +47,7 @@ body { margin: 0 0 20px 0; color: #eeeeee; font-family: Ubuntu, "sans-serif"; - line-height: 0.9em; + line-height: 1em; letter-spacing: 0.02em; text-transform: uppercase; text-shadow: 2px 2px 2px #222222; } diff --git a/css/theme/default.css b/css/theme/default.css index ce811d9..da34170 100644 --- a/css/theme/default.css +++ b/css/theme/default.css @@ -48,7 +48,7 @@ body { margin: 0 0 20px 0; color: #eeeeee; font-family: "League Gothic", Impact, sans-serif; - line-height: 0.9em; + line-height: 1em; letter-spacing: 0.02em; text-transform: uppercase; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } diff --git a/css/theme/moon.css b/css/theme/moon.css index 0cc0c10..0525420 100644 --- a/css/theme/moon.css +++ b/css/theme/moon.css @@ -48,7 +48,7 @@ body { margin: 0 0 20px 0; color: #eee8d5; font-family: "League Gothic", Impact, sans-serif; - line-height: 0.9em; + line-height: 1em; letter-spacing: 0.02em; text-transform: uppercase; text-shadow: none; } diff --git a/css/theme/night.css b/css/theme/night.css index 3984c14..25711db 100644 --- a/css/theme/night.css +++ b/css/theme/night.css @@ -36,7 +36,7 @@ body { margin: 0 0 20px 0; color: #eeeeee; font-family: "Montserrat", Impact, sans-serif; - line-height: 0.9em; + line-height: 1em; letter-spacing: -0.03em; text-transform: none; text-shadow: none; } diff --git a/css/theme/serif.css b/css/theme/serif.css index aee274e..93ee54f 100644 --- a/css/theme/serif.css +++ b/css/theme/serif.css @@ -38,7 +38,7 @@ body { margin: 0 0 20px 0; color: #383d3d; font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif; - line-height: 0.9em; + line-height: 1em; letter-spacing: 0.02em; text-transform: none; text-shadow: none; } diff --git a/css/theme/simple.css b/css/theme/simple.css index 5568f8e..0237f24 100644 --- a/css/theme/simple.css +++ b/css/theme/simple.css @@ -38,7 +38,7 @@ body { margin: 0 0 20px 0; color: black; font-family: "News Cycle", Impact, sans-serif; - line-height: 0.9em; + line-height: 1em; letter-spacing: 0.02em; text-transform: none; text-shadow: none; } diff --git a/css/theme/sky.css b/css/theme/sky.css index 841cf09..a4f1d2a 100644 --- a/css/theme/sky.css +++ b/css/theme/sky.css @@ -45,7 +45,7 @@ body { margin: 0 0 20px 0; color: #333333; font-family: "Quicksand", sans-serif; - line-height: 0.9em; + line-height: 1em; letter-spacing: -0.08em; text-transform: uppercase; text-shadow: none; } diff --git a/css/theme/solarized.css b/css/theme/solarized.css index 192a91e..b632062 100644 --- a/css/theme/solarized.css +++ b/css/theme/solarized.css @@ -48,7 +48,7 @@ body { margin: 0 0 20px 0; color: #586e75; font-family: "League Gothic", Impact, sans-serif; - line-height: 0.9em; + line-height: 1em; letter-spacing: 0.02em; text-transform: uppercase; text-shadow: none; } diff --git a/css/theme/template/settings.scss b/css/theme/template/settings.scss index 739a609..1b4fe9b 100644 --- a/css/theme/template/settings.scss +++ b/css/theme/template/settings.scss @@ -13,7 +13,7 @@ $mainColor: #eee; $headingMargin: 0 0 20px 0; $headingFont: 'League Gothic', Impact, sans-serif; $headingColor: #eee; -$headingLineHeight: 0.9em; +$headingLineHeight: 1em; $headingLetterSpacing: 0.02em; $headingTextTransform: uppercase; $headingTextShadow: 0px 0px 6px rgba(0,0,0,0.2); -- cgit v1.2.3 From f4ead96b1ff980db6bce104abaa202bdd1d3663c Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Mon, 26 May 2014 11:25:47 +0200 Subject: move paragraph styles to theme --- css/reveal.css | 5 ----- css/theme/beige.css | 10 ++++++++-- css/theme/blood.css | 9 ++++++++- css/theme/default.css | 10 ++++++++-- css/theme/moon.css | 10 ++++++++-- css/theme/night.css | 11 +++++++++-- css/theme/serif.css | 7 +++++++ css/theme/simple.css | 11 +++++++++-- css/theme/sky.css | 11 +++++++++-- css/theme/solarized.css | 10 ++++++++-- css/theme/template/theme.scss | 10 ++++++++++ 11 files changed, 84 insertions(+), 20 deletions(-) (limited to 'css/theme/template') diff --git a/css/reveal.css b/css/reveal.css index 7f56e76..55f6a34 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -299,11 +299,6 @@ body { margin-left: 40px; } -.reveal p { - margin-bottom: 10px; - line-height: 1.2em; -} - .reveal q, .reveal blockquote { quotes: none; diff --git a/css/theme/beige.css b/css/theme/beige.css index 0c31929..55aaf22 100644 --- a/css/theme/beige.css +++ b/css/theme/beige.css @@ -1,16 +1,15 @@ -@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); /** * Beige theme for reveal.js. * * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se */ +@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); @font-face { font-family: 'League Gothic'; src: url("../../lib/font/league_gothic-webfont.eot"); src: url("../../lib/font/league_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../../lib/font/league_gothic-webfont.woff") format("woff"), url("../../lib/font/league_gothic-webfont.ttf") format("truetype"), url("../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular") format("svg"); font-weight: normal; font-style: normal; } - /********************************************* * GLOBAL STYLES *********************************************/ @@ -56,6 +55,13 @@ body { .reveal h1 { text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); } +/********************************************* + * OTHER + *********************************************/ +.reveal p { + margin-bottom: 10px; + line-height: 1.3; } + /********************************************* * LINKS *********************************************/ diff --git a/css/theme/blood.css b/css/theme/blood.css index 32a768a..658cb3d 100644 --- a/css/theme/blood.css +++ b/css/theme/blood.css @@ -1,4 +1,3 @@ -@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic); /** * Blood theme for reveal.js * Author: Walther http://github.com/Walther @@ -10,6 +9,7 @@ * For other themes, change $codeBackground accordingly. * */ +@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic); /********************************************* * GLOBAL STYLES *********************************************/ @@ -55,6 +55,13 @@ body { .reveal h1 { text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); } +/********************************************* + * OTHER + *********************************************/ +.reveal p { + margin-bottom: 10px; + line-height: 1.3; } + /********************************************* * LINKS *********************************************/ diff --git a/css/theme/default.css b/css/theme/default.css index da34170..7b197d4 100644 --- a/css/theme/default.css +++ b/css/theme/default.css @@ -1,16 +1,15 @@ -@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); /** * Default theme for reveal.js. * * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se */ +@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); @font-face { font-family: 'League Gothic'; src: url("../../lib/font/league_gothic-webfont.eot"); src: url("../../lib/font/league_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../../lib/font/league_gothic-webfont.woff") format("woff"), url("../../lib/font/league_gothic-webfont.ttf") format("truetype"), url("../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular") format("svg"); font-weight: normal; font-style: normal; } - /********************************************* * GLOBAL STYLES *********************************************/ @@ -56,6 +55,13 @@ body { .reveal h1 { text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); } +/********************************************* + * OTHER + *********************************************/ +.reveal p { + margin-bottom: 10px; + line-height: 1.3; } + /********************************************* * LINKS *********************************************/ diff --git a/css/theme/moon.css b/css/theme/moon.css index 0525420..01d410c 100644 --- a/css/theme/moon.css +++ b/css/theme/moon.css @@ -1,15 +1,14 @@ -@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); /** * Solarized Dark theme for reveal.js. * Author: Achim Staebler */ +@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); @font-face { font-family: 'League Gothic'; src: url("../../lib/font/league_gothic-webfont.eot"); src: url("../../lib/font/league_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../../lib/font/league_gothic-webfont.woff") format("woff"), url("../../lib/font/league_gothic-webfont.ttf") format("truetype"), url("../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular") format("svg"); font-weight: normal; font-style: normal; } - /** * Solarized colors by Ethan Schoonover */ @@ -56,6 +55,13 @@ body { .reveal h1 { text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } +/********************************************* + * OTHER + *********************************************/ +.reveal p { + margin-bottom: 10px; + line-height: 1.3; } + /********************************************* * LINKS *********************************************/ diff --git a/css/theme/night.css b/css/theme/night.css index 25711db..d94bec1 100644 --- a/css/theme/night.css +++ b/css/theme/night.css @@ -1,10 +1,10 @@ -@import url(https://fonts.googleapis.com/css?family=Montserrat:700); -@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic); /** * Black theme for reveal.js. * * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se */ +@import url(https://fonts.googleapis.com/css?family=Montserrat:700); +@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic); /********************************************* * GLOBAL STYLES *********************************************/ @@ -44,6 +44,13 @@ body { .reveal h1 { text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } +/********************************************* + * OTHER + *********************************************/ +.reveal p { + margin-bottom: 10px; + line-height: 1.3; } + /********************************************* * LINKS *********************************************/ diff --git a/css/theme/serif.css b/css/theme/serif.css index 93ee54f..a5ebcb1 100644 --- a/css/theme/serif.css +++ b/css/theme/serif.css @@ -46,6 +46,13 @@ body { .reveal h1 { text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } +/********************************************* + * OTHER + *********************************************/ +.reveal p { + margin-bottom: 10px; + line-height: 1.3; } + /********************************************* * LINKS *********************************************/ diff --git a/css/theme/simple.css b/css/theme/simple.css index 0237f24..4334171 100644 --- a/css/theme/simple.css +++ b/css/theme/simple.css @@ -1,5 +1,3 @@ -@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700); -@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); /** * A simple theme for reveal.js presentations, similar * to the default theme. The accent color is darkblue. @@ -7,6 +5,8 @@ * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed. * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se */ +@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700); +@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); /********************************************* * GLOBAL STYLES *********************************************/ @@ -46,6 +46,13 @@ body { .reveal h1 { text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } +/********************************************* + * OTHER + *********************************************/ +.reveal p { + margin-bottom: 10px; + line-height: 1.3; } + /********************************************* * LINKS *********************************************/ diff --git a/css/theme/sky.css b/css/theme/sky.css index a4f1d2a..febfdfe 100644 --- a/css/theme/sky.css +++ b/css/theme/sky.css @@ -1,10 +1,10 @@ -@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic); -@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700); /** * Sky theme for reveal.js. * * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se */ +@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic); +@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700); .reveal a { line-height: 1.3em; } @@ -53,6 +53,13 @@ body { .reveal h1 { text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } +/********************************************* + * OTHER + *********************************************/ +.reveal p { + margin-bottom: 10px; + line-height: 1.3; } + /********************************************* * LINKS *********************************************/ diff --git a/css/theme/solarized.css b/css/theme/solarized.css index b632062..8c414c8 100644 --- a/css/theme/solarized.css +++ b/css/theme/solarized.css @@ -1,15 +1,14 @@ -@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); /** * Solarized Light theme for reveal.js. * Author: Achim Staebler */ +@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); @font-face { font-family: 'League Gothic'; src: url("../../lib/font/league_gothic-webfont.eot"); src: url("../../lib/font/league_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../../lib/font/league_gothic-webfont.woff") format("woff"), url("../../lib/font/league_gothic-webfont.ttf") format("truetype"), url("../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular") format("svg"); font-weight: normal; font-style: normal; } - /** * Solarized colors by Ethan Schoonover */ @@ -56,6 +55,13 @@ body { .reveal h1 { text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } +/********************************************* + * OTHER + *********************************************/ +.reveal p { + margin-bottom: 10px; + line-height: 1.3; } + /********************************************* * LINKS *********************************************/ diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss index 1e01763..10b4689 100644 --- a/css/theme/template/theme.scss +++ b/css/theme/template/theme.scss @@ -49,6 +49,16 @@ body { } +/********************************************* + * OTHER + *********************************************/ + +.reveal p { + margin-bottom: 10px; + line-height: 1.3; +} + + /********************************************* * LINKS *********************************************/ -- cgit v1.2.3 From 38301d57c547a349e2cc790996c1213720aed9d4 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Wed, 11 Jun 2014 12:32:39 +0200 Subject: move large chunk of content styles from core css to theme css --- css/reveal.css | 155 +----------------------------------------- css/theme/beige.css | 125 +++++++++++++++++++++++++++++++++- css/theme/blood.css | 125 +++++++++++++++++++++++++++++++++- css/theme/default.css | 125 +++++++++++++++++++++++++++++++++- css/theme/moon.css | 125 +++++++++++++++++++++++++++++++++- css/theme/night.css | 125 +++++++++++++++++++++++++++++++++- css/theme/serif.css | 125 +++++++++++++++++++++++++++++++++- css/theme/simple.css | 125 +++++++++++++++++++++++++++++++++- css/theme/sky.css | 125 +++++++++++++++++++++++++++++++++- css/theme/solarized.css | 125 +++++++++++++++++++++++++++++++++- css/theme/template/theme.scss | 152 ++++++++++++++++++++++++++++++++++++++++- 11 files changed, 1270 insertions(+), 162 deletions(-) (limited to 'css/theme/template') diff --git a/css/reveal.css b/css/reveal.css index 2b8199d..6637bd3 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -236,121 +236,16 @@ body { z-index: 1; } -/* 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 { - font-style: italic; -} - -.reveal ol, -.reveal dl, -.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 dt { - font-weight: bold; -} - -.reveal dd { - margin-left: 40px; -} - -.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 .stretch { + max-width: none; + max-height: none; } -.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 { - display: block; - padding: 5px; - overflow: auto; - max-height: 400px; - word-wrap: normal; - background: #3F3F3F; - color: #DCDCDC; -} .reveal pre.stretch code { height: 100%; max-height: 100%; @@ -360,50 +255,6 @@ body { box-sizing: border-box; } -.reveal table { - margin: auto; - border-collapse: collapse; - border-spacing: 0; -} - -.reveal table th { - font-weight: bold; -} - -.reveal table th, -.reveal table td { - text-align: left; - padding: 0.2em 0.5em 0.2em 0.5em; - border-bottom: 1px solid; -} - -.reveal table tr:last-child td { - border-bottom: none; -} - -.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; -} - -.reveal .stretch { - max-width: none; - max-height: none; -} - /********************************************* * CONTROLS diff --git a/css/theme/beige.css b/css/theme/beige.css index 55aaf22..94ba61f 100644 --- a/css/theme/beige.css +++ b/css/theme/beige.css @@ -60,7 +60,130 @@ body { *********************************************/ .reveal p { margin-bottom: 10px; - line-height: 1.3; } + line-height: 1.2em; } + +/* Ensure certain elements are never larger than the slide itself */ +.reveal img, +.reveal video, +.reveal iframe { + max-width: 95%; + max-height: 95%; } + +.reveal strong, +.reveal b { + font-weight: bold; } + +.reveal em { + font-style: italic; } + +.reveal ol, +.reveal dl, +.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 dt { + font-weight: bold; } + +.reveal dd { + margin-left: 40px; } + +.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 { + display: block; + padding: 5px; + overflow: auto; + max-height: 400px; + word-wrap: normal; + background: #3F3F3F; + color: #DCDCDC; } + +.reveal table { + margin: auto; + border-collapse: collapse; + border-spacing: 0; } + +.reveal table th { + font-weight: bold; } + +.reveal table th, +.reveal table td { + text-align: left; + padding: 0.2em 0.5em 0.2em 0.5em; + border-bottom: 1px solid; } + +.reveal table tr:last-child td { + border-bottom: none; } + +.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; } /********************************************* * LINKS diff --git a/css/theme/blood.css b/css/theme/blood.css index 658cb3d..0015f46 100644 --- a/css/theme/blood.css +++ b/css/theme/blood.css @@ -60,7 +60,130 @@ body { *********************************************/ .reveal p { margin-bottom: 10px; - line-height: 1.3; } + line-height: 1.2em; } + +/* Ensure certain elements are never larger than the slide itself */ +.reveal img, +.reveal video, +.reveal iframe { + max-width: 95%; + max-height: 95%; } + +.reveal strong, +.reveal b { + font-weight: bold; } + +.reveal em { + font-style: italic; } + +.reveal ol, +.reveal dl, +.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 dt { + font-weight: bold; } + +.reveal dd { + margin-left: 40px; } + +.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 { + display: block; + padding: 5px; + overflow: auto; + max-height: 400px; + word-wrap: normal; + background: #3F3F3F; + color: #DCDCDC; } + +.reveal table { + margin: auto; + border-collapse: collapse; + border-spacing: 0; } + +.reveal table th { + font-weight: bold; } + +.reveal table th, +.reveal table td { + text-align: left; + padding: 0.2em 0.5em 0.2em 0.5em; + border-bottom: 1px solid; } + +.reveal table tr:last-child td { + border-bottom: none; } + +.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; } /********************************************* * LINKS diff --git a/css/theme/default.css b/css/theme/default.css index 7b197d4..f0ac4d4 100644 --- a/css/theme/default.css +++ b/css/theme/default.css @@ -60,7 +60,130 @@ body { *********************************************/ .reveal p { margin-bottom: 10px; - line-height: 1.3; } + line-height: 1.2em; } + +/* Ensure certain elements are never larger than the slide itself */ +.reveal img, +.reveal video, +.reveal iframe { + max-width: 95%; + max-height: 95%; } + +.reveal strong, +.reveal b { + font-weight: bold; } + +.reveal em { + font-style: italic; } + +.reveal ol, +.reveal dl, +.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 dt { + font-weight: bold; } + +.reveal dd { + margin-left: 40px; } + +.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 { + display: block; + padding: 5px; + overflow: auto; + max-height: 400px; + word-wrap: normal; + background: #3F3F3F; + color: #DCDCDC; } + +.reveal table { + margin: auto; + border-collapse: collapse; + border-spacing: 0; } + +.reveal table th { + font-weight: bold; } + +.reveal table th, +.reveal table td { + text-align: left; + padding: 0.2em 0.5em 0.2em 0.5em; + border-bottom: 1px solid; } + +.reveal table tr:last-child td { + border-bottom: none; } + +.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; } /********************************************* * LINKS diff --git a/css/theme/moon.css b/css/theme/moon.css index 01d410c..41581cc 100644 --- a/css/theme/moon.css +++ b/css/theme/moon.css @@ -60,7 +60,130 @@ body { *********************************************/ .reveal p { margin-bottom: 10px; - line-height: 1.3; } + line-height: 1.2em; } + +/* Ensure certain elements are never larger than the slide itself */ +.reveal img, +.reveal video, +.reveal iframe { + max-width: 95%; + max-height: 95%; } + +.reveal strong, +.reveal b { + font-weight: bold; } + +.reveal em { + font-style: italic; } + +.reveal ol, +.reveal dl, +.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 dt { + font-weight: bold; } + +.reveal dd { + margin-left: 40px; } + +.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 { + display: block; + padding: 5px; + overflow: auto; + max-height: 400px; + word-wrap: normal; + background: #3F3F3F; + color: #DCDCDC; } + +.reveal table { + margin: auto; + border-collapse: collapse; + border-spacing: 0; } + +.reveal table th { + font-weight: bold; } + +.reveal table th, +.reveal table td { + text-align: left; + padding: 0.2em 0.5em 0.2em 0.5em; + border-bottom: 1px solid; } + +.reveal table tr:last-child td { + border-bottom: none; } + +.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; } /********************************************* * LINKS diff --git a/css/theme/night.css b/css/theme/night.css index d94bec1..0892623 100644 --- a/css/theme/night.css +++ b/css/theme/night.css @@ -49,7 +49,130 @@ body { *********************************************/ .reveal p { margin-bottom: 10px; - line-height: 1.3; } + line-height: 1.2em; } + +/* Ensure certain elements are never larger than the slide itself */ +.reveal img, +.reveal video, +.reveal iframe { + max-width: 95%; + max-height: 95%; } + +.reveal strong, +.reveal b { + font-weight: bold; } + +.reveal em { + font-style: italic; } + +.reveal ol, +.reveal dl, +.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 dt { + font-weight: bold; } + +.reveal dd { + margin-left: 40px; } + +.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 { + display: block; + padding: 5px; + overflow: auto; + max-height: 400px; + word-wrap: normal; + background: #3F3F3F; + color: #DCDCDC; } + +.reveal table { + margin: auto; + border-collapse: collapse; + border-spacing: 0; } + +.reveal table th { + font-weight: bold; } + +.reveal table th, +.reveal table td { + text-align: left; + padding: 0.2em 0.5em 0.2em 0.5em; + border-bottom: 1px solid; } + +.reveal table tr:last-child td { + border-bottom: none; } + +.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; } /********************************************* * LINKS diff --git a/css/theme/serif.css b/css/theme/serif.css index a5ebcb1..65d1646 100644 --- a/css/theme/serif.css +++ b/css/theme/serif.css @@ -51,7 +51,130 @@ body { *********************************************/ .reveal p { margin-bottom: 10px; - line-height: 1.3; } + line-height: 1.2em; } + +/* Ensure certain elements are never larger than the slide itself */ +.reveal img, +.reveal video, +.reveal iframe { + max-width: 95%; + max-height: 95%; } + +.reveal strong, +.reveal b { + font-weight: bold; } + +.reveal em { + font-style: italic; } + +.reveal ol, +.reveal dl, +.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 dt { + font-weight: bold; } + +.reveal dd { + margin-left: 40px; } + +.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 { + display: block; + padding: 5px; + overflow: auto; + max-height: 400px; + word-wrap: normal; + background: #3F3F3F; + color: #DCDCDC; } + +.reveal table { + margin: auto; + border-collapse: collapse; + border-spacing: 0; } + +.reveal table th { + font-weight: bold; } + +.reveal table th, +.reveal table td { + text-align: left; + padding: 0.2em 0.5em 0.2em 0.5em; + border-bottom: 1px solid; } + +.reveal table tr:last-child td { + border-bottom: none; } + +.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; } /********************************************* * LINKS diff --git a/css/theme/simple.css b/css/theme/simple.css index 4334171..8937171 100644 --- a/css/theme/simple.css +++ b/css/theme/simple.css @@ -51,7 +51,130 @@ body { *********************************************/ .reveal p { margin-bottom: 10px; - line-height: 1.3; } + line-height: 1.2em; } + +/* Ensure certain elements are never larger than the slide itself */ +.reveal img, +.reveal video, +.reveal iframe { + max-width: 95%; + max-height: 95%; } + +.reveal strong, +.reveal b { + font-weight: bold; } + +.reveal em { + font-style: italic; } + +.reveal ol, +.reveal dl, +.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 dt { + font-weight: bold; } + +.reveal dd { + margin-left: 40px; } + +.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 { + display: block; + padding: 5px; + overflow: auto; + max-height: 400px; + word-wrap: normal; + background: #3F3F3F; + color: #DCDCDC; } + +.reveal table { + margin: auto; + border-collapse: collapse; + border-spacing: 0; } + +.reveal table th { + font-weight: bold; } + +.reveal table th, +.reveal table td { + text-align: left; + padding: 0.2em 0.5em 0.2em 0.5em; + border-bottom: 1px solid; } + +.reveal table tr:last-child td { + border-bottom: none; } + +.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; } /********************************************* * LINKS diff --git a/css/theme/sky.css b/css/theme/sky.css index febfdfe..ad35ecb 100644 --- a/css/theme/sky.css +++ b/css/theme/sky.css @@ -58,7 +58,130 @@ body { *********************************************/ .reveal p { margin-bottom: 10px; - line-height: 1.3; } + line-height: 1.2em; } + +/* Ensure certain elements are never larger than the slide itself */ +.reveal img, +.reveal video, +.reveal iframe { + max-width: 95%; + max-height: 95%; } + +.reveal strong, +.reveal b { + font-weight: bold; } + +.reveal em { + font-style: italic; } + +.reveal ol, +.reveal dl, +.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 dt { + font-weight: bold; } + +.reveal dd { + margin-left: 40px; } + +.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 { + display: block; + padding: 5px; + overflow: auto; + max-height: 400px; + word-wrap: normal; + background: #3F3F3F; + color: #DCDCDC; } + +.reveal table { + margin: auto; + border-collapse: collapse; + border-spacing: 0; } + +.reveal table th { + font-weight: bold; } + +.reveal table th, +.reveal table td { + text-align: left; + padding: 0.2em 0.5em 0.2em 0.5em; + border-bottom: 1px solid; } + +.reveal table tr:last-child td { + border-bottom: none; } + +.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; } /********************************************* * LINKS diff --git a/css/theme/solarized.css b/css/theme/solarized.css index 8c414c8..b9b9cb9 100644 --- a/css/theme/solarized.css +++ b/css/theme/solarized.css @@ -60,7 +60,130 @@ body { *********************************************/ .reveal p { margin-bottom: 10px; - line-height: 1.3; } + line-height: 1.2em; } + +/* Ensure certain elements are never larger than the slide itself */ +.reveal img, +.reveal video, +.reveal iframe { + max-width: 95%; + max-height: 95%; } + +.reveal strong, +.reveal b { + font-weight: bold; } + +.reveal em { + font-style: italic; } + +.reveal ol, +.reveal dl, +.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 dt { + font-weight: bold; } + +.reveal dd { + margin-left: 40px; } + +.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 { + display: block; + padding: 5px; + overflow: auto; + max-height: 400px; + word-wrap: normal; + background: #3F3F3F; + color: #DCDCDC; } + +.reveal table { + margin: auto; + border-collapse: collapse; + border-spacing: 0; } + +.reveal table th { + font-weight: bold; } + +.reveal table th, +.reveal table td { + text-align: left; + padding: 0.2em 0.5em 0.2em 0.5em; + border-bottom: 1px solid; } + +.reveal table tr:last-child td { + border-bottom: none; } + +.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; } /********************************************* * LINKS diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss index 10b4689..f1ba266 100644 --- a/css/theme/template/theme.scss +++ b/css/theme/template/theme.scss @@ -55,7 +55,157 @@ body { .reveal p { margin-bottom: 10px; - line-height: 1.3; + line-height: 1.2em; +} + +/* Ensure certain elements are never larger than the slide itself */ +.reveal img, +.reveal video, +.reveal iframe { + max-width: 95%; + max-height: 95%; +} +.reveal strong, +.reveal b { + font-weight: bold; +} + +.reveal em { + font-style: italic; +} + +.reveal ol, +.reveal dl, +.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 dt { + font-weight: bold; +} + +.reveal dd { + margin-left: 40px; +} + +.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 { + display: block; + padding: 5px; + overflow: auto; + max-height: 400px; + word-wrap: normal; + background: #3F3F3F; + color: #DCDCDC; +} + +.reveal table { + margin: auto; + border-collapse: collapse; + border-spacing: 0; +} + +.reveal table th { + font-weight: bold; +} + +.reveal table th, +.reveal table td { + text-align: left; + padding: 0.2em 0.5em 0.2em 0.5em; + border-bottom: 1px solid; +} + +.reveal table tr:last-child td { + border-bottom: none; +} + +.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; } -- cgit v1.2.3 From 06e76c1be3f17ab2663b1f3587e8418f9d524098 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Wed, 11 Jun 2014 12:48:19 +0200 Subject: shift a few additional styles from core to theme --- css/reveal.css | 22 ---------------------- css/theme/beige.css | 20 +++++++++++++++++++- css/theme/blood.css | 20 +++++++++++++++++++- css/theme/default.css | 20 +++++++++++++++++++- css/theme/moon.css | 20 +++++++++++++++++++- css/theme/night.css | 20 +++++++++++++++++++- css/theme/serif.css | 20 +++++++++++++++++++- css/theme/simple.css | 20 +++++++++++++++++++- css/theme/sky.css | 20 +++++++++++++++++++- css/theme/solarized.css | 20 +++++++++++++++++++- css/theme/template/theme.scss | 13 +++++++++++++ 11 files changed, 184 insertions(+), 31 deletions(-) (limited to 'css/theme/template') diff --git a/css/reveal.css b/css/reveal.css index 6637bd3..71cfdb6 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -66,26 +66,6 @@ body { } -/********************************************* - * HEADERS - *********************************************/ - -.reveal h1, -.reveal h2, -.reveal h3, -.reveal h4, -.reveal h5, -.reveal h6 { - word-wrap: break-word; - line-height: 1; -} - -.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 *********************************************/ @@ -439,8 +419,6 @@ body { padding: 20px 0px; z-index: 10; - line-height: 1.2em; - font-weight: inherit; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; diff --git a/css/theme/beige.css b/css/theme/beige.css index 94ba61f..685f490 100644 --- a/css/theme/beige.css +++ b/css/theme/beige.css @@ -35,6 +35,11 @@ body { background: rgba(79, 64, 28, 0.99); text-shadow: none; } +.reveal .slides > section, +.reveal .slides > section > section { + line-height: 1.2em; + font-weight: inherit; } + /********************************************* * HEADERS *********************************************/ @@ -50,7 +55,20 @@ body { line-height: 1em; letter-spacing: 0.02em; text-transform: uppercase; - text-shadow: none; } + text-shadow: none; + 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; } .reveal h1 { text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); } diff --git a/css/theme/blood.css b/css/theme/blood.css index 0015f46..a29b11d 100644 --- a/css/theme/blood.css +++ b/css/theme/blood.css @@ -35,6 +35,11 @@ body { background: #aa2233; text-shadow: none; } +.reveal .slides > section, +.reveal .slides > section > section { + line-height: 1.2em; + font-weight: inherit; } + /********************************************* * HEADERS *********************************************/ @@ -50,7 +55,20 @@ body { line-height: 1em; letter-spacing: 0.02em; text-transform: uppercase; - text-shadow: 2px 2px 2px #222222; } + text-shadow: 2px 2px 2px #222222; + 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; } .reveal h1 { text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); } diff --git a/css/theme/default.css b/css/theme/default.css index f0ac4d4..708bfa4 100644 --- a/css/theme/default.css +++ b/css/theme/default.css @@ -35,6 +35,11 @@ body { background: #ff5e99; text-shadow: none; } +.reveal .slides > section, +.reveal .slides > section > section { + line-height: 1.2em; + font-weight: inherit; } + /********************************************* * HEADERS *********************************************/ @@ -50,7 +55,20 @@ body { line-height: 1em; letter-spacing: 0.02em; text-transform: uppercase; - text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } + text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); + 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; } .reveal h1 { text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); } diff --git a/css/theme/moon.css b/css/theme/moon.css index 41581cc..a7b236b 100644 --- a/css/theme/moon.css +++ b/css/theme/moon.css @@ -35,6 +35,11 @@ body { background: #d33682; text-shadow: none; } +.reveal .slides > section, +.reveal .slides > section > section { + line-height: 1.2em; + font-weight: inherit; } + /********************************************* * HEADERS *********************************************/ @@ -50,7 +55,20 @@ body { line-height: 1em; letter-spacing: 0.02em; text-transform: uppercase; - text-shadow: none; } + text-shadow: none; + 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; } .reveal h1 { text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } diff --git a/css/theme/night.css b/css/theme/night.css index 0892623..ec48802 100644 --- a/css/theme/night.css +++ b/css/theme/night.css @@ -24,6 +24,11 @@ body { background: #e7ad52; text-shadow: none; } +.reveal .slides > section, +.reveal .slides > section > section { + line-height: 1.2em; + font-weight: inherit; } + /********************************************* * HEADERS *********************************************/ @@ -39,7 +44,20 @@ body { line-height: 1em; letter-spacing: -0.03em; text-transform: none; - text-shadow: none; } + text-shadow: none; + 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; } .reveal h1 { text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } diff --git a/css/theme/serif.css b/css/theme/serif.css index 65d1646..a060bc8 100644 --- a/css/theme/serif.css +++ b/css/theme/serif.css @@ -26,6 +26,11 @@ body { background: #26351c; text-shadow: none; } +.reveal .slides > section, +.reveal .slides > section > section { + line-height: 1.2em; + font-weight: inherit; } + /********************************************* * HEADERS *********************************************/ @@ -41,7 +46,20 @@ body { line-height: 1em; letter-spacing: 0.02em; text-transform: none; - text-shadow: none; } + text-shadow: none; + 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; } .reveal h1 { text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } diff --git a/css/theme/simple.css b/css/theme/simple.css index 8937171..528bac8 100644 --- a/css/theme/simple.css +++ b/css/theme/simple.css @@ -26,6 +26,11 @@ body { background: rgba(0, 0, 0, 0.99); text-shadow: none; } +.reveal .slides > section, +.reveal .slides > section > section { + line-height: 1.2em; + font-weight: inherit; } + /********************************************* * HEADERS *********************************************/ @@ -41,7 +46,20 @@ body { line-height: 1em; letter-spacing: 0.02em; text-transform: none; - text-shadow: none; } + text-shadow: none; + 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; } .reveal h1 { text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } diff --git a/css/theme/sky.css b/css/theme/sky.css index ad35ecb..0601db4 100644 --- a/css/theme/sky.css +++ b/css/theme/sky.css @@ -33,6 +33,11 @@ body { background: #134674; text-shadow: none; } +.reveal .slides > section, +.reveal .slides > section > section { + line-height: 1.2em; + font-weight: inherit; } + /********************************************* * HEADERS *********************************************/ @@ -48,7 +53,20 @@ body { line-height: 1em; letter-spacing: -0.08em; text-transform: uppercase; - text-shadow: none; } + text-shadow: none; + 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; } .reveal h1 { text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } diff --git a/css/theme/solarized.css b/css/theme/solarized.css index b9b9cb9..866c314 100644 --- a/css/theme/solarized.css +++ b/css/theme/solarized.css @@ -35,6 +35,11 @@ body { background: #d33682; text-shadow: none; } +.reveal .slides > section, +.reveal .slides > section > section { + line-height: 1.2em; + font-weight: inherit; } + /********************************************* * HEADERS *********************************************/ @@ -50,7 +55,20 @@ body { line-height: 1em; letter-spacing: 0.02em; text-transform: uppercase; - text-shadow: none; } + text-shadow: none; + 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; } .reveal h1 { text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss index f1ba266..17cf688 100644 --- a/css/theme/template/theme.scss +++ b/css/theme/template/theme.scss @@ -23,6 +23,12 @@ body { text-shadow: none; } +.reveal .slides>section, +.reveal .slides>section>section { + line-height: 1.2em; + font-weight: inherit; +} + /********************************************* * HEADERS *********************************************/ @@ -42,8 +48,15 @@ body { text-transform: $headingTextTransform; text-shadow: $headingTextShadow; + + 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; } + .reveal h1 { text-shadow: $heading1TextShadow; } -- cgit v1.2.3 From bd176411ef7fa4b584af5deef538ab8f63f43746 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Sun, 28 Sep 2014 12:14:48 +0200 Subject: style tweaks for all themes; larger line heights, no default adjustmetn to letter-spacing --- css/theme/beige.css | 9 ++++----- css/theme/black.css | 22 +++++++++++----------- css/theme/blood.css | 9 ++++----- css/theme/default.css | 9 ++++----- css/theme/moon.css | 11 +++++------ css/theme/night.css | 9 ++++----- css/theme/serif.css | 11 +++++------ css/theme/simple.css | 11 +++++------ css/theme/sky.css | 9 ++++----- css/theme/solarized.css | 11 +++++------ css/theme/source/black.scss | 15 ++++++++++++--- css/theme/source/default.scss | 1 + css/theme/template/settings.scss | 11 ++++++++--- css/theme/template/theme.scss | 13 ++++++------- 14 files changed, 78 insertions(+), 73 deletions(-) (limited to 'css/theme/template') diff --git a/css/theme/beige.css b/css/theme/beige.css index 685f490..5e06849 100644 --- a/css/theme/beige.css +++ b/css/theme/beige.css @@ -27,7 +27,6 @@ body { font-family: "Lato", sans-serif; font-size: 36px; font-weight: normal; - letter-spacing: -0.02em; color: #333333; } ::selection { @@ -37,7 +36,7 @@ body { .reveal .slides > section, .reveal .slides > section > section { - line-height: 1.2em; + line-height: 1.3; font-weight: inherit; } /********************************************* @@ -52,8 +51,8 @@ body { margin: 0 0 20px 0; color: #333333; font-family: "League Gothic", Impact, sans-serif; - line-height: 1em; - letter-spacing: 0.02em; + line-height: 1.2; + letter-spacing: normal; text-transform: uppercase; text-shadow: none; word-wrap: break-word; } @@ -78,7 +77,7 @@ body { *********************************************/ .reveal p { margin-bottom: 10px; - line-height: 1.2em; } + line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ .reveal img, diff --git a/css/theme/black.css b/css/theme/black.css index 734100a..cbc4d27 100644 --- a/css/theme/black.css +++ b/css/theme/black.css @@ -3,7 +3,7 @@ * * Copyright (C) 2014 Hakim El Hattab, http://hakim.se */ -@import url(https://fonts.googleapis.com/css?family=Montserrat:700); +@import url(https://fonts.googleapis.com/css?family=Montserrat:400); @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic); /********************************************* * GLOBAL STYLES @@ -14,9 +14,9 @@ body { .reveal { font-family: "Open Sans", Helvetica, sans-serif; - font-size: 32px; + font-size: 34px; font-weight: normal; - color: #eeeeee; } + color: white; } ::selection { color: white; @@ -38,28 +38,28 @@ body { .reveal h5, .reveal h6 { margin: 0 0 20px 0; - color: #eeeeee; + color: white; font-family: "Montserrat", Helvetica, sans-serif; - line-height: 1em; + line-height: 1.2; letter-spacing: normal; - text-transform: none; + text-transform: uppercase; text-shadow: none; word-wrap: break-word; } .reveal h1 { - font-size: 3.77em; } + font-size: 2.8em; } .reveal h2 { - font-size: 2.11em; } + font-size: 1.8em; } .reveal h3 { - font-size: 1.55em; } + font-size: 1.5em; } .reveal h4 { font-size: 1em; } .reveal h1 { - text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } + text-shadow: none; } /********************************************* * OTHER @@ -216,7 +216,7 @@ body { .reveal section img { margin: 15px 0px; background: rgba(255, 255, 255, 0.12); - border: 4px solid #eeeeee; + border: 4px solid white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .reveal a img { diff --git a/css/theme/blood.css b/css/theme/blood.css index a29b11d..7eb16fb 100644 --- a/css/theme/blood.css +++ b/css/theme/blood.css @@ -27,7 +27,6 @@ body { font-family: Ubuntu, "sans-serif"; font-size: 36px; font-weight: normal; - letter-spacing: -0.02em; color: #eeeeee; } ::selection { @@ -37,7 +36,7 @@ body { .reveal .slides > section, .reveal .slides > section > section { - line-height: 1.2em; + line-height: 1.3; font-weight: inherit; } /********************************************* @@ -52,8 +51,8 @@ body { margin: 0 0 20px 0; color: #eeeeee; font-family: Ubuntu, "sans-serif"; - line-height: 1em; - letter-spacing: 0.02em; + line-height: 1.2; + letter-spacing: normal; text-transform: uppercase; text-shadow: 2px 2px 2px #222222; word-wrap: break-word; } @@ -78,7 +77,7 @@ body { *********************************************/ .reveal p { margin-bottom: 10px; - line-height: 1.2em; } + line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ .reveal img, diff --git a/css/theme/default.css b/css/theme/default.css index 708bfa4..43779b2 100644 --- a/css/theme/default.css +++ b/css/theme/default.css @@ -27,7 +27,6 @@ body { font-family: "Lato", sans-serif; font-size: 36px; font-weight: normal; - letter-spacing: -0.02em; color: #eeeeee; } ::selection { @@ -37,7 +36,7 @@ body { .reveal .slides > section, .reveal .slides > section > section { - line-height: 1.2em; + line-height: 1.3; font-weight: inherit; } /********************************************* @@ -52,8 +51,8 @@ body { margin: 0 0 20px 0; color: #eeeeee; font-family: "League Gothic", Impact, sans-serif; - line-height: 1em; - letter-spacing: 0.02em; + line-height: 1.2; + letter-spacing: normal; text-transform: uppercase; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); word-wrap: break-word; } @@ -78,7 +77,7 @@ body { *********************************************/ .reveal p { margin-bottom: 10px; - line-height: 1.2em; } + line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ .reveal img, diff --git a/css/theme/moon.css b/css/theme/moon.css index a7b236b..02bc54b 100644 --- a/css/theme/moon.css +++ b/css/theme/moon.css @@ -27,7 +27,6 @@ body { font-family: "Lato", sans-serif; font-size: 36px; font-weight: normal; - letter-spacing: -0.02em; color: #93a1a1; } ::selection { @@ -37,7 +36,7 @@ body { .reveal .slides > section, .reveal .slides > section > section { - line-height: 1.2em; + line-height: 1.3; font-weight: inherit; } /********************************************* @@ -52,8 +51,8 @@ body { margin: 0 0 20px 0; color: #eee8d5; font-family: "League Gothic", Impact, sans-serif; - line-height: 1em; - letter-spacing: 0.02em; + line-height: 1.2; + letter-spacing: normal; text-transform: uppercase; text-shadow: none; word-wrap: break-word; } @@ -71,14 +70,14 @@ body { font-size: 1em; } .reveal h1 { - text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } + text-shadow: none; } /********************************************* * OTHER *********************************************/ .reveal p { margin-bottom: 10px; - line-height: 1.2em; } + line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ .reveal img, diff --git a/css/theme/night.css b/css/theme/night.css index ec48802..5325388 100644 --- a/css/theme/night.css +++ b/css/theme/night.css @@ -16,7 +16,6 @@ body { font-family: "Open Sans", sans-serif; font-size: 30px; font-weight: normal; - letter-spacing: -0.02em; color: #eeeeee; } ::selection { @@ -26,7 +25,7 @@ body { .reveal .slides > section, .reveal .slides > section > section { - line-height: 1.2em; + line-height: 1.3; font-weight: inherit; } /********************************************* @@ -41,7 +40,7 @@ body { margin: 0 0 20px 0; color: #eeeeee; font-family: "Montserrat", Impact, sans-serif; - line-height: 1em; + line-height: 1.2; letter-spacing: -0.03em; text-transform: none; text-shadow: none; @@ -60,14 +59,14 @@ body { font-size: 1em; } .reveal h1 { - text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } + text-shadow: none; } /********************************************* * OTHER *********************************************/ .reveal p { margin-bottom: 10px; - line-height: 1.2em; } + line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ .reveal img, diff --git a/css/theme/serif.css b/css/theme/serif.css index a060bc8..db889f8 100644 --- a/css/theme/serif.css +++ b/css/theme/serif.css @@ -18,7 +18,6 @@ body { font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif; font-size: 36px; font-weight: normal; - letter-spacing: -0.02em; color: black; } ::selection { @@ -28,7 +27,7 @@ body { .reveal .slides > section, .reveal .slides > section > section { - line-height: 1.2em; + line-height: 1.3; font-weight: inherit; } /********************************************* @@ -43,8 +42,8 @@ body { margin: 0 0 20px 0; color: #383d3d; font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif; - line-height: 1em; - letter-spacing: 0.02em; + line-height: 1.2; + letter-spacing: normal; text-transform: none; text-shadow: none; word-wrap: break-word; } @@ -62,14 +61,14 @@ body { font-size: 1em; } .reveal h1 { - text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } + text-shadow: none; } /********************************************* * OTHER *********************************************/ .reveal p { margin-bottom: 10px; - line-height: 1.2em; } + line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ .reveal img, diff --git a/css/theme/simple.css b/css/theme/simple.css index 528bac8..3ee5370 100644 --- a/css/theme/simple.css +++ b/css/theme/simple.css @@ -18,7 +18,6 @@ body { font-family: "Lato", sans-serif; font-size: 36px; font-weight: normal; - letter-spacing: -0.02em; color: black; } ::selection { @@ -28,7 +27,7 @@ body { .reveal .slides > section, .reveal .slides > section > section { - line-height: 1.2em; + line-height: 1.3; font-weight: inherit; } /********************************************* @@ -43,8 +42,8 @@ body { margin: 0 0 20px 0; color: black; font-family: "News Cycle", Impact, sans-serif; - line-height: 1em; - letter-spacing: 0.02em; + line-height: 1.2; + letter-spacing: normal; text-transform: none; text-shadow: none; word-wrap: break-word; } @@ -62,14 +61,14 @@ body { font-size: 1em; } .reveal h1 { - text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } + text-shadow: none; } /********************************************* * OTHER *********************************************/ .reveal p { margin-bottom: 10px; - line-height: 1.2em; } + line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ .reveal img, diff --git a/css/theme/sky.css b/css/theme/sky.css index 0601db4..b8ec51e 100644 --- a/css/theme/sky.css +++ b/css/theme/sky.css @@ -25,7 +25,6 @@ body { font-family: "Open Sans", sans-serif; font-size: 36px; font-weight: normal; - letter-spacing: -0.02em; color: #333333; } ::selection { @@ -35,7 +34,7 @@ body { .reveal .slides > section, .reveal .slides > section > section { - line-height: 1.2em; + line-height: 1.3; font-weight: inherit; } /********************************************* @@ -50,7 +49,7 @@ body { margin: 0 0 20px 0; color: #333333; font-family: "Quicksand", sans-serif; - line-height: 1em; + line-height: 1.2; letter-spacing: -0.08em; text-transform: uppercase; text-shadow: none; @@ -69,14 +68,14 @@ body { font-size: 1em; } .reveal h1 { - text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } + text-shadow: none; } /********************************************* * OTHER *********************************************/ .reveal p { margin-bottom: 10px; - line-height: 1.2em; } + line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ .reveal img, diff --git a/css/theme/solarized.css b/css/theme/solarized.css index 866c314..1d373c4 100644 --- a/css/theme/solarized.css +++ b/css/theme/solarized.css @@ -27,7 +27,6 @@ body { font-family: "Lato", sans-serif; font-size: 36px; font-weight: normal; - letter-spacing: -0.02em; color: #657b83; } ::selection { @@ -37,7 +36,7 @@ body { .reveal .slides > section, .reveal .slides > section > section { - line-height: 1.2em; + line-height: 1.3; font-weight: inherit; } /********************************************* @@ -52,8 +51,8 @@ body { margin: 0 0 20px 0; color: #586e75; font-family: "League Gothic", Impact, sans-serif; - line-height: 1em; - letter-spacing: 0.02em; + line-height: 1.2; + letter-spacing: normal; text-transform: uppercase; text-shadow: none; word-wrap: break-word; } @@ -71,14 +70,14 @@ body { font-size: 1em; } .reveal h1 { - text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } + text-shadow: none; } /********************************************* * OTHER *********************************************/ .reveal p { margin-bottom: 10px; - line-height: 1.2em; } + line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ .reveal img, diff --git a/css/theme/source/black.scss b/css/theme/source/black.scss index 056617e..6c1e271 100644 --- a/css/theme/source/black.scss +++ b/css/theme/source/black.scss @@ -12,23 +12,32 @@ // Include theme-specific fonts -@import url(https://fonts.googleapis.com/css?family=Montserrat:700); +@import url(https://fonts.googleapis.com/css?family=Montserrat:400); @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic); // Override theme settings (see ../template/settings.scss) $backgroundColor: #111; +$mainColor: #fff; +$headingColor: #fff; + $mainFont: 'Open Sans', Helvetica, sans-serif; -$mainFontSize: 32px; +$mainFontSize: 34px; $headingFont: 'Montserrat', Helvetica, sans-serif; $headingTextShadow: none; $headingLetterSpacing: normal; -$headingTextTransform: none; +$headingTextTransform: uppercase; $linkColor: #3992fb; $linkColorHover: lighten( $linkColor, 15% ); $selectionBackgroundColor: lighten( $linkColor, 25% ); +$heading1Size: 2.8em; +$heading2Size: 1.8em; +$heading3Size: 1.5em; +$heading4Size: 1.0em; + + // Theme template ------------------------------ @import "../template/theme"; diff --git a/css/theme/source/default.scss b/css/theme/source/default.scss index 1117b65..9c40485 100644 --- a/css/theme/source/default.scss +++ b/css/theme/source/default.scss @@ -28,6 +28,7 @@ @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); // Override theme settings (see ../template/settings.scss) +$headingTextShadow: 0px 0px 6px rgba(0,0,0,0.2); $heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15); // Background generator diff --git a/css/theme/template/settings.scss b/css/theme/template/settings.scss index 1b4fe9b..88f7d75 100644 --- a/css/theme/template/settings.scss +++ b/css/theme/template/settings.scss @@ -13,12 +13,17 @@ $mainColor: #eee; $headingMargin: 0 0 20px 0; $headingFont: 'League Gothic', Impact, sans-serif; $headingColor: #eee; -$headingLineHeight: 1em; -$headingLetterSpacing: 0.02em; +$headingLineHeight: 1.2; +$headingLetterSpacing: normal; $headingTextTransform: uppercase; -$headingTextShadow: 0px 0px 6px rgba(0,0,0,0.2); +$headingTextShadow: none; $heading1TextShadow: $headingTextShadow; +$heading1Size: 3.77em; +$heading2Size: 2.11em; +$heading3Size: 1.55em; +$heading4Size: 1.00em; + // Links and actions $linkColor: #13DAEC; $linkColorHover: lighten( $linkColor, 20% ); diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss index 17cf688..f2a542e 100644 --- a/css/theme/template/theme.scss +++ b/css/theme/template/theme.scss @@ -13,7 +13,6 @@ body { font-family: $mainFont; font-size: $mainFontSize; font-weight: normal; - letter-spacing: -0.02em; color: $mainColor; } @@ -25,7 +24,7 @@ body { .reveal .slides>section, .reveal .slides>section>section { - line-height: 1.2em; + line-height: 1.3; font-weight: inherit; } @@ -52,10 +51,10 @@ body { 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; } +.reveal h1 {font-size: $heading1Size; } +.reveal h2 {font-size: $heading2Size; } +.reveal h3 {font-size: $heading3Size; } +.reveal h4 {font-size: $heading4Size; } .reveal h1 { text-shadow: $heading1TextShadow; @@ -68,7 +67,7 @@ body { .reveal p { margin-bottom: 10px; - line-height: 1.2em; + line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ -- cgit v1.2.3 From b09923551a0ba95fac3631f992793e44d71f474f Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Wed, 5 Nov 2014 11:52:32 +0100 Subject: theme updates, normalized spacing between block-level elements --- css/theme/beige.css | 6 +++--- css/theme/black.css | 6 +++--- css/theme/blood.css | 6 +++--- css/theme/default.css | 6 +++--- css/theme/moon.css | 6 +++--- css/theme/night.css | 6 +++--- css/theme/serif.css | 6 +++--- css/theme/simple.css | 6 +++--- css/theme/sky.css | 6 +++--- css/theme/solarized.css | 6 +++--- css/theme/template/settings.scss | 5 ++++- css/theme/template/theme.scss | 6 +++--- index.html | 4 +--- 13 files changed, 38 insertions(+), 37 deletions(-) (limited to 'css/theme/template') diff --git a/css/theme/beige.css b/css/theme/beige.css index 83263fb..1a57b33 100644 --- a/css/theme/beige.css +++ b/css/theme/beige.css @@ -71,7 +71,7 @@ body { * OTHER *********************************************/ .reveal p { - margin-bottom: 10px; + margin: 20px 0; line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ @@ -119,7 +119,7 @@ body { display: block; position: relative; width: 70%; - margin: 5px auto; + margin: 20px auto; padding: 5px; font-style: italic; background: rgba(255, 255, 255, 0.05); @@ -135,7 +135,7 @@ body { display: block; position: relative; width: 90%; - margin: 15px auto; + margin: 20px auto; text-align: left; font-size: 0.55em; font-family: monospace; diff --git a/css/theme/black.css b/css/theme/black.css index a790d86..6c16a37 100644 --- a/css/theme/black.css +++ b/css/theme/black.css @@ -59,7 +59,7 @@ body { * OTHER *********************************************/ .reveal p { - margin-bottom: 10px; + margin: 20px 0; line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ @@ -107,7 +107,7 @@ body { display: block; position: relative; width: 70%; - margin: 5px auto; + margin: 20px auto; padding: 5px; font-style: italic; background: rgba(255, 255, 255, 0.05); @@ -123,7 +123,7 @@ body { display: block; position: relative; width: 90%; - margin: 15px auto; + margin: 20px auto; text-align: left; font-size: 0.55em; font-family: monospace; diff --git a/css/theme/blood.css b/css/theme/blood.css index d73dc2f..b2c6941 100644 --- a/css/theme/blood.css +++ b/css/theme/blood.css @@ -70,7 +70,7 @@ body { * OTHER *********************************************/ .reveal p { - margin-bottom: 10px; + margin: 20px 0; line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ @@ -118,7 +118,7 @@ body { display: block; position: relative; width: 70%; - margin: 5px auto; + margin: 20px auto; padding: 5px; font-style: italic; background: rgba(255, 255, 255, 0.05); @@ -134,7 +134,7 @@ body { display: block; position: relative; width: 90%; - margin: 15px auto; + margin: 20px auto; text-align: left; font-size: 0.55em; font-family: monospace; diff --git a/css/theme/default.css b/css/theme/default.css index 8e064bf..c3e5edf 100644 --- a/css/theme/default.css +++ b/css/theme/default.css @@ -71,7 +71,7 @@ body { * OTHER *********************************************/ .reveal p { - margin-bottom: 10px; + margin: 20px 0; line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ @@ -119,7 +119,7 @@ body { display: block; position: relative; width: 70%; - margin: 5px auto; + margin: 20px auto; padding: 5px; font-style: italic; background: rgba(255, 255, 255, 0.05); @@ -135,7 +135,7 @@ body { display: block; position: relative; width: 90%; - margin: 15px auto; + margin: 20px auto; text-align: left; font-size: 0.55em; font-family: monospace; diff --git a/css/theme/moon.css b/css/theme/moon.css index d90616a..4a83bde 100644 --- a/css/theme/moon.css +++ b/css/theme/moon.css @@ -71,7 +71,7 @@ body { * OTHER *********************************************/ .reveal p { - margin-bottom: 10px; + margin: 20px 0; line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ @@ -119,7 +119,7 @@ body { display: block; position: relative; width: 70%; - margin: 5px auto; + margin: 20px auto; padding: 5px; font-style: italic; background: rgba(255, 255, 255, 0.05); @@ -135,7 +135,7 @@ body { display: block; position: relative; width: 90%; - margin: 15px auto; + margin: 20px auto; text-align: left; font-size: 0.55em; font-family: monospace; diff --git a/css/theme/night.css b/css/theme/night.css index 69dd224..f0f3623 100644 --- a/css/theme/night.css +++ b/css/theme/night.css @@ -59,7 +59,7 @@ body { * OTHER *********************************************/ .reveal p { - margin-bottom: 10px; + margin: 20px 0; line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ @@ -107,7 +107,7 @@ body { display: block; position: relative; width: 70%; - margin: 5px auto; + margin: 20px auto; padding: 5px; font-style: italic; background: rgba(255, 255, 255, 0.05); @@ -123,7 +123,7 @@ body { display: block; position: relative; width: 90%; - margin: 15px auto; + margin: 20px auto; text-align: left; font-size: 0.55em; font-family: monospace; diff --git a/css/theme/serif.css b/css/theme/serif.css index 28171ad..c265dc3 100644 --- a/css/theme/serif.css +++ b/css/theme/serif.css @@ -61,7 +61,7 @@ body { * OTHER *********************************************/ .reveal p { - margin-bottom: 10px; + margin: 20px 0; line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ @@ -109,7 +109,7 @@ body { display: block; position: relative; width: 70%; - margin: 5px auto; + margin: 20px auto; padding: 5px; font-style: italic; background: rgba(255, 255, 255, 0.05); @@ -125,7 +125,7 @@ body { display: block; position: relative; width: 90%; - margin: 15px auto; + margin: 20px auto; text-align: left; font-size: 0.55em; font-family: monospace; diff --git a/css/theme/simple.css b/css/theme/simple.css index 6d65454..58bc3ec 100644 --- a/css/theme/simple.css +++ b/css/theme/simple.css @@ -61,7 +61,7 @@ body { * OTHER *********************************************/ .reveal p { - margin-bottom: 10px; + margin: 20px 0; line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ @@ -109,7 +109,7 @@ body { display: block; position: relative; width: 70%; - margin: 5px auto; + margin: 20px auto; padding: 5px; font-style: italic; background: rgba(255, 255, 255, 0.05); @@ -125,7 +125,7 @@ body { display: block; position: relative; width: 90%; - margin: 15px auto; + margin: 20px auto; text-align: left; font-size: 0.55em; font-family: monospace; diff --git a/css/theme/sky.css b/css/theme/sky.css index 36d0b02..7f3e689 100644 --- a/css/theme/sky.css +++ b/css/theme/sky.css @@ -68,7 +68,7 @@ body { * OTHER *********************************************/ .reveal p { - margin-bottom: 10px; + margin: 20px 0; line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ @@ -116,7 +116,7 @@ body { display: block; position: relative; width: 70%; - margin: 5px auto; + margin: 20px auto; padding: 5px; font-style: italic; background: rgba(255, 255, 255, 0.05); @@ -132,7 +132,7 @@ body { display: block; position: relative; width: 90%; - margin: 15px auto; + margin: 20px auto; text-align: left; font-size: 0.55em; font-family: monospace; diff --git a/css/theme/solarized.css b/css/theme/solarized.css index dd4ec2b..5eb2a9d 100644 --- a/css/theme/solarized.css +++ b/css/theme/solarized.css @@ -71,7 +71,7 @@ body { * OTHER *********************************************/ .reveal p { - margin-bottom: 10px; + margin: 20px 0; line-height: 1.3; } /* Ensure certain elements are never larger than the slide itself */ @@ -119,7 +119,7 @@ body { display: block; position: relative; width: 70%; - margin: 5px auto; + margin: 20px auto; padding: 5px; font-style: italic; background: rgba(255, 255, 255, 0.05); @@ -135,7 +135,7 @@ body { display: block; position: relative; width: 90%; - margin: 15px auto; + margin: 20px auto; text-align: left; font-size: 0.55em; font-family: monospace; diff --git a/css/theme/template/settings.scss b/css/theme/template/settings.scss index 88f7d75..7e484f8 100644 --- a/css/theme/template/settings.scss +++ b/css/theme/template/settings.scss @@ -9,8 +9,11 @@ $mainFont: 'Lato', sans-serif; $mainFontSize: 36px; $mainColor: #eee; +// Vertical spacing between blocks of text +$blockMargin: 20px; + // Headings -$headingMargin: 0 0 20px 0; +$headingMargin: 0 0 $blockMargin 0; $headingFont: 'League Gothic', Impact, sans-serif; $headingColor: #eee; $headingLineHeight: 1.2; diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss index f2a542e..da907f5 100644 --- a/css/theme/template/theme.scss +++ b/css/theme/template/theme.scss @@ -66,7 +66,7 @@ body { *********************************************/ .reveal p { - margin-bottom: 10px; + margin: $blockMargin 0; line-height: 1.3; } @@ -136,7 +136,7 @@ body { display: block; position: relative; width: 70%; - margin: 5px auto; + margin: $blockMargin auto; padding: 5px; font-style: italic; @@ -156,7 +156,7 @@ body { display: block; position: relative; width: 90%; - margin: 15px auto; + margin: $blockMargin auto; text-align: left; font-size: 0.55em; diff --git a/index.html b/index.html index 5c34e39..b5be94b 100644 --- a/index.html +++ b/index.html @@ -42,7 +42,7 @@

Reveal.js

-

HTML Presentations Made Easy

+

The HTML Presentation Framwork

Created by Hakim El Hattab / @hakimel

@@ -326,8 +326,6 @@ function linkify( selector ) {

roll-in

fade-out

highlight-red

-

highlight-green

-

highlight-blue

current-visible

highlight-current-blue

-- cgit v1.2.3 From 25a674a3c2de34fe9a51e0d954d198dd419268ae Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Tue, 6 Jan 2015 11:42:23 +0100 Subject: new font & type settings for default theme --- css/theme/beige.css | 1 + css/theme/black.css | 42 ++++++++++++++++++++-------------------- css/theme/blood.css | 1 + css/theme/league.css | 1 + css/theme/moon.css | 1 + css/theme/night.css | 1 + css/theme/serif.css | 1 + css/theme/simple.css | 1 + css/theme/sky.css | 1 + css/theme/solarized.css | 1 + css/theme/source/black.scss | 14 +++++++------- css/theme/source/white.scss | 12 ++++++------ css/theme/template/settings.scss | 1 + css/theme/template/theme.scss | 1 + css/theme/white.css | 40 +++++++++++++++++++------------------- 15 files changed, 65 insertions(+), 54 deletions(-) (limited to 'css/theme/template') diff --git a/css/theme/beige.css b/css/theme/beige.css index 1a57b33..72a6de4 100644 --- a/css/theme/beige.css +++ b/css/theme/beige.css @@ -46,6 +46,7 @@ body { margin: 0 0 20px 0; color: #333; font-family: 'League Gothic', Impact, sans-serif; + font-weight: normal; line-height: 1.2; letter-spacing: normal; text-transform: uppercase; diff --git a/css/theme/black.css b/css/theme/black.css index 21d17b9..700fd46 100644 --- a/css/theme/black.css +++ b/css/theme/black.css @@ -1,9 +1,8 @@ -@import url(https://fonts.googleapis.com/css?family=Montserrat:400); -@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic); +@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,400italic,600italic&subset=latin,latin-ext); /** * Black theme for reveal.js. * - * Copyright (C) 2014 Hakim El Hattab, http://hakim.se + * Copyright (C) 2015 Hakim El Hattab, http://hakim.se */ section.has-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 { color: #222; } @@ -16,14 +15,14 @@ body { background-color: #222; } .reveal { - font-family: 'Open Sans', Helvetica, sans-serif; - font-size: 34px; + font-family: 'Source Sans Pro', Helvetica, sans-serif; + font-size: 38px; font-weight: normal; color: #fff; } ::selection { color: #fff; - background: #b6d7fe; + background: #bee4fd; text-shadow: none; } .reveal .slides > section, .reveal .slides > section > section { @@ -36,7 +35,8 @@ body { .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { margin: 0 0 20px 0; color: #fff; - font-family: 'Montserrat', Helvetica, sans-serif; + font-family: 'Source Sans Pro', Helvetica, sans-serif; + font-weight: 600; line-height: 1.2; letter-spacing: normal; text-transform: uppercase; @@ -181,20 +181,20 @@ body { * LINKS *********************************************/ .reveal a { - color: #3992fb; + color: #42affa; text-decoration: none; -webkit-transition: color 0.15s ease; -moz-transition: color 0.15s ease; transition: color 0.15s ease; } .reveal a:hover { - color: #84bcfd; + color: #8dcffc; text-shadow: none; border: none; } .reveal .roll span:after { color: #fff; - background: #056ce3; } + background: #068ee9; } /********************************************* * IMAGES @@ -212,35 +212,35 @@ body { .reveal a:hover img { background: rgba(255, 255, 255, 0.2); - border-color: #3992fb; + border-color: #42affa; box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } /********************************************* * NAVIGATION CONTROLS *********************************************/ .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled { - border-right-color: #3992fb; } + border-right-color: #42affa; } .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled { - border-left-color: #3992fb; } + border-left-color: #42affa; } .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled { - border-bottom-color: #3992fb; } + border-bottom-color: #42affa; } .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled { - border-top-color: #3992fb; } + border-top-color: #42affa; } .reveal .controls div.navigate-left.enabled:hover { - border-right-color: #84bcfd; } + border-right-color: #8dcffc; } .reveal .controls div.navigate-right.enabled:hover { - border-left-color: #84bcfd; } + border-left-color: #8dcffc; } .reveal .controls div.navigate-up.enabled:hover { - border-bottom-color: #84bcfd; } + border-bottom-color: #8dcffc; } .reveal .controls div.navigate-down.enabled:hover { - border-top-color: #84bcfd; } + border-top-color: #8dcffc; } /********************************************* * PROGRESS BAR @@ -249,7 +249,7 @@ body { background: rgba(0, 0, 0, 0.2); } .reveal .progress span { - background: #3992fb; + background: #42affa; -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } @@ -258,4 +258,4 @@ body { * SLIDE NUMBER *********************************************/ .reveal .slide-number { - color: #3992fb; } + color: #42affa; } diff --git a/css/theme/blood.css b/css/theme/blood.css index b2c6941..768d2a3 100644 --- a/css/theme/blood.css +++ b/css/theme/blood.css @@ -45,6 +45,7 @@ body { margin: 0 0 20px 0; color: #eee; font-family: Ubuntu, 'sans-serif'; + font-weight: normal; line-height: 1.2; letter-spacing: normal; text-transform: uppercase; diff --git a/css/theme/league.css b/css/theme/league.css index 80fb09e..4f44103 100644 --- a/css/theme/league.css +++ b/css/theme/league.css @@ -48,6 +48,7 @@ body { margin: 0 0 20px 0; color: #eee; font-family: 'League Gothic', Impact, sans-serif; + font-weight: normal; line-height: 1.2; letter-spacing: normal; text-transform: uppercase; diff --git a/css/theme/moon.css b/css/theme/moon.css index 4a83bde..5f0ef06 100644 --- a/css/theme/moon.css +++ b/css/theme/moon.css @@ -46,6 +46,7 @@ body { margin: 0 0 20px 0; color: #eee8d5; font-family: 'League Gothic', Impact, sans-serif; + font-weight: normal; line-height: 1.2; letter-spacing: normal; text-transform: uppercase; diff --git a/css/theme/night.css b/css/theme/night.css index f0f3623..71319b2 100644 --- a/css/theme/night.css +++ b/css/theme/night.css @@ -34,6 +34,7 @@ body { margin: 0 0 20px 0; color: #eee; font-family: 'Montserrat', Impact, sans-serif; + font-weight: normal; line-height: 1.2; letter-spacing: -0.03em; text-transform: none; diff --git a/css/theme/serif.css b/css/theme/serif.css index c265dc3..ed85db6 100644 --- a/css/theme/serif.css +++ b/css/theme/serif.css @@ -36,6 +36,7 @@ body { margin: 0 0 20px 0; color: #383D3D; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif; + font-weight: normal; line-height: 1.2; letter-spacing: normal; text-transform: none; diff --git a/css/theme/simple.css b/css/theme/simple.css index 58bc3ec..d9153d7 100644 --- a/css/theme/simple.css +++ b/css/theme/simple.css @@ -36,6 +36,7 @@ body { margin: 0 0 20px 0; color: #000; font-family: 'News Cycle', Impact, sans-serif; + font-weight: normal; line-height: 1.2; letter-spacing: normal; text-transform: none; diff --git a/css/theme/sky.css b/css/theme/sky.css index 7f3e689..f7e8402 100644 --- a/css/theme/sky.css +++ b/css/theme/sky.css @@ -43,6 +43,7 @@ body { margin: 0 0 20px 0; color: #333; font-family: 'Quicksand', sans-serif; + font-weight: normal; line-height: 1.2; letter-spacing: -0.08em; text-transform: uppercase; diff --git a/css/theme/solarized.css b/css/theme/solarized.css index 5eb2a9d..bef58a0 100644 --- a/css/theme/solarized.css +++ b/css/theme/solarized.css @@ -46,6 +46,7 @@ body { margin: 0 0 20px 0; color: #586e75; font-family: 'League Gothic', Impact, sans-serif; + font-weight: normal; line-height: 1.2; letter-spacing: normal; text-transform: uppercase; diff --git a/css/theme/source/black.scss b/css/theme/source/black.scss index c73ca87..571a156 100644 --- a/css/theme/source/black.scss +++ b/css/theme/source/black.scss @@ -1,7 +1,7 @@ /** * Black theme for reveal.js. * - * Copyright (C) 2014 Hakim El Hattab, http://hakim.se + * Copyright (C) 2015 Hakim El Hattab, http://hakim.se */ @@ -12,8 +12,7 @@ // Include theme-specific fonts -@import url(https://fonts.googleapis.com/css?family=Montserrat:400); -@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic); +@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,400italic,600italic&subset=latin,latin-ext); // Override theme settings (see ../template/settings.scss) @@ -22,13 +21,14 @@ $backgroundColor: #222; $mainColor: #fff; $headingColor: #fff; -$mainFont: 'Open Sans', Helvetica, sans-serif; -$mainFontSize: 34px; -$headingFont: 'Montserrat', Helvetica, sans-serif; +$mainFontSize: 38px; +$mainFont: 'Source Sans Pro', Helvetica, sans-serif; +$headingFont: 'Source Sans Pro', Helvetica, sans-serif; $headingTextShadow: none; $headingLetterSpacing: normal; $headingTextTransform: uppercase; -$linkColor: #3992fb; +$headingFontWeight: 600; +$linkColor: #42affa; $linkColorHover: lighten( $linkColor, 15% ); $selectionBackgroundColor: lighten( $linkColor, 25% ); diff --git a/css/theme/source/white.scss b/css/theme/source/white.scss index 52a156e..d470dfe 100644 --- a/css/theme/source/white.scss +++ b/css/theme/source/white.scss @@ -12,8 +12,7 @@ // Include theme-specific fonts -@import url(https://fonts.googleapis.com/css?family=Montserrat:400); -@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic); +@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,400italic,600italic&subset=latin,latin-ext); // Override theme settings (see ../template/settings.scss) @@ -22,13 +21,14 @@ $backgroundColor: #fff; $mainColor: #222; $headingColor: #222; -$mainFont: 'Open Sans', Helvetica, sans-serif; -$mainFontSize: 34px; -$headingFont: 'Montserrat', Helvetica, sans-serif; +$mainFontSize: 38px; +$mainFont: 'Source Sans Pro', Helvetica, sans-serif; +$headingFont: 'Source Sans Pro', Helvetica, sans-serif; $headingTextShadow: none; $headingLetterSpacing: normal; $headingTextTransform: uppercase; -$linkColor: #3992fb; +$headingFontWeight: 600; +$linkColor: #2a76dd; $linkColorHover: lighten( $linkColor, 15% ); $selectionBackgroundColor: lighten( $linkColor, 25% ); diff --git a/css/theme/template/settings.scss b/css/theme/template/settings.scss index 7e484f8..ffaac23 100644 --- a/css/theme/template/settings.scss +++ b/css/theme/template/settings.scss @@ -20,6 +20,7 @@ $headingLineHeight: 1.2; $headingLetterSpacing: normal; $headingTextTransform: uppercase; $headingTextShadow: none; +$headingFontWeight: normal; $heading1TextShadow: $headingTextShadow; $heading1Size: 3.77em; diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss index da907f5..d1be10a 100644 --- a/css/theme/template/theme.scss +++ b/css/theme/template/theme.scss @@ -42,6 +42,7 @@ body { color: $headingColor; font-family: $headingFont; + font-weight: $headingFontWeight; line-height: $headingLineHeight; letter-spacing: $headingLetterSpacing; diff --git a/css/theme/white.css b/css/theme/white.css index e1d78c8..4efdf41 100644 --- a/css/theme/white.css +++ b/css/theme/white.css @@ -1,5 +1,4 @@ -@import url(https://fonts.googleapis.com/css?family=Montserrat:400); -@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic); +@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,400italic,600italic&subset=latin,latin-ext); /** * White theme for reveal.js. * @@ -16,14 +15,14 @@ body { background-color: #fff; } .reveal { - font-family: 'Open Sans', Helvetica, sans-serif; - font-size: 34px; + font-family: 'Source Sans Pro', Helvetica, sans-serif; + font-size: 38px; font-weight: normal; color: #222; } ::selection { color: #fff; - background: #b6d7fe; + background: #98bdef; text-shadow: none; } .reveal .slides > section, .reveal .slides > section > section { @@ -36,7 +35,8 @@ body { .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { margin: 0 0 20px 0; color: #222; - font-family: 'Montserrat', Helvetica, sans-serif; + font-family: 'Source Sans Pro', Helvetica, sans-serif; + font-weight: 600; line-height: 1.2; letter-spacing: normal; text-transform: uppercase; @@ -181,20 +181,20 @@ body { * LINKS *********************************************/ .reveal a { - color: #3992fb; + color: #2a76dd; text-decoration: none; -webkit-transition: color 0.15s ease; -moz-transition: color 0.15s ease; transition: color 0.15s ease; } .reveal a:hover { - color: #84bcfd; + color: #6ca2e8; text-shadow: none; border: none; } .reveal .roll span:after { color: #fff; - background: #056ce3; } + background: #1a54a1; } /********************************************* * IMAGES @@ -212,35 +212,35 @@ body { .reveal a:hover img { background: rgba(255, 255, 255, 0.2); - border-color: #3992fb; + border-color: #2a76dd; box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } /********************************************* * NAVIGATION CONTROLS *********************************************/ .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled { - border-right-color: #3992fb; } + border-right-color: #2a76dd; } .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled { - border-left-color: #3992fb; } + border-left-color: #2a76dd; } .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled { - border-bottom-color: #3992fb; } + border-bottom-color: #2a76dd; } .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled { - border-top-color: #3992fb; } + border-top-color: #2a76dd; } .reveal .controls div.navigate-left.enabled:hover { - border-right-color: #84bcfd; } + border-right-color: #6ca2e8; } .reveal .controls div.navigate-right.enabled:hover { - border-left-color: #84bcfd; } + border-left-color: #6ca2e8; } .reveal .controls div.navigate-up.enabled:hover { - border-bottom-color: #84bcfd; } + border-bottom-color: #6ca2e8; } .reveal .controls div.navigate-down.enabled:hover { - border-top-color: #84bcfd; } + border-top-color: #6ca2e8; } /********************************************* * PROGRESS BAR @@ -249,7 +249,7 @@ body { background: rgba(0, 0, 0, 0.2); } .reveal .progress span { - background: #3992fb; + background: #2a76dd; -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } @@ -258,4 +258,4 @@ body { * SLIDE NUMBER *********************************************/ .reveal .slide-number { - color: #3992fb; } + color: #2a76dd; } -- cgit v1.2.3 From 67140f2369dfa31f4d597bbed30bf0e6304f9d36 Mon Sep 17 00:00:00 2001 From: Ken Dale Date: Fri, 13 Feb 2015 19:43:47 -0500 Subject: Add plain class for plain images --- css/theme/beige.css | 4 ++++ css/theme/black.css | 4 ++++ css/theme/blood.css | 4 ++++ css/theme/league.css | 4 ++++ css/theme/moon.css | 4 ++++ css/theme/night.css | 4 ++++ css/theme/serif.css | 4 ++++ css/theme/simple.css | 4 ++++ css/theme/sky.css | 4 ++++ css/theme/solarized.css | 4 ++++ css/theme/template/theme.scss | 5 +++++ css/theme/white.css | 4 ++++ 12 files changed, 49 insertions(+) (limited to 'css/theme/template') diff --git a/css/theme/beige.css b/css/theme/beige.css index 514427c..be64a2f 100644 --- a/css/theme/beige.css +++ b/css/theme/beige.css @@ -209,6 +209,10 @@ body { border: 4px solid #333; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } +.reveal section img.plain { + border: 0; + box-shadow: none; } + .reveal a img { -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; diff --git a/css/theme/black.css b/css/theme/black.css index 7d3bee4..300c6bd 100644 --- a/css/theme/black.css +++ b/css/theme/black.css @@ -205,6 +205,10 @@ body { border: 4px solid #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } +.reveal section img.plain { + border: 0; + box-shadow: none; } + .reveal a img { -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; diff --git a/css/theme/blood.css b/css/theme/blood.css index 768d2a3..3a9e023 100644 --- a/css/theme/blood.css +++ b/css/theme/blood.css @@ -214,6 +214,10 @@ body { border: 4px solid #eee; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } +.reveal section img.plain { + border: 0; + box-shadow: none; } + .reveal a img { -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; diff --git a/css/theme/league.css b/css/theme/league.css index c6d07f6..224e09d 100644 --- a/css/theme/league.css +++ b/css/theme/league.css @@ -211,6 +211,10 @@ body { border: 4px solid #eee; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } +.reveal section img.plain { + border: 0; + box-shadow: none; } + .reveal a img { -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; diff --git a/css/theme/moon.css b/css/theme/moon.css index 4817c18..b02eae4 100644 --- a/css/theme/moon.css +++ b/css/theme/moon.css @@ -209,6 +209,10 @@ body { border: 4px solid #93a1a1; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } +.reveal section img.plain { + border: 0; + box-shadow: none; } + .reveal a img { -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; diff --git a/css/theme/night.css b/css/theme/night.css index 71319b2..b873b3e 100644 --- a/css/theme/night.css +++ b/css/theme/night.css @@ -203,6 +203,10 @@ body { border: 4px solid #eee; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } +.reveal section img.plain { + border: 0; + box-shadow: none; } + .reveal a img { -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; diff --git a/css/theme/serif.css b/css/theme/serif.css index ed85db6..aa0cc7b 100644 --- a/css/theme/serif.css +++ b/css/theme/serif.css @@ -205,6 +205,10 @@ body { border: 4px solid #000; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } +.reveal section img.plain { + border: 0; + box-shadow: none; } + .reveal a img { -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; diff --git a/css/theme/simple.css b/css/theme/simple.css index d9153d7..f1fe1d3 100644 --- a/css/theme/simple.css +++ b/css/theme/simple.css @@ -205,6 +205,10 @@ body { border: 4px solid #000; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } +.reveal section img.plain { + border: 0; + box-shadow: none; } + .reveal a img { -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; diff --git a/css/theme/sky.css b/css/theme/sky.css index f7e8402..0d9ebe8 100644 --- a/css/theme/sky.css +++ b/css/theme/sky.css @@ -212,6 +212,10 @@ body { border: 4px solid #333; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } +.reveal section img.plain { + border: 0; + box-shadow: none; } + .reveal a img { -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; diff --git a/css/theme/solarized.css b/css/theme/solarized.css index 583201a..6c6a9bb 100644 --- a/css/theme/solarized.css +++ b/css/theme/solarized.css @@ -209,6 +209,10 @@ body { border: 4px solid #657b83; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } +.reveal section img.plain { + border: 0; + box-shadow: none; } + .reveal a img { -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss index d1be10a..66e9cbb 100644 --- a/css/theme/template/theme.scss +++ b/css/theme/template/theme.scss @@ -259,6 +259,11 @@ body { box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } + .reveal section img.plain { + border: 0; + box-shadow: none; + } + .reveal a img { -webkit-transition: all .15s linear; -moz-transition: all .15s linear; diff --git a/css/theme/white.css b/css/theme/white.css index 5fdb2fc..6404654 100644 --- a/css/theme/white.css +++ b/css/theme/white.css @@ -205,6 +205,10 @@ body { border: 4px solid #222; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } +.reveal section img.plain { + border: 0; + box-shadow: none; } + .reveal a img { -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -- cgit v1.2.3 From 3ead7d4eb573b7c9ef75dc00926ac63bad873e23 Mon Sep 17 00:00:00 2001 From: Christian Fehmer Date: Sat, 28 Feb 2015 19:15:14 +0100 Subject: Markdown table column alignment #1050 The alignment information were already in the generated html. The css was the only thing missing, so I added it. --- css/theme/beige.css | 6 ++++++ css/theme/black.css | 6 ++++++ css/theme/blood.css | 6 ++++++ css/theme/league.css | 6 ++++++ css/theme/moon.css | 6 ++++++ css/theme/night.css | 6 ++++++ css/theme/serif.css | 6 ++++++ css/theme/simple.css | 6 ++++++ css/theme/sky.css | 6 ++++++ css/theme/solarized.css | 6 ++++++ css/theme/template/theme.scss | 10 ++++++++++ css/theme/white.css | 6 ++++++ 12 files changed, 76 insertions(+) (limited to 'css/theme/template') diff --git a/css/theme/beige.css b/css/theme/beige.css index 514427c..944dbd8 100644 --- a/css/theme/beige.css +++ b/css/theme/beige.css @@ -163,6 +163,12 @@ body { padding: 0.2em 0.5em 0.2em 0.5em; border-bottom: 1px solid; } +.reveal table th[align="center"], .reveal table td[align="center"] { + text-align: center; } + +.reveal table th[align="right"], .reveal table td[align="right"] { + text-align: right; } + .reveal table tr:last-child td { border-bottom: none; } diff --git a/css/theme/black.css b/css/theme/black.css index 7d3bee4..ee2ead8 100644 --- a/css/theme/black.css +++ b/css/theme/black.css @@ -159,6 +159,12 @@ body { padding: 0.2em 0.5em 0.2em 0.5em; border-bottom: 1px solid; } +.reveal table th[align="center"], .reveal table td[align="center"] { + text-align: center; } + +.reveal table th[align="right"], .reveal table td[align="right"] { + text-align: right; } + .reveal table tr:last-child td { border-bottom: none; } diff --git a/css/theme/blood.css b/css/theme/blood.css index 768d2a3..bf4de94 100644 --- a/css/theme/blood.css +++ b/css/theme/blood.css @@ -168,6 +168,12 @@ body { padding: 0.2em 0.5em 0.2em 0.5em; border-bottom: 1px solid; } +.reveal table th[align="center"], .reveal table td[align="center"] { + text-align: center; } + +.reveal table th[align="right"], .reveal table td[align="right"] { + text-align: right; } + .reveal table tr:last-child td { border-bottom: none; } diff --git a/css/theme/league.css b/css/theme/league.css index c6d07f6..41967d2 100644 --- a/css/theme/league.css +++ b/css/theme/league.css @@ -165,6 +165,12 @@ body { padding: 0.2em 0.5em 0.2em 0.5em; border-bottom: 1px solid; } +.reveal table th[align="center"], .reveal table td[align="center"] { + text-align: center; } + +.reveal table th[align="right"], .reveal table td[align="right"] { + text-align: right; } + .reveal table tr:last-child td { border-bottom: none; } diff --git a/css/theme/moon.css b/css/theme/moon.css index 4817c18..ac93638 100644 --- a/css/theme/moon.css +++ b/css/theme/moon.css @@ -163,6 +163,12 @@ body { padding: 0.2em 0.5em 0.2em 0.5em; border-bottom: 1px solid; } +.reveal table th[align="center"], .reveal table td[align="center"] { + text-align: center; } + +.reveal table th[align="right"], .reveal table td[align="right"] { + text-align: right; } + .reveal table tr:last-child td { border-bottom: none; } diff --git a/css/theme/night.css b/css/theme/night.css index 71319b2..6a5ed31 100644 --- a/css/theme/night.css +++ b/css/theme/night.css @@ -157,6 +157,12 @@ body { padding: 0.2em 0.5em 0.2em 0.5em; border-bottom: 1px solid; } +.reveal table th[align="center"], .reveal table td[align="center"] { + text-align: center; } + +.reveal table th[align="right"], .reveal table td[align="right"] { + text-align: right; } + .reveal table tr:last-child td { border-bottom: none; } diff --git a/css/theme/serif.css b/css/theme/serif.css index ed85db6..fc83e5d 100644 --- a/css/theme/serif.css +++ b/css/theme/serif.css @@ -159,6 +159,12 @@ body { padding: 0.2em 0.5em 0.2em 0.5em; border-bottom: 1px solid; } +.reveal table th[align="center"], .reveal table td[align="center"] { + text-align: center; } + +.reveal table th[align="right"], .reveal table td[align="right"] { + text-align: right; } + .reveal table tr:last-child td { border-bottom: none; } diff --git a/css/theme/simple.css b/css/theme/simple.css index d9153d7..ea08a27 100644 --- a/css/theme/simple.css +++ b/css/theme/simple.css @@ -159,6 +159,12 @@ body { padding: 0.2em 0.5em 0.2em 0.5em; border-bottom: 1px solid; } +.reveal table th[align="center"], .reveal table td[align="center"] { + text-align: center; } + +.reveal table th[align="right"], .reveal table td[align="right"] { + text-align: right; } + .reveal table tr:last-child td { border-bottom: none; } diff --git a/css/theme/sky.css b/css/theme/sky.css index f7e8402..83842c4 100644 --- a/css/theme/sky.css +++ b/css/theme/sky.css @@ -166,6 +166,12 @@ body { padding: 0.2em 0.5em 0.2em 0.5em; border-bottom: 1px solid; } +.reveal table th[align="center"], .reveal table td[align="center"] { + text-align: center; } + +.reveal table th[align="right"], .reveal table td[align="right"] { + text-align: right; } + .reveal table tr:last-child td { border-bottom: none; } diff --git a/css/theme/solarized.css b/css/theme/solarized.css index 583201a..649f7a9 100644 --- a/css/theme/solarized.css +++ b/css/theme/solarized.css @@ -163,6 +163,12 @@ body { padding: 0.2em 0.5em 0.2em 0.5em; border-bottom: 1px solid; } +.reveal table th[align="center"], .reveal table td[align="center"] { + text-align: center; } + +.reveal table th[align="right"], .reveal table td[align="right"] { + text-align: right; } + .reveal table tr:last-child td { border-bottom: none; } diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss index d1be10a..5409826 100644 --- a/css/theme/template/theme.scss +++ b/css/theme/template/theme.scss @@ -199,6 +199,16 @@ body { border-bottom: 1px solid; } +.reveal table th[align="center"], +.reveal table td[align="center"] { + text-align: center; +} + +.reveal table th[align="right"], +.reveal table td[align="right"] { + text-align: right; +} + .reveal table tr:last-child td { border-bottom: none; } diff --git a/css/theme/white.css b/css/theme/white.css index 5fdb2fc..c77d5ab 100644 --- a/css/theme/white.css +++ b/css/theme/white.css @@ -159,6 +159,12 @@ body { padding: 0.2em 0.5em 0.2em 0.5em; border-bottom: 1px solid; } +.reveal table th[align="center"], .reveal table td[align="center"] { + text-align: center; } + +.reveal table th[align="right"], .reveal table td[align="right"] { + text-align: right; } + .reveal table tr:last-child td { border-bottom: none; } -- cgit v1.2.3 From b4574791e0b63a128fef450be5cd8d8c103ae1f4 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Mon, 2 Mar 2015 12:08:21 +0100 Subject: fix mixed spaces/tabs --- css/theme/template/theme.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'css/theme/template') diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss index 5409826..bd89d31 100644 --- a/css/theme/template/theme.scss +++ b/css/theme/template/theme.scss @@ -210,7 +210,7 @@ body { } .reveal table tr:last-child td { - border-bottom: none; + border-bottom: none; } .reveal sup { @@ -343,7 +343,7 @@ body { * SLIDE NUMBER *********************************************/ .reveal .slide-number { - color: $linkColor; + color: $linkColor; } -- cgit v1.2.3 From a96cabaf70938df3fdb9f258758f743f398a14e5 Mon Sep 17 00:00:00 2001 From: Philipp A. Date: Sun, 3 May 2015 17:40:11 +0200 Subject: Fixed last header having a border-bottom `` is automatically inserted, so we can guarantee that this affects all ths and tds in the last row of the table *body* and the head is left untouched--- css/theme/template/theme.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'css/theme/template') diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss index d1be10a..b5069d3 100644 --- a/css/theme/template/theme.scss +++ b/css/theme/template/theme.scss @@ -199,8 +199,9 @@ body { border-bottom: 1px solid; } -.reveal table tr:last-child td { - border-bottom: none; +.reveal table tbody tr:last-child th, +.reveal table tbody tr:last-child td { + border-bottom: none; } .reveal sup { -- cgit v1.2.3 From 523f78eda724006e12a502a7b6d7c8147dc92fbe Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Thu, 2 Jul 2015 14:58:47 +0200 Subject: remove harcoded syntax highlight colors #1290 --- css/theme/beige.css | 4 +--- css/theme/black.css | 4 +--- css/theme/blood.css | 4 +--- css/theme/league.css | 4 +--- css/theme/moon.css | 4 +--- css/theme/night.css | 4 +--- css/theme/serif.css | 4 +--- css/theme/simple.css | 4 +--- css/theme/sky.css | 4 +--- css/theme/solarized.css | 4 +--- css/theme/template/theme.scss | 2 -- css/theme/white.css | 4 +--- index.html | 12 ++++++------ 13 files changed, 17 insertions(+), 41 deletions(-) (limited to 'css/theme/template') diff --git a/css/theme/beige.css b/css/theme/beige.css index 944dbd8..8c880a9 100644 --- a/css/theme/beige.css +++ b/css/theme/beige.css @@ -146,9 +146,7 @@ body { padding: 5px; overflow: auto; max-height: 400px; - word-wrap: normal; - background: #3F3F3F; - color: #DCDCDC; } + word-wrap: normal; } .reveal table { margin: auto; diff --git a/css/theme/black.css b/css/theme/black.css index ee2ead8..5ff960e 100644 --- a/css/theme/black.css +++ b/css/theme/black.css @@ -142,9 +142,7 @@ body { padding: 5px; overflow: auto; max-height: 400px; - word-wrap: normal; - background: #3F3F3F; - color: #DCDCDC; } + word-wrap: normal; } .reveal table { margin: auto; diff --git a/css/theme/blood.css b/css/theme/blood.css index 952fdf2..8d554df 100644 --- a/css/theme/blood.css +++ b/css/theme/blood.css @@ -145,9 +145,7 @@ body { padding: 5px; overflow: auto; max-height: 400px; - word-wrap: normal; - background: #3F3F3F; - color: #DCDCDC; } + word-wrap: normal; } .reveal table { margin: auto; diff --git a/css/theme/league.css b/css/theme/league.css index 41967d2..ed1641c 100644 --- a/css/theme/league.css +++ b/css/theme/league.css @@ -148,9 +148,7 @@ body { padding: 5px; overflow: auto; max-height: 400px; - word-wrap: normal; - background: #3F3F3F; - color: #DCDCDC; } + word-wrap: normal; } .reveal table { margin: auto; diff --git a/css/theme/moon.css b/css/theme/moon.css index ac93638..55e1662 100644 --- a/css/theme/moon.css +++ b/css/theme/moon.css @@ -146,9 +146,7 @@ body { padding: 5px; overflow: auto; max-height: 400px; - word-wrap: normal; - background: #3F3F3F; - color: #DCDCDC; } + word-wrap: normal; } .reveal table { margin: auto; diff --git a/css/theme/night.css b/css/theme/night.css index 6a5ed31..efaa969 100644 --- a/css/theme/night.css +++ b/css/theme/night.css @@ -140,9 +140,7 @@ body { padding: 5px; overflow: auto; max-height: 400px; - word-wrap: normal; - background: #3F3F3F; - color: #DCDCDC; } + word-wrap: normal; } .reveal table { margin: auto; diff --git a/css/theme/serif.css b/css/theme/serif.css index fc83e5d..69dbf96 100644 --- a/css/theme/serif.css +++ b/css/theme/serif.css @@ -142,9 +142,7 @@ body { padding: 5px; overflow: auto; max-height: 400px; - word-wrap: normal; - background: #3F3F3F; - color: #DCDCDC; } + word-wrap: normal; } .reveal table { margin: auto; diff --git a/css/theme/simple.css b/css/theme/simple.css index ea08a27..e63edc2 100644 --- a/css/theme/simple.css +++ b/css/theme/simple.css @@ -142,9 +142,7 @@ body { padding: 5px; overflow: auto; max-height: 400px; - word-wrap: normal; - background: #3F3F3F; - color: #DCDCDC; } + word-wrap: normal; } .reveal table { margin: auto; diff --git a/css/theme/sky.css b/css/theme/sky.css index 83842c4..99bf027 100644 --- a/css/theme/sky.css +++ b/css/theme/sky.css @@ -149,9 +149,7 @@ body { padding: 5px; overflow: auto; max-height: 400px; - word-wrap: normal; - background: #3F3F3F; - color: #DCDCDC; } + word-wrap: normal; } .reveal table { margin: auto; diff --git a/css/theme/solarized.css b/css/theme/solarized.css index 649f7a9..56e8b36 100644 --- a/css/theme/solarized.css +++ b/css/theme/solarized.css @@ -146,9 +146,7 @@ body { padding: 5px; overflow: auto; max-height: 400px; - word-wrap: normal; - background: #3F3F3F; - color: #DCDCDC; } + word-wrap: normal; } .reveal table { margin: auto; diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss index bd89d31..12edb51 100644 --- a/css/theme/template/theme.scss +++ b/css/theme/template/theme.scss @@ -178,8 +178,6 @@ body { overflow: auto; max-height: 400px; word-wrap: normal; - background: #3F3F3F; - color: #DCDCDC; } .reveal table { diff --git a/css/theme/white.css b/css/theme/white.css index c77d5ab..171e719 100644 --- a/css/theme/white.css +++ b/css/theme/white.css @@ -142,9 +142,7 @@ body { padding: 5px; overflow: auto; max-height: 400px; - word-wrap: normal; - background: #3F3F3F; - color: #DCDCDC; } + word-wrap: normal; } .reveal table { margin: auto; diff --git a/index.html b/index.html index aad2046..0159b7f 100644 --- a/index.html +++ b/index.html @@ -189,16 +189,16 @@

Image Backgrounds

- 
<section data-background="image.png">
+ 
<section data-background="image.png">

Tiled Backgrounds

- 
<section data-background="image.png" data-background-repeat="repeat" data-background-size="100px">
+ 
<section data-background="image.png" data-background-repeat="repeat" data-background-size="100px">

Video Backgrounds

- 
<section data-background-video="video.mp4,video.webm">
+ 
<section data-background-video="video.mp4,video.webm">
@@ -211,7 +211,7 @@

Different background transitions are available via the backgroundTransition option. This one's called "zoom".

- 
Reveal.configure({ backgroundTransition: 'zoom' })
+ 
Reveal.configure({ backgroundTransition: 'zoom' })
@@ -219,12 +219,12 @@

You can override background transitions per-slide.

- 
<section data-background-transition="zoom">
+ 
<section data-background-transition="zoom">

Pretty Code

- 

+					

 function linkify( selector ) {
   if( supports3DTransforms ) {
 
-- 
cgit v1.2.3


From c96a5d6ae3e397d4f6000c245cd28f38ce7c7f3d Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Tue, 7 Jul 2015 11:37:27 +0200
Subject: fix theme control arrow selectors #1257

---
 css/reveal.css                | 20 ++++++++++----------
 css/reveal.scss               | 20 ++++++++++----------
 css/theme/beige.css           | 16 ++++++++--------
 css/theme/black.css           | 16 ++++++++--------
 css/theme/blood.css           | 16 ++++++++--------
 css/theme/league.css          | 16 ++++++++--------
 css/theme/moon.css            | 16 ++++++++--------
 css/theme/night.css           | 16 ++++++++--------
 css/theme/serif.css           | 16 ++++++++--------
 css/theme/simple.css          | 16 ++++++++--------
 css/theme/sky.css             | 16 ++++++++--------
 css/theme/solarized.css       | 16 ++++++++--------
 css/theme/template/theme.scss | 24 ++++++++++++------------
 css/theme/white.css           | 16 ++++++++--------
 14 files changed, 120 insertions(+), 120 deletions(-)

(limited to 'css/theme/template')

diff --git a/css/reveal.css b/css/reveal.css
index a83c155..705d966 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -172,45 +172,45 @@ body {
   -webkit-appearance: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
 
-.reveal .controls button.enabled {
+.reveal .controls .enabled {
   opacity: 0.7;
   cursor: pointer; }
 
-.reveal .controls button.enabled:active {
+.reveal .controls .enabled:active {
   margin-top: 1px; }
 
-.reveal .controls button.navigate-left {
+.reveal .controls .navigate-left {
   top: 42px;
   border-right-width: 22px;
   border-right-color: #000; }
 
-.reveal .controls button.navigate-left.fragmented {
+.reveal .controls .navigate-left.fragmented {
   opacity: 0.3; }
 
-.reveal .controls button.navigate-right {
+.reveal .controls .navigate-right {
   left: 74px;
   top: 42px;
   border-left-width: 22px;
   border-left-color: #000; }
 
-.reveal .controls button.navigate-right.fragmented {
+.reveal .controls .navigate-right.fragmented {
   opacity: 0.3; }
 
-.reveal .controls button.navigate-up {
+.reveal .controls .navigate-up {
   left: 42px;
   border-bottom-width: 22px;
   border-bottom-color: #000; }
 
-.reveal .controls button.navigate-up.fragmented {
+.reveal .controls .navigate-up.fragmented {
   opacity: 0.3; }
 
-.reveal .controls button.navigate-down {
+.reveal .controls .navigate-down {
   left: 42px;
   top: 74px;
   border-top-width: 22px;
   border-top-color: #000; }
 
-.reveal .controls button.navigate-down.fragmented {
+.reveal .controls .navigate-down.fragmented {
   opacity: 0.3; }
 
 /*********************************************
diff --git a/css/reveal.scss b/css/reveal.scss
index a8558a9..1be6151 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -228,54 +228,54 @@ body {
 	-webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );
 }
 
-.reveal .controls button.enabled {
+.reveal .controls .enabled {
 	opacity: 0.7;
 	cursor: pointer;
 }
 
-.reveal .controls button.enabled:active {
+.reveal .controls .enabled:active {
 	margin-top: 1px;
 }
 
-	.reveal .controls button.navigate-left {
+	.reveal .controls .navigate-left {
 		top: 42px;
 
 		border-right-width: 22px;
 		border-right-color: #000;
 	}
-		.reveal .controls button.navigate-left.fragmented {
+		.reveal .controls .navigate-left.fragmented {
 			opacity: 0.3;
 		}
 
-	.reveal .controls button.navigate-right {
+	.reveal .controls .navigate-right {
 		left: 74px;
 		top: 42px;
 
 		border-left-width: 22px;
 		border-left-color: #000;
 	}
-		.reveal .controls button.navigate-right.fragmented {
+		.reveal .controls .navigate-right.fragmented {
 			opacity: 0.3;
 		}
 
-	.reveal .controls button.navigate-up {
+	.reveal .controls .navigate-up {
 		left: 42px;
 
 		border-bottom-width: 22px;
 		border-bottom-color: #000;
 	}
-		.reveal .controls button.navigate-up.fragmented {
+		.reveal .controls .navigate-up.fragmented {
 			opacity: 0.3;
 		}
 
-	.reveal .controls button.navigate-down {
+	.reveal .controls .navigate-down {
 		left: 42px;
 		top: 74px;
 
 		border-top-width: 22px;
 		border-top-color: #000;
 	}
-		.reveal .controls button.navigate-down.fragmented {
+		.reveal .controls .navigate-down.fragmented {
 			opacity: 0.3;
 		}
 
diff --git a/css/theme/beige.css b/css/theme/beige.css
index 8c880a9..56782f2 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -226,28 +226,28 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
   border-right-color: #8b743d; }
 
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
   border-left-color: #8b743d; }
 
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
   border-bottom-color: #8b743d; }
 
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
   border-top-color: #8b743d; }
 
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
   border-right-color: #c0a76e; }
 
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
   border-left-color: #c0a76e; }
 
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
   border-bottom-color: #c0a76e; }
 
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
   border-top-color: #c0a76e; }
 
 /*********************************************
diff --git a/css/theme/black.css b/css/theme/black.css
index 5ff960e..fce771b 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -222,28 +222,28 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
   border-right-color: #42affa; }
 
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
   border-left-color: #42affa; }
 
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
   border-bottom-color: #42affa; }
 
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
   border-top-color: #42affa; }
 
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
   border-right-color: #8dcffc; }
 
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
   border-left-color: #8dcffc; }
 
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
   border-bottom-color: #8dcffc; }
 
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
   border-top-color: #8dcffc; }
 
 /*********************************************
diff --git a/css/theme/blood.css b/css/theme/blood.css
index 8d554df..e395936 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -225,28 +225,28 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
   border-right-color: #a23; }
 
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
   border-left-color: #a23; }
 
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
   border-bottom-color: #a23; }
 
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
   border-top-color: #a23; }
 
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
   border-right-color: #dd5567; }
 
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
   border-left-color: #dd5567; }
 
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
   border-bottom-color: #dd5567; }
 
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
   border-top-color: #dd5567; }
 
 /*********************************************
diff --git a/css/theme/league.css b/css/theme/league.css
index ed1641c..5daa1d3 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -228,28 +228,28 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
   border-right-color: #13DAEC; }
 
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
   border-left-color: #13DAEC; }
 
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
   border-bottom-color: #13DAEC; }
 
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
   border-top-color: #13DAEC; }
 
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
   border-right-color: #71ebf4; }
 
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
   border-left-color: #71ebf4; }
 
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
   border-bottom-color: #71ebf4; }
 
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
   border-top-color: #71ebf4; }
 
 /*********************************************
diff --git a/css/theme/moon.css b/css/theme/moon.css
index 55e1662..7250cc4 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -226,28 +226,28 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
   border-right-color: #268bd2; }
 
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
   border-left-color: #268bd2; }
 
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
   border-bottom-color: #268bd2; }
 
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
   border-top-color: #268bd2; }
 
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
   border-right-color: #78bae6; }
 
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
   border-left-color: #78bae6; }
 
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
   border-bottom-color: #78bae6; }
 
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
   border-top-color: #78bae6; }
 
 /*********************************************
diff --git a/css/theme/night.css b/css/theme/night.css
index efaa969..1bc8fbb 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -220,28 +220,28 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
   border-right-color: #e7ad52; }
 
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
   border-left-color: #e7ad52; }
 
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
   border-bottom-color: #e7ad52; }
 
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
   border-top-color: #e7ad52; }
 
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
   border-right-color: #f3d7ac; }
 
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
   border-left-color: #f3d7ac; }
 
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
   border-bottom-color: #f3d7ac; }
 
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
   border-top-color: #f3d7ac; }
 
 /*********************************************
diff --git a/css/theme/serif.css b/css/theme/serif.css
index 69dbf96..200a985 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -222,28 +222,28 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
   border-right-color: #51483D; }
 
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
   border-left-color: #51483D; }
 
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
   border-bottom-color: #51483D; }
 
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
   border-top-color: #51483D; }
 
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
   border-right-color: #8b7b69; }
 
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
   border-left-color: #8b7b69; }
 
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
   border-bottom-color: #8b7b69; }
 
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
   border-top-color: #8b7b69; }
 
 /*********************************************
diff --git a/css/theme/simple.css b/css/theme/simple.css
index e63edc2..a6fccd5 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -222,28 +222,28 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
   border-right-color: #00008B; }
 
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
   border-left-color: #00008B; }
 
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
   border-bottom-color: #00008B; }
 
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
   border-top-color: #00008B; }
 
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
   border-right-color: #0000f1; }
 
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
   border-left-color: #0000f1; }
 
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
   border-bottom-color: #0000f1; }
 
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
   border-top-color: #0000f1; }
 
 /*********************************************
diff --git a/css/theme/sky.css b/css/theme/sky.css
index 99bf027..f422079 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -229,28 +229,28 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
   border-right-color: #3b759e; }
 
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
   border-left-color: #3b759e; }
 
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
   border-bottom-color: #3b759e; }
 
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
   border-top-color: #3b759e; }
 
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
   border-right-color: #74a8cb; }
 
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
   border-left-color: #74a8cb; }
 
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
   border-bottom-color: #74a8cb; }
 
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
   border-top-color: #74a8cb; }
 
 /*********************************************
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index 56e8b36..c112696 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -226,28 +226,28 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
   border-right-color: #268bd2; }
 
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
   border-left-color: #268bd2; }
 
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
   border-bottom-color: #268bd2; }
 
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
   border-top-color: #268bd2; }
 
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
   border-right-color: #78bae6; }
 
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
   border-left-color: #78bae6; }
 
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
   border-bottom-color: #78bae6; }
 
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
   border-top-color: #78bae6; }
 
 /*********************************************
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index 12edb51..e0e5fb6 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -285,39 +285,39 @@ body {
  * NAVIGATION CONTROLS
  *********************************************/
 
-.reveal .controls div.navigate-left,
-.reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
 	border-right-color: $linkColor;
 }
 
-.reveal .controls div.navigate-right,
-.reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
 	border-left-color: $linkColor;
 }
 
-.reveal .controls div.navigate-up,
-.reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
 	border-bottom-color: $linkColor;
 }
 
-.reveal .controls div.navigate-down,
-.reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
 	border-top-color: $linkColor;
 }
 
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
 	border-right-color: $linkColorHover;
 }
 
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
 	border-left-color: $linkColorHover;
 }
 
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
 	border-bottom-color: $linkColorHover;
 }
 
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
 	border-top-color: $linkColorHover;
 }
 
diff --git a/css/theme/white.css b/css/theme/white.css
index 171e719..48754bd 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -222,28 +222,28 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
   border-right-color: #2a76dd; }
 
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
   border-left-color: #2a76dd; }
 
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
   border-bottom-color: #2a76dd; }
 
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
   border-top-color: #2a76dd; }
 
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
   border-right-color: #6ca2e8; }
 
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
   border-left-color: #6ca2e8; }
 
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
   border-bottom-color: #6ca2e8; }
 
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
   border-top-color: #6ca2e8; }
 
 /*********************************************
-- 
cgit v1.2.3


From 0e779edb20e2c14f66a7bce4451321ef22fa8898 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Thu, 29 Oct 2015 11:59:26 +0100
Subject: slide numbers work in pdf exports, update slide number style

---
 css/print/pdf.css             | 11 ++++++++-
 css/reveal.css                |  9 +++++---
 css/reveal.scss               |  7 ++++--
 css/theme/beige.css           |  6 -----
 css/theme/black.css           |  6 -----
 css/theme/blood.css           |  6 -----
 css/theme/league.css          |  6 -----
 css/theme/moon.css            |  6 -----
 css/theme/night.css           |  6 -----
 css/theme/serif.css           |  6 -----
 css/theme/simple.css          |  6 -----
 css/theme/sky.css             |  6 -----
 css/theme/solarized.css       |  6 -----
 css/theme/template/theme.scss |  7 ------
 css/theme/white.css           |  6 -----
 js/reveal.js                  | 53 +++++++++++++++++++++++++++++++++++++------
 16 files changed, 67 insertions(+), 86 deletions(-)

(limited to 'css/theme/template')

diff --git a/css/print/pdf.css b/css/print/pdf.css
index f78344c..868142e 100644
--- a/css/print/pdf.css
+++ b/css/print/pdf.css
@@ -34,7 +34,6 @@ html {
 .nestedarrow,
 .reveal .controls,
 .reveal .progress,
-.reveal .slide-number,
 .reveal .playback,
 .reveal.overview,
 .fork-reveal,
@@ -166,3 +165,13 @@ ul, ol, div, p {
 	z-index: 100;
 }
 
+/* Display slide numbers when 'slideNumber' is enabled */
+.reveal .slide-number {
+	display: none;
+}
+.reveal .slide-number-pdf {
+	display: block;
+	position: absolute;
+	font-size: 14px;
+}
+
diff --git a/css/reveal.css b/css/reveal.css
index fc30247..3dda05e 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -273,11 +273,14 @@ html:-moz-full-screen-ancestor {
 .reveal .slide-number {
   position: fixed;
   display: block;
-  right: 15px;
-  bottom: 15px;
+  right: 8px;
+  bottom: 8px;
   opacity: 0.5;
   z-index: 31;
-  font-size: 12px; }
+  font-size: 12px;
+  color: #fff;
+  background-color: rgba(0, 0, 0, 0.6);
+  padding: 5px; }
 
 .reveal .slide-number-delimiter {
   margin: 0 4px; }
diff --git a/css/reveal.scss b/css/reveal.scss
index f60ca78..63b1a90 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -329,11 +329,14 @@ html:-moz-full-screen-ancestor {
 .reveal .slide-number {
 	position: fixed;
 	display: block;
-	right: 15px;
-	bottom: 15px;
+	right: 8px;
+	bottom: 8px;
 	opacity: 0.5;
 	z-index: 31;
 	font-size: 12px;
+	color: #fff;
+	background-color: rgba( 0, 0, 0, 0.6 );
+	padding: 5px;
 }
 
 .reveal .slide-number-delimiter {
diff --git a/css/theme/beige.css b/css/theme/beige.css
index e7722ce..be18733 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -288,9 +288,3 @@ body {
   -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
-  color: #8b743d; }
diff --git a/css/theme/black.css b/css/theme/black.css
index 10ec7e1..54d44c3 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -284,9 +284,3 @@ body {
   -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
-  color: #42affa; }
diff --git a/css/theme/blood.css b/css/theme/blood.css
index 84d7d9e..e035ab6 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -288,12 +288,6 @@ body {
   -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
 
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
-  color: #a23; }
-
 .reveal p {
   font-weight: 300;
   text-shadow: 1px 1px #222; }
diff --git a/css/theme/league.css b/css/theme/league.css
index 1f6a8a1..fa9f53c 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -290,9 +290,3 @@ body {
   -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
-  color: #13DAEC; }
diff --git a/css/theme/moon.css b/css/theme/moon.css
index 1c81cf9..b119576 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -288,9 +288,3 @@ body {
   -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
-  color: #268bd2; }
diff --git a/css/theme/night.css b/css/theme/night.css
index 748a94f..3d0e3c5 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -282,9 +282,3 @@ body {
   -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
-  color: #e7ad52; }
diff --git a/css/theme/serif.css b/css/theme/serif.css
index 2817e0f..736c0b5 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -284,9 +284,3 @@ body {
   -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
-  color: #51483D; }
diff --git a/css/theme/simple.css b/css/theme/simple.css
index c65e8ce..20d919d 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -284,9 +284,3 @@ body {
   -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
-  color: #00008B; }
diff --git a/css/theme/sky.css b/css/theme/sky.css
index 37ce521..e762a50 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -291,9 +291,3 @@ body {
   -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
-  color: #3b759e; }
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index be2fa22..bf2f651 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -288,9 +288,3 @@ body {
   -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
-  color: #268bd2; }
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index 91eeca7..9bb416a 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -342,11 +342,4 @@ body {
 		        transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
 	}
 
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
-	color: $linkColor;
-}
-
 
diff --git a/css/theme/white.css b/css/theme/white.css
index ffa687e..a05cd85 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -284,9 +284,3 @@ body {
   -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
-  color: #2a76dd; }
diff --git a/js/reveal.js b/js/reveal.js
index 883a591..f7811fe 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -542,6 +542,19 @@
 		document.body.style.width = pageWidth + 'px';
 		document.body.style.height = pageHeight + 'px';
 
+		// Add each slide's index as attributes on itself, we need these
+		// indices to generate slide numbers below
+		toArray( dom.wrapper.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR ) ).forEach( function( hslide, h ) {
+			hslide.setAttribute( 'data-index-h', h );
+
+			if( hslide.classList.contains( 'stack' ) ) {
+				toArray( hslide.querySelectorAll( 'section' ) ).forEach( function( vslide, v ) {
+					vslide.setAttribute( 'data-index-h', h );
+					vslide.setAttribute( 'data-index-v', v );
+				} );
+			}
+		} );
+
 		// Slide and slide background layout
 		toArray( dom.wrapper.querySelectorAll( SLIDES_SELECTOR ) ).forEach( function( slide ) {
 
@@ -575,7 +588,7 @@
 					background.style.left = -left + 'px';
 				}
 
-				// If we're configured to `showNotes`, inject them into each slide
+				// Inject notes if `showNotes` is enabled
 				if( config.showNotes ) {
 					var notes = getSlideNotes( slide );
 					if( notes ) {
@@ -587,6 +600,18 @@
 						slide.appendChild( notesElement );
 					}
 				}
+
+				// Inject slide numbers if `slideNumbers` are enabled
+				if( config.slideNumber ) {
+					var slideNumberH = parseInt( slide.getAttribute( 'data-index-h' ), 10 ) + 1,
+						slideNumberV = parseInt( slide.getAttribute( 'data-index-v' ), 10 ) + 1;
+
+					var numberElement = document.createElement( 'div' );
+					numberElement.classList.add( 'slide-number' );
+					numberElement.classList.add( 'slide-number-pdf' );
+					numberElement.innerHTML = formatSlideNumber( slideNumberH, '/', slideNumberV );
+					background.appendChild( numberElement );
+				}
 			}
 
 		} );
@@ -2534,20 +2559,34 @@
 				value.push( getSlidePastCount() + 1 );
 			}
 			else if( format === 'c/t' ) {
-				value.push( getSlidePastCount() + 1 );
-				value.push( '/' );
-				value.push( getTotalSlides() );
+				value.push( getSlidePastCount() + 1, '/', getTotalSlides() );
 			}
 			else {
 				value.push( indexh + 1 );
 
 				if( isVerticalSlide() ) {
-					value.push( '/' );
-					value.push( indexv + 1 );
+					value.push( '/', indexv + 1 );
 				}
 			}
 
-			dom.slideNumber.innerHTML = value.join( '' );
+			dom.slideNumber.innerHTML = formatSlideNumber( value[0], value[1], value[2] );
+		}
+
+	}
+
+	/**
+	 * Applies HTML formatting to a slide number before it's
+	 * written to the DOM.
+	 */
+	function formatSlideNumber( a, delimiter, b ) {
+
+		if( typeof b === 'number' && !isNaN( b ) ) {
+			return  ''+ a +'' +
+					''+ delimiter +'' +
+					''+ b +'';
+		}
+		else {
+			return ''+ a +'';
 		}
 
 	}
-- 
cgit v1.2.3


From 6593ac3d5f83ec49b168d49d7963146e67fd0e79 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Mon, 23 May 2016 10:38:46 +0200
Subject: moz selection color in theme template #1575

---
 css/theme/template/theme.scss | 6 ++++++
 1 file changed, 6 insertions(+)

(limited to 'css/theme/template')

diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index 101a567..bcbaf0c 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -22,6 +22,12 @@ body {
 	text-shadow: none;
 }
 
+::-moz-selection {
+	color: $selectionColor;
+	background: $selectionBackgroundColor;
+	text-shadow: none;
+}
+
 .reveal .slides>section,
 .reveal .slides>section>section {
 	line-height: 1.3;
-- 
cgit v1.2.3


From 8162855d23601e66a25ba79dd4013ef416c4f1b4 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Fri, 10 Jun 2016 10:58:40 +0200
Subject: increase default font sizes, adjust config defaults for less margings
 and larger max scale #1605

---
 css/theme/beige.css              | 2 +-
 css/theme/black.css              | 2 +-
 css/theme/blood.css              | 2 +-
 css/theme/league.css             | 2 +-
 css/theme/moon.css               | 2 +-
 css/theme/night.css              | 2 +-
 css/theme/serif.css              | 2 +-
 css/theme/simple.css             | 2 +-
 css/theme/sky.css                | 2 +-
 css/theme/solarized.css          | 2 +-
 css/theme/source/black.scss      | 2 +-
 css/theme/source/blood.scss      | 1 -
 css/theme/source/night.scss      | 1 -
 css/theme/source/white.scss      | 2 +-
 css/theme/template/settings.scss | 2 +-
 css/theme/white.css              | 2 +-
 demo.html                        | 2 ++
 js/reveal.js                     | 4 ++--
 18 files changed, 18 insertions(+), 18 deletions(-)

(limited to 'css/theme/template')

diff --git a/css/theme/beige.css b/css/theme/beige.css
index 7f71dd9..7424a05 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -20,7 +20,7 @@ body {
 
 .reveal {
   font-family: "Lato", sans-serif;
-  font-size: 36px;
+  font-size: 40px;
   font-weight: normal;
   color: #333; }
 
diff --git a/css/theme/black.css b/css/theme/black.css
index 9228c46..96e4fd4 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -16,7 +16,7 @@ body {
 
 .reveal {
   font-family: "Source Sans Pro", Helvetica, sans-serif;
-  font-size: 38px;
+  font-size: 42px;
   font-weight: normal;
   color: #fff; }
 
diff --git a/css/theme/blood.css b/css/theme/blood.css
index 2da8d68..1e0fbaf 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -19,7 +19,7 @@ body {
 
 .reveal {
   font-family: Ubuntu, "sans-serif";
-  font-size: 36px;
+  font-size: 40px;
   font-weight: normal;
   color: #eee; }
 
diff --git a/css/theme/league.css b/css/theme/league.css
index aa5bee5..63711c3 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -22,7 +22,7 @@ body {
 
 .reveal {
   font-family: "Lato", sans-serif;
-  font-size: 36px;
+  font-size: 40px;
   font-weight: normal;
   color: #eee; }
 
diff --git a/css/theme/moon.css b/css/theme/moon.css
index 5cb1176..791a4a0 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -20,7 +20,7 @@ body {
 
 .reveal {
   font-family: "Lato", sans-serif;
-  font-size: 36px;
+  font-size: 40px;
   font-weight: normal;
   color: #93a1a1; }
 
diff --git a/css/theme/night.css b/css/theme/night.css
index cf2c7a7..3db1175 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -14,7 +14,7 @@ body {
 
 .reveal {
   font-family: "Open Sans", sans-serif;
-  font-size: 30px;
+  font-size: 40px;
   font-weight: normal;
   color: #eee; }
 
diff --git a/css/theme/serif.css b/css/theme/serif.css
index bbb9f7e..e9b08c6 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -16,7 +16,7 @@ body {
 
 .reveal {
   font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
-  font-size: 36px;
+  font-size: 40px;
   font-weight: normal;
   color: #000; }
 
diff --git a/css/theme/simple.css b/css/theme/simple.css
index cb840d9..f64343e 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -19,7 +19,7 @@ body {
 
 .reveal {
   font-family: "Lato", sans-serif;
-  font-size: 36px;
+  font-size: 40px;
   font-weight: normal;
   color: #000; }
 
diff --git a/css/theme/sky.css b/css/theme/sky.css
index 202ade8..33689eb 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -23,7 +23,7 @@ body {
 
 .reveal {
   font-family: "Open Sans", sans-serif;
-  font-size: 36px;
+  font-size: 40px;
   font-weight: normal;
   color: #333; }
 
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index 44771dc..9bd21aa 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -20,7 +20,7 @@ body {
 
 .reveal {
   font-family: "Lato", sans-serif;
-  font-size: 36px;
+  font-size: 40px;
   font-weight: normal;
   color: #657b83; }
 
diff --git a/css/theme/source/black.scss b/css/theme/source/black.scss
index 5f7f601..84e8d9a 100644
--- a/css/theme/source/black.scss
+++ b/css/theme/source/black.scss
@@ -21,7 +21,7 @@ $backgroundColor: #222;
 $mainColor: #fff;
 $headingColor: #fff;
 
-$mainFontSize: 38px;
+$mainFontSize: 42px;
 $mainFont: 'Source Sans Pro', Helvetica, sans-serif;
 $headingFont: 'Source Sans Pro', Helvetica, sans-serif;
 $headingTextShadow: none;
diff --git a/css/theme/source/blood.scss b/css/theme/source/blood.scss
index d22b53d..4533fc0 100644
--- a/css/theme/source/blood.scss
+++ b/css/theme/source/blood.scss
@@ -28,7 +28,6 @@ $backgroundColor: $coal;
 
 // Main text
 $mainFont: Ubuntu, 'sans-serif';
-$mainFontSize: 36px;
 $mainColor: #eee;
 
 // Headings
diff --git a/css/theme/source/night.scss b/css/theme/source/night.scss
index b0cb57f..d49a282 100644
--- a/css/theme/source/night.scss
+++ b/css/theme/source/night.scss
@@ -27,7 +27,6 @@ $headingTextShadow: none;
 $headingLetterSpacing: -0.03em;
 $headingTextTransform: none;
 $selectionBackgroundColor: #e7ad52;
-$mainFontSize: 30px;
 
 
 // Theme template ------------------------------
diff --git a/css/theme/source/white.scss b/css/theme/source/white.scss
index 6758ce0..7f06ffd 100644
--- a/css/theme/source/white.scss
+++ b/css/theme/source/white.scss
@@ -21,7 +21,7 @@ $backgroundColor: #fff;
 $mainColor: #222;
 $headingColor: #222;
 
-$mainFontSize: 38px;
+$mainFontSize: 42px;
 $mainFont: 'Source Sans Pro', Helvetica, sans-serif;
 $headingFont: 'Source Sans Pro', Helvetica, sans-serif;
 $headingTextShadow: none;
diff --git a/css/theme/template/settings.scss b/css/theme/template/settings.scss
index ffaac23..63c02cf 100644
--- a/css/theme/template/settings.scss
+++ b/css/theme/template/settings.scss
@@ -6,7 +6,7 @@ $backgroundColor: #2b2b2b;
 
 // Primary/body text
 $mainFont: 'Lato', sans-serif;
-$mainFontSize: 36px;
+$mainFontSize: 40px;
 $mainColor: #eee;
 
 // Vertical spacing between blocks of text
diff --git a/css/theme/white.css b/css/theme/white.css
index 16a1d23..7adc605 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -16,7 +16,7 @@ body {
 
 .reveal {
   font-family: "Source Sans Pro", Helvetica, sans-serif;
-  font-size: 38px;
+  font-size: 42px;
   font-weight: normal;
   color: #222; }
 
diff --git a/demo.html b/demo.html
index 36ad224..632e8d6 100644
--- a/demo.html
+++ b/demo.html
@@ -391,6 +391,8 @@ Reveal.addEventListener( 'customevent', function() {
 				history: true,
 				center: true,
 
+				width: 1000,
+
 				transition: 'slide', // none/fade/slide/convex/concave/zoom
 
 				// More info https://github.com/hakimel/reveal.js#dependencies
diff --git a/js/reveal.js b/js/reveal.js
index 3de52c5..4999bdb 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -43,11 +43,11 @@
 			height: 700,
 
 			// Factor of the display size that should remain empty around the content
-			margin: 0.1,
+			margin: 0.04,
 
 			// Bounds for smallest/largest possible scale to apply to content
 			minScale: 0.2,
-			maxScale: 1.5,
+			maxScale: 2.0,
 
 			// Display controls in the bottom right corner
 			controls: true,
-- 
cgit v1.2.3


From b7e0d9b1c79a475249777d734a9675b1ba03a47a Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Mon, 20 Jun 2016 10:27:04 +0200
Subject: fix theme backgrounds in firefox fullscreen mode #1386

---
 css/reveal.css                |  6 ------
 css/reveal.scss               |  9 ---------
 css/theme/beige.css           | 20 ++++++++++++++++++++
 css/theme/black.css           |  8 ++++++++
 css/theme/blood.css           |  8 ++++++++
 css/theme/league.css          | 20 ++++++++++++++++++++
 css/theme/moon.css            |  8 ++++++++
 css/theme/night.css           |  8 ++++++++
 css/theme/serif.css           |  8 ++++++++
 css/theme/simple.css          |  8 ++++++++
 css/theme/sky.css             | 20 ++++++++++++++++++++
 css/theme/solarized.css       |  8 ++++++++
 css/theme/template/theme.scss | 11 +++++++++++
 css/theme/white.css           |  8 ++++++++
 14 files changed, 135 insertions(+), 15 deletions(-)

(limited to 'css/theme/template')

diff --git a/css/reveal.css b/css/reveal.css
index b203074..778076e 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -47,12 +47,6 @@ body {
   background-color: #fff;
   color: #000; }
 
-html:-webkit-full-screen-ancestor {
-  background-color: inherit; }
-
-html:-moz-full-screen-ancestor {
-  background-color: inherit; }
-
 /*********************************************
  * VIEW FRAGMENTS
  *********************************************/
diff --git a/css/reveal.scss b/css/reveal.scss
index f8d6904..9045428 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -57,15 +57,6 @@ body {
 	color: #000;
 }
 
-// Ensures that the main background color matches the
-// theme in fullscreen mode
-html:-webkit-full-screen-ancestor {
-	background-color: inherit;
-}
-html:-moz-full-screen-ancestor {
-	background-color: inherit;
-}
-
 
 /*********************************************
  * VIEW FRAGMENTS
diff --git a/css/theme/beige.css b/css/theme/beige.css
index 7424a05..d2caeb8 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -18,6 +18,26 @@ body {
   background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
   background-color: #f7f3de; }
 
+html:-webkit-full-screen-ancestor {
+  background: #f7f2d3;
+  background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f7f2d3));
+  background: -webkit-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+  background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+  background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+  background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+  background-color: #f7f3de; }
+
+html:-moz-full-screen-ancestor {
+  background: #f7f2d3;
+  background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f7f2d3));
+  background: -webkit-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+  background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+  background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+  background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+  background-color: #f7f3de; }
+
 .reveal {
   font-family: "Lato", sans-serif;
   font-size: 40px;
diff --git a/css/theme/black.css b/css/theme/black.css
index 96e4fd4..635a2b1 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -14,6 +14,14 @@ body {
   background: #222;
   background-color: #222; }
 
+html:-webkit-full-screen-ancestor {
+  background: #222;
+  background-color: #222; }
+
+html:-moz-full-screen-ancestor {
+  background: #222;
+  background-color: #222; }
+
 .reveal {
   font-family: "Source Sans Pro", Helvetica, sans-serif;
   font-size: 42px;
diff --git a/css/theme/blood.css b/css/theme/blood.css
index 1e0fbaf..5a1cee5 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -17,6 +17,14 @@ body {
   background: #222;
   background-color: #222; }
 
+html:-webkit-full-screen-ancestor {
+  background: #222;
+  background-color: #222; }
+
+html:-moz-full-screen-ancestor {
+  background: #222;
+  background-color: #222; }
+
 .reveal {
   font-family: Ubuntu, "sans-serif";
   font-size: 40px;
diff --git a/css/theme/league.css b/css/theme/league.css
index 63711c3..6359446 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -20,6 +20,26 @@ body {
   background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
   background-color: #2b2b2b; }
 
+html:-webkit-full-screen-ancestor {
+  background: #1c1e20;
+  background: -moz-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
+  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555a5f), color-stop(100%, #1c1e20));
+  background: -webkit-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
+  background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
+  background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
+  background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
+  background-color: #2b2b2b; }
+
+html:-moz-full-screen-ancestor {
+  background: #1c1e20;
+  background: -moz-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
+  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555a5f), color-stop(100%, #1c1e20));
+  background: -webkit-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
+  background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
+  background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
+  background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
+  background-color: #2b2b2b; }
+
 .reveal {
   font-family: "Lato", sans-serif;
   font-size: 40px;
diff --git a/css/theme/moon.css b/css/theme/moon.css
index 791a4a0..e6831b0 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -18,6 +18,14 @@ body {
   background: #002b36;
   background-color: #002b36; }
 
+html:-webkit-full-screen-ancestor {
+  background: #002b36;
+  background-color: #002b36; }
+
+html:-moz-full-screen-ancestor {
+  background: #002b36;
+  background-color: #002b36; }
+
 .reveal {
   font-family: "Lato", sans-serif;
   font-size: 40px;
diff --git a/css/theme/night.css b/css/theme/night.css
index 3db1175..6ad1089 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -12,6 +12,14 @@ body {
   background: #111;
   background-color: #111; }
 
+html:-webkit-full-screen-ancestor {
+  background: #111;
+  background-color: #111; }
+
+html:-moz-full-screen-ancestor {
+  background: #111;
+  background-color: #111; }
+
 .reveal {
   font-family: "Open Sans", sans-serif;
   font-size: 40px;
diff --git a/css/theme/serif.css b/css/theme/serif.css
index e9b08c6..60654ef 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -14,6 +14,14 @@ body {
   background: #F0F1EB;
   background-color: #F0F1EB; }
 
+html:-webkit-full-screen-ancestor {
+  background: #F0F1EB;
+  background-color: #F0F1EB; }
+
+html:-moz-full-screen-ancestor {
+  background: #F0F1EB;
+  background-color: #F0F1EB; }
+
 .reveal {
   font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
   font-size: 40px;
diff --git a/css/theme/simple.css b/css/theme/simple.css
index f64343e..86f6af6 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -17,6 +17,14 @@ body {
   background: #fff;
   background-color: #fff; }
 
+html:-webkit-full-screen-ancestor {
+  background: #fff;
+  background-color: #fff; }
+
+html:-moz-full-screen-ancestor {
+  background: #fff;
+  background-color: #fff; }
+
 .reveal {
   font-family: "Lato", sans-serif;
   font-size: 40px;
diff --git a/css/theme/sky.css b/css/theme/sky.css
index 33689eb..6ee8cde 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -21,6 +21,26 @@ body {
   background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
   background-color: #f7fbfc; }
 
+html:-webkit-full-screen-ancestor {
+  background: #add9e4;
+  background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4));
+  background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+  background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+  background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+  background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+  background-color: #f7fbfc; }
+
+html:-moz-full-screen-ancestor {
+  background: #add9e4;
+  background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4));
+  background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+  background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+  background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+  background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+  background-color: #f7fbfc; }
+
 .reveal {
   font-family: "Open Sans", sans-serif;
   font-size: 40px;
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index 9bd21aa..d554ca9 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -18,6 +18,14 @@ body {
   background: #fdf6e3;
   background-color: #fdf6e3; }
 
+html:-webkit-full-screen-ancestor {
+  background: #fdf6e3;
+  background-color: #fdf6e3; }
+
+html:-moz-full-screen-ancestor {
+  background: #fdf6e3;
+  background-color: #fdf6e3; }
+
 .reveal {
   font-family: "Lato", sans-serif;
   font-size: 40px;
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index bcbaf0c..8d4b8a7 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -9,6 +9,17 @@ body {
 	background-color: $backgroundColor;
 }
 
+// Ensures that the main background color matches the
+// theme in fullscreen mode
+html:-webkit-full-screen-ancestor {
+	@include bodyBackground();
+	background-color: $backgroundColor;
+}
+html:-moz-full-screen-ancestor {
+	@include bodyBackground();
+	background-color: $backgroundColor;
+}
+
 .reveal {
 	font-family: $mainFont;
 	font-size: $mainFontSize;
diff --git a/css/theme/white.css b/css/theme/white.css
index 7adc605..1048a6e 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -14,6 +14,14 @@ body {
   background: #fff;
   background-color: #fff; }
 
+html:-webkit-full-screen-ancestor {
+  background: #fff;
+  background-color: #fff; }
+
+html:-moz-full-screen-ancestor {
+  background: #fff;
+  background-color: #fff; }
+
 .reveal {
   font-family: "Source Sans Pro", Helvetica, sans-serif;
   font-size: 42px;
-- 
cgit v1.2.3


From ce777e4c4b5517bf2210bc9839909413a48f42fa Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Tue, 21 Jun 2016 11:27:24 +0200
Subject: Revert "fix theme backgrounds in firefox fullscreen mode #1386"

This reverts commit b7e0d9b1c79a475249777d734a9675b1ba03a47a.
---
 css/reveal.css                |  6 ++++++
 css/reveal.scss               |  9 +++++++++
 css/theme/beige.css           | 20 --------------------
 css/theme/black.css           |  8 --------
 css/theme/blood.css           |  8 --------
 css/theme/league.css          | 20 --------------------
 css/theme/moon.css            |  8 --------
 css/theme/night.css           |  8 --------
 css/theme/serif.css           |  8 --------
 css/theme/simple.css          |  8 --------
 css/theme/sky.css             | 20 --------------------
 css/theme/solarized.css       |  8 --------
 css/theme/template/theme.scss | 11 -----------
 css/theme/white.css           |  8 --------
 14 files changed, 15 insertions(+), 135 deletions(-)

(limited to 'css/theme/template')

diff --git a/css/reveal.css b/css/reveal.css
index 778076e..b203074 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -47,6 +47,12 @@ body {
   background-color: #fff;
   color: #000; }
 
+html:-webkit-full-screen-ancestor {
+  background-color: inherit; }
+
+html:-moz-full-screen-ancestor {
+  background-color: inherit; }
+
 /*********************************************
  * VIEW FRAGMENTS
  *********************************************/
diff --git a/css/reveal.scss b/css/reveal.scss
index 9045428..f8d6904 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -57,6 +57,15 @@ body {
 	color: #000;
 }
 
+// Ensures that the main background color matches the
+// theme in fullscreen mode
+html:-webkit-full-screen-ancestor {
+	background-color: inherit;
+}
+html:-moz-full-screen-ancestor {
+	background-color: inherit;
+}
+
 
 /*********************************************
  * VIEW FRAGMENTS
diff --git a/css/theme/beige.css b/css/theme/beige.css
index d2caeb8..7424a05 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -18,26 +18,6 @@ body {
   background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
   background-color: #f7f3de; }
 
-html:-webkit-full-screen-ancestor {
-  background: #f7f2d3;
-  background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
-  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f7f2d3));
-  background: -webkit-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
-  background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
-  background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
-  background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
-  background-color: #f7f3de; }
-
-html:-moz-full-screen-ancestor {
-  background: #f7f2d3;
-  background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
-  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f7f2d3));
-  background: -webkit-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
-  background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
-  background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
-  background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
-  background-color: #f7f3de; }
-
 .reveal {
   font-family: "Lato", sans-serif;
   font-size: 40px;
diff --git a/css/theme/black.css b/css/theme/black.css
index 635a2b1..96e4fd4 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -14,14 +14,6 @@ body {
   background: #222;
   background-color: #222; }
 
-html:-webkit-full-screen-ancestor {
-  background: #222;
-  background-color: #222; }
-
-html:-moz-full-screen-ancestor {
-  background: #222;
-  background-color: #222; }
-
 .reveal {
   font-family: "Source Sans Pro", Helvetica, sans-serif;
   font-size: 42px;
diff --git a/css/theme/blood.css b/css/theme/blood.css
index 5a1cee5..1e0fbaf 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -17,14 +17,6 @@ body {
   background: #222;
   background-color: #222; }
 
-html:-webkit-full-screen-ancestor {
-  background: #222;
-  background-color: #222; }
-
-html:-moz-full-screen-ancestor {
-  background: #222;
-  background-color: #222; }
-
 .reveal {
   font-family: Ubuntu, "sans-serif";
   font-size: 40px;
diff --git a/css/theme/league.css b/css/theme/league.css
index 6359446..63711c3 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -20,26 +20,6 @@ body {
   background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
   background-color: #2b2b2b; }
 
-html:-webkit-full-screen-ancestor {
-  background: #1c1e20;
-  background: -moz-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
-  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555a5f), color-stop(100%, #1c1e20));
-  background: -webkit-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
-  background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
-  background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
-  background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
-  background-color: #2b2b2b; }
-
-html:-moz-full-screen-ancestor {
-  background: #1c1e20;
-  background: -moz-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
-  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555a5f), color-stop(100%, #1c1e20));
-  background: -webkit-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
-  background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
-  background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
-  background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
-  background-color: #2b2b2b; }
-
 .reveal {
   font-family: "Lato", sans-serif;
   font-size: 40px;
diff --git a/css/theme/moon.css b/css/theme/moon.css
index e6831b0..791a4a0 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -18,14 +18,6 @@ body {
   background: #002b36;
   background-color: #002b36; }
 
-html:-webkit-full-screen-ancestor {
-  background: #002b36;
-  background-color: #002b36; }
-
-html:-moz-full-screen-ancestor {
-  background: #002b36;
-  background-color: #002b36; }
-
 .reveal {
   font-family: "Lato", sans-serif;
   font-size: 40px;
diff --git a/css/theme/night.css b/css/theme/night.css
index 6ad1089..3db1175 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -12,14 +12,6 @@ body {
   background: #111;
   background-color: #111; }
 
-html:-webkit-full-screen-ancestor {
-  background: #111;
-  background-color: #111; }
-
-html:-moz-full-screen-ancestor {
-  background: #111;
-  background-color: #111; }
-
 .reveal {
   font-family: "Open Sans", sans-serif;
   font-size: 40px;
diff --git a/css/theme/serif.css b/css/theme/serif.css
index 60654ef..e9b08c6 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -14,14 +14,6 @@ body {
   background: #F0F1EB;
   background-color: #F0F1EB; }
 
-html:-webkit-full-screen-ancestor {
-  background: #F0F1EB;
-  background-color: #F0F1EB; }
-
-html:-moz-full-screen-ancestor {
-  background: #F0F1EB;
-  background-color: #F0F1EB; }
-
 .reveal {
   font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
   font-size: 40px;
diff --git a/css/theme/simple.css b/css/theme/simple.css
index 86f6af6..f64343e 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -17,14 +17,6 @@ body {
   background: #fff;
   background-color: #fff; }
 
-html:-webkit-full-screen-ancestor {
-  background: #fff;
-  background-color: #fff; }
-
-html:-moz-full-screen-ancestor {
-  background: #fff;
-  background-color: #fff; }
-
 .reveal {
   font-family: "Lato", sans-serif;
   font-size: 40px;
diff --git a/css/theme/sky.css b/css/theme/sky.css
index 6ee8cde..33689eb 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -21,26 +21,6 @@ body {
   background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
   background-color: #f7fbfc; }
 
-html:-webkit-full-screen-ancestor {
-  background: #add9e4;
-  background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
-  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4));
-  background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
-  background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
-  background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
-  background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
-  background-color: #f7fbfc; }
-
-html:-moz-full-screen-ancestor {
-  background: #add9e4;
-  background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
-  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4));
-  background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
-  background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
-  background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
-  background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
-  background-color: #f7fbfc; }
-
 .reveal {
   font-family: "Open Sans", sans-serif;
   font-size: 40px;
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index d554ca9..9bd21aa 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -18,14 +18,6 @@ body {
   background: #fdf6e3;
   background-color: #fdf6e3; }
 
-html:-webkit-full-screen-ancestor {
-  background: #fdf6e3;
-  background-color: #fdf6e3; }
-
-html:-moz-full-screen-ancestor {
-  background: #fdf6e3;
-  background-color: #fdf6e3; }
-
 .reveal {
   font-family: "Lato", sans-serif;
   font-size: 40px;
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index 8d4b8a7..bcbaf0c 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -9,17 +9,6 @@ body {
 	background-color: $backgroundColor;
 }
 
-// Ensures that the main background color matches the
-// theme in fullscreen mode
-html:-webkit-full-screen-ancestor {
-	@include bodyBackground();
-	background-color: $backgroundColor;
-}
-html:-moz-full-screen-ancestor {
-	@include bodyBackground();
-	background-color: $backgroundColor;
-}
-
 .reveal {
 	font-family: $mainFont;
 	font-size: $mainFontSize;
diff --git a/css/theme/white.css b/css/theme/white.css
index 1048a6e..7adc605 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -14,14 +14,6 @@ body {
   background: #fff;
   background-color: #fff; }
 
-html:-webkit-full-screen-ancestor {
-  background: #fff;
-  background-color: #fff; }
-
-html:-moz-full-screen-ancestor {
-  background: #fff;
-  background-color: #fff; }
-
 .reveal {
   font-family: "Source Sans Pro", Helvetica, sans-serif;
   font-size: 42px;
-- 
cgit v1.2.3