diff --git a/css/reveal.css b/css/reveal.css
index cb54d53c309404074e4a5a6dc71570ffeb8b5b88..d2cb1be0363a2b1c42441806368c0367f782fe8f 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -8,7 +8,19 @@
/*********************************************
* 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;
padding: 0;
border: 0;
@@ -16,13 +28,15 @@ html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal i
font: inherit;
vertical-align: baseline; }
-.reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure, .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section {
+.reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure,
+.reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section {
display: block; }
/*********************************************
* GLOBAL STYLES
*********************************************/
-html, body {
+html,
+body {
width: 100%;
height: 100%;
overflow: hidden; }
@@ -39,8 +53,7 @@ body {
.reveal .slides section .fragment {
opacity: 0;
visibility: hidden;
- -webkit-transition: all 0.2s ease;
- transition: all 0.2s ease; }
+ transition: all 0.2s ease; }
.reveal .slides section .fragment.visible {
opacity: 1;
visibility: visible; }
@@ -49,26 +62,18 @@ body {
opacity: 1;
visibility: 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 {
opacity: 1;
visibility: 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 {
- -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 {
- -webkit-transform: none;
- -ms-transform: none;
- transform: none; }
+ transform: none; }
.reveal .slides section .fragment.fade-out {
opacity: 1;
@@ -97,7 +102,12 @@ body {
opacity: 1;
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;
visibility: visible; }
@@ -141,8 +151,7 @@ body {
.reveal pre.stretch code {
height: 100%;
max-height: 100%;
- -moz-box-sizing: border-box;
- box-sizing: border-box; }
+ box-sizing: border-box; }
/*********************************************
* CONTROLS
@@ -165,13 +174,10 @@ body {
height: 0;
background-color: transparent;
border: 12px solid transparent;
- -webkit-transform: scale(0.9999);
- -ms-transform: scale(0.9999);
- transform: scale(0.9999);
- -webkit-transition: all 0.2s ease;
- transition: all 0.2s ease;
+ transform: scale(0.9999);
+ transition: all 0.2s ease;
-webkit-appearance: none;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+ -webkit-tap-highlight-color: transparent; }
.reveal .controls .enabled {
opacity: 0.7;
@@ -240,8 +246,7 @@ body {
height: 100%;
width: 0px;
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); }
/*********************************************
* SLIDE NUMBER
@@ -263,8 +268,7 @@ body {
width: 100%;
height: 100%;
overflow: hidden;
- -ms-touch-action: none;
- touch-action: none; }
+ touch-action: none; }
.reveal .slides {
position: absolute;
@@ -278,64 +282,66 @@ body {
overflow: visible;
z-index: 1;
text-align: center;
- -webkit-perspective: 600px;
- perspective: 600px;
- -webkit-perspective-origin: 50% 40%;
- perspective-origin: 50% 40%; }
+ perspective: 600px;
+ perspective-origin: 50% 40%; }
.reveal .slides > section {
-ms-perspective: 600px; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
display: none;
position: absolute;
width: 100%;
padding: 20px 0px;
z-index: 10;
- -webkit-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); }
+ transform-style: preserve-3d;
+ 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 */
.reveal[data-transition-speed="fast"] .slides section {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms; }
+ transition-duration: 400ms; }
.reveal[data-transition-speed="slow"] .slides section {
- -webkit-transition-duration: 1200ms;
- transition-duration: 1200ms; }
+ transition-duration: 1200ms; }
/* Slide-specific transition speed overrides */
.reveal .slides section[data-transition-speed="fast"] {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms; }
+ transition-duration: 400ms; }
.reveal .slides section[data-transition-speed="slow"] {
- -webkit-transition-duration: 1200ms;
- transition-duration: 1200ms; }
+ transition-duration: 1200ms; }
.reveal .slides > section.stack {
padding-top: 0;
padding-bottom: 0; }
-.reveal .slides > section.present, .reveal .slides > section > section.present {
+.reveal .slides > section.present,
+.reveal .slides > section > section.present {
display: block;
z-index: 11;
opacity: 1; }
-.reveal.center, .reveal.center .slides, .reveal.center .slides section {
+.reveal.center,
+.reveal.center .slides,
+.reveal.center .slides section {
min-height: 0 !important; }
/* 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; }
-.reveal.overview .slides > section, .reveal.overview .slides > section > section {
+.reveal.overview .slides > section,
+.reveal.overview .slides > section > section {
pointer-events: auto; }
-.reveal .slides > section.past, .reveal .slides > section.future, .reveal .slides > section > section.past, .reveal .slides > section > section.future {
+.reveal .slides > section.past,
+.reveal .slides > section.future,
+.reveal .slides > section > section.past,
+.reveal .slides > section > section.future {
opacity: 0; }
/*********************************************
@@ -346,151 +352,158 @@ body {
* Aliased 'linear' for backwards compatibility
*********************************************/
.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 {
- -webkit-transform: translate(-150%, 0);
- -ms-transform: translate(-150%, 0);
- transform: translate(-150%, 0); }
+.reveal .slides > section[data-transition=slide].past,
+.reveal .slides > section[data-transition~=slide-out].past,
+.reveal.slide .slides > section:not([data-transition]).past {
+ 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 {
- -webkit-transform: translate(150%, 0);
- -ms-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 {
+ 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 {
- -webkit-transform: translate(0, -150%);
- -ms-transform: translate(0, -150%);
- transform: translate(0, -150%); }
+.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 {
+ 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 {
- -webkit-transform: translate(0, 150%);
- -ms-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 {
+ transform: translate(0, 150%); }
.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 {
- -webkit-transform: translate(-150%, 0);
- -ms-transform: translate(-150%, 0);
- transform: translate(-150%, 0); }
+.reveal .slides > section[data-transition=linear].past,
+.reveal .slides > section[data-transition~=linear-out].past,
+.reveal.linear .slides > section:not([data-transition]).past {
+ 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 {
- -webkit-transform: translate(150%, 0);
- -ms-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 {
+ 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 {
- -webkit-transform: translate(0, -150%);
- -ms-transform: translate(0, -150%);
- transform: translate(0, -150%); }
+.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 {
+ 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 {
- -webkit-transform: translate(0, 150%);
- -ms-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 {
+ transform: translate(0, 150%); }
/*********************************************
* CONVEX TRANSITION
* 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 {
- -webkit-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 {
- -webkit-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 {
- -webkit-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 {
- -webkit-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 {
- -webkit-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 {
- -webkit-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 {
- -webkit-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 {
- -webkit-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=default].past,
+.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); }
+
+.reveal .slides > section[data-transition=default].future,
+.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); }
+
+.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 {
+ 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 {
+ 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 {
+ 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 {
+ 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 {
+ 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 {
+ transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
/*********************************************
* 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 {
- -webkit-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 {
- -webkit-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 {
- -webkit-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 {
- -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
- transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }
+.reveal .slides > section[data-transition=concave].past,
+.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); }
+
+.reveal .slides > section[data-transition=concave].future,
+.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); }
+
+.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 {
+ 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 {
+ transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }
/*********************************************
* ZOOM TRANSITION
*********************************************/
-.reveal .slides section[data-transition=zoom], .reveal.zoom .slides section:not([data-transition]) {
- -webkit-transition-timing-function: ease;
- transition-timing-function: ease; }
+.reveal .slides section[data-transition=zoom],
+.reveal.zoom .slides section:not([data-transition]) {
+ 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;
- -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;
- -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 {
- -webkit-transform: translate(0, -150%);
- -ms-transform: translate(0, -150%);
- transform: translate(0, -150%); }
+.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 {
+ 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 {
- -webkit-transform: translate(0, 150%);
- -ms-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 {
+ transform: translate(0, 150%); }
/*********************************************
* CUBE TRANSITION
*********************************************/
.reveal.cube .slides {
- -webkit-perspective: 1300px;
- perspective: 1300px; }
+ perspective: 1300px; }
.reveal.cube .slides section {
padding: 30px;
min-height: 700px;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- -moz-box-sizing: border-box;
- box-sizing: border-box; }
+ backface-visibility: hidden;
+ box-sizing: border-box; }
.reveal.center.cube .slides section {
min-height: 0; }
@@ -505,8 +518,7 @@ body {
top: 0;
background: rgba(0, 0, 0, 0.1);
border-radius: 4px;
- -webkit-transform: translateZ(-20px);
- transform: translateZ(-20px); }
+ transform: translateZ(-20px); }
.reveal.cube .slides section:not(.stack):after {
content: '';
@@ -520,55 +532,39 @@ body {
z-index: 1;
border-radius: 4px;
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 {
padding: 0;
background: none; }
.reveal.cube .slides > section.past {
- -webkit-transform-origin: 100% 0%;
- -ms-transform-origin: 100% 0%;
- transform-origin: 100% 0%;
- -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
- transform: translate3d(-100%, 0, 0) rotateY(-90deg); }
+ transform-origin: 100% 0%;
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg); }
.reveal.cube .slides > section.future {
- -webkit-transform-origin: 0% 0%;
- -ms-transform-origin: 0% 0%;
- transform-origin: 0% 0%;
- -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
- transform: translate3d(100%, 0, 0) rotateY(90deg); }
+ transform-origin: 0% 0%;
+ transform: translate3d(100%, 0, 0) rotateY(90deg); }
.reveal.cube .slides > section > section.past {
- -webkit-transform-origin: 0% 100%;
- -ms-transform-origin: 0% 100%;
- transform-origin: 0% 100%;
- -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg);
- transform: translate3d(0, -100%, 0) rotateX(90deg); }
+ transform-origin: 0% 100%;
+ transform: translate3d(0, -100%, 0) rotateX(90deg); }
.reveal.cube .slides > section > section.future {
- -webkit-transform-origin: 0% 0%;
- -ms-transform-origin: 0% 0%;
- transform-origin: 0% 0%;
- -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg);
- transform: translate3d(0, 100%, 0) rotateX(-90deg); }
+ transform-origin: 0% 0%;
+ transform: translate3d(0, 100%, 0) rotateX(-90deg); }
/*********************************************
* PAGE TRANSITION
*********************************************/
.reveal.page .slides {
- -webkit-perspective-origin: 0% 50%;
- perspective-origin: 0% 50%;
- -webkit-perspective: 3000px;
- perspective: 3000px; }
+ perspective-origin: 0% 50%;
+ perspective: 3000px; }
.reveal.page .slides section {
padding: 30px;
min-height: 700px;
- -moz-box-sizing: border-box;
- box-sizing: border-box; }
+ box-sizing: border-box; }
.reveal.page .slides section.past {
z-index: 12; }
@@ -582,8 +578,7 @@ body {
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.1);
- -webkit-transform: translateZ(-20px);
- transform: translateZ(-20px); }
+ transform: translateZ(-20px); }
.reveal.page .slides section:not(.stack):after {
content: '';
@@ -604,56 +599,41 @@ body {
background: none; }
.reveal.page .slides > section.past {
- -webkit-transform-origin: 0% 0%;
- -ms-transform-origin: 0% 0%;
- transform-origin: 0% 0%;
- -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
- transform: translate3d(-40%, 0, 0) rotateY(-80deg); }
+ transform-origin: 0% 0%;
+ transform: translate3d(-40%, 0, 0) rotateY(-80deg); }
.reveal.page .slides > section.future {
- -webkit-transform-origin: 100% 0%;
- -ms-transform-origin: 100% 0%;
- transform-origin: 100% 0%;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0); }
+ transform-origin: 100% 0%;
+ transform: translate3d(0, 0, 0); }
.reveal.page .slides > section > section.past {
- -webkit-transform-origin: 0% 0%;
- -ms-transform-origin: 0% 0%;
- transform-origin: 0% 0%;
- -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg);
- transform: translate3d(0, -40%, 0) rotateX(80deg); }
+ transform-origin: 0% 0%;
+ transform: translate3d(0, -40%, 0) rotateX(80deg); }
.reveal.page .slides > section > section.future {
- -webkit-transform-origin: 0% 100%;
- -ms-transform-origin: 0% 100%;
- transform-origin: 0% 100%;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0); }
+ transform-origin: 0% 100%;
+ transform: translate3d(0, 0, 0); }
/*********************************************
* FADE TRANSITION
*********************************************/
-.reveal .slides section[data-transition=fade], .reveal.fade .slides section:not([data-transition]), .reveal.fade .slides > section > section:not([data-transition]) {
- -webkit-transform: none;
- -ms-transform: none;
- transform: none;
- -webkit-transition: opacity 0.5s;
- transition: opacity 0.5s; }
+.reveal .slides section[data-transition=fade],
+.reveal.fade .slides section:not([data-transition]),
+.reveal.fade .slides > section > section:not([data-transition]) {
+ transform: none;
+ transition: opacity 0.5s; }
-.reveal.fade.overview .slides section, .reveal.fade.overview .slides > section > section {
- -webkit-transition: none;
- transition: none; }
+.reveal.fade.overview .slides section,
+.reveal.fade.overview .slides > section > section {
+ transition: none; }
/*********************************************
* NO TRANSITION
*********************************************/
-.reveal .slides section[data-transition=none], .reveal.none .slides section:not([data-transition]) {
- -webkit-transform: none;
- -ms-transform: none;
- transform: none;
- -webkit-transition: none;
- transition: none; }
+.reveal .slides section[data-transition=none],
+.reveal.none .slides section:not([data-transition]) {
+ transform: none;
+ transition: none; }
/*********************************************
* PAUSED MODE
@@ -668,8 +648,7 @@ body {
visibility: hidden;
opacity: 0;
z-index: 100;
- -webkit-transition: all 1s ease;
- transition: all 1s ease; }
+ transition: all 1s ease; }
.reveal.paused .pause-overlay {
visibility: visible;
@@ -690,7 +669,8 @@ body {
margin: 0;
text-align: center; }
-.no-transforms .reveal .controls, .no-transforms .reveal .progress {
+.no-transforms .reveal .controls,
+.no-transforms .reveal .progress {
display: none !important; }
.no-transforms .reveal .slides section {
@@ -702,16 +682,14 @@ body {
top: 0;
left: -50%;
margin: 70px 0;
- -webkit-transform: none;
- -ms-transform: none;
- transform: none; }
+ transform: none; }
.no-transforms .reveal .slides section section {
left: 0; }
-.reveal .no-transition, .reveal .no-transition * {
- -webkit-transition: none !important;
- transition: none !important; }
+.reveal .no-transition,
+.reveal .no-transition * {
+ transition: none !important; }
/*********************************************
* PER-SLIDE BACKGROUNDS
@@ -722,8 +700,7 @@ body {
height: 100%;
top: 0;
left: 0;
- -webkit-perspective: 600px;
- perspective: 600px; }
+ perspective: 600px; }
.reveal .slide-background {
display: none;
@@ -732,12 +709,11 @@ body {
height: 100%;
opacity: 0;
visibility: hidden;
- background-color: rgba(0, 0, 0, 0);
+ background-color: transparent;
background-position: 50% 50%;
background-repeat: no-repeat;
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 {
display: block; }
@@ -761,144 +737,132 @@ body {
left: 0; }
/* Immediate transition style */
-.reveal[data-background-transition=none] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=none] {
- -webkit-transition: none;
- transition: none; }
+.reveal[data-background-transition=none] > .backgrounds .slide-background,
+.reveal > .backgrounds .slide-background[data-background-transition=none] {
+ transition: none; }
/* 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;
- -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] {
- -webkit-transform: translate(-100%, 0);
- -ms-transform: translate(-100%, 0);
- transform: translate(-100%, 0); }
+.reveal[data-background-transition=slide] > .backgrounds .slide-background.past,
+.reveal > .backgrounds .slide-background.past[data-background-transition=slide] {
+ transform: translate(-100%, 0); }
-.reveal[data-background-transition=slide] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=slide] {
- -webkit-transform: translate(100%, 0);
- -ms-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] {
+ transform: translate(100%, 0); }
-.reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide] {
- -webkit-transform: translate(0, -100%);
- -ms-transform: translate(0, -100%);
- transform: translate(0, -100%); }
+.reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past,
+.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide] {
+ transform: translate(0, -100%); }
-.reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=slide] {
- -webkit-transform: translate(0, 100%);
- -ms-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] {
+ transform: translate(0, 100%); }
/* 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;
- -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;
- -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;
- -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;
- -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 */
-.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;
- -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;
- -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;
- -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;
- -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 */
-.reveal[data-background-transition=zoom] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=zoom] {
- -webkit-transition-timing-function: ease;
- transition-timing-function: ease; }
+.reveal[data-background-transition=zoom] > .backgrounds .slide-background,
+.reveal > .backgrounds .slide-background[data-background-transition=zoom] {
+ 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;
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;
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;
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;
visibility: hidden;
- -webkit-transform: scale(0.2);
- -ms-transform: scale(0.2);
- transform: scale(0.2); }
+ transform: scale(0.2); }
/* Global transition speed settings */
.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 {
- -webkit-transition-duration: 1200ms;
- transition-duration: 1200ms; }
+ transition-duration: 1200ms; }
/*********************************************
* OVERVIEW
*********************************************/
.reveal.overview {
- -webkit-perspective-origin: 50% 50%;
- perspective-origin: 50% 50%;
- -webkit-perspective: 700px;
- perspective: 700px; }
+ perspective-origin: 50% 50%;
+ perspective: 700px; }
.reveal.overview .slides section {
height: 700px;
opacity: 1 !important;
overflow: hidden;
visibility: visible !important;
cursor: pointer;
- -moz-box-sizing: border-box;
- box-sizing: border-box; }
- .reveal.overview .slides section:hover, .reveal.overview .slides section.present {
+ box-sizing: border-box; }
+ .reveal.overview .slides section:hover,
+ .reveal.overview .slides section.present {
outline: 10px solid rgba(150, 150, 150, 0.4);
outline-offset: 10px; }
.reveal.overview .slides section .fragment {
opacity: 1;
- -webkit-transition: none;
- transition: none; }
- .reveal.overview .slides section:after, .reveal.overview .slides section:before {
+ transition: none; }
+ .reveal.overview .slides section:after,
+ .reveal.overview .slides section:before {
display: none !important; }
.reveal.overview .slides > section.stack {
padding: 0;
@@ -907,37 +871,43 @@ body {
outline: none;
overflow: visible; }
.reveal.overview .backgrounds {
- -webkit-perspective: inherit;
- perspective: inherit; }
+ perspective: inherit; }
.reveal.overview .backgrounds .slide-background {
opacity: 1;
visibility: visible;
outline: 10px solid rgba(150, 150, 150, 0.1);
outline-offset: 10px; }
-.reveal.overview .slides section, .reveal.overview-deactivating .slides section {
- -webkit-transition: none;
- transition: none; }
+.reveal.overview .slides section,
+.reveal.overview-deactivating .slides section {
+ transition: none; }
-.reveal.overview .backgrounds .slide-background, .reveal.overview-deactivating .backgrounds .slide-background {
- -webkit-transition: none;
- transition: none; }
+.reveal.overview .backgrounds .slide-background,
+.reveal.overview-deactivating .backgrounds .slide-background {
+ transition: none; }
.reveal.overview-animated .slides {
- -webkit-transition: -webkit-transform 0.4s ease;
- transition: transform 0.4s ease; }
+ transition: transform 0.4s ease; }
/*********************************************
* 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;
font-family: sans-serif; }
-.reveal.rtl pre, .reveal.rtl code {
+.reveal.rtl pre,
+.reveal.rtl code {
direction: ltr; }
-.reveal.rtl ol, .reveal.rtl ul {
+.reveal.rtl ol,
+.reveal.rtl ul {
text-align: right; }
.reveal.rtl .progress span {
@@ -947,17 +917,14 @@ body {
* PARALLAX BACKGROUND
*********************************************/
.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 */
.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 {
- -webkit-transition-duration: 1200ms;
- transition-duration: 1200ms; }
+ transition-duration: 1200ms; }
/*********************************************
* LINK PREVIEW OVERLAY
@@ -972,8 +939,7 @@ body {
background: rgba(0, 0, 0, 0.9);
opacity: 0;
visibility: hidden;
- -webkit-transition: all 0.3s ease;
- transition: all 0.3s ease; }
+ transition: all 0.3s ease; }
.reveal .overlay.visible {
opacity: 1;
@@ -991,8 +957,7 @@ 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);
visibility: visible;
opacity: 0.6;
- -webkit-transition: all 0.3s ease;
- transition: all 0.3s ease; }
+ transition: all 0.3s ease; }
.reveal .overlay header {
position: absolute;
@@ -1010,8 +975,7 @@ body {
padding: 0 10px;
float: right;
opacity: 0.6;
- -moz-box-sizing: border-box;
- box-sizing: border-box; }
+ box-sizing: border-box; }
.reveal .overlay header a:hover {
opacity: 1; }
@@ -1045,8 +1009,7 @@ body {
border: 0;
opacity: 0;
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 {
opacity: 1;
@@ -1055,9 +1018,7 @@ body {
.reveal .overlay.overlay-preview.loaded .spinner {
opacity: 0;
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 {
overflow: auto;
@@ -1078,7 +1039,8 @@ body {
border-collapse: collapse;
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;
padding: 10px;
border: 1px solid #fff;
@@ -1097,8 +1059,7 @@ body {
bottom: 20px;
z-index: 30;
cursor: pointer;
- -webkit-transition: all 400ms ease;
- transition: all 400ms ease; }
+ transition: all 400ms ease; }
.reveal.overview .playback {
opacity: 0;
@@ -1112,10 +1073,8 @@ body {
line-height: 1.2;
overflow: hidden;
vertical-align: top;
- -webkit-perspective: 400px;
- perspective: 400px;
- -webkit-perspective-origin: 50% 50%;
- perspective-origin: 50% 50%; }
+ perspective: 400px;
+ perspective-origin: 50% 50%; }
.reveal .roll:hover {
background: none;
@@ -1126,20 +1085,14 @@ body {
position: relative;
padding: 0 2px;
pointer-events: none;
- -webkit-transition: all 400ms ease;
- transition: all 400ms ease;
- -webkit-transform-origin: 50% 0%;
- -ms-transform-origin: 50% 0%;
- transform-origin: 50% 0%;
- -webkit-transform-style: preserve-3d;
- transform-style: preserve-3d;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
+ transition: all 400ms ease;
+ transform-origin: 50% 0%;
+ transform-style: preserve-3d;
+ backface-visibility: hidden; }
.reveal .roll:hover span {
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 {
content: attr(data-title);
@@ -1148,13 +1101,9 @@ body {
left: 0;
top: 0;
padding: 0 2px;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- -webkit-transform-origin: 50% 0%;
- -ms-transform-origin: 50% 0%;
- transform-origin: 50% 0%;
- -webkit-transform: translate3d(0px, 110%, 0px) rotateX(-90deg);
- transform: translate3d(0px, 110%, 0px) rotateX(-90deg); }
+ backface-visibility: hidden;
+ transform-origin: 50% 0%;
+ transform: translate3d(0px, 110%, 0px) rotateX(-90deg); }
/*********************************************
* SPEAKER NOTES
@@ -1176,8 +1125,7 @@ body {
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
overflow: auto;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
+ box-sizing: border-box;
text-align: left;
font-family: Helvetica, sans-serif;
-webkit-overflow-scrolling: touch; }
@@ -1197,11 +1145,13 @@ body {
/*********************************************
* ZOOM PLUGIN
*********************************************/
-.zoomed .reveal *, .zoomed .reveal *:before, .zoomed .reveal *:after {
- -webkit-backface-visibility: visible !important;
- backface-visibility: visible !important; }
+.zoomed .reveal *,
+.zoomed .reveal *:before,
+.zoomed .reveal *:after {
+ backface-visibility: visible !important; }
-.zoomed .reveal .progress, .zoomed .reveal .controls {
+.zoomed .reveal .progress,
+.zoomed .reveal .controls {
opacity: 0; }
.zoomed .reveal .roll span {
diff --git a/css/theme/beige.css b/css/theme/beige.css
index 4f5be268f7e4be4f0a6a71797efdcf64f8a68436..e7722ce4c171035de7b1f2c4cf6727b778f83c6a 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -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.
*
* 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
*********************************************/
body {
background: #f7f2d3;
- background: -moz-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%);
- background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(100%, #f7f2d3));
- background: -webkit-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%);
- background: -o-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%);
- background: -ms-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%);
- background: 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%, white), color-stop(100%, #f7f2d3));
+ background: -webkit-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+ background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+ background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+ background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
background-color: #f7f3de; }
.reveal {
- font-family: 'Lato', sans-serif;
+ font-family: "Lato", sans-serif;
font-size: 36px;
font-weight: normal;
color: #333; }
@@ -29,17 +29,23 @@ body {
background: rgba(79, 64, 28, 0.99);
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* 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;
color: #333;
- font-family: 'League Gothic', Impact, sans-serif;
+ font-family: "League Gothic", Impact, sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
@@ -70,17 +76,22 @@ body {
line-height: 1.3; }
/* 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-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -97,7 +108,10 @@ body {
.reveal ul ul ul {
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;
margin-left: 40px; }
@@ -107,7 +121,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -120,7 +135,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -156,15 +172,18 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
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; }
-.reveal table th[align="right"], .reveal table td[align="right"] {
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
text-align: right; }
.reveal table tr:last-child td {
@@ -196,13 +215,13 @@ body {
transition: color 0.15s ease; }
.reveal a:hover {
- color: #c0a76e;
+ color: #c0a86e;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #564726; }
+ background: #564826; }
/*********************************************
* IMAGES
@@ -230,29 +249,33 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
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; }
-.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
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; }
.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #c0a76e; }
+ border-right-color: #c0a86e; }
.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #c0a76e; }
+ border-left-color: #c0a86e; }
.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #c0a76e; }
+ border-bottom-color: #c0a86e; }
.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #c0a76e; }
+ border-top-color: #c0a86e; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/black.css b/css/theme/black.css
index 3cee63e6365cc7d224ffe058f4955dd0712d44d9..10ec7e1e730b3402bc59ca8f08858cecfe0452b8 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -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.
*
* 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 {
color: #222; }
@@ -15,7 +15,7 @@ body {
background-color: #222; }
.reveal {
- font-family: 'Source Sans Pro', Helvetica, sans-serif;
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
font-size: 38px;
font-weight: normal;
color: #fff; }
@@ -25,17 +25,23 @@ body {
background: #bee4fd;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* 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;
color: #fff;
- font-family: 'Source Sans Pro', Helvetica, sans-serif;
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
font-weight: 600;
line-height: 1.2;
letter-spacing: normal;
@@ -66,17 +72,22 @@ body {
line-height: 1.3; }
/* 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-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -93,7 +104,10 @@ body {
.reveal ul ul ul {
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;
margin-left: 40px; }
@@ -103,7 +117,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -116,7 +131,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -152,15 +168,18 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
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; }
-.reveal table th[align="right"], .reveal table td[align="right"] {
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
text-align: right; }
.reveal table tr:last-child td {
@@ -198,7 +217,7 @@ body {
.reveal .roll span:after {
color: #fff;
- background: #068ee9; }
+ background: #068de9; }
/*********************************************
* IMAGES
@@ -226,16 +245,20 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
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; }
-.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
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; }
.reveal .controls .navigate-left.enabled:hover {
diff --git a/css/theme/blood.css b/css/theme/blood.css
index 8dfdc1d34dcc44afbd668d5a29c4b9e00b9bce56..84d7d9e7ab4e924d02857401a9cb7952478846d3 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -1,4 +1,3 @@
-@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
/**
* Blood theme for reveal.js
* Author: Walther http://github.com/Walther
@@ -10,6 +9,7 @@
* For other themes, change $codeBackground accordingly.
*
*/
+@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
/*********************************************
* GLOBAL STYLES
*********************************************/
@@ -18,7 +18,7 @@ body {
background-color: #222; }
.reveal {
- font-family: Ubuntu, 'sans-serif';
+ font-family: Ubuntu, "sans-serif";
font-size: 36px;
font-weight: normal;
color: #eee; }
@@ -28,17 +28,23 @@ body {
background: #a23;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* 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;
color: #eee;
- font-family: Ubuntu, 'sans-serif';
+ font-family: Ubuntu, "sans-serif";
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
@@ -69,17 +75,22 @@ body {
line-height: 1.3; }
/* 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-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -96,7 +107,10 @@ body {
.reveal ul ul ul {
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;
margin-left: 40px; }
@@ -106,7 +120,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -119,7 +134,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -155,15 +171,18 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
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; }
-.reveal table th[align="right"], .reveal table td[align="right"] {
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
text-align: right; }
.reveal table tr:last-child td {
@@ -195,13 +214,13 @@ body {
transition: color 0.15s ease; }
.reveal a:hover {
- color: #dd5567;
+ color: #dd5566;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #6a1521; }
+ background: #6a1520; }
/*********************************************
* IMAGES
@@ -229,29 +248,33 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
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; }
-.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
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; }
.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #dd5567; }
+ border-right-color: #dd5566; }
.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #dd5567; }
+ border-left-color: #dd5566; }
.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #dd5567; }
+ border-bottom-color: #dd5566; }
.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #dd5567; }
+ border-top-color: #dd5566; }
/*********************************************
* PROGRESS BAR
@@ -275,7 +298,12 @@ body {
font-weight: 300;
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; }
.reveal p code {
diff --git a/css/theme/league.css b/css/theme/league.css
index f5652af7bb8cb95aeaf08ddd5d5298b61ff335e9..1f6a8a15a6623c9d0c0cf42806410b3ac7ef3968 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -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.
*
@@ -7,6 +5,8 @@
*
* 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
*********************************************/
@@ -21,7 +21,7 @@ body {
background-color: #2b2b2b; }
.reveal {
- font-family: 'Lato', sans-serif;
+ font-family: "Lato", sans-serif;
font-size: 36px;
font-weight: normal;
color: #eee; }
@@ -31,17 +31,23 @@ body {
background: #FF5E99;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* 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;
color: #eee;
- font-family: 'League Gothic', Impact, sans-serif;
+ font-family: "League Gothic", Impact, sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
@@ -72,17 +78,22 @@ body {
line-height: 1.3; }
/* 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-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -99,7 +110,10 @@ body {
.reveal ul ul ul {
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;
margin-left: 40px; }
@@ -109,7 +123,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -122,7 +137,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -158,15 +174,18 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
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; }
-.reveal table th[align="right"], .reveal table td[align="right"] {
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
text-align: right; }
.reveal table tr:last-child td {
@@ -198,13 +217,13 @@ body {
transition: color 0.15s ease; }
.reveal a:hover {
- color: #71ebf4;
+ color: #71e9f4;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #0d9ba5; }
+ background: #0d99a5; }
/*********************************************
* IMAGES
@@ -232,29 +251,33 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
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; }
-.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
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; }
.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #71ebf4; }
+ border-right-color: #71e9f4; }
.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #71ebf4; }
+ border-left-color: #71e9f4; }
.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #71ebf4; }
+ border-bottom-color: #71e9f4; }
.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #71ebf4; }
+ border-top-color: #71e9f4; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/moon.css b/css/theme/moon.css
index 224c40a7d875ea8c8041f33c82f608fc7a260a77..1c81cf92e1131031f74d27b6df3d02feaa31cca5 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -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.
* 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
*/
@@ -19,7 +19,7 @@ body {
background-color: #002b36; }
.reveal {
- font-family: 'Lato', sans-serif;
+ font-family: "Lato", sans-serif;
font-size: 36px;
font-weight: normal;
color: #93a1a1; }
@@ -29,17 +29,23 @@ body {
background: #d33682;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* 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;
color: #eee8d5;
- font-family: 'League Gothic', Impact, sans-serif;
+ font-family: "League Gothic", Impact, sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
@@ -70,17 +76,22 @@ body {
line-height: 1.3; }
/* 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-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -97,7 +108,10 @@ body {
.reveal ul ul ul {
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;
margin-left: 40px; }
@@ -107,7 +121,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -120,7 +135,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -156,15 +172,18 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
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; }
-.reveal table th[align="right"], .reveal table td[align="right"] {
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
text-align: right; }
.reveal table tr:last-child td {
@@ -196,13 +215,13 @@ body {
transition: color 0.15s ease; }
.reveal a:hover {
- color: #78bae6;
+ color: #78b9e6;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #1a6291; }
+ background: #1a6091; }
/*********************************************
* IMAGES
@@ -230,29 +249,33 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
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; }
-.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
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; }
.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #78bae6; }
+ border-right-color: #78b9e6; }
.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #78bae6; }
+ border-left-color: #78b9e6; }
.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #78bae6; }
+ border-bottom-color: #78b9e6; }
.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #78bae6; }
+ border-top-color: #78b9e6; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/night.css b/css/theme/night.css
index 109d4c3c27f414ee3f5211a34ead2b866828f501..748a94f2e9ae82f4ffdb7d779aa783956e4a45e0 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -1,10 +1,10 @@
-@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
-@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
/**
* Black theme for reveal.js.
*
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/
+@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
+@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
/*********************************************
* GLOBAL STYLES
*********************************************/
@@ -13,7 +13,7 @@ body {
background-color: #111; }
.reveal {
- font-family: 'Open Sans', sans-serif;
+ font-family: "Open Sans", sans-serif;
font-size: 30px;
font-weight: normal;
color: #eee; }
@@ -23,17 +23,23 @@ body {
background: #e7ad52;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* 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;
color: #eee;
- font-family: 'Montserrat', Impact, sans-serif;
+ font-family: "Montserrat", Impact, sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: -0.03em;
@@ -64,17 +70,22 @@ body {
line-height: 1.3; }
/* 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-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -91,7 +102,10 @@ body {
.reveal ul ul ul {
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;
margin-left: 40px; }
@@ -101,7 +115,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -114,7 +129,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -150,15 +166,18 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
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; }
-.reveal table th[align="right"], .reveal table td[align="right"] {
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
text-align: right; }
.reveal table tr:last-child td {
@@ -196,7 +215,7 @@ body {
.reveal .roll span:after {
color: #fff;
- background: #d0881d; }
+ background: #d08a1d; }
/*********************************************
* IMAGES
@@ -224,16 +243,20 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
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; }
-.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
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; }
.reveal .controls .navigate-left.enabled:hover {
diff --git a/css/theme/serif.css b/css/theme/serif.css
index 4e8674c29d805dc5fb58897963e1b7b530e50387..2817e0fab1ef7de15ecd5aaf8262f04c65ef18bf 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -15,7 +15,7 @@ body {
background-color: #F0F1EB; }
.reveal {
- font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
+ font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
font-size: 36px;
font-weight: normal;
color: #000; }
@@ -25,17 +25,23 @@ body {
background: #26351C;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* 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;
color: #383D3D;
- font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
+ font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
@@ -66,17 +72,22 @@ body {
line-height: 1.3; }
/* 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-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -93,7 +104,10 @@ body {
.reveal ul ul ul {
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;
margin-left: 40px; }
@@ -103,7 +117,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -116,7 +131,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -152,15 +168,18 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
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; }
-.reveal table th[align="right"], .reveal table td[align="right"] {
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
text-align: right; }
.reveal table tr:last-child td {
@@ -192,7 +211,7 @@ body {
transition: color 0.15s ease; }
.reveal a:hover {
- color: #8b7b69;
+ color: #8b7c69;
text-shadow: none;
border: none; }
@@ -226,29 +245,33 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
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; }
-.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
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; }
.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #8b7b69; }
+ border-right-color: #8b7c69; }
.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #8b7b69; }
+ border-left-color: #8b7c69; }
.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #8b7b69; }
+ border-bottom-color: #8b7c69; }
.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #8b7b69; }
+ border-top-color: #8b7c69; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/simple.css b/css/theme/simple.css
index 8122250ffbcdc034740edb7c75f70ea1139005be..c65e8ce96268400eaa2541ae02cf9ace04c2ec6e 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -1,5 +1,3 @@
-@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
-@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/**
* A simple theme for reveal.js presentations, similar
* to the default theme. The accent color is darkblue.
@@ -7,6 +5,8 @@
* This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
* reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/
+@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
+@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/*********************************************
* GLOBAL STYLES
*********************************************/
@@ -15,7 +15,7 @@ body {
background-color: #fff; }
.reveal {
- font-family: 'Lato', sans-serif;
+ font-family: "Lato", sans-serif;
font-size: 36px;
font-weight: normal;
color: #000; }
@@ -25,17 +25,23 @@ body {
background: rgba(0, 0, 0, 0.99);
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* 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;
color: #000;
- font-family: 'News Cycle', Impact, sans-serif;
+ font-family: "News Cycle", Impact, sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
@@ -66,17 +72,22 @@ body {
line-height: 1.3; }
/* 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-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -93,7 +104,10 @@ body {
.reveal ul ul ul {
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;
margin-left: 40px; }
@@ -103,7 +117,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -116,7 +131,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -152,15 +168,18 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
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; }
-.reveal table th[align="right"], .reveal table td[align="right"] {
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
text-align: right; }
.reveal table tr:last-child td {
@@ -226,16 +245,20 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
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; }
-.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
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; }
.reveal .controls .navigate-left.enabled:hover {
diff --git a/css/theme/sky.css b/css/theme/sky.css
index 93b4e8556f627618a29bdbc2f827c4e235afb431..37ce5217dfe530df94d479816bee7c42e4980a25 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -1,10 +1,10 @@
-@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
-@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
/**
* Sky theme for reveal.js.
*
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/
+@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
+@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
.reveal a {
line-height: 1.3em; }
@@ -22,7 +22,7 @@ body {
background-color: #f7fbfc; }
.reveal {
- font-family: 'Open Sans', sans-serif;
+ font-family: "Open Sans", sans-serif;
font-size: 36px;
font-weight: normal;
color: #333; }
@@ -32,17 +32,23 @@ body {
background: #134674;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* 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;
color: #333;
- font-family: 'Quicksand', sans-serif;
+ font-family: "Quicksand", sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: -0.08em;
@@ -73,17 +79,22 @@ body {
line-height: 1.3; }
/* 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-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -100,7 +111,10 @@ body {
.reveal ul ul ul {
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;
margin-left: 40px; }
@@ -110,7 +124,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -123,7 +138,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -159,15 +175,18 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
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; }
-.reveal table th[align="right"], .reveal table td[align="right"] {
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
text-align: right; }
.reveal table tr:last-child td {
@@ -199,13 +218,13 @@ body {
transition: color 0.15s ease; }
.reveal a:hover {
- color: #74a8cb;
+ color: #74a7cb;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #264d66; }
+ background: #264c66; }
/*********************************************
* IMAGES
@@ -233,29 +252,33 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
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; }
-.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
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; }
.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #74a8cb; }
+ border-right-color: #74a7cb; }
.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #74a8cb; }
+ border-left-color: #74a7cb; }
.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #74a8cb; }
+ border-bottom-color: #74a7cb; }
.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #74a8cb; }
+ border-top-color: #74a7cb; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index 317027e603abb9ffd5b20ef9e06a5f6fbd58489c..be2fa226a7a18ac30e7d028e5077b8e2926dc9bb 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -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.
* 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
*/
@@ -19,7 +19,7 @@ body {
background-color: #fdf6e3; }
.reveal {
- font-family: 'Lato', sans-serif;
+ font-family: "Lato", sans-serif;
font-size: 36px;
font-weight: normal;
color: #657b83; }
@@ -29,17 +29,23 @@ body {
background: #d33682;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* 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;
color: #586e75;
- font-family: 'League Gothic', Impact, sans-serif;
+ font-family: "League Gothic", Impact, sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
@@ -70,17 +76,22 @@ body {
line-height: 1.3; }
/* 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-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -97,7 +108,10 @@ body {
.reveal ul ul ul {
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;
margin-left: 40px; }
@@ -107,7 +121,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -120,7 +135,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -156,15 +172,18 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
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; }
-.reveal table th[align="right"], .reveal table td[align="right"] {
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
text-align: right; }
.reveal table tr:last-child td {
@@ -196,13 +215,13 @@ body {
transition: color 0.15s ease; }
.reveal a:hover {
- color: #78bae6;
+ color: #78b9e6;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #1a6291; }
+ background: #1a6091; }
/*********************************************
* IMAGES
@@ -230,29 +249,33 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
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; }
-.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
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; }
.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #78bae6; }
+ border-right-color: #78b9e6; }
.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #78bae6; }
+ border-left-color: #78b9e6; }
.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #78bae6; }
+ border-bottom-color: #78b9e6; }
.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #78bae6; }
+ border-top-color: #78b9e6; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/white.css b/css/theme/white.css
index f37aa9dc14cb54151155b27eeeed6c856cbe44d9..ffa687ef9244627ab2b83d3a1555b3b009a9a918 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -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.
*
* 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 {
color: #fff; }
@@ -15,7 +15,7 @@ body {
background-color: #fff; }
.reveal {
- font-family: 'Source Sans Pro', Helvetica, sans-serif;
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
font-size: 38px;
font-weight: normal;
color: #222; }
@@ -25,17 +25,23 @@ body {
background: #98bdef;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* 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;
color: #222;
- font-family: 'Source Sans Pro', Helvetica, sans-serif;
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
font-weight: 600;
line-height: 1.2;
letter-spacing: normal;
@@ -66,17 +72,22 @@ body {
line-height: 1.3; }
/* 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-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -93,7 +104,10 @@ body {
.reveal ul ul ul {
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;
margin-left: 40px; }
@@ -103,7 +117,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -116,7 +131,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -152,15 +168,18 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
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; }
-.reveal table th[align="right"], .reveal table td[align="right"] {
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
text-align: right; }
.reveal table tr:last-child td {
@@ -192,13 +211,13 @@ body {
transition: color 0.15s ease; }
.reveal a:hover {
- color: #6ca2e8;
+ color: #6ca0e8;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #1a54a1; }
+ background: #1a53a1; }
/*********************************************
* IMAGES
@@ -226,29 +245,33 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
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; }
-.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
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; }
.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #6ca2e8; }
+ border-right-color: #6ca0e8; }
.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #6ca2e8; }
+ border-left-color: #6ca0e8; }
.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #6ca2e8; }
+ border-bottom-color: #6ca0e8; }
.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #6ca2e8; }
+ border-top-color: #6ca0e8; }
/*********************************************
* PROGRESS BAR