rebuild css

This commit is contained in:
Hakim El Hattab 2015-10-06 19:40:06 +02:00
parent 01c55d4cf6
commit 6d93ce5748
12 changed files with 839 additions and 631 deletions

View file

@ -8,7 +8,19 @@
/********************************************* /*********************************************
* RESET STYLES * RESET STYLES
*********************************************/ *********************************************/
html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal iframe, .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6, .reveal p, .reveal blockquote, .reveal pre, .reveal a, .reveal abbr, .reveal acronym, .reveal address, .reveal big, .reveal cite, .reveal code, .reveal del, .reveal dfn, .reveal em, .reveal img, .reveal ins, .reveal kbd, .reveal q, .reveal s, .reveal samp, .reveal small, .reveal strike, .reveal strong, .reveal sub, .reveal sup, .reveal tt, .reveal var, .reveal b, .reveal u, .reveal 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 { html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal iframe,
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6, .reveal p, .reveal blockquote, .reveal pre,
.reveal a, .reveal abbr, .reveal acronym, .reveal address, .reveal big, .reveal cite, .reveal code,
.reveal del, .reveal dfn, .reveal em, .reveal img, .reveal ins, .reveal kbd, .reveal q, .reveal s, .reveal samp,
.reveal small, .reveal strike, .reveal strong, .reveal sub, .reveal sup, .reveal tt, .reveal var,
.reveal b, .reveal u, .reveal center,
.reveal dl, .reveal dt, .reveal dd, .reveal ol, .reveal ul, .reveal li,
.reveal fieldset, .reveal form, .reveal label, .reveal legend,
.reveal table, .reveal caption, .reveal tbody, .reveal tfoot, .reveal thead, .reveal tr, .reveal th, .reveal td,
.reveal article, .reveal aside, .reveal canvas, .reveal details, .reveal embed,
.reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup,
.reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary,
.reveal time, .reveal mark, .reveal audio, video {
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 0; border: 0;
@ -16,13 +28,15 @@ html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal i
font: inherit; font: inherit;
vertical-align: baseline; } 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 { .reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure,
.reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section {
display: block; } display: block; }
/********************************************* /*********************************************
* GLOBAL STYLES * GLOBAL STYLES
*********************************************/ *********************************************/
html, body { html,
body {
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; } overflow: hidden; }
@ -39,7 +53,6 @@ body {
.reveal .slides section .fragment { .reveal .slides section .fragment {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease; } transition: all 0.2s ease; }
.reveal .slides section .fragment.visible { .reveal .slides section .fragment.visible {
opacity: 1; opacity: 1;
@ -49,25 +62,17 @@ body {
opacity: 1; opacity: 1;
visibility: visible; } visibility: visible; }
.reveal .slides section .fragment.grow.visible { .reveal .slides section .fragment.grow.visible {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3); } transform: scale(1.3); }
.reveal .slides section .fragment.shrink { .reveal .slides section .fragment.shrink {
opacity: 1; opacity: 1;
visibility: visible; } visibility: visible; }
.reveal .slides section .fragment.shrink.visible { .reveal .slides section .fragment.shrink.visible {
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7); } transform: scale(0.7); }
.reveal .slides section .fragment.zoom-in { .reveal .slides section .fragment.zoom-in {
-webkit-transform: scale(0.1);
-ms-transform: scale(0.1);
transform: scale(0.1); } transform: scale(0.1); }
.reveal .slides section .fragment.zoom-in.visible { .reveal .slides section .fragment.zoom-in.visible {
-webkit-transform: none;
-ms-transform: none;
transform: none; } transform: none; }
.reveal .slides section .fragment.fade-out { .reveal .slides section .fragment.fade-out {
@ -97,7 +102,12 @@ body {
opacity: 1; opacity: 1;
visibility: visible; } visibility: visible; }
.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 { .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; opacity: 1;
visibility: visible; } visibility: visible; }
@ -141,7 +151,6 @@ body {
.reveal pre.stretch code { .reveal pre.stretch code {
height: 100%; height: 100%;
max-height: 100%; max-height: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box; } box-sizing: border-box; }
/********************************************* /*********************************************
@ -165,13 +174,10 @@ body {
height: 0; height: 0;
background-color: transparent; background-color: transparent;
border: 12px solid transparent; border: 12px solid transparent;
-webkit-transform: scale(0.9999);
-ms-transform: scale(0.9999);
transform: scale(0.9999); transform: scale(0.9999);
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease; transition: all 0.2s ease;
-webkit-appearance: none; -webkit-appearance: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); } -webkit-tap-highlight-color: transparent; }
.reveal .controls .enabled { .reveal .controls .enabled {
opacity: 0.7; opacity: 0.7;
@ -240,7 +246,6 @@ body {
height: 100%; height: 100%;
width: 0px; width: 0px;
background-color: #000; background-color: #000;
-webkit-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); } transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
/********************************************* /*********************************************
@ -263,7 +268,6 @@ body {
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
-ms-touch-action: none;
touch-action: none; } touch-action: none; }
.reveal .slides { .reveal .slides {
@ -278,64 +282,66 @@ body {
overflow: visible; overflow: visible;
z-index: 1; z-index: 1;
text-align: center; text-align: center;
-webkit-perspective: 600px;
perspective: 600px; perspective: 600px;
-webkit-perspective-origin: 50% 40%;
perspective-origin: 50% 40%; } perspective-origin: 50% 40%; }
.reveal .slides > section { .reveal .slides > section {
-ms-perspective: 600px; } -ms-perspective: 600px; }
.reveal .slides > section, .reveal .slides > section > section { .reveal .slides > section,
.reveal .slides > section > section {
display: none; display: none;
position: absolute; position: absolute;
width: 100%; width: 100%;
padding: 20px 0px; padding: 20px 0px;
z-index: 10; z-index: 10;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; transform-style: preserve-3d;
-webkit-transition: -webkit-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), -webkit-transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: -ms-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } transition: transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
/* Global transition speed settings */ /* Global transition speed settings */
.reveal[data-transition-speed="fast"] .slides section { .reveal[data-transition-speed="fast"] .slides section {
-webkit-transition-duration: 400ms;
transition-duration: 400ms; } transition-duration: 400ms; }
.reveal[data-transition-speed="slow"] .slides section { .reveal[data-transition-speed="slow"] .slides section {
-webkit-transition-duration: 1200ms;
transition-duration: 1200ms; } transition-duration: 1200ms; }
/* Slide-specific transition speed overrides */ /* Slide-specific transition speed overrides */
.reveal .slides section[data-transition-speed="fast"] { .reveal .slides section[data-transition-speed="fast"] {
-webkit-transition-duration: 400ms;
transition-duration: 400ms; } transition-duration: 400ms; }
.reveal .slides section[data-transition-speed="slow"] { .reveal .slides section[data-transition-speed="slow"] {
-webkit-transition-duration: 1200ms;
transition-duration: 1200ms; } transition-duration: 1200ms; }
.reveal .slides > section.stack { .reveal .slides > section.stack {
padding-top: 0; padding-top: 0;
padding-bottom: 0; } padding-bottom: 0; }
.reveal .slides > section.present, .reveal .slides > section > section.present { .reveal .slides > section.present,
.reveal .slides > section > section.present {
display: block; display: block;
z-index: 11; z-index: 11;
opacity: 1; } opacity: 1; }
.reveal.center, .reveal.center .slides, .reveal.center .slides section { .reveal.center,
.reveal.center .slides,
.reveal.center .slides section {
min-height: 0 !important; } min-height: 0 !important; }
/* Don't allow interaction with invisible slides */ /* Don't allow interaction with invisible slides */
.reveal .slides > section.future, .reveal .slides > section > section.future, .reveal .slides > section.past, .reveal .slides > section > section.past { .reveal .slides > section.future,
.reveal .slides > section > section.future,
.reveal .slides > section.past,
.reveal .slides > section > section.past {
pointer-events: none; } pointer-events: none; }
.reveal.overview .slides > section, .reveal.overview .slides > section > section { .reveal.overview .slides > section,
.reveal.overview .slides > section > section {
pointer-events: auto; } pointer-events: auto; }
.reveal .slides > section.past, .reveal .slides > section.future, .reveal .slides > section > section.past, .reveal .slides > section > section.future { .reveal .slides > section.past,
.reveal .slides > section.future,
.reveal .slides > section > section.past,
.reveal .slides > section > section.future {
opacity: 0; } opacity: 0; }
/********************************************* /*********************************************
@ -346,150 +352,157 @@ body {
* Aliased 'linear' for backwards compatibility * Aliased 'linear' for backwards compatibility
*********************************************/ *********************************************/
.reveal.slide section { .reveal.slide section {
-webkit-backface-visibility: hidden;
backface-visibility: hidden; } backface-visibility: hidden; }
.reveal .slides > section[data-transition=slide].past, .reveal .slides > section[data-transition~=slide-out].past, .reveal.slide .slides > section:not([data-transition]).past { .reveal .slides > section[data-transition=slide].past,
-webkit-transform: translate(-150%, 0); .reveal .slides > section[data-transition~=slide-out].past,
-ms-transform: translate(-150%, 0); .reveal.slide .slides > section:not([data-transition]).past {
transform: translate(-150%, 0); } transform: translate(-150%, 0); }
.reveal .slides > section[data-transition=slide].future, .reveal .slides > section[data-transition~=slide-in].future, .reveal.slide .slides > section:not([data-transition]).future { .reveal .slides > section[data-transition=slide].future,
-webkit-transform: translate(150%, 0); .reveal .slides > section[data-transition~=slide-in].future,
-ms-transform: translate(150%, 0); .reveal.slide .slides > section:not([data-transition]).future {
transform: translate(150%, 0); } transform: translate(150%, 0); }
.reveal .slides > section > section[data-transition=slide].past, .reveal .slides > section > section[data-transition~=slide-out].past, .reveal.slide .slides > section > section:not([data-transition]).past { .reveal .slides > section > section[data-transition=slide].past,
-webkit-transform: translate(0, -150%); .reveal .slides > section > section[data-transition~=slide-out].past,
-ms-transform: translate(0, -150%); .reveal.slide .slides > section > section:not([data-transition]).past {
transform: translate(0, -150%); } transform: translate(0, -150%); }
.reveal .slides > section > section[data-transition=slide].future, .reveal .slides > section > section[data-transition~=slide-in].future, .reveal.slide .slides > section > section:not([data-transition]).future { .reveal .slides > section > section[data-transition=slide].future,
-webkit-transform: translate(0, 150%); .reveal .slides > section > section[data-transition~=slide-in].future,
-ms-transform: translate(0, 150%); .reveal.slide .slides > section > section:not([data-transition]).future {
transform: translate(0, 150%); } transform: translate(0, 150%); }
.reveal.linear section { .reveal.linear section {
-webkit-backface-visibility: hidden;
backface-visibility: hidden; } backface-visibility: hidden; }
.reveal .slides > section[data-transition=linear].past, .reveal .slides > section[data-transition~=linear-out].past, .reveal.linear .slides > section:not([data-transition]).past { .reveal .slides > section[data-transition=linear].past,
-webkit-transform: translate(-150%, 0); .reveal .slides > section[data-transition~=linear-out].past,
-ms-transform: translate(-150%, 0); .reveal.linear .slides > section:not([data-transition]).past {
transform: translate(-150%, 0); } transform: translate(-150%, 0); }
.reveal .slides > section[data-transition=linear].future, .reveal .slides > section[data-transition~=linear-in].future, .reveal.linear .slides > section:not([data-transition]).future { .reveal .slides > section[data-transition=linear].future,
-webkit-transform: translate(150%, 0); .reveal .slides > section[data-transition~=linear-in].future,
-ms-transform: translate(150%, 0); .reveal.linear .slides > section:not([data-transition]).future {
transform: translate(150%, 0); } transform: translate(150%, 0); }
.reveal .slides > section > section[data-transition=linear].past, .reveal .slides > section > section[data-transition~=linear-out].past, .reveal.linear .slides > section > section:not([data-transition]).past { .reveal .slides > section > section[data-transition=linear].past,
-webkit-transform: translate(0, -150%); .reveal .slides > section > section[data-transition~=linear-out].past,
-ms-transform: translate(0, -150%); .reveal.linear .slides > section > section:not([data-transition]).past {
transform: translate(0, -150%); } transform: translate(0, -150%); }
.reveal .slides > section > section[data-transition=linear].future, .reveal .slides > section > section[data-transition~=linear-in].future, .reveal.linear .slides > section > section:not([data-transition]).future { .reveal .slides > section > section[data-transition=linear].future,
-webkit-transform: translate(0, 150%); .reveal .slides > section > section[data-transition~=linear-in].future,
-ms-transform: translate(0, 150%); .reveal.linear .slides > section > section:not([data-transition]).future {
transform: translate(0, 150%); } transform: translate(0, 150%); }
/********************************************* /*********************************************
* CONVEX TRANSITION * CONVEX TRANSITION
* Aliased 'default' for backwards compatibility * Aliased 'default' for backwards compatibility
*********************************************/ *********************************************/
.reveal .slides > section[data-transition=default].past, .reveal .slides > section[data-transition~=default-out].past, .reveal.default .slides > section:not([data-transition]).past { .reveal .slides > section[data-transition=default].past,
-webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); .reveal .slides > section[data-transition~=default-out].past,
.reveal.default .slides > section:not([data-transition]).past {
transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); } transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
.reveal .slides > section[data-transition=default].future, .reveal .slides > section[data-transition~=default-in].future, .reveal.default .slides > section:not([data-transition]).future { .reveal .slides > section[data-transition=default].future,
-webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); .reveal .slides > section[data-transition~=default-in].future,
.reveal.default .slides > section:not([data-transition]).future {
transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); } transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
.reveal .slides > section > section[data-transition=default].past, .reveal .slides > section > section[data-transition~=default-out].past, .reveal.default .slides > section > section:not([data-transition]).past { .reveal .slides > section > section[data-transition=default].past,
-webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); .reveal .slides > section > section[data-transition~=default-out].past,
.reveal.default .slides > section > section:not([data-transition]).past {
transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); } transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
.reveal .slides > section > section[data-transition=default].future, .reveal .slides > section > section[data-transition~=default-in].future, .reveal.default .slides > section > section:not([data-transition]).future { .reveal .slides > section > section[data-transition=default].future,
-webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); .reveal .slides > section > section[data-transition~=default-in].future,
.reveal.default .slides > section > section:not([data-transition]).future {
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=convex].past, .reveal .slides > section[data-transition~=convex-out].past, .reveal.convex .slides > section:not([data-transition]).past { .reveal .slides > section[data-transition=convex].past,
-webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); .reveal .slides > section[data-transition~=convex-out].past,
.reveal.convex .slides > section:not([data-transition]).past {
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=convex].future, .reveal .slides > section[data-transition~=convex-in].future, .reveal.convex .slides > section:not([data-transition]).future { .reveal .slides > section[data-transition=convex].future,
-webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); .reveal .slides > section[data-transition~=convex-in].future,
.reveal.convex .slides > section:not([data-transition]).future {
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=convex].past, .reveal .slides > section > section[data-transition~=convex-out].past, .reveal.convex .slides > section > section:not([data-transition]).past { .reveal .slides > section > section[data-transition=convex].past,
-webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); .reveal .slides > section > section[data-transition~=convex-out].past,
.reveal.convex .slides > section > section:not([data-transition]).past {
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=convex].future, .reveal .slides > section > section[data-transition~=convex-in].future, .reveal.convex .slides > section > section:not([data-transition]).future { .reveal .slides > section > section[data-transition=convex].future,
-webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); .reveal .slides > section > section[data-transition~=convex-in].future,
.reveal.convex .slides > section > section:not([data-transition]).future {
transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); } transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
/********************************************* /*********************************************
* CONCAVE TRANSITION * CONCAVE TRANSITION
*********************************************/ *********************************************/
.reveal .slides > section[data-transition=concave].past, .reveal .slides > section[data-transition~=concave-out].past, .reveal.concave .slides > section:not([data-transition]).past { .reveal .slides > section[data-transition=concave].past,
-webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); .reveal .slides > section[data-transition~=concave-out].past,
.reveal.concave .slides > section:not([data-transition]).past {
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 .slides > section[data-transition~=concave-in].future, .reveal.concave .slides > section:not([data-transition]).future { .reveal .slides > section[data-transition=concave].future,
-webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); .reveal .slides > section[data-transition~=concave-in].future,
.reveal.concave .slides > section:not([data-transition]).future {
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 .slides > section > section[data-transition~=concave-out].past, .reveal.concave .slides > section > section:not([data-transition]).past { .reveal .slides > section > section[data-transition=concave].past,
-webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); .reveal .slides > section > section[data-transition~=concave-out].past,
.reveal.concave .slides > section > section:not([data-transition]).past {
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 .slides > section > section[data-transition~=concave-in].future, .reveal.concave .slides > section > section:not([data-transition]).future { .reveal .slides > section > section[data-transition=concave].future,
-webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); .reveal .slides > section > section[data-transition~=concave-in].future,
.reveal.concave .slides > section > section:not([data-transition]).future {
transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); } transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }
/********************************************* /*********************************************
* ZOOM TRANSITION * ZOOM TRANSITION
*********************************************/ *********************************************/
.reveal .slides section[data-transition=zoom], .reveal.zoom .slides section:not([data-transition]) { .reveal .slides section[data-transition=zoom],
-webkit-transition-timing-function: ease; .reveal.zoom .slides section:not([data-transition]) {
transition-timing-function: ease; } transition-timing-function: ease; }
.reveal .slides > section[data-transition=zoom].past, .reveal .slides > section[data-transition~=zoom-out].past, .reveal.zoom .slides > section:not([data-transition]).past { .reveal .slides > section[data-transition=zoom].past,
.reveal .slides > section[data-transition~=zoom-out].past,
.reveal.zoom .slides > section:not([data-transition]).past {
visibility: hidden; visibility: hidden;
-webkit-transform: scale(16);
-ms-transform: scale(16);
transform: scale(16); } transform: scale(16); }
.reveal .slides > section[data-transition=zoom].future, .reveal .slides > section[data-transition~=zoom-in].future, .reveal.zoom .slides > section:not([data-transition]).future { .reveal .slides > section[data-transition=zoom].future,
.reveal .slides > section[data-transition~=zoom-in].future,
.reveal.zoom .slides > section:not([data-transition]).future {
visibility: hidden; visibility: hidden;
-webkit-transform: scale(0.2);
-ms-transform: scale(0.2);
transform: scale(0.2); } transform: scale(0.2); }
.reveal .slides > section > section[data-transition=zoom].past, .reveal .slides > section > section[data-transition~=zoom-out].past, .reveal.zoom .slides > section > section:not([data-transition]).past { .reveal .slides > section > section[data-transition=zoom].past,
-webkit-transform: translate(0, -150%); .reveal .slides > section > section[data-transition~=zoom-out].past,
-ms-transform: translate(0, -150%); .reveal.zoom .slides > section > section:not([data-transition]).past {
transform: translate(0, -150%); } transform: translate(0, -150%); }
.reveal .slides > section > section[data-transition=zoom].future, .reveal .slides > section > section[data-transition~=zoom-in].future, .reveal.zoom .slides > section > section:not([data-transition]).future { .reveal .slides > section > section[data-transition=zoom].future,
-webkit-transform: translate(0, 150%); .reveal .slides > section > section[data-transition~=zoom-in].future,
-ms-transform: translate(0, 150%); .reveal.zoom .slides > section > section:not([data-transition]).future {
transform: translate(0, 150%); } transform: translate(0, 150%); }
/********************************************* /*********************************************
* CUBE TRANSITION * CUBE TRANSITION
*********************************************/ *********************************************/
.reveal.cube .slides { .reveal.cube .slides {
-webkit-perspective: 1300px;
perspective: 1300px; } perspective: 1300px; }
.reveal.cube .slides section { .reveal.cube .slides section {
padding: 30px; padding: 30px;
min-height: 700px; min-height: 700px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; backface-visibility: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box; } box-sizing: border-box; }
.reveal.center.cube .slides section { .reveal.center.cube .slides section {
@ -505,7 +518,6 @@ body {
top: 0; top: 0;
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
border-radius: 4px; border-radius: 4px;
-webkit-transform: translateZ(-20px);
transform: translateZ(-20px); } transform: translateZ(-20px); }
.reveal.cube .slides section:not(.stack):after { .reveal.cube .slides section:not(.stack):after {
@ -520,7 +532,6 @@ body {
z-index: 1; z-index: 1;
border-radius: 4px; border-radius: 4px;
box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2); box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2);
-webkit-transform: translateZ(-90px) rotateX(65deg);
transform: translateZ(-90px) rotateX(65deg); } transform: translateZ(-90px) rotateX(65deg); }
.reveal.cube .slides > section.stack { .reveal.cube .slides > section.stack {
@ -528,46 +539,31 @@ body {
background: none; } background: none; }
.reveal.cube .slides > section.past { .reveal.cube .slides > section.past {
-webkit-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%; transform-origin: 100% 0%;
-webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
transform: translate3d(-100%, 0, 0) rotateY(-90deg); } transform: translate3d(-100%, 0, 0) rotateY(-90deg); }
.reveal.cube .slides > section.future { .reveal.cube .slides > section.future {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%; transform-origin: 0% 0%;
-webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
transform: translate3d(100%, 0, 0) rotateY(90deg); } transform: translate3d(100%, 0, 0) rotateY(90deg); }
.reveal.cube .slides > section > section.past { .reveal.cube .slides > section > section.past {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%; transform-origin: 0% 100%;
-webkit-transform: translate3d(0, -100%, 0) rotateX(90deg);
transform: translate3d(0, -100%, 0) rotateX(90deg); } transform: translate3d(0, -100%, 0) rotateX(90deg); }
.reveal.cube .slides > section > section.future { .reveal.cube .slides > section > section.future {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%; transform-origin: 0% 0%;
-webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg);
transform: translate3d(0, 100%, 0) rotateX(-90deg); } transform: translate3d(0, 100%, 0) rotateX(-90deg); }
/********************************************* /*********************************************
* PAGE TRANSITION * PAGE TRANSITION
*********************************************/ *********************************************/
.reveal.page .slides { .reveal.page .slides {
-webkit-perspective-origin: 0% 50%;
perspective-origin: 0% 50%; perspective-origin: 0% 50%;
-webkit-perspective: 3000px;
perspective: 3000px; } perspective: 3000px; }
.reveal.page .slides section { .reveal.page .slides section {
padding: 30px; padding: 30px;
min-height: 700px; min-height: 700px;
-moz-box-sizing: border-box;
box-sizing: border-box; } box-sizing: border-box; }
.reveal.page .slides section.past { .reveal.page .slides section.past {
@ -582,7 +578,6 @@ body {
left: 0; left: 0;
top: 0; top: 0;
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
-webkit-transform: translateZ(-20px);
transform: translateZ(-20px); } transform: translateZ(-20px); }
.reveal.page .slides section:not(.stack):after { .reveal.page .slides section:not(.stack):after {
@ -604,55 +599,40 @@ body {
background: none; } background: none; }
.reveal.page .slides > section.past { .reveal.page .slides > section.past {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%; transform-origin: 0% 0%;
-webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
transform: translate3d(-40%, 0, 0) rotateY(-80deg); } transform: translate3d(-40%, 0, 0) rotateY(-80deg); }
.reveal.page .slides > section.future { .reveal.page .slides > section.future {
-webkit-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%; transform-origin: 100% 0%;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } transform: translate3d(0, 0, 0); }
.reveal.page .slides > section > section.past { .reveal.page .slides > section > section.past {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%; transform-origin: 0% 0%;
-webkit-transform: translate3d(0, -40%, 0) rotateX(80deg);
transform: translate3d(0, -40%, 0) rotateX(80deg); } transform: translate3d(0, -40%, 0) rotateX(80deg); }
.reveal.page .slides > section > section.future { .reveal.page .slides > section > section.future {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%; transform-origin: 0% 100%;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } transform: translate3d(0, 0, 0); }
/********************************************* /*********************************************
* FADE TRANSITION * FADE TRANSITION
*********************************************/ *********************************************/
.reveal .slides section[data-transition=fade], .reveal.fade .slides section:not([data-transition]), .reveal.fade .slides > section > section:not([data-transition]) { .reveal .slides section[data-transition=fade],
-webkit-transform: none; .reveal.fade .slides section:not([data-transition]),
-ms-transform: none; .reveal.fade .slides > section > section:not([data-transition]) {
transform: none; transform: none;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s; } transition: opacity 0.5s; }
.reveal.fade.overview .slides section, .reveal.fade.overview .slides > section > section { .reveal.fade.overview .slides section,
-webkit-transition: none; .reveal.fade.overview .slides > section > section {
transition: none; } transition: none; }
/********************************************* /*********************************************
* NO TRANSITION * NO TRANSITION
*********************************************/ *********************************************/
.reveal .slides section[data-transition=none], .reveal.none .slides section:not([data-transition]) { .reveal .slides section[data-transition=none],
-webkit-transform: none; .reveal.none .slides section:not([data-transition]) {
-ms-transform: none;
transform: none; transform: none;
-webkit-transition: none;
transition: none; } transition: none; }
/********************************************* /*********************************************
@ -668,7 +648,6 @@ body {
visibility: hidden; visibility: hidden;
opacity: 0; opacity: 0;
z-index: 100; z-index: 100;
-webkit-transition: all 1s ease;
transition: all 1s ease; } transition: all 1s ease; }
.reveal.paused .pause-overlay { .reveal.paused .pause-overlay {
@ -690,7 +669,8 @@ body {
margin: 0; margin: 0;
text-align: center; } text-align: center; }
.no-transforms .reveal .controls, .no-transforms .reveal .progress { .no-transforms .reveal .controls,
.no-transforms .reveal .progress {
display: none !important; } display: none !important; }
.no-transforms .reveal .slides section { .no-transforms .reveal .slides section {
@ -702,15 +682,13 @@ body {
top: 0; top: 0;
left: -50%; left: -50%;
margin: 70px 0; margin: 70px 0;
-webkit-transform: none;
-ms-transform: none;
transform: none; } transform: none; }
.no-transforms .reveal .slides section section { .no-transforms .reveal .slides section section {
left: 0; } left: 0; }
.reveal .no-transition, .reveal .no-transition * { .reveal .no-transition,
-webkit-transition: none !important; .reveal .no-transition * {
transition: none !important; } transition: none !important; }
/********************************************* /*********************************************
@ -722,7 +700,6 @@ body {
height: 100%; height: 100%;
top: 0; top: 0;
left: 0; left: 0;
-webkit-perspective: 600px;
perspective: 600px; } perspective: 600px; }
.reveal .slide-background { .reveal .slide-background {
@ -732,11 +709,10 @@ body {
height: 100%; height: 100%;
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
background-color: rgba(0, 0, 0, 0); background-color: transparent;
background-position: 50% 50%; background-position: 50% 50%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
-webkit-transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
.reveal .slide-background.stack { .reveal .slide-background.stack {
@ -761,127 +737,115 @@ body {
left: 0; } left: 0; }
/* Immediate transition style */ /* Immediate transition style */
.reveal[data-background-transition=none] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=none] { .reveal[data-background-transition=none] > .backgrounds .slide-background,
-webkit-transition: none; .reveal > .backgrounds .slide-background[data-background-transition=none] {
transition: none; } transition: none; }
/* Slide */ /* Slide */
.reveal[data-background-transition=slide] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=slide] { .reveal[data-background-transition=slide] > .backgrounds .slide-background,
.reveal > .backgrounds .slide-background[data-background-transition=slide] {
opacity: 1; opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; } backface-visibility: hidden; }
.reveal[data-background-transition=slide] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=slide] { .reveal[data-background-transition=slide] > .backgrounds .slide-background.past,
-webkit-transform: translate(-100%, 0); .reveal > .backgrounds .slide-background.past[data-background-transition=slide] {
-ms-transform: translate(-100%, 0);
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] { .reveal[data-background-transition=slide] > .backgrounds .slide-background.future,
-webkit-transform: translate(100%, 0); .reveal > .backgrounds .slide-background.future[data-background-transition=slide] {
-ms-transform: translate(100%, 0);
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] { .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past,
-webkit-transform: translate(0, -100%); .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide] {
-ms-transform: translate(0, -100%);
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] { .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.future,
-webkit-transform: translate(0, 100%); .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=slide] {
-ms-transform: translate(0, 100%);
transform: translate(0, 100%); } transform: translate(0, 100%); }
/* Convex */ /* Convex */
.reveal[data-background-transition=convex] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=convex] { .reveal[data-background-transition=convex] > .backgrounds .slide-background.past,
.reveal > .backgrounds .slide-background.past[data-background-transition=convex] {
opacity: 0; opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
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] { .reveal[data-background-transition=convex] > .backgrounds .slide-background.future,
.reveal > .backgrounds .slide-background.future[data-background-transition=convex] {
opacity: 0; opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
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] { .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.past,
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=convex] {
opacity: 0; opacity: 0;
-webkit-transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0);
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] { .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.future,
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=convex] {
opacity: 0; opacity: 0;
-webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); } transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); }
/* Concave */ /* Concave */
.reveal[data-background-transition=concave] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=concave] { .reveal[data-background-transition=concave] > .backgrounds .slide-background.past,
.reveal > .backgrounds .slide-background.past[data-background-transition=concave] {
opacity: 0; opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
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] { .reveal[data-background-transition=concave] > .backgrounds .slide-background.future,
.reveal > .backgrounds .slide-background.future[data-background-transition=concave] {
opacity: 0; opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
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] { .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.past,
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=concave] {
opacity: 0; opacity: 0;
-webkit-transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0);
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] { .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.future,
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=concave] {
opacity: 0; opacity: 0;
-webkit-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); } transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); }
/* Zoom */ /* Zoom */
.reveal[data-background-transition=zoom] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=zoom] { .reveal[data-background-transition=zoom] > .backgrounds .slide-background,
-webkit-transition-timing-function: ease; .reveal > .backgrounds .slide-background[data-background-transition=zoom] {
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] { .reveal[data-background-transition=zoom] > .backgrounds .slide-background.past,
.reveal > .backgrounds .slide-background.past[data-background-transition=zoom] {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
-webkit-transform: scale(16);
-ms-transform: scale(16);
transform: scale(16); } transform: scale(16); }
.reveal[data-background-transition=zoom] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=zoom] { .reveal[data-background-transition=zoom] > .backgrounds .slide-background.future,
.reveal > .backgrounds .slide-background.future[data-background-transition=zoom] {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
-webkit-transform: scale(0.2);
-ms-transform: scale(0.2);
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] { .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.past,
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=zoom] {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
-webkit-transform: scale(16);
-ms-transform: scale(16);
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] { .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.future,
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=zoom] {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
-webkit-transform: scale(0.2);
-ms-transform: scale(0.2);
transform: scale(0.2); } transform: scale(0.2); }
/* Global transition speed settings */ /* Global transition speed settings */
.reveal[data-transition-speed="fast"] > .backgrounds .slide-background { .reveal[data-transition-speed="fast"] > .backgrounds .slide-background {
-webkit-transition-duration: 400ms;
transition-duration: 400ms; } transition-duration: 400ms; }
.reveal[data-transition-speed="slow"] > .backgrounds .slide-background { .reveal[data-transition-speed="slow"] > .backgrounds .slide-background {
-webkit-transition-duration: 1200ms;
transition-duration: 1200ms; } transition-duration: 1200ms; }
/********************************************* /*********************************************
* OVERVIEW * OVERVIEW
*********************************************/ *********************************************/
.reveal.overview { .reveal.overview {
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%; perspective-origin: 50% 50%;
-webkit-perspective: 700px;
perspective: 700px; } perspective: 700px; }
.reveal.overview .slides section { .reveal.overview .slides section {
height: 700px; height: 700px;
@ -889,16 +853,16 @@ body {
overflow: hidden; overflow: hidden;
visibility: visible !important; visibility: visible !important;
cursor: pointer; cursor: pointer;
-moz-box-sizing: border-box;
box-sizing: border-box; } box-sizing: border-box; }
.reveal.overview .slides section:hover, .reveal.overview .slides section.present { .reveal.overview .slides section:hover,
.reveal.overview .slides section.present {
outline: 10px solid rgba(150, 150, 150, 0.4); outline: 10px solid rgba(150, 150, 150, 0.4);
outline-offset: 10px; } outline-offset: 10px; }
.reveal.overview .slides section .fragment { .reveal.overview .slides section .fragment {
opacity: 1; opacity: 1;
-webkit-transition: none;
transition: none; } transition: none; }
.reveal.overview .slides section:after, .reveal.overview .slides section:before { .reveal.overview .slides section:after,
.reveal.overview .slides section:before {
display: none !important; } display: none !important; }
.reveal.overview .slides > section.stack { .reveal.overview .slides > section.stack {
padding: 0; padding: 0;
@ -907,7 +871,6 @@ body {
outline: none; outline: none;
overflow: visible; } overflow: visible; }
.reveal.overview .backgrounds { .reveal.overview .backgrounds {
-webkit-perspective: inherit;
perspective: inherit; } perspective: inherit; }
.reveal.overview .backgrounds .slide-background { .reveal.overview .backgrounds .slide-background {
opacity: 1; opacity: 1;
@ -915,29 +878,36 @@ body {
outline: 10px solid rgba(150, 150, 150, 0.1); outline: 10px solid rgba(150, 150, 150, 0.1);
outline-offset: 10px; } outline-offset: 10px; }
.reveal.overview .slides section, .reveal.overview-deactivating .slides section { .reveal.overview .slides section,
-webkit-transition: none; .reveal.overview-deactivating .slides section {
transition: none; } transition: none; }
.reveal.overview .backgrounds .slide-background, .reveal.overview-deactivating .backgrounds .slide-background { .reveal.overview .backgrounds .slide-background,
-webkit-transition: none; .reveal.overview-deactivating .backgrounds .slide-background {
transition: none; } transition: none; }
.reveal.overview-animated .slides { .reveal.overview-animated .slides {
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease; } transition: transform 0.4s ease; }
/********************************************* /*********************************************
* RTL SUPPORT * RTL SUPPORT
*********************************************/ *********************************************/
.reveal.rtl .slides, .reveal.rtl .slides h1, .reveal.rtl .slides h2, .reveal.rtl .slides h3, .reveal.rtl .slides h4, .reveal.rtl .slides h5, .reveal.rtl .slides h6 { .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; direction: rtl;
font-family: sans-serif; } font-family: sans-serif; }
.reveal.rtl pre, .reveal.rtl code { .reveal.rtl pre,
.reveal.rtl code {
direction: ltr; } direction: ltr; }
.reveal.rtl ol, .reveal.rtl ul { .reveal.rtl ol,
.reveal.rtl ul {
text-align: right; } text-align: right; }
.reveal.rtl .progress span { .reveal.rtl .progress span {
@ -947,16 +917,13 @@ body {
* PARALLAX BACKGROUND * PARALLAX BACKGROUND
*********************************************/ *********************************************/
.reveal.has-parallax-background .backgrounds { .reveal.has-parallax-background .backgrounds {
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease; } transition: all 0.8s ease; }
/* Global transition speed settings */ /* Global transition speed settings */
.reveal.has-parallax-background[data-transition-speed="fast"] .backgrounds { .reveal.has-parallax-background[data-transition-speed="fast"] .backgrounds {
-webkit-transition-duration: 400ms;
transition-duration: 400ms; } transition-duration: 400ms; }
.reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds { .reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds {
-webkit-transition-duration: 1200ms;
transition-duration: 1200ms; } transition-duration: 1200ms; }
/********************************************* /*********************************************
@ -972,7 +939,6 @@ body {
background: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.9);
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; } transition: all 0.3s ease; }
.reveal .overlay.visible { .reveal .overlay.visible {
@ -991,7 +957,6 @@ body {
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); 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; visibility: visible;
opacity: 0.6; opacity: 0.6;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; } transition: all 0.3s ease; }
.reveal .overlay header { .reveal .overlay header {
@ -1010,7 +975,6 @@ body {
padding: 0 10px; padding: 0 10px;
float: right; float: right;
opacity: 0.6; opacity: 0.6;
-moz-box-sizing: border-box;
box-sizing: border-box; } box-sizing: border-box; }
.reveal .overlay header a:hover { .reveal .overlay header a:hover {
@ -1045,7 +1009,6 @@ body {
border: 0; border: 0;
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; } transition: all 0.3s ease; }
.reveal .overlay.overlay-preview.loaded .viewport iframe { .reveal .overlay.overlay-preview.loaded .viewport iframe {
@ -1055,8 +1018,6 @@ body {
.reveal .overlay.overlay-preview.loaded .spinner { .reveal .overlay.overlay-preview.loaded .spinner {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
-webkit-transform: scale(0.2);
-ms-transform: scale(0.2);
transform: scale(0.2); } transform: scale(0.2); }
.reveal .overlay.overlay-help .viewport { .reveal .overlay.overlay-help .viewport {
@ -1078,7 +1039,8 @@ body {
border-collapse: collapse; border-collapse: collapse;
font-size: 14px; } font-size: 14px; }
.reveal .overlay.overlay-help .viewport .viewport-inner table th, .reveal .overlay.overlay-help .viewport .viewport-inner table td { .reveal .overlay.overlay-help .viewport .viewport-inner table th,
.reveal .overlay.overlay-help .viewport .viewport-inner table td {
width: 200px; width: 200px;
padding: 10px; padding: 10px;
border: 1px solid #fff; border: 1px solid #fff;
@ -1097,7 +1059,6 @@ body {
bottom: 20px; bottom: 20px;
z-index: 30; z-index: 30;
cursor: pointer; cursor: pointer;
-webkit-transition: all 400ms ease;
transition: all 400ms ease; } transition: all 400ms ease; }
.reveal.overview .playback { .reveal.overview .playback {
@ -1112,9 +1073,7 @@ body {
line-height: 1.2; line-height: 1.2;
overflow: hidden; overflow: hidden;
vertical-align: top; vertical-align: top;
-webkit-perspective: 400px;
perspective: 400px; perspective: 400px;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%; } perspective-origin: 50% 50%; }
.reveal .roll:hover { .reveal .roll:hover {
@ -1126,19 +1085,13 @@ body {
position: relative; position: relative;
padding: 0 2px; padding: 0 2px;
pointer-events: none; pointer-events: none;
-webkit-transition: all 400ms ease;
transition: all 400ms ease; transition: all 400ms ease;
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%; transform-origin: 50% 0%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; } backface-visibility: hidden; }
.reveal .roll:hover span { .reveal .roll:hover span {
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
-webkit-transform: translate3d(0px, 0px, -45px) rotateX(90deg);
transform: translate3d(0px, 0px, -45px) rotateX(90deg); } transform: translate3d(0px, 0px, -45px) rotateX(90deg); }
.reveal .roll span:after { .reveal .roll span:after {
@ -1148,12 +1101,8 @@ body {
left: 0; left: 0;
top: 0; top: 0;
padding: 0 2px; padding: 0 2px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; backface-visibility: hidden;
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%; transform-origin: 50% 0%;
-webkit-transform: translate3d(0px, 110%, 0px) rotateX(-90deg);
transform: translate3d(0px, 110%, 0px) rotateX(-90deg); } transform: translate3d(0px, 110%, 0px) rotateX(-90deg); }
/********************************************* /*********************************************
@ -1176,7 +1125,6 @@ body {
color: #fff; color: #fff;
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
overflow: auto; overflow: auto;
-moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
text-align: left; text-align: left;
font-family: Helvetica, sans-serif; font-family: Helvetica, sans-serif;
@ -1197,11 +1145,13 @@ body {
/********************************************* /*********************************************
* ZOOM PLUGIN * ZOOM PLUGIN
*********************************************/ *********************************************/
.zoomed .reveal *, .zoomed .reveal *:before, .zoomed .reveal *:after { .zoomed .reveal *,
-webkit-backface-visibility: visible !important; .zoomed .reveal *:before,
.zoomed .reveal *:after {
backface-visibility: visible !important; } backface-visibility: visible !important; }
.zoomed .reveal .progress, .zoomed .reveal .controls { .zoomed .reveal .progress,
.zoomed .reveal .controls {
opacity: 0; } opacity: 0; }
.zoomed .reveal .roll span { .zoomed .reveal .roll span {

View file

@ -1,25 +1,25 @@
@import url(../../lib/font/league-gothic/league-gothic.css);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/** /**
* Beige theme for reveal.js. * Beige theme for reveal.js.
* *
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/ */
@import url(../../lib/font/league-gothic/league-gothic.css);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/********************************************* /*********************************************
* GLOBAL STYLES * GLOBAL STYLES
*********************************************/ *********************************************/
body { body {
background: #f7f2d3; background: #f7f2d3;
background: -moz-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%); background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(100%, #f7f2d3)); 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, #ffffff 0%, #f7f2d3 100%); background: -webkit-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
background: -o-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%); background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
background: -ms-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%); background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
background: radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%); background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
background-color: #f7f3de; } background-color: #f7f3de; }
.reveal { .reveal {
font-family: 'Lato', sans-serif; font-family: "Lato", sans-serif;
font-size: 36px; font-size: 36px;
font-weight: normal; font-weight: normal;
color: #333; } color: #333; }
@ -29,17 +29,23 @@ body {
background: rgba(79, 64, 28, 0.99); background: rgba(79, 64, 28, 0.99);
text-shadow: none; } text-shadow: none; }
.reveal .slides > section, .reveal .slides > section > section { .reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3; line-height: 1.3;
font-weight: inherit; } font-weight: inherit; }
/********************************************* /*********************************************
* HEADERS * HEADERS
*********************************************/ *********************************************/
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { .reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
margin: 0 0 20px 0; margin: 0 0 20px 0;
color: #333; color: #333;
font-family: 'League Gothic', Impact, sans-serif; font-family: "League Gothic", Impact, sans-serif;
font-weight: normal; font-weight: normal;
line-height: 1.2; line-height: 1.2;
letter-spacing: normal; letter-spacing: normal;
@ -70,17 +76,22 @@ body {
line-height: 1.3; } line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */ /* Ensure certain elements are never larger than the slide itself */
.reveal img, .reveal video, .reveal iframe { .reveal img,
.reveal video,
.reveal iframe {
max-width: 95%; max-width: 95%;
max-height: 95%; } max-height: 95%; }
.reveal strong, .reveal b { .reveal strong,
.reveal b {
font-weight: bold; } font-weight: bold; }
.reveal em { .reveal em {
font-style: italic; } font-style: italic; }
.reveal ol, .reveal dl, .reveal ul { .reveal ol,
.reveal dl,
.reveal ul {
display: inline-block; display: inline-block;
text-align: left; text-align: left;
margin: 0 0 0 1em; } margin: 0 0 0 1em; }
@ -97,7 +108,10 @@ body {
.reveal ul ul ul { .reveal ul ul ul {
list-style-type: circle; } list-style-type: circle; }
.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { .reveal ul ul,
.reveal ul ol,
.reveal ol ol,
.reveal ol ul {
display: block; display: block;
margin-left: 40px; } margin-left: 40px; }
@ -107,7 +121,8 @@ body {
.reveal dd { .reveal dd {
margin-left: 40px; } margin-left: 40px; }
.reveal q, .reveal blockquote { .reveal q,
.reveal blockquote {
quotes: none; } quotes: none; }
.reveal blockquote { .reveal blockquote {
@ -120,7 +135,8 @@ body {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); } box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
.reveal blockquote p:first-child, .reveal blockquote p:last-child { .reveal blockquote p:first-child,
.reveal blockquote p:last-child {
display: inline-block; } display: inline-block; }
.reveal q { .reveal q {
@ -156,15 +172,18 @@ body {
.reveal table th { .reveal table th {
font-weight: bold; } font-weight: bold; }
.reveal table th, .reveal table td { .reveal table th,
.reveal table td {
text-align: left; text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em; padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; } border-bottom: 1px solid; }
.reveal table th[align="center"], .reveal table td[align="center"] { .reveal table th[align="center"],
.reveal table td[align="center"] {
text-align: center; } text-align: center; }
.reveal table th[align="right"], .reveal table td[align="right"] { .reveal table th[align="right"],
.reveal table td[align="right"] {
text-align: right; } text-align: right; }
.reveal table tr:last-child td { .reveal table tr:last-child td {
@ -196,13 +215,13 @@ body {
transition: color 0.15s ease; } transition: color 0.15s ease; }
.reveal a:hover { .reveal a:hover {
color: #c0a76e; color: #c0a86e;
text-shadow: none; text-shadow: none;
border: none; } border: none; }
.reveal .roll span:after { .reveal .roll span:after {
color: #fff; color: #fff;
background: #564726; } background: #564826; }
/********************************************* /*********************************************
* IMAGES * IMAGES
@ -230,29 +249,33 @@ body {
/********************************************* /*********************************************
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled { .reveal .controls .navigate-left,
.reveal .controls .navigate-left.enabled {
border-right-color: #8b743d; } border-right-color: #8b743d; }
.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled { .reveal .controls .navigate-right,
.reveal .controls .navigate-right.enabled {
border-left-color: #8b743d; } border-left-color: #8b743d; }
.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled { .reveal .controls .navigate-up,
.reveal .controls .navigate-up.enabled {
border-bottom-color: #8b743d; } border-bottom-color: #8b743d; }
.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled { .reveal .controls .navigate-down,
.reveal .controls .navigate-down.enabled {
border-top-color: #8b743d; } border-top-color: #8b743d; }
.reveal .controls .navigate-left.enabled:hover { .reveal .controls .navigate-left.enabled:hover {
border-right-color: #c0a76e; } border-right-color: #c0a86e; }
.reveal .controls .navigate-right.enabled:hover { .reveal .controls .navigate-right.enabled:hover {
border-left-color: #c0a76e; } border-left-color: #c0a86e; }
.reveal .controls .navigate-up.enabled:hover { .reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #c0a76e; } border-bottom-color: #c0a86e; }
.reveal .controls .navigate-down.enabled:hover { .reveal .controls .navigate-down.enabled:hover {
border-top-color: #c0a76e; } border-top-color: #c0a86e; }
/********************************************* /*********************************************
* PROGRESS BAR * PROGRESS BAR

View file

@ -1,9 +1,9 @@
@import url(../../lib/font/source-sans-pro/source-sans-pro.css);
/** /**
* Black theme for reveal.js. This is the opposite of the 'white' theme. * Black theme for reveal.js. This is the opposite of the 'white' theme.
* *
* Copyright (C) 2015 Hakim El Hattab, http://hakim.se * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
*/ */
@import url(../../lib/font/source-sans-pro/source-sans-pro.css);
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 { 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; } color: #222; }
@ -15,7 +15,7 @@ body {
background-color: #222; } background-color: #222; }
.reveal { .reveal {
font-family: 'Source Sans Pro', Helvetica, sans-serif; font-family: "Source Sans Pro", Helvetica, sans-serif;
font-size: 38px; font-size: 38px;
font-weight: normal; font-weight: normal;
color: #fff; } color: #fff; }
@ -25,17 +25,23 @@ body {
background: #bee4fd; background: #bee4fd;
text-shadow: none; } text-shadow: none; }
.reveal .slides > section, .reveal .slides > section > section { .reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3; line-height: 1.3;
font-weight: inherit; } font-weight: inherit; }
/********************************************* /*********************************************
* HEADERS * HEADERS
*********************************************/ *********************************************/
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { .reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
margin: 0 0 20px 0; margin: 0 0 20px 0;
color: #fff; color: #fff;
font-family: 'Source Sans Pro', Helvetica, sans-serif; font-family: "Source Sans Pro", Helvetica, sans-serif;
font-weight: 600; font-weight: 600;
line-height: 1.2; line-height: 1.2;
letter-spacing: normal; letter-spacing: normal;
@ -66,17 +72,22 @@ body {
line-height: 1.3; } line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */ /* Ensure certain elements are never larger than the slide itself */
.reveal img, .reveal video, .reveal iframe { .reveal img,
.reveal video,
.reveal iframe {
max-width: 95%; max-width: 95%;
max-height: 95%; } max-height: 95%; }
.reveal strong, .reveal b { .reveal strong,
.reveal b {
font-weight: bold; } font-weight: bold; }
.reveal em { .reveal em {
font-style: italic; } font-style: italic; }
.reveal ol, .reveal dl, .reveal ul { .reveal ol,
.reveal dl,
.reveal ul {
display: inline-block; display: inline-block;
text-align: left; text-align: left;
margin: 0 0 0 1em; } margin: 0 0 0 1em; }
@ -93,7 +104,10 @@ body {
.reveal ul ul ul { .reveal ul ul ul {
list-style-type: circle; } list-style-type: circle; }
.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { .reveal ul ul,
.reveal ul ol,
.reveal ol ol,
.reveal ol ul {
display: block; display: block;
margin-left: 40px; } margin-left: 40px; }
@ -103,7 +117,8 @@ body {
.reveal dd { .reveal dd {
margin-left: 40px; } margin-left: 40px; }
.reveal q, .reveal blockquote { .reveal q,
.reveal blockquote {
quotes: none; } quotes: none; }
.reveal blockquote { .reveal blockquote {
@ -116,7 +131,8 @@ body {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); } box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
.reveal blockquote p:first-child, .reveal blockquote p:last-child { .reveal blockquote p:first-child,
.reveal blockquote p:last-child {
display: inline-block; } display: inline-block; }
.reveal q { .reveal q {
@ -152,15 +168,18 @@ body {
.reveal table th { .reveal table th {
font-weight: bold; } font-weight: bold; }
.reveal table th, .reveal table td { .reveal table th,
.reveal table td {
text-align: left; text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em; padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; } border-bottom: 1px solid; }
.reveal table th[align="center"], .reveal table td[align="center"] { .reveal table th[align="center"],
.reveal table td[align="center"] {
text-align: center; } text-align: center; }
.reveal table th[align="right"], .reveal table td[align="right"] { .reveal table th[align="right"],
.reveal table td[align="right"] {
text-align: right; } text-align: right; }
.reveal table tr:last-child td { .reveal table tr:last-child td {
@ -198,7 +217,7 @@ body {
.reveal .roll span:after { .reveal .roll span:after {
color: #fff; color: #fff;
background: #068ee9; } background: #068de9; }
/********************************************* /*********************************************
* IMAGES * IMAGES
@ -226,16 +245,20 @@ body {
/********************************************* /*********************************************
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled { .reveal .controls .navigate-left,
.reveal .controls .navigate-left.enabled {
border-right-color: #42affa; } border-right-color: #42affa; }
.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled { .reveal .controls .navigate-right,
.reveal .controls .navigate-right.enabled {
border-left-color: #42affa; } border-left-color: #42affa; }
.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled { .reveal .controls .navigate-up,
.reveal .controls .navigate-up.enabled {
border-bottom-color: #42affa; } border-bottom-color: #42affa; }
.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled { .reveal .controls .navigate-down,
.reveal .controls .navigate-down.enabled {
border-top-color: #42affa; } border-top-color: #42affa; }
.reveal .controls .navigate-left.enabled:hover { .reveal .controls .navigate-left.enabled:hover {

View file

@ -1,4 +1,3 @@
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
/** /**
* Blood theme for reveal.js * Blood theme for reveal.js
* Author: Walther http://github.com/Walther * Author: Walther http://github.com/Walther
@ -10,6 +9,7 @@
* For other themes, change $codeBackground accordingly. * For other themes, change $codeBackground accordingly.
* *
*/ */
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
/********************************************* /*********************************************
* GLOBAL STYLES * GLOBAL STYLES
*********************************************/ *********************************************/
@ -18,7 +18,7 @@ body {
background-color: #222; } background-color: #222; }
.reveal { .reveal {
font-family: Ubuntu, 'sans-serif'; font-family: Ubuntu, "sans-serif";
font-size: 36px; font-size: 36px;
font-weight: normal; font-weight: normal;
color: #eee; } color: #eee; }
@ -28,17 +28,23 @@ body {
background: #a23; background: #a23;
text-shadow: none; } text-shadow: none; }
.reveal .slides > section, .reveal .slides > section > section { .reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3; line-height: 1.3;
font-weight: inherit; } font-weight: inherit; }
/********************************************* /*********************************************
* HEADERS * HEADERS
*********************************************/ *********************************************/
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { .reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
margin: 0 0 20px 0; margin: 0 0 20px 0;
color: #eee; color: #eee;
font-family: Ubuntu, 'sans-serif'; font-family: Ubuntu, "sans-serif";
font-weight: normal; font-weight: normal;
line-height: 1.2; line-height: 1.2;
letter-spacing: normal; letter-spacing: normal;
@ -69,17 +75,22 @@ body {
line-height: 1.3; } line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */ /* Ensure certain elements are never larger than the slide itself */
.reveal img, .reveal video, .reveal iframe { .reveal img,
.reveal video,
.reveal iframe {
max-width: 95%; max-width: 95%;
max-height: 95%; } max-height: 95%; }
.reveal strong, .reveal b { .reveal strong,
.reveal b {
font-weight: bold; } font-weight: bold; }
.reveal em { .reveal em {
font-style: italic; } font-style: italic; }
.reveal ol, .reveal dl, .reveal ul { .reveal ol,
.reveal dl,
.reveal ul {
display: inline-block; display: inline-block;
text-align: left; text-align: left;
margin: 0 0 0 1em; } margin: 0 0 0 1em; }
@ -96,7 +107,10 @@ body {
.reveal ul ul ul { .reveal ul ul ul {
list-style-type: circle; } list-style-type: circle; }
.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { .reveal ul ul,
.reveal ul ol,
.reveal ol ol,
.reveal ol ul {
display: block; display: block;
margin-left: 40px; } margin-left: 40px; }
@ -106,7 +120,8 @@ body {
.reveal dd { .reveal dd {
margin-left: 40px; } margin-left: 40px; }
.reveal q, .reveal blockquote { .reveal q,
.reveal blockquote {
quotes: none; } quotes: none; }
.reveal blockquote { .reveal blockquote {
@ -119,7 +134,8 @@ body {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); } box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
.reveal blockquote p:first-child, .reveal blockquote p:last-child { .reveal blockquote p:first-child,
.reveal blockquote p:last-child {
display: inline-block; } display: inline-block; }
.reveal q { .reveal q {
@ -155,15 +171,18 @@ body {
.reveal table th { .reveal table th {
font-weight: bold; } font-weight: bold; }
.reveal table th, .reveal table td { .reveal table th,
.reveal table td {
text-align: left; text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em; padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; } border-bottom: 1px solid; }
.reveal table th[align="center"], .reveal table td[align="center"] { .reveal table th[align="center"],
.reveal table td[align="center"] {
text-align: center; } text-align: center; }
.reveal table th[align="right"], .reveal table td[align="right"] { .reveal table th[align="right"],
.reveal table td[align="right"] {
text-align: right; } text-align: right; }
.reveal table tr:last-child td { .reveal table tr:last-child td {
@ -195,13 +214,13 @@ body {
transition: color 0.15s ease; } transition: color 0.15s ease; }
.reveal a:hover { .reveal a:hover {
color: #dd5567; color: #dd5566;
text-shadow: none; text-shadow: none;
border: none; } border: none; }
.reveal .roll span:after { .reveal .roll span:after {
color: #fff; color: #fff;
background: #6a1521; } background: #6a1520; }
/********************************************* /*********************************************
* IMAGES * IMAGES
@ -229,29 +248,33 @@ body {
/********************************************* /*********************************************
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled { .reveal .controls .navigate-left,
.reveal .controls .navigate-left.enabled {
border-right-color: #a23; } border-right-color: #a23; }
.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled { .reveal .controls .navigate-right,
.reveal .controls .navigate-right.enabled {
border-left-color: #a23; } border-left-color: #a23; }
.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled { .reveal .controls .navigate-up,
.reveal .controls .navigate-up.enabled {
border-bottom-color: #a23; } border-bottom-color: #a23; }
.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled { .reveal .controls .navigate-down,
.reveal .controls .navigate-down.enabled {
border-top-color: #a23; } border-top-color: #a23; }
.reveal .controls .navigate-left.enabled:hover { .reveal .controls .navigate-left.enabled:hover {
border-right-color: #dd5567; } border-right-color: #dd5566; }
.reveal .controls .navigate-right.enabled:hover { .reveal .controls .navigate-right.enabled:hover {
border-left-color: #dd5567; } border-left-color: #dd5566; }
.reveal .controls .navigate-up.enabled:hover { .reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #dd5567; } border-bottom-color: #dd5566; }
.reveal .controls .navigate-down.enabled:hover { .reveal .controls .navigate-down.enabled:hover {
border-top-color: #dd5567; } border-top-color: #dd5566; }
/********************************************* /*********************************************
* PROGRESS BAR * PROGRESS BAR
@ -275,7 +298,12 @@ body {
font-weight: 300; font-weight: 300;
text-shadow: 1px 1px #222; } text-shadow: 1px 1px #222; }
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { .reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
font-weight: 700; } font-weight: 700; }
.reveal p code { .reveal p code {

View file

@ -1,5 +1,3 @@
@import url(../../lib/font/league-gothic/league-gothic.css);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/** /**
* League theme for reveal.js. * League theme for reveal.js.
* *
@ -7,6 +5,8 @@
* *
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/ */
@import url(../../lib/font/league-gothic/league-gothic.css);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/********************************************* /*********************************************
* GLOBAL STYLES * GLOBAL STYLES
*********************************************/ *********************************************/
@ -21,7 +21,7 @@ body {
background-color: #2b2b2b; } background-color: #2b2b2b; }
.reveal { .reveal {
font-family: 'Lato', sans-serif; font-family: "Lato", sans-serif;
font-size: 36px; font-size: 36px;
font-weight: normal; font-weight: normal;
color: #eee; } color: #eee; }
@ -31,17 +31,23 @@ body {
background: #FF5E99; background: #FF5E99;
text-shadow: none; } text-shadow: none; }
.reveal .slides > section, .reveal .slides > section > section { .reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3; line-height: 1.3;
font-weight: inherit; } font-weight: inherit; }
/********************************************* /*********************************************
* HEADERS * HEADERS
*********************************************/ *********************************************/
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { .reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
margin: 0 0 20px 0; margin: 0 0 20px 0;
color: #eee; color: #eee;
font-family: 'League Gothic', Impact, sans-serif; font-family: "League Gothic", Impact, sans-serif;
font-weight: normal; font-weight: normal;
line-height: 1.2; line-height: 1.2;
letter-spacing: normal; letter-spacing: normal;
@ -72,17 +78,22 @@ body {
line-height: 1.3; } line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */ /* Ensure certain elements are never larger than the slide itself */
.reveal img, .reveal video, .reveal iframe { .reveal img,
.reveal video,
.reveal iframe {
max-width: 95%; max-width: 95%;
max-height: 95%; } max-height: 95%; }
.reveal strong, .reveal b { .reveal strong,
.reveal b {
font-weight: bold; } font-weight: bold; }
.reveal em { .reveal em {
font-style: italic; } font-style: italic; }
.reveal ol, .reveal dl, .reveal ul { .reveal ol,
.reveal dl,
.reveal ul {
display: inline-block; display: inline-block;
text-align: left; text-align: left;
margin: 0 0 0 1em; } margin: 0 0 0 1em; }
@ -99,7 +110,10 @@ body {
.reveal ul ul ul { .reveal ul ul ul {
list-style-type: circle; } list-style-type: circle; }
.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { .reveal ul ul,
.reveal ul ol,
.reveal ol ol,
.reveal ol ul {
display: block; display: block;
margin-left: 40px; } margin-left: 40px; }
@ -109,7 +123,8 @@ body {
.reveal dd { .reveal dd {
margin-left: 40px; } margin-left: 40px; }
.reveal q, .reveal blockquote { .reveal q,
.reveal blockquote {
quotes: none; } quotes: none; }
.reveal blockquote { .reveal blockquote {
@ -122,7 +137,8 @@ body {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); } box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
.reveal blockquote p:first-child, .reveal blockquote p:last-child { .reveal blockquote p:first-child,
.reveal blockquote p:last-child {
display: inline-block; } display: inline-block; }
.reveal q { .reveal q {
@ -158,15 +174,18 @@ body {
.reveal table th { .reveal table th {
font-weight: bold; } font-weight: bold; }
.reveal table th, .reveal table td { .reveal table th,
.reveal table td {
text-align: left; text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em; padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; } border-bottom: 1px solid; }
.reveal table th[align="center"], .reveal table td[align="center"] { .reveal table th[align="center"],
.reveal table td[align="center"] {
text-align: center; } text-align: center; }
.reveal table th[align="right"], .reveal table td[align="right"] { .reveal table th[align="right"],
.reveal table td[align="right"] {
text-align: right; } text-align: right; }
.reveal table tr:last-child td { .reveal table tr:last-child td {
@ -198,13 +217,13 @@ body {
transition: color 0.15s ease; } transition: color 0.15s ease; }
.reveal a:hover { .reveal a:hover {
color: #71ebf4; color: #71e9f4;
text-shadow: none; text-shadow: none;
border: none; } border: none; }
.reveal .roll span:after { .reveal .roll span:after {
color: #fff; color: #fff;
background: #0d9ba5; } background: #0d99a5; }
/********************************************* /*********************************************
* IMAGES * IMAGES
@ -232,29 +251,33 @@ body {
/********************************************* /*********************************************
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled { .reveal .controls .navigate-left,
.reveal .controls .navigate-left.enabled {
border-right-color: #13DAEC; } border-right-color: #13DAEC; }
.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled { .reveal .controls .navigate-right,
.reveal .controls .navigate-right.enabled {
border-left-color: #13DAEC; } border-left-color: #13DAEC; }
.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled { .reveal .controls .navigate-up,
.reveal .controls .navigate-up.enabled {
border-bottom-color: #13DAEC; } border-bottom-color: #13DAEC; }
.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled { .reveal .controls .navigate-down,
.reveal .controls .navigate-down.enabled {
border-top-color: #13DAEC; } border-top-color: #13DAEC; }
.reveal .controls .navigate-left.enabled:hover { .reveal .controls .navigate-left.enabled:hover {
border-right-color: #71ebf4; } border-right-color: #71e9f4; }
.reveal .controls .navigate-right.enabled:hover { .reveal .controls .navigate-right.enabled:hover {
border-left-color: #71ebf4; } border-left-color: #71e9f4; }
.reveal .controls .navigate-up.enabled:hover { .reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #71ebf4; } border-bottom-color: #71e9f4; }
.reveal .controls .navigate-down.enabled:hover { .reveal .controls .navigate-down.enabled:hover {
border-top-color: #71ebf4; } border-top-color: #71e9f4; }
/********************************************* /*********************************************
* PROGRESS BAR * PROGRESS BAR

View file

@ -1,9 +1,9 @@
@import url(../../lib/font/league-gothic/league-gothic.css);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/** /**
* Solarized Dark theme for reveal.js. * Solarized Dark theme for reveal.js.
* Author: Achim Staebler * Author: Achim Staebler
*/ */
@import url(../../lib/font/league-gothic/league-gothic.css);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/** /**
* Solarized colors by Ethan Schoonover * Solarized colors by Ethan Schoonover
*/ */
@ -19,7 +19,7 @@ body {
background-color: #002b36; } background-color: #002b36; }
.reveal { .reveal {
font-family: 'Lato', sans-serif; font-family: "Lato", sans-serif;
font-size: 36px; font-size: 36px;
font-weight: normal; font-weight: normal;
color: #93a1a1; } color: #93a1a1; }
@ -29,17 +29,23 @@ body {
background: #d33682; background: #d33682;
text-shadow: none; } text-shadow: none; }
.reveal .slides > section, .reveal .slides > section > section { .reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3; line-height: 1.3;
font-weight: inherit; } font-weight: inherit; }
/********************************************* /*********************************************
* HEADERS * HEADERS
*********************************************/ *********************************************/
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { .reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
margin: 0 0 20px 0; margin: 0 0 20px 0;
color: #eee8d5; color: #eee8d5;
font-family: 'League Gothic', Impact, sans-serif; font-family: "League Gothic", Impact, sans-serif;
font-weight: normal; font-weight: normal;
line-height: 1.2; line-height: 1.2;
letter-spacing: normal; letter-spacing: normal;
@ -70,17 +76,22 @@ body {
line-height: 1.3; } line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */ /* Ensure certain elements are never larger than the slide itself */
.reveal img, .reveal video, .reveal iframe { .reveal img,
.reveal video,
.reveal iframe {
max-width: 95%; max-width: 95%;
max-height: 95%; } max-height: 95%; }
.reveal strong, .reveal b { .reveal strong,
.reveal b {
font-weight: bold; } font-weight: bold; }
.reveal em { .reveal em {
font-style: italic; } font-style: italic; }
.reveal ol, .reveal dl, .reveal ul { .reveal ol,
.reveal dl,
.reveal ul {
display: inline-block; display: inline-block;
text-align: left; text-align: left;
margin: 0 0 0 1em; } margin: 0 0 0 1em; }
@ -97,7 +108,10 @@ body {
.reveal ul ul ul { .reveal ul ul ul {
list-style-type: circle; } list-style-type: circle; }
.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { .reveal ul ul,
.reveal ul ol,
.reveal ol ol,
.reveal ol ul {
display: block; display: block;
margin-left: 40px; } margin-left: 40px; }
@ -107,7 +121,8 @@ body {
.reveal dd { .reveal dd {
margin-left: 40px; } margin-left: 40px; }
.reveal q, .reveal blockquote { .reveal q,
.reveal blockquote {
quotes: none; } quotes: none; }
.reveal blockquote { .reveal blockquote {
@ -120,7 +135,8 @@ body {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); } box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
.reveal blockquote p:first-child, .reveal blockquote p:last-child { .reveal blockquote p:first-child,
.reveal blockquote p:last-child {
display: inline-block; } display: inline-block; }
.reveal q { .reveal q {
@ -156,15 +172,18 @@ body {
.reveal table th { .reveal table th {
font-weight: bold; } font-weight: bold; }
.reveal table th, .reveal table td { .reveal table th,
.reveal table td {
text-align: left; text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em; padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; } border-bottom: 1px solid; }
.reveal table th[align="center"], .reveal table td[align="center"] { .reveal table th[align="center"],
.reveal table td[align="center"] {
text-align: center; } text-align: center; }
.reveal table th[align="right"], .reveal table td[align="right"] { .reveal table th[align="right"],
.reveal table td[align="right"] {
text-align: right; } text-align: right; }
.reveal table tr:last-child td { .reveal table tr:last-child td {
@ -196,13 +215,13 @@ body {
transition: color 0.15s ease; } transition: color 0.15s ease; }
.reveal a:hover { .reveal a:hover {
color: #78bae6; color: #78b9e6;
text-shadow: none; text-shadow: none;
border: none; } border: none; }
.reveal .roll span:after { .reveal .roll span:after {
color: #fff; color: #fff;
background: #1a6291; } background: #1a6091; }
/********************************************* /*********************************************
* IMAGES * IMAGES
@ -230,29 +249,33 @@ body {
/********************************************* /*********************************************
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled { .reveal .controls .navigate-left,
.reveal .controls .navigate-left.enabled {
border-right-color: #268bd2; } border-right-color: #268bd2; }
.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled { .reveal .controls .navigate-right,
.reveal .controls .navigate-right.enabled {
border-left-color: #268bd2; } border-left-color: #268bd2; }
.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled { .reveal .controls .navigate-up,
.reveal .controls .navigate-up.enabled {
border-bottom-color: #268bd2; } border-bottom-color: #268bd2; }
.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled { .reveal .controls .navigate-down,
.reveal .controls .navigate-down.enabled {
border-top-color: #268bd2; } border-top-color: #268bd2; }
.reveal .controls .navigate-left.enabled:hover { .reveal .controls .navigate-left.enabled:hover {
border-right-color: #78bae6; } border-right-color: #78b9e6; }
.reveal .controls .navigate-right.enabled:hover { .reveal .controls .navigate-right.enabled:hover {
border-left-color: #78bae6; } border-left-color: #78b9e6; }
.reveal .controls .navigate-up.enabled:hover { .reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #78bae6; } border-bottom-color: #78b9e6; }
.reveal .controls .navigate-down.enabled:hover { .reveal .controls .navigate-down.enabled:hover {
border-top-color: #78bae6; } border-top-color: #78b9e6; }
/********************************************* /*********************************************
* PROGRESS BAR * PROGRESS BAR

View file

@ -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. * Black theme for reveal.js.
* *
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se * 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 * GLOBAL STYLES
*********************************************/ *********************************************/
@ -13,7 +13,7 @@ body {
background-color: #111; } background-color: #111; }
.reveal { .reveal {
font-family: 'Open Sans', sans-serif; font-family: "Open Sans", sans-serif;
font-size: 30px; font-size: 30px;
font-weight: normal; font-weight: normal;
color: #eee; } color: #eee; }
@ -23,17 +23,23 @@ body {
background: #e7ad52; background: #e7ad52;
text-shadow: none; } text-shadow: none; }
.reveal .slides > section, .reveal .slides > section > section { .reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3; line-height: 1.3;
font-weight: inherit; } font-weight: inherit; }
/********************************************* /*********************************************
* HEADERS * HEADERS
*********************************************/ *********************************************/
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { .reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
margin: 0 0 20px 0; margin: 0 0 20px 0;
color: #eee; color: #eee;
font-family: 'Montserrat', Impact, sans-serif; font-family: "Montserrat", Impact, sans-serif;
font-weight: normal; font-weight: normal;
line-height: 1.2; line-height: 1.2;
letter-spacing: -0.03em; letter-spacing: -0.03em;
@ -64,17 +70,22 @@ body {
line-height: 1.3; } line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */ /* Ensure certain elements are never larger than the slide itself */
.reveal img, .reveal video, .reveal iframe { .reveal img,
.reveal video,
.reveal iframe {
max-width: 95%; max-width: 95%;
max-height: 95%; } max-height: 95%; }
.reveal strong, .reveal b { .reveal strong,
.reveal b {
font-weight: bold; } font-weight: bold; }
.reveal em { .reveal em {
font-style: italic; } font-style: italic; }
.reveal ol, .reveal dl, .reveal ul { .reveal ol,
.reveal dl,
.reveal ul {
display: inline-block; display: inline-block;
text-align: left; text-align: left;
margin: 0 0 0 1em; } margin: 0 0 0 1em; }
@ -91,7 +102,10 @@ body {
.reveal ul ul ul { .reveal ul ul ul {
list-style-type: circle; } list-style-type: circle; }
.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { .reveal ul ul,
.reveal ul ol,
.reveal ol ol,
.reveal ol ul {
display: block; display: block;
margin-left: 40px; } margin-left: 40px; }
@ -101,7 +115,8 @@ body {
.reveal dd { .reveal dd {
margin-left: 40px; } margin-left: 40px; }
.reveal q, .reveal blockquote { .reveal q,
.reveal blockquote {
quotes: none; } quotes: none; }
.reveal blockquote { .reveal blockquote {
@ -114,7 +129,8 @@ body {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); } box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
.reveal blockquote p:first-child, .reveal blockquote p:last-child { .reveal blockquote p:first-child,
.reveal blockquote p:last-child {
display: inline-block; } display: inline-block; }
.reveal q { .reveal q {
@ -150,15 +166,18 @@ body {
.reveal table th { .reveal table th {
font-weight: bold; } font-weight: bold; }
.reveal table th, .reveal table td { .reveal table th,
.reveal table td {
text-align: left; text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em; padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; } border-bottom: 1px solid; }
.reveal table th[align="center"], .reveal table td[align="center"] { .reveal table th[align="center"],
.reveal table td[align="center"] {
text-align: center; } text-align: center; }
.reveal table th[align="right"], .reveal table td[align="right"] { .reveal table th[align="right"],
.reveal table td[align="right"] {
text-align: right; } text-align: right; }
.reveal table tr:last-child td { .reveal table tr:last-child td {
@ -196,7 +215,7 @@ body {
.reveal .roll span:after { .reveal .roll span:after {
color: #fff; color: #fff;
background: #d0881d; } background: #d08a1d; }
/********************************************* /*********************************************
* IMAGES * IMAGES
@ -224,16 +243,20 @@ body {
/********************************************* /*********************************************
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled { .reveal .controls .navigate-left,
.reveal .controls .navigate-left.enabled {
border-right-color: #e7ad52; } border-right-color: #e7ad52; }
.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled { .reveal .controls .navigate-right,
.reveal .controls .navigate-right.enabled {
border-left-color: #e7ad52; } border-left-color: #e7ad52; }
.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled { .reveal .controls .navigate-up,
.reveal .controls .navigate-up.enabled {
border-bottom-color: #e7ad52; } border-bottom-color: #e7ad52; }
.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled { .reveal .controls .navigate-down,
.reveal .controls .navigate-down.enabled {
border-top-color: #e7ad52; } border-top-color: #e7ad52; }
.reveal .controls .navigate-left.enabled:hover { .reveal .controls .navigate-left.enabled:hover {

View file

@ -15,7 +15,7 @@ body {
background-color: #F0F1EB; } background-color: #F0F1EB; }
.reveal { .reveal {
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif; font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
font-size: 36px; font-size: 36px;
font-weight: normal; font-weight: normal;
color: #000; } color: #000; }
@ -25,17 +25,23 @@ body {
background: #26351C; background: #26351C;
text-shadow: none; } text-shadow: none; }
.reveal .slides > section, .reveal .slides > section > section { .reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3; line-height: 1.3;
font-weight: inherit; } font-weight: inherit; }
/********************************************* /*********************************************
* HEADERS * HEADERS
*********************************************/ *********************************************/
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { .reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
margin: 0 0 20px 0; margin: 0 0 20px 0;
color: #383D3D; color: #383D3D;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif; font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
font-weight: normal; font-weight: normal;
line-height: 1.2; line-height: 1.2;
letter-spacing: normal; letter-spacing: normal;
@ -66,17 +72,22 @@ body {
line-height: 1.3; } line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */ /* Ensure certain elements are never larger than the slide itself */
.reveal img, .reveal video, .reveal iframe { .reveal img,
.reveal video,
.reveal iframe {
max-width: 95%; max-width: 95%;
max-height: 95%; } max-height: 95%; }
.reveal strong, .reveal b { .reveal strong,
.reveal b {
font-weight: bold; } font-weight: bold; }
.reveal em { .reveal em {
font-style: italic; } font-style: italic; }
.reveal ol, .reveal dl, .reveal ul { .reveal ol,
.reveal dl,
.reveal ul {
display: inline-block; display: inline-block;
text-align: left; text-align: left;
margin: 0 0 0 1em; } margin: 0 0 0 1em; }
@ -93,7 +104,10 @@ body {
.reveal ul ul ul { .reveal ul ul ul {
list-style-type: circle; } list-style-type: circle; }
.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { .reveal ul ul,
.reveal ul ol,
.reveal ol ol,
.reveal ol ul {
display: block; display: block;
margin-left: 40px; } margin-left: 40px; }
@ -103,7 +117,8 @@ body {
.reveal dd { .reveal dd {
margin-left: 40px; } margin-left: 40px; }
.reveal q, .reveal blockquote { .reveal q,
.reveal blockquote {
quotes: none; } quotes: none; }
.reveal blockquote { .reveal blockquote {
@ -116,7 +131,8 @@ body {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); } box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
.reveal blockquote p:first-child, .reveal blockquote p:last-child { .reveal blockquote p:first-child,
.reveal blockquote p:last-child {
display: inline-block; } display: inline-block; }
.reveal q { .reveal q {
@ -152,15 +168,18 @@ body {
.reveal table th { .reveal table th {
font-weight: bold; } font-weight: bold; }
.reveal table th, .reveal table td { .reveal table th,
.reveal table td {
text-align: left; text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em; padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; } border-bottom: 1px solid; }
.reveal table th[align="center"], .reveal table td[align="center"] { .reveal table th[align="center"],
.reveal table td[align="center"] {
text-align: center; } text-align: center; }
.reveal table th[align="right"], .reveal table td[align="right"] { .reveal table th[align="right"],
.reveal table td[align="right"] {
text-align: right; } text-align: right; }
.reveal table tr:last-child td { .reveal table tr:last-child td {
@ -192,7 +211,7 @@ body {
transition: color 0.15s ease; } transition: color 0.15s ease; }
.reveal a:hover { .reveal a:hover {
color: #8b7b69; color: #8b7c69;
text-shadow: none; text-shadow: none;
border: none; } border: none; }
@ -226,29 +245,33 @@ body {
/********************************************* /*********************************************
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled { .reveal .controls .navigate-left,
.reveal .controls .navigate-left.enabled {
border-right-color: #51483D; } border-right-color: #51483D; }
.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled { .reveal .controls .navigate-right,
.reveal .controls .navigate-right.enabled {
border-left-color: #51483D; } border-left-color: #51483D; }
.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled { .reveal .controls .navigate-up,
.reveal .controls .navigate-up.enabled {
border-bottom-color: #51483D; } border-bottom-color: #51483D; }
.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled { .reveal .controls .navigate-down,
.reveal .controls .navigate-down.enabled {
border-top-color: #51483D; } border-top-color: #51483D; }
.reveal .controls .navigate-left.enabled:hover { .reveal .controls .navigate-left.enabled:hover {
border-right-color: #8b7b69; } border-right-color: #8b7c69; }
.reveal .controls .navigate-right.enabled:hover { .reveal .controls .navigate-right.enabled:hover {
border-left-color: #8b7b69; } border-left-color: #8b7c69; }
.reveal .controls .navigate-up.enabled:hover { .reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #8b7b69; } border-bottom-color: #8b7c69; }
.reveal .controls .navigate-down.enabled:hover { .reveal .controls .navigate-down.enabled:hover {
border-top-color: #8b7b69; } border-top-color: #8b7c69; }
/********************************************* /*********************************************
* PROGRESS BAR * PROGRESS BAR

View file

@ -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 * A simple theme for reveal.js presentations, similar
* to the default theme. The accent color is darkblue. * 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. * 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 * 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 * GLOBAL STYLES
*********************************************/ *********************************************/
@ -15,7 +15,7 @@ body {
background-color: #fff; } background-color: #fff; }
.reveal { .reveal {
font-family: 'Lato', sans-serif; font-family: "Lato", sans-serif;
font-size: 36px; font-size: 36px;
font-weight: normal; font-weight: normal;
color: #000; } color: #000; }
@ -25,17 +25,23 @@ body {
background: rgba(0, 0, 0, 0.99); background: rgba(0, 0, 0, 0.99);
text-shadow: none; } text-shadow: none; }
.reveal .slides > section, .reveal .slides > section > section { .reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3; line-height: 1.3;
font-weight: inherit; } font-weight: inherit; }
/********************************************* /*********************************************
* HEADERS * HEADERS
*********************************************/ *********************************************/
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { .reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
margin: 0 0 20px 0; margin: 0 0 20px 0;
color: #000; color: #000;
font-family: 'News Cycle', Impact, sans-serif; font-family: "News Cycle", Impact, sans-serif;
font-weight: normal; font-weight: normal;
line-height: 1.2; line-height: 1.2;
letter-spacing: normal; letter-spacing: normal;
@ -66,17 +72,22 @@ body {
line-height: 1.3; } line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */ /* Ensure certain elements are never larger than the slide itself */
.reveal img, .reveal video, .reveal iframe { .reveal img,
.reveal video,
.reveal iframe {
max-width: 95%; max-width: 95%;
max-height: 95%; } max-height: 95%; }
.reveal strong, .reveal b { .reveal strong,
.reveal b {
font-weight: bold; } font-weight: bold; }
.reveal em { .reveal em {
font-style: italic; } font-style: italic; }
.reveal ol, .reveal dl, .reveal ul { .reveal ol,
.reveal dl,
.reveal ul {
display: inline-block; display: inline-block;
text-align: left; text-align: left;
margin: 0 0 0 1em; } margin: 0 0 0 1em; }
@ -93,7 +104,10 @@ body {
.reveal ul ul ul { .reveal ul ul ul {
list-style-type: circle; } list-style-type: circle; }
.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { .reveal ul ul,
.reveal ul ol,
.reveal ol ol,
.reveal ol ul {
display: block; display: block;
margin-left: 40px; } margin-left: 40px; }
@ -103,7 +117,8 @@ body {
.reveal dd { .reveal dd {
margin-left: 40px; } margin-left: 40px; }
.reveal q, .reveal blockquote { .reveal q,
.reveal blockquote {
quotes: none; } quotes: none; }
.reveal blockquote { .reveal blockquote {
@ -116,7 +131,8 @@ body {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); } box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
.reveal blockquote p:first-child, .reveal blockquote p:last-child { .reveal blockquote p:first-child,
.reveal blockquote p:last-child {
display: inline-block; } display: inline-block; }
.reveal q { .reveal q {
@ -152,15 +168,18 @@ body {
.reveal table th { .reveal table th {
font-weight: bold; } font-weight: bold; }
.reveal table th, .reveal table td { .reveal table th,
.reveal table td {
text-align: left; text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em; padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; } border-bottom: 1px solid; }
.reveal table th[align="center"], .reveal table td[align="center"] { .reveal table th[align="center"],
.reveal table td[align="center"] {
text-align: center; } text-align: center; }
.reveal table th[align="right"], .reveal table td[align="right"] { .reveal table th[align="right"],
.reveal table td[align="right"] {
text-align: right; } text-align: right; }
.reveal table tr:last-child td { .reveal table tr:last-child td {
@ -226,16 +245,20 @@ body {
/********************************************* /*********************************************
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled { .reveal .controls .navigate-left,
.reveal .controls .navigate-left.enabled {
border-right-color: #00008B; } border-right-color: #00008B; }
.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled { .reveal .controls .navigate-right,
.reveal .controls .navigate-right.enabled {
border-left-color: #00008B; } border-left-color: #00008B; }
.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled { .reveal .controls .navigate-up,
.reveal .controls .navigate-up.enabled {
border-bottom-color: #00008B; } border-bottom-color: #00008B; }
.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled { .reveal .controls .navigate-down,
.reveal .controls .navigate-down.enabled {
border-top-color: #00008B; } border-top-color: #00008B; }
.reveal .controls .navigate-left.enabled:hover { .reveal .controls .navigate-left.enabled:hover {

View file

@ -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. * Sky theme for reveal.js.
* *
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se * 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 { .reveal a {
line-height: 1.3em; } line-height: 1.3em; }
@ -22,7 +22,7 @@ body {
background-color: #f7fbfc; } background-color: #f7fbfc; }
.reveal { .reveal {
font-family: 'Open Sans', sans-serif; font-family: "Open Sans", sans-serif;
font-size: 36px; font-size: 36px;
font-weight: normal; font-weight: normal;
color: #333; } color: #333; }
@ -32,17 +32,23 @@ body {
background: #134674; background: #134674;
text-shadow: none; } text-shadow: none; }
.reveal .slides > section, .reveal .slides > section > section { .reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3; line-height: 1.3;
font-weight: inherit; } font-weight: inherit; }
/********************************************* /*********************************************
* HEADERS * HEADERS
*********************************************/ *********************************************/
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { .reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
margin: 0 0 20px 0; margin: 0 0 20px 0;
color: #333; color: #333;
font-family: 'Quicksand', sans-serif; font-family: "Quicksand", sans-serif;
font-weight: normal; font-weight: normal;
line-height: 1.2; line-height: 1.2;
letter-spacing: -0.08em; letter-spacing: -0.08em;
@ -73,17 +79,22 @@ body {
line-height: 1.3; } line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */ /* Ensure certain elements are never larger than the slide itself */
.reveal img, .reveal video, .reveal iframe { .reveal img,
.reveal video,
.reveal iframe {
max-width: 95%; max-width: 95%;
max-height: 95%; } max-height: 95%; }
.reveal strong, .reveal b { .reveal strong,
.reveal b {
font-weight: bold; } font-weight: bold; }
.reveal em { .reveal em {
font-style: italic; } font-style: italic; }
.reveal ol, .reveal dl, .reveal ul { .reveal ol,
.reveal dl,
.reveal ul {
display: inline-block; display: inline-block;
text-align: left; text-align: left;
margin: 0 0 0 1em; } margin: 0 0 0 1em; }
@ -100,7 +111,10 @@ body {
.reveal ul ul ul { .reveal ul ul ul {
list-style-type: circle; } list-style-type: circle; }
.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { .reveal ul ul,
.reveal ul ol,
.reveal ol ol,
.reveal ol ul {
display: block; display: block;
margin-left: 40px; } margin-left: 40px; }
@ -110,7 +124,8 @@ body {
.reveal dd { .reveal dd {
margin-left: 40px; } margin-left: 40px; }
.reveal q, .reveal blockquote { .reveal q,
.reveal blockquote {
quotes: none; } quotes: none; }
.reveal blockquote { .reveal blockquote {
@ -123,7 +138,8 @@ body {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); } box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
.reveal blockquote p:first-child, .reveal blockquote p:last-child { .reveal blockquote p:first-child,
.reveal blockquote p:last-child {
display: inline-block; } display: inline-block; }
.reveal q { .reveal q {
@ -159,15 +175,18 @@ body {
.reveal table th { .reveal table th {
font-weight: bold; } font-weight: bold; }
.reveal table th, .reveal table td { .reveal table th,
.reveal table td {
text-align: left; text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em; padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; } border-bottom: 1px solid; }
.reveal table th[align="center"], .reveal table td[align="center"] { .reveal table th[align="center"],
.reveal table td[align="center"] {
text-align: center; } text-align: center; }
.reveal table th[align="right"], .reveal table td[align="right"] { .reveal table th[align="right"],
.reveal table td[align="right"] {
text-align: right; } text-align: right; }
.reveal table tr:last-child td { .reveal table tr:last-child td {
@ -199,13 +218,13 @@ body {
transition: color 0.15s ease; } transition: color 0.15s ease; }
.reveal a:hover { .reveal a:hover {
color: #74a8cb; color: #74a7cb;
text-shadow: none; text-shadow: none;
border: none; } border: none; }
.reveal .roll span:after { .reveal .roll span:after {
color: #fff; color: #fff;
background: #264d66; } background: #264c66; }
/********************************************* /*********************************************
* IMAGES * IMAGES
@ -233,29 +252,33 @@ body {
/********************************************* /*********************************************
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled { .reveal .controls .navigate-left,
.reveal .controls .navigate-left.enabled {
border-right-color: #3b759e; } border-right-color: #3b759e; }
.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled { .reveal .controls .navigate-right,
.reveal .controls .navigate-right.enabled {
border-left-color: #3b759e; } border-left-color: #3b759e; }
.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled { .reveal .controls .navigate-up,
.reveal .controls .navigate-up.enabled {
border-bottom-color: #3b759e; } border-bottom-color: #3b759e; }
.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled { .reveal .controls .navigate-down,
.reveal .controls .navigate-down.enabled {
border-top-color: #3b759e; } border-top-color: #3b759e; }
.reveal .controls .navigate-left.enabled:hover { .reveal .controls .navigate-left.enabled:hover {
border-right-color: #74a8cb; } border-right-color: #74a7cb; }
.reveal .controls .navigate-right.enabled:hover { .reveal .controls .navigate-right.enabled:hover {
border-left-color: #74a8cb; } border-left-color: #74a7cb; }
.reveal .controls .navigate-up.enabled:hover { .reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #74a8cb; } border-bottom-color: #74a7cb; }
.reveal .controls .navigate-down.enabled:hover { .reveal .controls .navigate-down.enabled:hover {
border-top-color: #74a8cb; } border-top-color: #74a7cb; }
/********************************************* /*********************************************
* PROGRESS BAR * PROGRESS BAR

View file

@ -1,9 +1,9 @@
@import url(../../lib/font/league-gothic/league-gothic.css);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/** /**
* Solarized Light theme for reveal.js. * Solarized Light theme for reveal.js.
* Author: Achim Staebler * Author: Achim Staebler
*/ */
@import url(../../lib/font/league-gothic/league-gothic.css);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/** /**
* Solarized colors by Ethan Schoonover * Solarized colors by Ethan Schoonover
*/ */
@ -19,7 +19,7 @@ body {
background-color: #fdf6e3; } background-color: #fdf6e3; }
.reveal { .reveal {
font-family: 'Lato', sans-serif; font-family: "Lato", sans-serif;
font-size: 36px; font-size: 36px;
font-weight: normal; font-weight: normal;
color: #657b83; } color: #657b83; }
@ -29,17 +29,23 @@ body {
background: #d33682; background: #d33682;
text-shadow: none; } text-shadow: none; }
.reveal .slides > section, .reveal .slides > section > section { .reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3; line-height: 1.3;
font-weight: inherit; } font-weight: inherit; }
/********************************************* /*********************************************
* HEADERS * HEADERS
*********************************************/ *********************************************/
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { .reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
margin: 0 0 20px 0; margin: 0 0 20px 0;
color: #586e75; color: #586e75;
font-family: 'League Gothic', Impact, sans-serif; font-family: "League Gothic", Impact, sans-serif;
font-weight: normal; font-weight: normal;
line-height: 1.2; line-height: 1.2;
letter-spacing: normal; letter-spacing: normal;
@ -70,17 +76,22 @@ body {
line-height: 1.3; } line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */ /* Ensure certain elements are never larger than the slide itself */
.reveal img, .reveal video, .reveal iframe { .reveal img,
.reveal video,
.reveal iframe {
max-width: 95%; max-width: 95%;
max-height: 95%; } max-height: 95%; }
.reveal strong, .reveal b { .reveal strong,
.reveal b {
font-weight: bold; } font-weight: bold; }
.reveal em { .reveal em {
font-style: italic; } font-style: italic; }
.reveal ol, .reveal dl, .reveal ul { .reveal ol,
.reveal dl,
.reveal ul {
display: inline-block; display: inline-block;
text-align: left; text-align: left;
margin: 0 0 0 1em; } margin: 0 0 0 1em; }
@ -97,7 +108,10 @@ body {
.reveal ul ul ul { .reveal ul ul ul {
list-style-type: circle; } list-style-type: circle; }
.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { .reveal ul ul,
.reveal ul ol,
.reveal ol ol,
.reveal ol ul {
display: block; display: block;
margin-left: 40px; } margin-left: 40px; }
@ -107,7 +121,8 @@ body {
.reveal dd { .reveal dd {
margin-left: 40px; } margin-left: 40px; }
.reveal q, .reveal blockquote { .reveal q,
.reveal blockquote {
quotes: none; } quotes: none; }
.reveal blockquote { .reveal blockquote {
@ -120,7 +135,8 @@ body {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); } box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
.reveal blockquote p:first-child, .reveal blockquote p:last-child { .reveal blockquote p:first-child,
.reveal blockquote p:last-child {
display: inline-block; } display: inline-block; }
.reveal q { .reveal q {
@ -156,15 +172,18 @@ body {
.reveal table th { .reveal table th {
font-weight: bold; } font-weight: bold; }
.reveal table th, .reveal table td { .reveal table th,
.reveal table td {
text-align: left; text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em; padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; } border-bottom: 1px solid; }
.reveal table th[align="center"], .reveal table td[align="center"] { .reveal table th[align="center"],
.reveal table td[align="center"] {
text-align: center; } text-align: center; }
.reveal table th[align="right"], .reveal table td[align="right"] { .reveal table th[align="right"],
.reveal table td[align="right"] {
text-align: right; } text-align: right; }
.reveal table tr:last-child td { .reveal table tr:last-child td {
@ -196,13 +215,13 @@ body {
transition: color 0.15s ease; } transition: color 0.15s ease; }
.reveal a:hover { .reveal a:hover {
color: #78bae6; color: #78b9e6;
text-shadow: none; text-shadow: none;
border: none; } border: none; }
.reveal .roll span:after { .reveal .roll span:after {
color: #fff; color: #fff;
background: #1a6291; } background: #1a6091; }
/********************************************* /*********************************************
* IMAGES * IMAGES
@ -230,29 +249,33 @@ body {
/********************************************* /*********************************************
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled { .reveal .controls .navigate-left,
.reveal .controls .navigate-left.enabled {
border-right-color: #268bd2; } border-right-color: #268bd2; }
.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled { .reveal .controls .navigate-right,
.reveal .controls .navigate-right.enabled {
border-left-color: #268bd2; } border-left-color: #268bd2; }
.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled { .reveal .controls .navigate-up,
.reveal .controls .navigate-up.enabled {
border-bottom-color: #268bd2; } border-bottom-color: #268bd2; }
.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled { .reveal .controls .navigate-down,
.reveal .controls .navigate-down.enabled {
border-top-color: #268bd2; } border-top-color: #268bd2; }
.reveal .controls .navigate-left.enabled:hover { .reveal .controls .navigate-left.enabled:hover {
border-right-color: #78bae6; } border-right-color: #78b9e6; }
.reveal .controls .navigate-right.enabled:hover { .reveal .controls .navigate-right.enabled:hover {
border-left-color: #78bae6; } border-left-color: #78b9e6; }
.reveal .controls .navigate-up.enabled:hover { .reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #78bae6; } border-bottom-color: #78b9e6; }
.reveal .controls .navigate-down.enabled:hover { .reveal .controls .navigate-down.enabled:hover {
border-top-color: #78bae6; } border-top-color: #78b9e6; }
/********************************************* /*********************************************
* PROGRESS BAR * PROGRESS BAR

View file

@ -1,9 +1,9 @@
@import url(../../lib/font/source-sans-pro/source-sans-pro.css);
/** /**
* White theme for reveal.js. This is the opposite of the 'black' theme. * White theme for reveal.js. This is the opposite of the 'black' theme.
* *
* Copyright (C) 2015 Hakim El Hattab, http://hakim.se * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
*/ */
@import url(../../lib/font/source-sans-pro/source-sans-pro.css);
section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 { section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
color: #fff; } color: #fff; }
@ -15,7 +15,7 @@ body {
background-color: #fff; } background-color: #fff; }
.reveal { .reveal {
font-family: 'Source Sans Pro', Helvetica, sans-serif; font-family: "Source Sans Pro", Helvetica, sans-serif;
font-size: 38px; font-size: 38px;
font-weight: normal; font-weight: normal;
color: #222; } color: #222; }
@ -25,17 +25,23 @@ body {
background: #98bdef; background: #98bdef;
text-shadow: none; } text-shadow: none; }
.reveal .slides > section, .reveal .slides > section > section { .reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3; line-height: 1.3;
font-weight: inherit; } font-weight: inherit; }
/********************************************* /*********************************************
* HEADERS * HEADERS
*********************************************/ *********************************************/
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { .reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
margin: 0 0 20px 0; margin: 0 0 20px 0;
color: #222; color: #222;
font-family: 'Source Sans Pro', Helvetica, sans-serif; font-family: "Source Sans Pro", Helvetica, sans-serif;
font-weight: 600; font-weight: 600;
line-height: 1.2; line-height: 1.2;
letter-spacing: normal; letter-spacing: normal;
@ -66,17 +72,22 @@ body {
line-height: 1.3; } line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */ /* Ensure certain elements are never larger than the slide itself */
.reveal img, .reveal video, .reveal iframe { .reveal img,
.reveal video,
.reveal iframe {
max-width: 95%; max-width: 95%;
max-height: 95%; } max-height: 95%; }
.reveal strong, .reveal b { .reveal strong,
.reveal b {
font-weight: bold; } font-weight: bold; }
.reveal em { .reveal em {
font-style: italic; } font-style: italic; }
.reveal ol, .reveal dl, .reveal ul { .reveal ol,
.reveal dl,
.reveal ul {
display: inline-block; display: inline-block;
text-align: left; text-align: left;
margin: 0 0 0 1em; } margin: 0 0 0 1em; }
@ -93,7 +104,10 @@ body {
.reveal ul ul ul { .reveal ul ul ul {
list-style-type: circle; } list-style-type: circle; }
.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { .reveal ul ul,
.reveal ul ol,
.reveal ol ol,
.reveal ol ul {
display: block; display: block;
margin-left: 40px; } margin-left: 40px; }
@ -103,7 +117,8 @@ body {
.reveal dd { .reveal dd {
margin-left: 40px; } margin-left: 40px; }
.reveal q, .reveal blockquote { .reveal q,
.reveal blockquote {
quotes: none; } quotes: none; }
.reveal blockquote { .reveal blockquote {
@ -116,7 +131,8 @@ body {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); } box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
.reveal blockquote p:first-child, .reveal blockquote p:last-child { .reveal blockquote p:first-child,
.reveal blockquote p:last-child {
display: inline-block; } display: inline-block; }
.reveal q { .reveal q {
@ -152,15 +168,18 @@ body {
.reveal table th { .reveal table th {
font-weight: bold; } font-weight: bold; }
.reveal table th, .reveal table td { .reveal table th,
.reveal table td {
text-align: left; text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em; padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; } border-bottom: 1px solid; }
.reveal table th[align="center"], .reveal table td[align="center"] { .reveal table th[align="center"],
.reveal table td[align="center"] {
text-align: center; } text-align: center; }
.reveal table th[align="right"], .reveal table td[align="right"] { .reveal table th[align="right"],
.reveal table td[align="right"] {
text-align: right; } text-align: right; }
.reveal table tr:last-child td { .reveal table tr:last-child td {
@ -192,13 +211,13 @@ body {
transition: color 0.15s ease; } transition: color 0.15s ease; }
.reveal a:hover { .reveal a:hover {
color: #6ca2e8; color: #6ca0e8;
text-shadow: none; text-shadow: none;
border: none; } border: none; }
.reveal .roll span:after { .reveal .roll span:after {
color: #fff; color: #fff;
background: #1a54a1; } background: #1a53a1; }
/********************************************* /*********************************************
* IMAGES * IMAGES
@ -226,29 +245,33 @@ body {
/********************************************* /*********************************************
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled { .reveal .controls .navigate-left,
.reveal .controls .navigate-left.enabled {
border-right-color: #2a76dd; } border-right-color: #2a76dd; }
.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled { .reveal .controls .navigate-right,
.reveal .controls .navigate-right.enabled {
border-left-color: #2a76dd; } border-left-color: #2a76dd; }
.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled { .reveal .controls .navigate-up,
.reveal .controls .navigate-up.enabled {
border-bottom-color: #2a76dd; } border-bottom-color: #2a76dd; }
.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled { .reveal .controls .navigate-down,
.reveal .controls .navigate-down.enabled {
border-top-color: #2a76dd; } border-top-color: #2a76dd; }
.reveal .controls .navigate-left.enabled:hover { .reveal .controls .navigate-left.enabled:hover {
border-right-color: #6ca2e8; } border-right-color: #6ca0e8; }
.reveal .controls .navigate-right.enabled:hover { .reveal .controls .navigate-right.enabled:hover {
border-left-color: #6ca2e8; } border-left-color: #6ca0e8; }
.reveal .controls .navigate-up.enabled:hover { .reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #6ca2e8; } border-bottom-color: #6ca0e8; }
.reveal .controls .navigate-down.enabled:hover { .reveal .controls .navigate-down.enabled:hover {
border-top-color: #6ca2e8; } border-top-color: #6ca0e8; }
/********************************************* /*********************************************
* PROGRESS BAR * PROGRESS BAR