summaryrefslogtreecommitdiffhomepage
path: root/css
diff options
context:
space:
mode:
Diffstat (limited to 'css')
-rw-r--r--css/print/paper.css5
-rw-r--r--css/print/pdf.css44
-rw-r--r--css/reveal.css199
-rw-r--r--css/reveal.scss154
-rw-r--r--css/theme/beige.css22
-rw-r--r--css/theme/black.css24
-rw-r--r--css/theme/blood.css22
-rw-r--r--css/theme/league.css22
-rw-r--r--css/theme/moon.css22
-rw-r--r--css/theme/night.css22
-rw-r--r--css/theme/serif.css22
-rw-r--r--css/theme/simple.css25
-rw-r--r--css/theme/sky.css22
-rw-r--r--css/theme/solarized.css22
-rw-r--r--css/theme/source/black.scss4
-rw-r--r--css/theme/source/blood.scss1
-rw-r--r--css/theme/source/night.scss1
-rw-r--r--css/theme/source/simple.scss5
-rw-r--r--css/theme/source/white.scss4
-rw-r--r--css/theme/template/settings.scss2
-rw-r--r--css/theme/template/theme.scss9
-rw-r--r--css/theme/white.css24
22 files changed, 454 insertions, 223 deletions
diff --git a/css/print/paper.css b/css/print/paper.css
index 6588f48..27d19dd 100644
--- a/css/print/paper.css
+++ b/css/print/paper.css
@@ -38,7 +38,8 @@
.share-reveal,
.state-background,
.reveal .progress,
- .reveal .backgrounds {
+ .reveal .backgrounds,
+ .reveal .slide-number {
display: none !important;
}
@@ -199,4 +200,4 @@
font-size: 0.8em;
}
-} \ No newline at end of file
+}
diff --git a/css/print/pdf.css b/css/print/pdf.css
index 9ed90d6..20c646a 100644
--- a/css/print/pdf.css
+++ b/css/print/pdf.css
@@ -60,8 +60,9 @@ ul, ol, div, p {
}
.reveal .slides {
position: static;
- width: 100%;
- height: auto;
+ width: 100% !important;
+ height: auto !important;
+ zoom: 1 !important;
left: auto;
top: auto;
@@ -82,13 +83,18 @@ ul, ol, div, p {
perspective-origin: 50% 50%;
}
-.reveal .slides section {
- page-break-after: always !important;
+.reveal .slides .pdf-page {
+ position: relative;
+ overflow: hidden;
+ z-index: 1;
+ page-break-after: always;
+}
+
+.reveal .slides section {
visibility: visible !important;
- position: relative !important;
display: block !important;
- position: relative !important;
+ position: absolute !important;
margin: 0 !important;
padding: 0 !important;
@@ -109,6 +115,7 @@ ul, ol, div, p {
}
.reveal section.stack {
+ position: relative !important;
margin: 0 !important;
padding: 0 !important;
page-break-after: avoid !important;
@@ -126,19 +133,14 @@ ul, ol, div, p {
}
/* Slide backgrounds are placed inside of their slide when exporting to PDF */
-.reveal section .slide-background {
+.reveal .slide-background {
display: block !important;
position: absolute;
top: 0;
left: 0;
width: 100%;
- z-index: -1;
-}
-
-/* All elements should be above the slide-background */
-.reveal section>* {
- position: relative;
- z-index: 1;
+ height: 100%;
+ z-index: auto !important;
}
/* Display slide speaker notes when 'showNotes' is enabled */
@@ -146,15 +148,25 @@ ul, ol, div, p {
display: block;
width: 100%;
max-height: none;
- left: auto;
top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
z-index: 100;
}
+/* Layout option which makes notes appear on a separate page */
+.reveal .speaker-notes-pdf[data-layout="separate-page"] {
+ position: relative;
+ color: inherit;
+ background-color: transparent;
+ padding: 20px;
+ page-break-after: always;
+}
+
/* Display slide numbers when 'slideNumber' is enabled */
.reveal .slide-number-pdf {
display: block;
position: absolute;
font-size: 14px;
}
-
diff --git a/css/reveal.css b/css/reveal.css
index 2f115e5..5f501b1 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -3,7 +3,7 @@
* http://lab.hakim.se/reveal-js
* MIT licensed
*
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
+ * Copyright (C) 2017 Hakim El Hattab, http://hakim.se
*/
/*********************************************
* RESET STYLES
@@ -20,7 +20,7 @@ html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal i
.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 {
+.reveal time, .reveal mark, .reveal audio, .reveal video {
margin: 0;
padding: 0;
border: 0;
@@ -47,75 +47,93 @@ body {
background-color: #fff;
color: #000; }
-html:-webkit-full-screen-ancestor {
- background-color: inherit; }
-
-html:-moz-full-screen-ancestor {
- background-color: inherit; }
-
/*********************************************
* VIEW FRAGMENTS
*********************************************/
.reveal .slides section .fragment {
opacity: 0;
visibility: hidden;
- -webkit-transition: all 0.2s ease;
- transition: all 0.2s ease; }
+ -webkit-transition: all .2s ease;
+ transition: all .2s ease; }
.reveal .slides section .fragment.visible {
opacity: 1;
- visibility: visible; }
+ visibility: inherit; }
.reveal .slides section .fragment.grow {
opacity: 1;
- visibility: visible; }
+ visibility: inherit; }
.reveal .slides section .fragment.grow.visible {
-webkit-transform: scale(1.3);
- -ms-transform: scale(1.3);
transform: scale(1.3); }
.reveal .slides section .fragment.shrink {
opacity: 1;
- visibility: visible; }
+ visibility: inherit; }
.reveal .slides section .fragment.shrink.visible {
-webkit-transform: scale(0.7);
- -ms-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); }
.reveal .slides section .fragment.zoom-in.visible {
-webkit-transform: none;
- -ms-transform: none;
transform: none; }
.reveal .slides section .fragment.fade-out {
opacity: 1;
- visibility: visible; }
+ visibility: inherit; }
.reveal .slides section .fragment.fade-out.visible {
opacity: 0;
visibility: hidden; }
.reveal .slides section .fragment.semi-fade-out {
opacity: 1;
- visibility: visible; }
+ visibility: inherit; }
.reveal .slides section .fragment.semi-fade-out.visible {
opacity: 0.5;
- visibility: visible; }
+ visibility: inherit; }
.reveal .slides section .fragment.strike {
opacity: 1;
- visibility: visible; }
+ visibility: inherit; }
.reveal .slides section .fragment.strike.visible {
text-decoration: line-through; }
+.reveal .slides section .fragment.fade-up {
+ -webkit-transform: translate(0, 20%);
+ transform: translate(0, 20%); }
+ .reveal .slides section .fragment.fade-up.visible {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0); }
+
+.reveal .slides section .fragment.fade-down {
+ -webkit-transform: translate(0, -20%);
+ transform: translate(0, -20%); }
+ .reveal .slides section .fragment.fade-down.visible {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0); }
+
+.reveal .slides section .fragment.fade-right {
+ -webkit-transform: translate(-20%, 0);
+ transform: translate(-20%, 0); }
+ .reveal .slides section .fragment.fade-right.visible {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0); }
+
+.reveal .slides section .fragment.fade-left {
+ -webkit-transform: translate(20%, 0);
+ transform: translate(20%, 0); }
+ .reveal .slides section .fragment.fade-left.visible {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0); }
+
.reveal .slides section .fragment.current-visible {
opacity: 0;
visibility: hidden; }
.reveal .slides section .fragment.current-visible.current-fragment {
opacity: 1;
- visibility: visible; }
+ visibility: inherit; }
.reveal .slides section .fragment.highlight-red,
.reveal .slides section .fragment.highlight-current-red,
@@ -124,7 +142,7 @@ html:-moz-full-screen-ancestor {
.reveal .slides section .fragment.highlight-blue,
.reveal .slides section .fragment.highlight-current-blue {
opacity: 1;
- visibility: visible; }
+ visibility: inherit; }
.reveal .slides section .fragment.highlight-red.visible {
color: #ff2c2d; }
@@ -190,7 +208,6 @@ html:-moz-full-screen-ancestor {
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;
@@ -306,6 +323,7 @@ html:-moz-full-screen-ancestor {
bottom: 0;
left: 0;
margin: auto;
+ pointer-events: none;
overflow: visible;
z-index: 1;
text-align: center;
@@ -323,11 +341,11 @@ html:-moz-full-screen-ancestor {
position: absolute;
width: 100%;
padding: 20px 0px;
+ pointer-events: auto;
z-index: 10;
- -webkit-transform-style: preserve-3d;
- transform-style: preserve-3d;
+ -webkit-transform-style: flat;
+ transform-style: flat;
-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); }
/* Global transition speed settings */
@@ -358,6 +376,12 @@ html:-moz-full-screen-ancestor {
z-index: 11;
opacity: 1; }
+.reveal .slides > section:empty,
+.reveal .slides > section > section:empty,
+.reveal .slides > section[data-background-interactive],
+.reveal .slides > section > section[data-background-interactive] {
+ pointer-events: none; }
+
.reveal.center,
.reveal.center .slides,
.reveal.center .slides section {
@@ -395,28 +419,24 @@ html:-moz-full-screen-ancestor {
.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].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 > 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].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.linear section {
@@ -427,34 +447,35 @@ html:-moz-full-screen-ancestor {
.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].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 > 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].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%); }
/*********************************************
* CONVEX TRANSITION
* Aliased 'default' for backwards compatibility
*********************************************/
+.reveal .slides section[data-transition=default].stack,
+.reveal.default .slides section.stack {
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d; }
+
.reveal .slides > section[data-transition=default].past,
.reveal .slides > section[data-transition~=default-out].past,
.reveal.default .slides > section:not([data-transition]).past {
@@ -479,6 +500,11 @@ html:-moz-full-screen-ancestor {
-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].stack,
+.reveal.convex .slides section.stack {
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d; }
+
.reveal .slides > section[data-transition=convex].past,
.reveal .slides > section[data-transition~=convex-out].past,
.reveal.convex .slides > section:not([data-transition]).past {
@@ -506,6 +532,11 @@ html:-moz-full-screen-ancestor {
/*********************************************
* CONCAVE TRANSITION
*********************************************/
+.reveal .slides section[data-transition=concave].stack,
+.reveal.concave .slides section.stack {
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d; }
+
.reveal .slides > section[data-transition=concave].past,
.reveal .slides > section[data-transition~=concave-out].past,
.reveal.concave .slides > section:not([data-transition]).past {
@@ -543,7 +574,6 @@ html:-moz-full-screen-ancestor {
.reveal.zoom .slides > section:not([data-transition]).past {
visibility: hidden;
-webkit-transform: scale(16);
- -ms-transform: scale(16);
transform: scale(16); }
.reveal .slides > section[data-transition=zoom].future,
@@ -551,25 +581,26 @@ html:-moz-full-screen-ancestor {
.reveal.zoom .slides > section:not([data-transition]).future {
visibility: hidden;
-webkit-transform: scale(0.2);
- -ms-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].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%); }
/*********************************************
* CUBE TRANSITION
+ *
+ * WARNING:
+ * this is deprecated and will be removed in a
+ * future version.
*********************************************/
.reveal.cube .slides {
-webkit-perspective: 1300px;
@@ -580,7 +611,9 @@ html:-moz-full-screen-ancestor {
min-height: 700px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
- box-sizing: border-box; }
+ box-sizing: border-box;
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d; }
.reveal.center.cube .slides section {
min-height: 0; }
@@ -619,34 +652,34 @@ html:-moz-full-screen-ancestor {
.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); }
.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); }
.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); }
.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); }
/*********************************************
* PAGE TRANSITION
+ *
+ * WARNING:
+ * this is deprecated and will be removed in a
+ * future version.
*********************************************/
.reveal.page .slides {
-webkit-perspective-origin: 0% 50%;
@@ -657,7 +690,9 @@ html:-moz-full-screen-ancestor {
.reveal.page .slides section {
padding: 30px;
min-height: 700px;
- box-sizing: border-box; }
+ box-sizing: border-box;
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d; }
.reveal.page .slides section.past {
z-index: 12; }
@@ -694,28 +729,24 @@ html:-moz-full-screen-ancestor {
.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); }
.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); }
.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); }
.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); }
@@ -727,7 +758,6 @@ html:-moz-full-screen-ancestor {
.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; }
@@ -743,7 +773,6 @@ html:-moz-full-screen-ancestor {
.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; }
@@ -797,7 +826,6 @@ html:-moz-full-screen-ancestor {
left: -50%;
margin: 70px 0;
-webkit-transform: none;
- -ms-transform: none;
transform: none; }
.no-transforms .reveal .slides section section {
@@ -827,6 +855,7 @@ html:-moz-full-screen-ancestor {
height: 100%;
opacity: 0;
visibility: hidden;
+ overflow: hidden;
background-color: transparent;
background-position: 50% 50%;
background-repeat: no-repeat;
@@ -839,7 +868,8 @@ html:-moz-full-screen-ancestor {
.reveal .slide-background.present {
opacity: 1;
- visibility: visible; }
+ visibility: visible;
+ z-index: 2; }
.print-pdf .reveal .slide-background {
opacity: 1 !important;
@@ -853,7 +883,13 @@ html:-moz-full-screen-ancestor {
max-width: none;
max-height: none;
top: 0;
- left: 0; }
+ left: 0;
+ -o-object-fit: cover;
+ object-fit: cover; }
+
+.reveal .slide-background[data-background-size="contain"] video {
+ -o-object-fit: contain;
+ object-fit: contain; }
/* Immediate transition style */
.reveal[data-background-transition=none] > .backgrounds .slide-background,
@@ -871,25 +907,21 @@ html:-moz-full-screen-ancestor {
.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.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 > .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.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%); }
/* Convex */
@@ -953,7 +985,6 @@ html:-moz-full-screen-ancestor {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(16);
- -ms-transform: scale(16);
transform: scale(16); }
.reveal[data-background-transition=zoom] > .backgrounds .slide-background.future,
@@ -961,7 +992,6 @@ html:-moz-full-screen-ancestor {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.2);
- -ms-transform: scale(0.2);
transform: scale(0.2); }
.reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.past,
@@ -969,7 +999,6 @@ html:-moz-full-screen-ancestor {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(16);
- -ms-transform: scale(16);
transform: scale(16); }
.reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.future,
@@ -977,7 +1006,6 @@ html:-moz-full-screen-ancestor {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.2);
- -ms-transform: scale(0.2);
transform: scale(0.2); }
/* Global transition speed settings */
@@ -997,8 +1025,11 @@ html:-moz-full-screen-ancestor {
perspective-origin: 50% 50%;
-webkit-perspective: 700px;
perspective: 700px; }
+ .reveal.overview .slides {
+ -moz-transform-style: preserve-3d; }
.reveal.overview .slides section {
- height: 700px;
+ height: 100%;
+ top: 0 !important;
opacity: 1 !important;
overflow: hidden;
visibility: visible !important;
@@ -1023,12 +1054,15 @@ html:-moz-full-screen-ancestor {
overflow: visible; }
.reveal.overview .backgrounds {
-webkit-perspective: inherit;
- perspective: inherit; }
+ perspective: inherit;
+ -moz-transform-style: preserve-3d; }
.reveal.overview .backgrounds .slide-background {
opacity: 1;
visibility: visible;
outline: 10px solid rgba(150, 150, 150, 0.1);
outline-offset: 10px; }
+ .reveal.overview .backgrounds .slide-background.stack {
+ overflow: visible; }
.reveal.overview .slides section,
.reveal.overview-deactivating .slides section {
@@ -1040,10 +1074,6 @@ html:-moz-full-screen-ancestor {
-webkit-transition: none;
transition: none; }
-.reveal.overview-animated .slides {
- -webkit-transition: -webkit-transform 0.4s ease;
- transition: transform 0.4s ease; }
-
/*********************************************
* RTL SUPPORT
*********************************************/
@@ -1132,6 +1162,7 @@ html:-moz-full-screen-ancestor {
display: inline-block;
width: 40px;
height: 40px;
+ line-height: 36px;
padding: 0 10px;
float: right;
opacity: 0.6;
@@ -1156,6 +1187,10 @@ html:-moz-full-screen-ancestor {
.reveal .overlay .viewport {
position: absolute;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
top: 40px;
right: 0;
bottom: 0;
@@ -1176,11 +1211,27 @@ html:-moz-full-screen-ancestor {
opacity: 1;
visibility: visible; }
+.reveal .overlay.overlay-preview.loaded .viewport-inner {
+ position: absolute;
+ z-index: -1;
+ left: 0;
+ top: 45%;
+ width: 100%;
+ text-align: center;
+ letter-spacing: normal; }
+
+.reveal .overlay.overlay-preview .x-frame-error {
+ opacity: 0;
+ -webkit-transition: opacity 0.3s ease 0.3s;
+ transition: opacity 0.3s ease 0.3s; }
+
+.reveal .overlay.overlay-preview.loaded .x-frame-error {
+ opacity: 1; }
+
.reveal .overlay.overlay-preview.loaded .spinner {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.2);
- -ms-transform: scale(0.2);
transform: scale(0.2); }
.reveal .overlay.overlay-help .viewport {
@@ -1189,8 +1240,8 @@ html:-moz-full-screen-ancestor {
.reveal .overlay.overlay-help .viewport .viewport-inner {
width: 600px;
- margin: 0 auto;
- padding: 60px;
+ margin: auto;
+ padding: 20px 20px 80px 20px;
text-align: center;
letter-spacing: normal; }
@@ -1200,12 +1251,12 @@ html:-moz-full-screen-ancestor {
.reveal .overlay.overlay-help .viewport .viewport-inner table {
border: 1px solid #fff;
border-collapse: collapse;
- font-size: 14px; }
+ font-size: 16px; }
.reveal .overlay.overlay-help .viewport .viewport-inner table th,
.reveal .overlay.overlay-help .viewport .viewport-inner table td {
width: 200px;
- padding: 10px;
+ padding: 14px;
border: 1px solid #fff;
vertical-align: middle; }
@@ -1254,7 +1305,6 @@ html:-moz-full-screen-ancestor {
-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;
@@ -1276,7 +1326,6 @@ html:-moz-full-screen-ancestor {
-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); }
diff --git a/css/reveal.scss b/css/reveal.scss
index d932269..983e587 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -3,7 +3,7 @@
* http://lab.hakim.se/reveal-js
* MIT licensed
*
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
+ * Copyright (C) 2017 Hakim El Hattab, http://hakim.se
*/
@@ -23,7 +23,7 @@ html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal i
.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 {
+.reveal time, .reveal mark, .reveal audio, .reveal video {
margin: 0;
padding: 0;
border: 0;
@@ -57,15 +57,6 @@ body {
color: #000;
}
-// Ensures that the main background color matches the
-// theme in fullscreen mode
-html:-webkit-full-screen-ancestor {
- background-color: inherit;
-}
-html:-moz-full-screen-ancestor {
- background-color: inherit;
-}
-
/*********************************************
* VIEW FRAGMENTS
@@ -78,13 +69,13 @@ html:-moz-full-screen-ancestor {
&.visible {
opacity: 1;
- visibility: visible;
+ visibility: inherit;
}
}
.reveal .slides section .fragment.grow {
opacity: 1;
- visibility: visible;
+ visibility: inherit;
&.visible {
transform: scale( 1.3 );
@@ -93,7 +84,7 @@ html:-moz-full-screen-ancestor {
.reveal .slides section .fragment.shrink {
opacity: 1;
- visibility: visible;
+ visibility: inherit;
&.visible {
transform: scale( 0.7 );
@@ -110,7 +101,7 @@ html:-moz-full-screen-ancestor {
.reveal .slides section .fragment.fade-out {
opacity: 1;
- visibility: visible;
+ visibility: inherit;
&.visible {
opacity: 0;
@@ -120,30 +111,62 @@ html:-moz-full-screen-ancestor {
.reveal .slides section .fragment.semi-fade-out {
opacity: 1;
- visibility: visible;
+ visibility: inherit;
&.visible {
opacity: 0.5;
- visibility: visible;
+ visibility: inherit;
}
}
.reveal .slides section .fragment.strike {
opacity: 1;
- visibility: visible;
+ visibility: inherit;
&.visible {
text-decoration: line-through;
}
}
+.reveal .slides section .fragment.fade-up {
+ transform: translate(0, 20%);
+
+ &.visible {
+ transform: translate(0, 0);
+ }
+}
+
+.reveal .slides section .fragment.fade-down {
+ transform: translate(0, -20%);
+
+ &.visible {
+ transform: translate(0, 0);
+ }
+}
+
+.reveal .slides section .fragment.fade-right {
+ transform: translate(-20%, 0);
+
+ &.visible {
+ transform: translate(0, 0);
+ }
+}
+
+.reveal .slides section .fragment.fade-left {
+ transform: translate(20%, 0);
+
+ &.visible {
+ transform: translate(0, 0);
+ }
+}
+
.reveal .slides section .fragment.current-visible {
opacity: 0;
visibility: hidden;
&.current-fragment {
opacity: 1;
- visibility: visible;
+ visibility: inherit;
}
}
@@ -154,7 +177,7 @@ html:-moz-full-screen-ancestor {
.reveal .slides section .fragment.highlight-blue,
.reveal .slides section .fragment.highlight-current-blue {
opacity: 1;
- visibility: visible;
+ visibility: inherit;
}
.reveal .slides section .fragment.highlight-red.visible {
color: #ff2c2d
@@ -365,6 +388,7 @@ html:-moz-full-screen-ancestor {
bottom: 0;
left: 0;
margin: auto;
+ pointer-events: none;
overflow: visible;
z-index: 1;
@@ -383,9 +407,10 @@ html:-moz-full-screen-ancestor {
position: absolute;
width: 100%;
padding: 20px 0px;
+ pointer-events: auto;
z-index: 10;
- transform-style: preserve-3d;
+ transform-style: flat;
transition: transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
@@ -420,6 +445,13 @@ html:-moz-full-screen-ancestor {
opacity: 1;
}
+.reveal .slides>section:empty,
+.reveal .slides>section>section:empty,
+.reveal .slides>section[data-background-interactive],
+.reveal .slides>section>section[data-background-interactive] {
+ pointer-events: none;
+}
+
.reveal.center,
.reveal.center .slides,
.reveal.center .slides section {
@@ -457,6 +489,12 @@ html:-moz-full-screen-ancestor {
@content;
}
}
+@mixin transition-stack($style) {
+ .reveal .slides section[data-transition=#{$style}].stack,
+ .reveal.#{$style} .slides section.stack {
+ @content;
+ }
+}
@mixin transition-horizontal-past($style) {
.reveal .slides>section[data-transition=#{$style}].past,
.reveal .slides>section[data-transition~=#{$style}-out].past,
@@ -516,6 +554,10 @@ html:-moz-full-screen-ancestor {
*********************************************/
@each $stylename in default, convex {
+ @include transition-stack(#{$stylename}) {
+ transform-style: preserve-3d;
+ }
+
@include transition-horizontal-past(#{$stylename}) {
transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
}
@@ -534,6 +576,10 @@ html:-moz-full-screen-ancestor {
* CONCAVE TRANSITION
*********************************************/
+@include transition-stack(concave) {
+ transform-style: preserve-3d;
+}
+
@include transition-horizontal-past(concave) {
transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
}
@@ -573,6 +619,10 @@ html:-moz-full-screen-ancestor {
/*********************************************
* CUBE TRANSITION
+ *
+ * WARNING:
+ * this is deprecated and will be removed in a
+ * future version.
*********************************************/
.reveal.cube .slides {
@@ -584,6 +634,7 @@ html:-moz-full-screen-ancestor {
min-height: 700px;
backface-visibility: hidden;
box-sizing: border-box;
+ transform-style: preserve-3d;
}
.reveal.center.cube .slides section {
min-height: 0;
@@ -644,6 +695,10 @@ html:-moz-full-screen-ancestor {
/*********************************************
* PAGE TRANSITION
+ *
+ * WARNING:
+ * this is deprecated and will be removed in a
+ * future version.
*********************************************/
.reveal.page .slides {
@@ -655,6 +710,7 @@ html:-moz-full-screen-ancestor {
padding: 30px;
min-height: 700px;
box-sizing: border-box;
+ transform-style: preserve-3d;
}
.reveal.page .slides section.past {
z-index: 12;
@@ -827,6 +883,7 @@ html:-moz-full-screen-ancestor {
height: 100%;
opacity: 0;
visibility: hidden;
+ overflow: hidden;
background-color: rgba( 0, 0, 0, 0 );
background-position: 50% 50%;
@@ -843,6 +900,7 @@ html:-moz-full-screen-ancestor {
.reveal .slide-background.present {
opacity: 1;
visibility: visible;
+ z-index: 2;
}
.print-pdf .reveal .slide-background {
@@ -859,7 +917,11 @@ html:-moz-full-screen-ancestor {
max-height: none;
top: 0;
left: 0;
+ object-fit: cover;
}
+ .reveal .slide-background[data-background-size="contain"] video {
+ object-fit: contain;
+ }
/* Immediate transition style */
.reveal[data-background-transition=none]>.backgrounds .slide-background,
@@ -989,8 +1051,15 @@ html:-moz-full-screen-ancestor {
perspective-origin: 50% 50%;
perspective: 700px;
+ .slides {
+ // Fixes overview rendering errors in FF48+, not applied to
+ // other browsers since it degrades performance
+ -moz-transform-style: preserve-3d;
+ }
+
.slides section {
- height: 700px;
+ height: 100%;
+ top: 0 !important;
opacity: 1 !important;
overflow: hidden;
visibility: visible !important;
@@ -1020,6 +1089,10 @@ html:-moz-full-screen-ancestor {
.backgrounds {
perspective: inherit;
+
+ // Fixes overview rendering errors in FF48+, not applied to
+ // other browsers since it degrades performance
+ -moz-transform-style: preserve-3d;
}
.backgrounds .slide-background {
@@ -1030,6 +1103,10 @@ html:-moz-full-screen-ancestor {
outline: 10px solid rgba(150,150,150,0.1);
outline-offset: 10px;
}
+
+ .backgrounds .slide-background.stack {
+ overflow: visible;
+ }
}
// Disable transitions transitions while we're activating
@@ -1044,10 +1121,6 @@ html:-moz-full-screen-ancestor {
transition: none;
}
-.reveal.overview-animated .slides {
- transition: transform 0.4s ease;
-}
-
/*********************************************
* RTL SUPPORT
@@ -1145,6 +1218,7 @@ html:-moz-full-screen-ancestor {
display: inline-block;
width: 40px;
height: 40px;
+ line-height: 36px;
padding: 0 10px;
float: right;
opacity: 0.6;
@@ -1172,6 +1246,7 @@ html:-moz-full-screen-ancestor {
.reveal .overlay .viewport {
position: absolute;
+ display: flex;
top: 40px;
right: 0;
bottom: 0;
@@ -1195,6 +1270,23 @@ html:-moz-full-screen-ancestor {
visibility: visible;
}
+ .reveal .overlay.overlay-preview.loaded .viewport-inner {
+ position: absolute;
+ z-index: -1;
+ left: 0;
+ top: 45%;
+ width: 100%;
+ text-align: center;
+ letter-spacing: normal;
+ }
+ .reveal .overlay.overlay-preview .x-frame-error {
+ opacity: 0;
+ transition: opacity 0.3s ease 0.3s;
+ }
+ .reveal .overlay.overlay-preview.loaded .x-frame-error {
+ opacity: 1;
+ }
+
.reveal .overlay.overlay-preview.loaded .spinner {
opacity: 0;
visibility: hidden;
@@ -1208,8 +1300,8 @@ html:-moz-full-screen-ancestor {
.reveal .overlay.overlay-help .viewport .viewport-inner {
width: 600px;
- margin: 0 auto;
- padding: 60px;
+ margin: auto;
+ padding: 20px 20px 80px 20px;
text-align: center;
letter-spacing: normal;
}
@@ -1221,13 +1313,13 @@ html:-moz-full-screen-ancestor {
.reveal .overlay.overlay-help .viewport .viewport-inner table {
border: 1px solid #fff;
border-collapse: collapse;
- font-size: 14px;
+ font-size: 16px;
}
.reveal .overlay.overlay-help .viewport .viewport-inner table th,
.reveal .overlay.overlay-help .viewport .viewport-inner table td {
width: 200px;
- padding: 10px;
+ padding: 14px;
border: 1px solid #fff;
vertical-align: middle;
}
@@ -1375,5 +1467,3 @@ html:-moz-full-screen-ancestor {
.zoomed .reveal .roll span:after {
visibility: hidden;
}
-
-
diff --git a/css/theme/beige.css b/css/theme/beige.css
index be18733..7424a05 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -20,7 +20,7 @@ body {
.reveal {
font-family: "Lato", sans-serif;
- font-size: 36px;
+ font-size: 40px;
font-weight: normal;
color: #333; }
@@ -29,6 +29,11 @@ body {
background: rgba(79, 64, 28, 0.99);
text-shadow: none; }
+::-moz-selection {
+ color: #fff;
+ background: rgba(79, 64, 28, 0.99);
+ text-shadow: none; }
+
.reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3;
@@ -186,7 +191,8 @@ body {
.reveal table td[align="right"] {
text-align: right; }
-.reveal table tr:last-child td {
+.reveal table tbody tr:last-child th,
+.reveal table tbody tr:last-child td {
border-bottom: none; }
.reveal sup {
@@ -210,9 +216,9 @@ body {
.reveal a {
color: #8b743d;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #c0a86e;
@@ -237,9 +243,9 @@ body {
box-shadow: none; }
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
diff --git a/css/theme/black.css b/css/theme/black.css
index 54d44c3..96e4fd4 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -1,7 +1,7 @@
/**
* Black theme for reveal.js. This is the opposite of the 'white' theme.
*
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
+ * By 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 {
@@ -16,7 +16,7 @@ body {
.reveal {
font-family: "Source Sans Pro", Helvetica, sans-serif;
- font-size: 38px;
+ font-size: 42px;
font-weight: normal;
color: #fff; }
@@ -25,6 +25,11 @@ body {
background: #bee4fd;
text-shadow: none; }
+::-moz-selection {
+ color: #fff;
+ background: #bee4fd;
+ text-shadow: none; }
+
.reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3;
@@ -182,7 +187,8 @@ body {
.reveal table td[align="right"] {
text-align: right; }
-.reveal table tr:last-child td {
+.reveal table tbody tr:last-child th,
+.reveal table tbody tr:last-child td {
border-bottom: none; }
.reveal sup {
@@ -206,9 +212,9 @@ body {
.reveal a {
color: #42affa;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #8dcffc;
@@ -233,9 +239,9 @@ body {
box-shadow: none; }
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
diff --git a/css/theme/blood.css b/css/theme/blood.css
index e035ab6..1e0fbaf 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -19,7 +19,7 @@ body {
.reveal {
font-family: Ubuntu, "sans-serif";
- font-size: 36px;
+ font-size: 40px;
font-weight: normal;
color: #eee; }
@@ -28,6 +28,11 @@ body {
background: #a23;
text-shadow: none; }
+::-moz-selection {
+ color: #fff;
+ background: #a23;
+ text-shadow: none; }
+
.reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3;
@@ -185,7 +190,8 @@ body {
.reveal table td[align="right"] {
text-align: right; }
-.reveal table tr:last-child td {
+.reveal table tbody tr:last-child th,
+.reveal table tbody tr:last-child td {
border-bottom: none; }
.reveal sup {
@@ -209,9 +215,9 @@ body {
.reveal a {
color: #a23;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #dd5566;
@@ -236,9 +242,9 @@ body {
box-shadow: none; }
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
diff --git a/css/theme/league.css b/css/theme/league.css
index fa9f53c..63711c3 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -22,7 +22,7 @@ body {
.reveal {
font-family: "Lato", sans-serif;
- font-size: 36px;
+ font-size: 40px;
font-weight: normal;
color: #eee; }
@@ -31,6 +31,11 @@ body {
background: #FF5E99;
text-shadow: none; }
+::-moz-selection {
+ color: #fff;
+ background: #FF5E99;
+ text-shadow: none; }
+
.reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3;
@@ -188,7 +193,8 @@ body {
.reveal table td[align="right"] {
text-align: right; }
-.reveal table tr:last-child td {
+.reveal table tbody tr:last-child th,
+.reveal table tbody tr:last-child td {
border-bottom: none; }
.reveal sup {
@@ -212,9 +218,9 @@ body {
.reveal a {
color: #13DAEC;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #71e9f4;
@@ -239,9 +245,9 @@ body {
box-shadow: none; }
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
diff --git a/css/theme/moon.css b/css/theme/moon.css
index b119576..791a4a0 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -20,7 +20,7 @@ body {
.reveal {
font-family: "Lato", sans-serif;
- font-size: 36px;
+ font-size: 40px;
font-weight: normal;
color: #93a1a1; }
@@ -29,6 +29,11 @@ body {
background: #d33682;
text-shadow: none; }
+::-moz-selection {
+ color: #fff;
+ background: #d33682;
+ text-shadow: none; }
+
.reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3;
@@ -186,7 +191,8 @@ body {
.reveal table td[align="right"] {
text-align: right; }
-.reveal table tr:last-child td {
+.reveal table tbody tr:last-child th,
+.reveal table tbody tr:last-child td {
border-bottom: none; }
.reveal sup {
@@ -210,9 +216,9 @@ body {
.reveal a {
color: #268bd2;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #78b9e6;
@@ -237,9 +243,9 @@ body {
box-shadow: none; }
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
diff --git a/css/theme/night.css b/css/theme/night.css
index 3d0e3c5..3db1175 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -14,7 +14,7 @@ body {
.reveal {
font-family: "Open Sans", sans-serif;
- font-size: 30px;
+ font-size: 40px;
font-weight: normal;
color: #eee; }
@@ -23,6 +23,11 @@ body {
background: #e7ad52;
text-shadow: none; }
+::-moz-selection {
+ color: #fff;
+ background: #e7ad52;
+ text-shadow: none; }
+
.reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3;
@@ -180,7 +185,8 @@ body {
.reveal table td[align="right"] {
text-align: right; }
-.reveal table tr:last-child td {
+.reveal table tbody tr:last-child th,
+.reveal table tbody tr:last-child td {
border-bottom: none; }
.reveal sup {
@@ -204,9 +210,9 @@ body {
.reveal a {
color: #e7ad52;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #f3d7ac;
@@ -231,9 +237,9 @@ body {
box-shadow: none; }
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
diff --git a/css/theme/serif.css b/css/theme/serif.css
index 736c0b5..e9b08c6 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -16,7 +16,7 @@ body {
.reveal {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
- font-size: 36px;
+ font-size: 40px;
font-weight: normal;
color: #000; }
@@ -25,6 +25,11 @@ body {
background: #26351C;
text-shadow: none; }
+::-moz-selection {
+ color: #fff;
+ background: #26351C;
+ text-shadow: none; }
+
.reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3;
@@ -182,7 +187,8 @@ body {
.reveal table td[align="right"] {
text-align: right; }
-.reveal table tr:last-child td {
+.reveal table tbody tr:last-child th,
+.reveal table tbody tr:last-child td {
border-bottom: none; }
.reveal sup {
@@ -206,9 +212,9 @@ body {
.reveal a {
color: #51483D;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #8b7c69;
@@ -233,9 +239,9 @@ body {
box-shadow: none; }
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
diff --git a/css/theme/simple.css b/css/theme/simple.css
index 20d919d..f64343e 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -7,6 +7,9 @@
*/
@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);
+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; }
+
/*********************************************
* GLOBAL STYLES
*********************************************/
@@ -16,7 +19,7 @@ body {
.reveal {
font-family: "Lato", sans-serif;
- font-size: 36px;
+ font-size: 40px;
font-weight: normal;
color: #000; }
@@ -25,6 +28,11 @@ body {
background: rgba(0, 0, 0, 0.99);
text-shadow: none; }
+::-moz-selection {
+ color: #fff;
+ background: rgba(0, 0, 0, 0.99);
+ text-shadow: none; }
+
.reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3;
@@ -182,7 +190,8 @@ body {
.reveal table td[align="right"] {
text-align: right; }
-.reveal table tr:last-child td {
+.reveal table tbody tr:last-child th,
+.reveal table tbody tr:last-child td {
border-bottom: none; }
.reveal sup {
@@ -206,9 +215,9 @@ body {
.reveal a {
color: #00008B;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #0000f1;
@@ -233,9 +242,9 @@ body {
box-shadow: none; }
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
diff --git a/css/theme/sky.css b/css/theme/sky.css
index e762a50..33689eb 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -23,7 +23,7 @@ body {
.reveal {
font-family: "Open Sans", sans-serif;
- font-size: 36px;
+ font-size: 40px;
font-weight: normal;
color: #333; }
@@ -32,6 +32,11 @@ body {
background: #134674;
text-shadow: none; }
+::-moz-selection {
+ color: #fff;
+ background: #134674;
+ text-shadow: none; }
+
.reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3;
@@ -189,7 +194,8 @@ body {
.reveal table td[align="right"] {
text-align: right; }
-.reveal table tr:last-child td {
+.reveal table tbody tr:last-child th,
+.reveal table tbody tr:last-child td {
border-bottom: none; }
.reveal sup {
@@ -213,9 +219,9 @@ body {
.reveal a {
color: #3b759e;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #74a7cb;
@@ -240,9 +246,9 @@ body {
box-shadow: none; }
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index bf2f651..9bd21aa 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -20,7 +20,7 @@ body {
.reveal {
font-family: "Lato", sans-serif;
- font-size: 36px;
+ font-size: 40px;
font-weight: normal;
color: #657b83; }
@@ -29,6 +29,11 @@ body {
background: #d33682;
text-shadow: none; }
+::-moz-selection {
+ color: #fff;
+ background: #d33682;
+ text-shadow: none; }
+
.reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3;
@@ -186,7 +191,8 @@ body {
.reveal table td[align="right"] {
text-align: right; }
-.reveal table tr:last-child td {
+.reveal table tbody tr:last-child th,
+.reveal table tbody tr:last-child td {
border-bottom: none; }
.reveal sup {
@@ -210,9 +216,9 @@ body {
.reveal a {
color: #268bd2;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #78b9e6;
@@ -237,9 +243,9 @@ body {
box-shadow: none; }
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
diff --git a/css/theme/source/black.scss b/css/theme/source/black.scss
index 73dfecb..84e8d9a 100644
--- a/css/theme/source/black.scss
+++ b/css/theme/source/black.scss
@@ -1,7 +1,7 @@
/**
* Black theme for reveal.js. This is the opposite of the 'white' theme.
*
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
+ * By Hakim El Hattab, http://hakim.se
*/
@@ -21,7 +21,7 @@ $backgroundColor: #222;
$mainColor: #fff;
$headingColor: #fff;
-$mainFontSize: 38px;
+$mainFontSize: 42px;
$mainFont: 'Source Sans Pro', Helvetica, sans-serif;
$headingFont: 'Source Sans Pro', Helvetica, sans-serif;
$headingTextShadow: none;
diff --git a/css/theme/source/blood.scss b/css/theme/source/blood.scss
index d22b53d..4533fc0 100644
--- a/css/theme/source/blood.scss
+++ b/css/theme/source/blood.scss
@@ -28,7 +28,6 @@ $backgroundColor: $coal;
// Main text
$mainFont: Ubuntu, 'sans-serif';
-$mainFontSize: 36px;
$mainColor: #eee;
// Headings
diff --git a/css/theme/source/night.scss b/css/theme/source/night.scss
index b0cb57f..d49a282 100644
--- a/css/theme/source/night.scss
+++ b/css/theme/source/night.scss
@@ -27,7 +27,6 @@ $headingTextShadow: none;
$headingLetterSpacing: -0.03em;
$headingTextTransform: none;
$selectionBackgroundColor: #e7ad52;
-$mainFontSize: 30px;
// Theme template ------------------------------
diff --git a/css/theme/source/simple.scss b/css/theme/source/simple.scss
index 84c7d9b..394c9cd 100644
--- a/css/theme/source/simple.scss
+++ b/css/theme/source/simple.scss
@@ -31,6 +31,11 @@ $linkColor: #00008B;
$linkColorHover: lighten( $linkColor, 20% );
$selectionBackgroundColor: rgba(0, 0, 0, 0.99);
+section.has-dark-background {
+ &, h1, h2, h3, h4, h5, h6 {
+ color: #fff;
+ }
+}
// Theme template ------------------------------
diff --git a/css/theme/source/white.scss b/css/theme/source/white.scss
index 4c5b647..7f06ffd 100644
--- a/css/theme/source/white.scss
+++ b/css/theme/source/white.scss
@@ -1,7 +1,7 @@
/**
* White theme for reveal.js. This is the opposite of the 'black' theme.
*
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
+ * By Hakim El Hattab, http://hakim.se
*/
@@ -21,7 +21,7 @@ $backgroundColor: #fff;
$mainColor: #222;
$headingColor: #222;
-$mainFontSize: 38px;
+$mainFontSize: 42px;
$mainFont: 'Source Sans Pro', Helvetica, sans-serif;
$headingFont: 'Source Sans Pro', Helvetica, sans-serif;
$headingTextShadow: none;
diff --git a/css/theme/template/settings.scss b/css/theme/template/settings.scss
index ffaac23..63c02cf 100644
--- a/css/theme/template/settings.scss
+++ b/css/theme/template/settings.scss
@@ -6,7 +6,7 @@ $backgroundColor: #2b2b2b;
// Primary/body text
$mainFont: 'Lato', sans-serif;
-$mainFontSize: 36px;
+$mainFontSize: 40px;
$mainColor: #eee;
// Vertical spacing between blocks of text
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index 9bb416a..bcbaf0c 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -22,6 +22,12 @@ body {
text-shadow: none;
}
+::-moz-selection {
+ color: $selectionColor;
+ background: $selectionBackgroundColor;
+ text-shadow: none;
+}
+
.reveal .slides>section,
.reveal .slides>section>section {
line-height: 1.3;
@@ -207,7 +213,8 @@ body {
text-align: right;
}
-.reveal table tr:last-child td {
+.reveal table tbody tr:last-child th,
+.reveal table tbody tr:last-child td {
border-bottom: none;
}
diff --git a/css/theme/white.css b/css/theme/white.css
index a05cd85..7adc605 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -1,7 +1,7 @@
/**
* White theme for reveal.js. This is the opposite of the 'black' theme.
*
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
+ * By 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 {
@@ -16,7 +16,7 @@ body {
.reveal {
font-family: "Source Sans Pro", Helvetica, sans-serif;
- font-size: 38px;
+ font-size: 42px;
font-weight: normal;
color: #222; }
@@ -25,6 +25,11 @@ body {
background: #98bdef;
text-shadow: none; }
+::-moz-selection {
+ color: #fff;
+ background: #98bdef;
+ text-shadow: none; }
+
.reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3;
@@ -182,7 +187,8 @@ body {
.reveal table td[align="right"] {
text-align: right; }
-.reveal table tr:last-child td {
+.reveal table tbody tr:last-child th,
+.reveal table tbody tr:last-child td {
border-bottom: none; }
.reveal sup {
@@ -206,9 +212,9 @@ body {
.reveal a {
color: #2a76dd;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #6ca0e8;
@@ -233,9 +239,9 @@ body {
box-shadow: none; }
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);