summaryrefslogtreecommitdiffhomepage
path: root/css
diff options
context:
space:
mode:
Diffstat (limited to 'css')
-rw-r--r--css/print/pdf.css13
-rw-r--r--css/reveal.css444
-rw-r--r--css/reveal.scss396
-rw-r--r--css/theme/README.md2
-rw-r--r--css/theme/beige.css44
-rw-r--r--css/theme/black.css44
-rw-r--r--css/theme/blood.css44
-rw-r--r--css/theme/league.css44
-rw-r--r--css/theme/moon.css44
-rw-r--r--css/theme/night.css44
-rw-r--r--css/theme/serif.css44
-rw-r--r--css/theme/simple.css44
-rw-r--r--css/theme/sky.css44
-rw-r--r--css/theme/solarized.css44
-rw-r--r--css/theme/template/theme.scss50
-rw-r--r--css/theme/white.css44
16 files changed, 736 insertions, 653 deletions
diff --git a/css/print/pdf.css b/css/print/pdf.css
index 8c3234c..aa1f7fa 100644
--- a/css/print/pdf.css
+++ b/css/print/pdf.css
@@ -87,14 +87,14 @@ ul, ol, div, p {
position: relative;
overflow: hidden;
z-index: 1;
+
+ page-break-after: always;
}
.reveal .slides section {
- page-break-after: always !important;
-
visibility: visible !important;
display: block !important;
- position: relative !important;
+ position: absolute !important;
margin: 0 !important;
padding: 0 !important;
@@ -115,6 +115,7 @@ ul, ol, div, p {
}
.reveal section.stack {
+ position: relative !important;
margin: 0 !important;
padding: 0 !important;
page-break-after: avoid !important;
@@ -143,9 +144,14 @@ ul, ol, div, p {
}
/* Display slide speaker notes when 'showNotes' is enabled */
+.reveal.show-notes {
+ max-width: none;
+ max-height: none;
+}
.reveal .speaker-notes-pdf {
display: block;
width: 100%;
+ height: auto;
max-height: none;
top: auto;
right: auto;
@@ -161,6 +167,7 @@ ul, ol, div, p {
background-color: transparent;
padding: 20px;
page-break-after: always;
+ border: 0;
}
/* Display slide numbers when 'slideNumber' is enabled */
diff --git a/css/reveal.css b/css/reveal.css
index f675977..3392753 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -1,6 +1,6 @@
/*!
* reveal.js
- * http://lab.hakim.se/reveal-js
+ * http://revealjs.com
* MIT licensed
*
* Copyright (C) 2017 Hakim El Hattab, http://hakim.se
@@ -53,8 +53,7 @@ body {
.reveal .slides section .fragment {
opacity: 0;
visibility: hidden;
- -webkit-transition: all .2s ease;
- transition: all .2s ease; }
+ transition: all .2s ease; }
.reveal .slides section .fragment.visible {
opacity: 1;
visibility: inherit; }
@@ -189,100 +188,261 @@ body {
/*********************************************
* CONTROLS
*********************************************/
+@-webkit-keyframes bounce-right {
+ 0%, 10%, 25%, 40%, 50% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); }
+ 20% {
+ -webkit-transform: translateX(10px);
+ transform: translateX(10px); }
+ 30% {
+ -webkit-transform: translateX(-5px);
+ transform: translateX(-5px); } }
+@keyframes bounce-right {
+ 0%, 10%, 25%, 40%, 50% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); }
+ 20% {
+ -webkit-transform: translateX(10px);
+ transform: translateX(10px); }
+ 30% {
+ -webkit-transform: translateX(-5px);
+ transform: translateX(-5px); } }
+
+@-webkit-keyframes bounce-down {
+ 0%, 10%, 25%, 40%, 50% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0); }
+ 20% {
+ -webkit-transform: translateY(10px);
+ transform: translateY(10px); }
+ 30% {
+ -webkit-transform: translateY(-5px);
+ transform: translateY(-5px); } }
+
+@keyframes bounce-down {
+ 0%, 10%, 25%, 40%, 50% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0); }
+ 20% {
+ -webkit-transform: translateY(10px);
+ transform: translateY(10px); }
+ 30% {
+ -webkit-transform: translateY(-5px);
+ transform: translateY(-5px); } }
+
.reveal .controls {
display: none;
- position: fixed;
- width: 110px;
- height: 110px;
- z-index: 30;
- right: 10px;
- bottom: 10px;
- -webkit-user-select: none; }
-
-.reveal .controls button {
- padding: 0;
position: absolute;
- opacity: 0.05;
- width: 0;
- height: 0;
- background-color: transparent;
- border: 12px solid transparent;
- -webkit-transform: scale(0.9999);
- transform: scale(0.9999);
- -webkit-transition: all 0.2s ease;
- transition: all 0.2s ease;
- -webkit-appearance: none;
- -webkit-tap-highlight-color: transparent; }
-
-.reveal .controls .enabled {
- opacity: 0.7;
- cursor: pointer; }
-
-.reveal .controls .enabled:active {
- margin-top: 1px; }
-
-.reveal .controls .navigate-left {
- top: 42px;
- border-right-width: 22px;
- border-right-color: #000; }
+ top: auto;
+ bottom: 12px;
+ right: 12px;
+ left: auto;
+ z-index: 1;
+ color: #000;
+ pointer-events: none;
+ font-size: 10px; }
+ .reveal .controls button {
+ position: absolute;
+ padding: 0;
+ background-color: transparent;
+ border: 0;
+ outline: 0;
+ cursor: pointer;
+ color: currentColor;
+ -webkit-transform: scale(0.9999);
+ transform: scale(0.9999);
+ transition: color 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
+ transition: color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
+ z-index: 2;
+ pointer-events: auto;
+ font-size: inherit;
+ visibility: hidden;
+ opacity: 0;
+ -webkit-appearance: none;
+ -webkit-tap-highlight-color: transparent; }
+ .reveal .controls .controls-arrow:before,
+ .reveal .controls .controls-arrow:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 2.6em;
+ height: 0.5em;
+ border-radius: 0.25em;
+ background-color: currentColor;
+ transition: all 0.15s ease, background-color 0.8s ease;
+ -webkit-transform-origin: 0.2em 50%;
+ transform-origin: 0.2em 50%;
+ will-change: transform; }
+ .reveal .controls .controls-arrow {
+ position: relative;
+ width: 3.6em;
+ height: 3.6em; }
+ .reveal .controls .controls-arrow:before {
+ -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(45deg);
+ transform: translateX(0.5em) translateY(1.55em) rotate(45deg); }
+ .reveal .controls .controls-arrow:after {
+ -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(-45deg);
+ transform: translateX(0.5em) translateY(1.55em) rotate(-45deg); }
+ .reveal .controls .controls-arrow:hover:before {
+ -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(40deg);
+ transform: translateX(0.5em) translateY(1.55em) rotate(40deg); }
+ .reveal .controls .controls-arrow:hover:after {
+ -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(-40deg);
+ transform: translateX(0.5em) translateY(1.55em) rotate(-40deg); }
+ .reveal .controls .controls-arrow:active:before {
+ -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(36deg);
+ transform: translateX(0.5em) translateY(1.55em) rotate(36deg); }
+ .reveal .controls .controls-arrow:active:after {
+ -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(-36deg);
+ transform: translateX(0.5em) translateY(1.55em) rotate(-36deg); }
+ .reveal .controls .navigate-left {
+ right: 6.4em;
+ bottom: 3.2em;
+ -webkit-transform: translateX(-10px);
+ transform: translateX(-10px); }
+ .reveal .controls .navigate-right {
+ right: 0;
+ bottom: 3.2em;
+ -webkit-transform: translateX(10px);
+ transform: translateX(10px); }
+ .reveal .controls .navigate-right .controls-arrow {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg); }
+ .reveal .controls .navigate-right.highlight {
+ -webkit-animation: bounce-right 2s 50 both ease-out;
+ animation: bounce-right 2s 50 both ease-out; }
+ .reveal .controls .navigate-up {
+ right: 3.2em;
+ bottom: 6.4em;
+ -webkit-transform: translateY(-10px);
+ transform: translateY(-10px); }
+ .reveal .controls .navigate-up .controls-arrow {
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg); }
+ .reveal .controls .navigate-down {
+ right: 3.2em;
+ bottom: 0;
+ -webkit-transform: translateY(10px);
+ transform: translateY(10px); }
+ .reveal .controls .navigate-down .controls-arrow {
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg); }
+ .reveal .controls .navigate-down.highlight {
+ -webkit-animation: bounce-down 2s 50 both ease-out;
+ animation: bounce-down 2s 50 both ease-out; }
+ .reveal .controls[data-controls-back-arrows="faded"] .navigate-left.enabled,
+ .reveal .controls[data-controls-back-arrows="faded"] .navigate-up.enabled {
+ opacity: 0.3; }
+ .reveal .controls[data-controls-back-arrows="faded"] .navigate-left.enabled:hover,
+ .reveal .controls[data-controls-back-arrows="faded"] .navigate-up.enabled:hover {
+ opacity: 1; }
+ .reveal .controls[data-controls-back-arrows="hidden"] .navigate-left.enabled,
+ .reveal .controls[data-controls-back-arrows="hidden"] .navigate-up.enabled {
+ opacity: 0;
+ visibility: hidden; }
+ .reveal .controls .enabled {
+ visibility: visible;
+ opacity: 0.9;
+ cursor: pointer;
+ -webkit-transform: none;
+ transform: none; }
+ .reveal .controls .enabled.fragmented {
+ opacity: 0.5; }
+ .reveal .controls .enabled:hover,
+ .reveal .controls .enabled.fragmented:hover {
+ opacity: 1; }
-.reveal .controls .navigate-left.fragmented {
- opacity: 0.3; }
+.reveal:not(.has-vertical-slides) .controls .navigate-left {
+ bottom: 1.4em;
+ right: 5.5em; }
-.reveal .controls .navigate-right {
- left: 74px;
- top: 42px;
- border-left-width: 22px;
- border-left-color: #000; }
+.reveal:not(.has-vertical-slides) .controls .navigate-right {
+ bottom: 1.4em;
+ right: 0.5em; }
-.reveal .controls .navigate-right.fragmented {
- opacity: 0.3; }
+.reveal:not(.has-horizontal-slides) .controls .navigate-up {
+ right: 1.4em;
+ bottom: 5em; }
-.reveal .controls .navigate-up {
- left: 42px;
- border-bottom-width: 22px;
- border-bottom-color: #000; }
+.reveal:not(.has-horizontal-slides) .controls .navigate-down {
+ right: 1.4em;
+ bottom: 0.5em; }
-.reveal .controls .navigate-up.fragmented {
- opacity: 0.3; }
+.reveal.has-dark-background .controls {
+ color: #fff; }
-.reveal .controls .navigate-down {
- left: 42px;
- top: 74px;
- border-top-width: 22px;
- border-top-color: #000; }
+.reveal.has-light-background .controls {
+ color: #000; }
-.reveal .controls .navigate-down.fragmented {
- opacity: 0.3; }
+.reveal.no-hover .controls .controls-arrow:hover:before,
+.reveal.no-hover .controls .controls-arrow:active:before {
+ -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(45deg);
+ transform: translateX(0.5em) translateY(1.55em) rotate(45deg); }
+
+.reveal.no-hover .controls .controls-arrow:hover:after,
+.reveal.no-hover .controls .controls-arrow:active:after {
+ -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(-45deg);
+ transform: translateX(0.5em) translateY(1.55em) rotate(-45deg); }
+
+@media screen and (min-width: 500px) {
+ .reveal .controls[data-controls-layout="edges"] {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0; }
+ .reveal .controls[data-controls-layout="edges"] .navigate-left,
+ .reveal .controls[data-controls-layout="edges"] .navigate-right,
+ .reveal .controls[data-controls-layout="edges"] .navigate-up,
+ .reveal .controls[data-controls-layout="edges"] .navigate-down {
+ bottom: auto;
+ right: auto; }
+ .reveal .controls[data-controls-layout="edges"] .navigate-left {
+ top: 50%;
+ left: 8px;
+ margin-top: -1.8em; }
+ .reveal .controls[data-controls-layout="edges"] .navigate-right {
+ top: 50%;
+ right: 8px;
+ margin-top: -1.8em; }
+ .reveal .controls[data-controls-layout="edges"] .navigate-up {
+ top: 8px;
+ left: 50%;
+ margin-left: -1.8em; }
+ .reveal .controls[data-controls-layout="edges"] .navigate-down {
+ bottom: 8px;
+ left: 50%;
+ margin-left: -1.8em; } }
/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
- position: fixed;
+ position: absolute;
display: none;
height: 3px;
width: 100%;
bottom: 0;
left: 0;
z-index: 10;
- background-color: rgba(0, 0, 0, 0.2); }
+ background-color: rgba(0, 0, 0, 0.2);
+ color: #fff; }
.reveal .progress:after {
content: '';
display: block;
position: absolute;
- height: 20px;
+ height: 10px;
width: 100%;
- top: -20px; }
+ top: -10px; }
.reveal .progress span {
display: block;
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); }
+ background-color: currentColor;
+ transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
/*********************************************
* SLIDE NUMBER
@@ -314,6 +474,10 @@ body {
-ms-touch-action: none;
touch-action: none; }
+@media only screen and (orientation: landscape) {
+ .reveal.ua-iphone {
+ position: fixed; } }
+
.reveal .slides {
position: absolute;
width: 100%;
@@ -345,26 +509,22 @@ body {
z-index: 10;
-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: 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: -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: 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;
@@ -377,7 +537,9 @@ body {
opacity: 1; }
.reveal .slides > section:empty,
-.reveal .slides > section > 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,
@@ -564,8 +726,7 @@ body {
*********************************************/
.reveal .slides section[data-transition=zoom],
.reveal.zoom .slides section:not([data-transition]) {
- -webkit-transition-timing-function: ease;
- transition-timing-function: ease; }
+ transition-timing-function: ease; }
.reveal .slides > section[data-transition=zoom].past,
.reveal .slides > section[data-transition~=zoom-out].past,
@@ -757,13 +918,11 @@ body {
.reveal.fade .slides > section > section:not([data-transition]) {
-webkit-transform: none;
transform: none;
- -webkit-transition: opacity 0.5s;
- transition: opacity 0.5s; }
+ transition: opacity 0.5s; }
.reveal.fade.overview .slides section,
.reveal.fade.overview .slides > section > section {
- -webkit-transition: none;
- transition: none; }
+ transition: none; }
/*********************************************
* NO TRANSITION
@@ -772,8 +931,7 @@ body {
.reveal.none .slides section:not([data-transition]) {
-webkit-transform: none;
transform: none;
- -webkit-transition: none;
- transition: none; }
+ transition: none; }
/*********************************************
* PAUSED MODE
@@ -788,8 +946,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;
@@ -831,8 +988,7 @@ body {
.reveal .no-transition,
.reveal .no-transition * {
- -webkit-transition: none !important;
- transition: none !important; }
+ transition: none !important; }
/*********************************************
* PER-SLIDE BACKGROUNDS
@@ -858,8 +1014,7 @@ body {
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; }
@@ -892,8 +1047,7 @@ body {
/* Immediate transition style */
.reveal[data-background-transition=none] > .backgrounds .slide-background,
.reveal > .backgrounds .slide-background[data-background-transition=none] {
- -webkit-transition: none;
- transition: none; }
+ transition: none; }
/* Slide */
.reveal[data-background-transition=slide] > .backgrounds .slide-background,
@@ -975,8 +1129,7 @@ body {
/* 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; }
+ transition-timing-function: ease; }
.reveal[data-background-transition=zoom] > .backgrounds .slide-background.past,
.reveal > .backgrounds .slide-background.past[data-background-transition=zoom] {
@@ -1008,12 +1161,10 @@ body {
/* 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
@@ -1039,8 +1190,7 @@ body {
outline-offset: 10px; }
.reveal.overview .slides section .fragment {
opacity: 1;
- -webkit-transition: none;
- transition: none; }
+ transition: none; }
.reveal.overview .slides section:after,
.reveal.overview .slides section:before {
display: none !important; }
@@ -1064,13 +1214,11 @@ body {
.reveal.overview .slides section,
.reveal.overview-deactivating .slides section {
- -webkit-transition: none;
- transition: none; }
+ transition: none; }
.reveal.overview .backgrounds .slide-background,
.reveal.overview-deactivating .backgrounds .slide-background {
- -webkit-transition: none;
- transition: none; }
+ transition: none; }
/*********************************************
* RTL SUPPORT
@@ -1100,17 +1248,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
@@ -1125,8 +1270,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;
@@ -1144,8 +1288,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;
@@ -1186,7 +1329,6 @@ body {
.reveal .overlay .viewport {
position: absolute;
display: -webkit-box;
- display: -webkit-flex;
display: -ms-flexbox;
display: flex;
top: 40px;
@@ -1202,8 +1344,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;
@@ -1220,8 +1361,7 @@ body {
.reveal .overlay.overlay-preview .x-frame-error {
opacity: 0;
- -webkit-transition: opacity 0.3s ease 0.3s;
- transition: opacity 0.3s ease 0.3s; }
+ transition: opacity 0.3s ease 0.3s; }
.reveal .overlay.overlay-preview.loaded .x-frame-error {
opacity: 1; }
@@ -1266,13 +1406,13 @@ body {
* PLAYBACK COMPONENT
*********************************************/
.reveal .playback {
- position: fixed;
+ position: absolute;
left: 15px;
bottom: 20px;
z-index: 30;
cursor: pointer;
- -webkit-transition: all 400ms ease;
- transition: all 400ms ease; }
+ transition: all 400ms ease;
+ -webkit-tap-highlight-color: transparent; }
.reveal.overview .playback {
opacity: 0;
@@ -1300,8 +1440,7 @@ body {
position: relative;
padding: 0 2px;
pointer-events: none;
- -webkit-transition: all 400ms ease;
- transition: all 400ms ease;
+ transition: all 400ms ease;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform-style: preserve-3d;
@@ -1337,33 +1476,64 @@ body {
.reveal .speaker-notes {
display: none;
position: absolute;
- width: 70%;
- max-height: 15%;
- left: 15%;
- bottom: 26px;
- padding: 10px;
+ width: 25vw;
+ height: 100%;
+ top: 0;
+ left: 100%;
+ padding: 14px 18px 14px 18px;
z-index: 1;
font-size: 18px;
line-height: 1.4;
- color: #fff;
- background-color: rgba(0, 0, 0, 0.5);
+ border: 1px solid rgba(0, 0, 0, 0.05);
+ color: #222;
+ background-color: #f5f5f5;
overflow: auto;
box-sizing: border-box;
text-align: left;
font-family: Helvetica, sans-serif;
-webkit-overflow-scrolling: touch; }
-
-.reveal .speaker-notes.visible:not(:empty) {
+ .reveal .speaker-notes .notes-placeholder {
+ color: #ccc;
+ font-style: italic; }
+ .reveal .speaker-notes:focus {
+ outline: none; }
+ .reveal .speaker-notes:before {
+ content: 'Speaker notes';
+ display: block;
+ margin-bottom: 10px;
+ opacity: 0.5; }
+
+.reveal.show-notes {
+ max-width: 75vw;
+ overflow: visible; }
+
+.reveal.show-notes .speaker-notes {
display: block; }
-@media screen and (max-width: 1024px) {
+@media screen and (min-width: 1600px) {
.reveal .speaker-notes {
- font-size: 14px; } }
+ font-size: 20px; } }
+
+@media screen and (max-width: 1024px) {
+ .reveal.show-notes {
+ border-left: 0;
+ max-width: none;
+ max-height: 70%;
+ overflow: visible; }
+ .reveal.show-notes .speaker-notes {
+ top: 100%;
+ left: 0;
+ width: 100%;
+ height: 42.8571428571%; } }
@media screen and (max-width: 600px) {
+ .reveal.show-notes {
+ max-height: 60%; }
+ .reveal.show-notes .speaker-notes {
+ top: 100%;
+ height: 66.6666666667%; }
.reveal .speaker-notes {
- width: 90%;
- left: 5%; } }
+ font-size: 14px; } }
/*********************************************
* ZOOM PLUGIN
diff --git a/css/reveal.scss b/css/reveal.scss
index fba248e..1a87624 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -1,6 +1,6 @@
/*!
* reveal.js
- * http://lab.hakim.se/reveal-js
+ * http://revealjs.com
* MIT licensed
*
* Copyright (C) 2017 Hakim El Hattab, http://hakim.se
@@ -235,90 +235,279 @@ body {
* CONTROLS
*********************************************/
-.reveal .controls {
- display: none;
- position: fixed;
- width: 110px;
- height: 110px;
- z-index: 30;
- right: 10px;
- bottom: 10px;
-
- -webkit-user-select: none;
+@keyframes bounce-right {
+ 0%, 10%, 25%, 40%, 50% {transform: translateX(0);}
+ 20% {transform: translateX(10px);}
+ 30% {transform: translateX(-5px);}
}
-.reveal .controls button {
- padding: 0;
- position: absolute;
- opacity: 0.05;
- width: 0;
- height: 0;
- background-color: transparent;
- border: 12px solid transparent;
- transform: scale(.9999);
- transition: all 0.2s ease;
- -webkit-appearance: none;
- -webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );
+@keyframes bounce-down {
+ 0%, 10%, 25%, 40%, 50% {transform: translateY(0);}
+ 20% {transform: translateY(10px);}
+ 30% {transform: translateY(-5px);}
}
-.reveal .controls .enabled {
- opacity: 0.7;
- cursor: pointer;
-}
+$controlArrowSize: 3.6em;
+$controlArrowSpacing: 1.4em;
+$controlArrowLength: 2.6em;
+$controlArrowThickness: 0.5em;
+$controlsArrowAngle: 45deg;
+$controlsArrowAngleHover: 40deg;
+$controlsArrowAngleActive: 36deg;
+
+@mixin controlsArrowTransform( $angle ) {
+ &:before {
+ transform: translateX(($controlArrowSize - $controlArrowLength)/2) translateY(($controlArrowSize - $controlArrowThickness)/2) rotate( $angle );
+ }
-.reveal .controls .enabled:active {
- margin-top: 1px;
+ &:after {
+ transform: translateX(($controlArrowSize - $controlArrowLength)/2) translateY(($controlArrowSize - $controlArrowThickness)/2) rotate( -$angle );
+ }
}
- .reveal .controls .navigate-left {
- top: 42px;
+.reveal .controls {
+ $spacing: 12px;
+
+ display: none;
+ position: absolute;
+ top: auto;
+ bottom: $spacing;
+ right: $spacing;
+ left: auto;
+ z-index: 1;
+ color: #000;
+ pointer-events: none;
+ font-size: 10px;
+
+ button {
+ position: absolute;
+ padding: 0;
+ background-color: transparent;
+ border: 0;
+ outline: 0;
+ cursor: pointer;
+ color: currentColor;
+ transform: scale(.9999);
+ transition: color 0.2s ease,
+ opacity 0.2s ease,
+ transform 0.2s ease;
+ z-index: 2; // above slides
+ pointer-events: auto;
+ font-size: inherit;
+
+ visibility: hidden;
+ opacity: 0;
+
+ -webkit-appearance: none;
+ -webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );
+ }
- border-right-width: 22px;
- border-right-color: #000;
+ .controls-arrow:before,
+ .controls-arrow:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: $controlArrowLength;
+ height: $controlArrowThickness;
+ border-radius: $controlArrowThickness/2;
+ background-color: currentColor;
+
+ transition: all 0.15s ease, background-color 0.8s ease;
+ transform-origin: floor(($controlArrowThickness/2)*10)/10 50%;
+ will-change: transform;
}
- .reveal .controls .navigate-left.fragmented {
- opacity: 0.3;
+
+ .controls-arrow {
+ position: relative;
+ width: $controlArrowSize;
+ height: $controlArrowSize;
+
+ @include controlsArrowTransform( $controlsArrowAngle );
+
+ &:hover {
+ @include controlsArrowTransform( $controlsArrowAngleHover );
}
- .reveal .controls .navigate-right {
- left: 74px;
- top: 42px;
+ &:active {
+ @include controlsArrowTransform( $controlsArrowAngleActive );
+ }
+ }
+
+ .navigate-left {
+ right: $controlArrowSize + $controlArrowSpacing*2;
+ bottom: $controlArrowSpacing + $controlArrowSize/2;
+ transform: translateX( -10px );
+ }
+
+ .navigate-right {
+ right: 0;
+ bottom: $controlArrowSpacing + $controlArrowSize/2;
+ transform: translateX( 10px );
+
+ .controls-arrow {
+ transform: rotate( 180deg );
+ }
- border-left-width: 22px;
- border-left-color: #000;
+ &.highlight {
+ animation: bounce-right 2s 50 both ease-out;
+ }
}
- .reveal .controls .navigate-right.fragmented {
- opacity: 0.3;
+
+ .navigate-up {
+ right: $controlArrowSpacing + $controlArrowSize/2;
+ bottom: $controlArrowSpacing*2 + $controlArrowSize;
+ transform: translateY( -10px );
+
+ .controls-arrow {
+ transform: rotate( 90deg );
}
+ }
- .reveal .controls .navigate-up {
- left: 42px;
+ .navigate-down {
+ right: $controlArrowSpacing + $controlArrowSize/2;
+ bottom: 0;
+ transform: translateY( 10px );
+
+ .controls-arrow {
+ transform: rotate( -90deg );
+ }
- border-bottom-width: 22px;
- border-bottom-color: #000;
+ &.highlight {
+ animation: bounce-down 2s 50 both ease-out;
+ }
}
- .reveal .controls .navigate-up.fragmented {
- opacity: 0.3;
+
+ // Back arrow style: "faded":
+ // Deemphasize backwards navigation arrows in favor of drawing
+ // attention to forwards navigation
+ &[data-controls-back-arrows="faded"] .navigate-left.enabled,
+ &[data-controls-back-arrows="faded"] .navigate-up.enabled {
+ opacity: 0.3;
+
+ &:hover {
+ opacity: 1;
}
+ }
+
+ // Back arrow style: "hidden":
+ // Never show arrows for backwards navigation
+ &[data-controls-back-arrows="hidden"] .navigate-left.enabled,
+ &[data-controls-back-arrows="hidden"] .navigate-up.enabled {
+ opacity: 0;
+ visibility: hidden;
+ }
+
+ // Any control button that can be clicked is "enabled"
+ .enabled {
+ visibility: visible;
+ opacity: 0.9;
+ cursor: pointer;
+ transform: none;
+ }
- .reveal .controls .navigate-down {
- left: 42px;
- top: 74px;
+ // Any control button that leads to showing or hiding
+ // a fragment
+ .enabled.fragmented {
+ opacity: 0.5;
+ }
- border-top-width: 22px;
- border-top-color: #000;
+ .enabled:hover,
+ .enabled.fragmented:hover {
+ opacity: 1;
}
- .reveal .controls .navigate-down.fragmented {
- opacity: 0.3;
+}
+
+// Adjust the layout when there are no vertical slides
+.reveal:not(.has-vertical-slides) .controls .navigate-left {
+ bottom: $controlArrowSpacing;
+ right: 0.5em + $controlArrowSpacing + $controlArrowSize;
+}
+
+.reveal:not(.has-vertical-slides) .controls .navigate-right {
+ bottom: $controlArrowSpacing;
+ right: 0.5em;
+}
+
+// Adjust the layout when there are no horizontal slides
+.reveal:not(.has-horizontal-slides) .controls .navigate-up {
+ right: $controlArrowSpacing;
+ bottom: $controlArrowSpacing + $controlArrowSize;
+}
+.reveal:not(.has-horizontal-slides) .controls .navigate-down {
+ right: $controlArrowSpacing;
+ bottom: 0.5em;
+}
+
+// Invert arrows based on background color
+.reveal.has-dark-background .controls {
+ color: #fff;
+}
+.reveal.has-light-background .controls {
+ color: #000;
+}
+
+// Disable active states on touch devices
+.reveal.no-hover .controls .controls-arrow:hover,
+.reveal.no-hover .controls .controls-arrow:active {
+ @include controlsArrowTransform( $controlsArrowAngle );
+}
+
+// Edge aligned controls layout
+@media screen and (min-width: 500px) {
+
+ $spacing: 8px;
+
+ .reveal .controls[data-controls-layout="edges"] {
+ & {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+
+ .navigate-left,
+ .navigate-right,
+ .navigate-up,
+ .navigate-down {
+ bottom: auto;
+ right: auto;
+ }
+
+ .navigate-left {
+ top: 50%;
+ left: $spacing;
+ margin-top: -$controlArrowSize/2;
+ }
+
+ .navigate-right {
+ top: 50%;
+ right: $spacing;
+ margin-top: -$controlArrowSize/2;
+ }
+
+ .navigate-up {
+ top: $spacing;
+ left: 50%;
+ margin-left: -$controlArrowSize/2;
}
+ .navigate-down {
+ bottom: $spacing;
+ left: 50%;
+ margin-left: -$controlArrowSize/2;
+ }
+ }
+
+}
+
/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
- position: fixed;
+ position: absolute;
display: none;
height: 3px;
width: 100%;
@@ -327,21 +516,22 @@ body {
z-index: 10;
background-color: rgba( 0, 0, 0, 0.2 );
+ color: #fff;
}
.reveal .progress:after {
content: '';
display: block;
position: absolute;
- height: 20px;
+ height: 10px;
width: 100%;
- top: -20px;
+ top: -10px;
}
.reveal .progress span {
display: block;
height: 100%;
width: 0px;
- background-color: #000;
+ background-color: currentColor;
transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
}
@@ -379,6 +569,16 @@ body {
touch-action: none;
}
+// Mobile Safari sometimes overlays a header at the top
+// of the page when in landscape mode. Using fixed
+// positioning ensures that reveal.js reduces its height
+// when this header is visible.
+@media only screen and (orientation : landscape) {
+ .reveal.ua-iphone {
+ position: fixed;
+ }
+}
+
.reveal .slides {
position: absolute;
width: 100%;
@@ -446,7 +646,9 @@ body {
}
.reveal .slides>section:empty,
-.reveal .slides>section>section:empty {
+.reveal .slides>section>section:empty,
+.reveal .slides>section[data-background-interactive],
+.reveal .slides>section>section[data-background-interactive] {
pointer-events: none;
}
@@ -1334,12 +1536,13 @@ body {
*********************************************/
.reveal .playback {
- position: fixed;
+ position: absolute;
left: 15px;
bottom: 20px;
z-index: 30;
cursor: pointer;
transition: all 400ms ease;
+ -webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );
}
.reveal.overview .playback {
@@ -1408,37 +1611,84 @@ body {
.reveal .speaker-notes {
display: none;
position: absolute;
- width: 70%;
- max-height: 15%;
- left: 15%;
- bottom: 26px;
- padding: 10px;
+ width: 25vw;
+ height: 100%;
+ top: 0;
+ left: 100%;
+ padding: 14px 18px 14px 18px;
z-index: 1;
font-size: 18px;
line-height: 1.4;
- color: #fff;
- background-color: rgba(0,0,0,0.5);
+ border: 1px solid rgba( 0, 0, 0, 0.05 );
+ color: #222;
+ background-color: #f5f5f5;
overflow: auto;
box-sizing: border-box;
text-align: left;
font-family: Helvetica, sans-serif;
-webkit-overflow-scrolling: touch;
+
+ .notes-placeholder {
+ color: #ccc;
+ font-style: italic;
+ }
+
+ &:focus {
+ outline: none;
+ }
+
+ &:before {
+ content: 'Speaker notes';
+ display: block;
+ margin-bottom: 10px;
+ opacity: 0.5;
+ }
}
-.reveal .speaker-notes.visible:not(:empty) {
+
+.reveal.show-notes {
+ max-width: 75vw;
+ overflow: visible;
+}
+
+.reveal.show-notes .speaker-notes {
display: block;
}
-@media screen and (max-width: 1024px) {
+@media screen and (min-width: 1600px) {
.reveal .speaker-notes {
- font-size: 14px;
+ font-size: 20px;
+ }
+}
+
+@media screen and (max-width: 1024px) {
+ .reveal.show-notes {
+ border-left: 0;
+ max-width: none;
+ max-height: 70%;
+ overflow: visible;
+ }
+
+ .reveal.show-notes .speaker-notes {
+ top: 100%;
+ left: 0;
+ width: 100%;
+ height: (30/0.7)*1%;
}
}
@media screen and (max-width: 600px) {
+ .reveal.show-notes {
+ max-height: 60%;
+ }
+
+ .reveal.show-notes .speaker-notes {
+ top: 100%;
+ height: (40/0.6)*1%;
+ }
+
.reveal .speaker-notes {
- width: 90%;
- left: 5%;
+ font-size: 14px;
}
}
diff --git a/css/theme/README.md b/css/theme/README.md
index 5a6c8fa..1bca121 100644
--- a/css/theme/README.md
+++ b/css/theme/README.md
@@ -1,6 +1,6 @@
## Dependencies
-Themes are written using Sass to keep things modular and reduce the need for repeated selectors across files. Make sure that you have the reveal.js development environment including the Grunt dependencies installed before proceding: https://github.com/hakimel/reveal.js#full-setup
+Themes are written using Sass to keep things modular and reduce the need for repeated selectors across files. Make sure that you have the reveal.js development environment including the Grunt dependencies installed before proceeding: https://github.com/hakimel/reveal.js#full-setup
## Creating a Theme
diff --git a/css/theme/beige.css b/css/theme/beige.css
index 7424a05..1c4adf5 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -34,8 +34,8 @@ 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; }
@@ -126,10 +126,6 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q,
-.reveal blockquote {
- quotes: none; }
-
.reveal blockquote {
display: block;
position: relative;
@@ -160,7 +156,8 @@ body {
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
.reveal code {
- font-family: monospace; }
+ font-family: monospace;
+ text-transform: none; }
.reveal pre code {
display: block;
@@ -255,42 +252,17 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left,
-.reveal .controls .navigate-left.enabled {
- border-right-color: #8b743d; }
-
-.reveal .controls .navigate-right,
-.reveal .controls .navigate-right.enabled {
- border-left-color: #8b743d; }
-
-.reveal .controls .navigate-up,
-.reveal .controls .navigate-up.enabled {
- border-bottom-color: #8b743d; }
-
-.reveal .controls .navigate-down,
-.reveal .controls .navigate-down.enabled {
- border-top-color: #8b743d; }
-
-.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #c0a86e; }
-
-.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #c0a86e; }
-
-.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #c0a86e; }
-
-.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #c0a86e; }
+.reveal .controls {
+ color: #8b743d; }
/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
- background: rgba(0, 0, 0, 0.2); }
+ background: rgba(0, 0, 0, 0.2);
+ color: #8b743d; }
.reveal .progress span {
- background: #8b743d;
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
diff --git a/css/theme/black.css b/css/theme/black.css
index 96e4fd4..5819669 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -30,8 +30,8 @@ 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; }
@@ -122,10 +122,6 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q,
-.reveal blockquote {
- quotes: none; }
-
.reveal blockquote {
display: block;
position: relative;
@@ -156,7 +152,8 @@ body {
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
.reveal code {
- font-family: monospace; }
+ font-family: monospace;
+ text-transform: none; }
.reveal pre code {
display: block;
@@ -251,42 +248,17 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left,
-.reveal .controls .navigate-left.enabled {
- border-right-color: #42affa; }
-
-.reveal .controls .navigate-right,
-.reveal .controls .navigate-right.enabled {
- border-left-color: #42affa; }
-
-.reveal .controls .navigate-up,
-.reveal .controls .navigate-up.enabled {
- border-bottom-color: #42affa; }
-
-.reveal .controls .navigate-down,
-.reveal .controls .navigate-down.enabled {
- border-top-color: #42affa; }
-
-.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #8dcffc; }
-
-.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #8dcffc; }
-
-.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #8dcffc; }
-
-.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #8dcffc; }
+.reveal .controls {
+ color: #42affa; }
/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
- background: rgba(0, 0, 0, 0.2); }
+ background: rgba(0, 0, 0, 0.2);
+ color: #42affa; }
.reveal .progress span {
- background: #42affa;
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
diff --git a/css/theme/blood.css b/css/theme/blood.css
index 1e0fbaf..f7335d9 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -33,8 +33,8 @@ 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; }
@@ -125,10 +125,6 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q,
-.reveal blockquote {
- quotes: none; }
-
.reveal blockquote {
display: block;
position: relative;
@@ -159,7 +155,8 @@ body {
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
.reveal code {
- font-family: monospace; }
+ font-family: monospace;
+ text-transform: none; }
.reveal pre code {
display: block;
@@ -254,42 +251,17 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left,
-.reveal .controls .navigate-left.enabled {
- border-right-color: #a23; }
-
-.reveal .controls .navigate-right,
-.reveal .controls .navigate-right.enabled {
- border-left-color: #a23; }
-
-.reveal .controls .navigate-up,
-.reveal .controls .navigate-up.enabled {
- border-bottom-color: #a23; }
-
-.reveal .controls .navigate-down,
-.reveal .controls .navigate-down.enabled {
- border-top-color: #a23; }
-
-.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #dd5566; }
-
-.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #dd5566; }
-
-.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #dd5566; }
-
-.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #dd5566; }
+.reveal .controls {
+ color: #a23; }
/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
- background: rgba(0, 0, 0, 0.2); }
+ background: rgba(0, 0, 0, 0.2);
+ color: #a23; }
.reveal .progress span {
- background: #a23;
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
diff --git a/css/theme/league.css b/css/theme/league.css
index 63711c3..1470d33 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -36,8 +36,8 @@ 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; }
@@ -128,10 +128,6 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q,
-.reveal blockquote {
- quotes: none; }
-
.reveal blockquote {
display: block;
position: relative;
@@ -162,7 +158,8 @@ body {
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
.reveal code {
- font-family: monospace; }
+ font-family: monospace;
+ text-transform: none; }
.reveal pre code {
display: block;
@@ -257,42 +254,17 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left,
-.reveal .controls .navigate-left.enabled {
- border-right-color: #13DAEC; }
-
-.reveal .controls .navigate-right,
-.reveal .controls .navigate-right.enabled {
- border-left-color: #13DAEC; }
-
-.reveal .controls .navigate-up,
-.reveal .controls .navigate-up.enabled {
- border-bottom-color: #13DAEC; }
-
-.reveal .controls .navigate-down,
-.reveal .controls .navigate-down.enabled {
- border-top-color: #13DAEC; }
-
-.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #71e9f4; }
-
-.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #71e9f4; }
-
-.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #71e9f4; }
-
-.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #71e9f4; }
+.reveal .controls {
+ color: #13DAEC; }
/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
- background: rgba(0, 0, 0, 0.2); }
+ background: rgba(0, 0, 0, 0.2);
+ color: #13DAEC; }
.reveal .progress span {
- background: #13DAEC;
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
diff --git a/css/theme/moon.css b/css/theme/moon.css
index 791a4a0..066876b 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -34,8 +34,8 @@ 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; }
@@ -126,10 +126,6 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q,
-.reveal blockquote {
- quotes: none; }
-
.reveal blockquote {
display: block;
position: relative;
@@ -160,7 +156,8 @@ body {
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
.reveal code {
- font-family: monospace; }
+ font-family: monospace;
+ text-transform: none; }
.reveal pre code {
display: block;
@@ -255,42 +252,17 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left,
-.reveal .controls .navigate-left.enabled {
- border-right-color: #268bd2; }
-
-.reveal .controls .navigate-right,
-.reveal .controls .navigate-right.enabled {
- border-left-color: #268bd2; }
-
-.reveal .controls .navigate-up,
-.reveal .controls .navigate-up.enabled {
- border-bottom-color: #268bd2; }
-
-.reveal .controls .navigate-down,
-.reveal .controls .navigate-down.enabled {
- border-top-color: #268bd2; }
-
-.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #78b9e6; }
-
-.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #78b9e6; }
-
-.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #78b9e6; }
-
-.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #78b9e6; }
+.reveal .controls {
+ color: #268bd2; }
/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
- background: rgba(0, 0, 0, 0.2); }
+ background: rgba(0, 0, 0, 0.2);
+ color: #268bd2; }
.reveal .progress span {
- background: #268bd2;
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
diff --git a/css/theme/night.css b/css/theme/night.css
index 3db1175..7f24d16 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -28,8 +28,8 @@ 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; }
@@ -120,10 +120,6 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q,
-.reveal blockquote {
- quotes: none; }
-
.reveal blockquote {
display: block;
position: relative;
@@ -154,7 +150,8 @@ body {
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
.reveal code {
- font-family: monospace; }
+ font-family: monospace;
+ text-transform: none; }
.reveal pre code {
display: block;
@@ -249,42 +246,17 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left,
-.reveal .controls .navigate-left.enabled {
- border-right-color: #e7ad52; }
-
-.reveal .controls .navigate-right,
-.reveal .controls .navigate-right.enabled {
- border-left-color: #e7ad52; }
-
-.reveal .controls .navigate-up,
-.reveal .controls .navigate-up.enabled {
- border-bottom-color: #e7ad52; }
-
-.reveal .controls .navigate-down,
-.reveal .controls .navigate-down.enabled {
- border-top-color: #e7ad52; }
-
-.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #f3d7ac; }
-
-.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #f3d7ac; }
-
-.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #f3d7ac; }
-
-.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #f3d7ac; }
+.reveal .controls {
+ color: #e7ad52; }
/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
- background: rgba(0, 0, 0, 0.2); }
+ background: rgba(0, 0, 0, 0.2);
+ color: #e7ad52; }
.reveal .progress span {
- background: #e7ad52;
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
diff --git a/css/theme/serif.css b/css/theme/serif.css
index e9b08c6..03661fc 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -30,8 +30,8 @@ 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; }
@@ -122,10 +122,6 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q,
-.reveal blockquote {
- quotes: none; }
-
.reveal blockquote {
display: block;
position: relative;
@@ -156,7 +152,8 @@ body {
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
.reveal code {
- font-family: monospace; }
+ font-family: monospace;
+ text-transform: none; }
.reveal pre code {
display: block;
@@ -251,42 +248,17 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left,
-.reveal .controls .navigate-left.enabled {
- border-right-color: #51483D; }
-
-.reveal .controls .navigate-right,
-.reveal .controls .navigate-right.enabled {
- border-left-color: #51483D; }
-
-.reveal .controls .navigate-up,
-.reveal .controls .navigate-up.enabled {
- border-bottom-color: #51483D; }
-
-.reveal .controls .navigate-down,
-.reveal .controls .navigate-down.enabled {
- border-top-color: #51483D; }
-
-.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #8b7c69; }
-
-.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #8b7c69; }
-
-.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #8b7c69; }
-
-.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #8b7c69; }
+.reveal .controls {
+ color: #51483D; }
/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
- background: rgba(0, 0, 0, 0.2); }
+ background: rgba(0, 0, 0, 0.2);
+ color: #51483D; }
.reveal .progress span {
- background: #51483D;
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
diff --git a/css/theme/simple.css b/css/theme/simple.css
index f64343e..21777fc 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -33,8 +33,8 @@ 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; }
@@ -125,10 +125,6 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q,
-.reveal blockquote {
- quotes: none; }
-
.reveal blockquote {
display: block;
position: relative;
@@ -159,7 +155,8 @@ body {
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
.reveal code {
- font-family: monospace; }
+ font-family: monospace;
+ text-transform: none; }
.reveal pre code {
display: block;
@@ -254,42 +251,17 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left,
-.reveal .controls .navigate-left.enabled {
- border-right-color: #00008B; }
-
-.reveal .controls .navigate-right,
-.reveal .controls .navigate-right.enabled {
- border-left-color: #00008B; }
-
-.reveal .controls .navigate-up,
-.reveal .controls .navigate-up.enabled {
- border-bottom-color: #00008B; }
-
-.reveal .controls .navigate-down,
-.reveal .controls .navigate-down.enabled {
- border-top-color: #00008B; }
-
-.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #0000f1; }
-
-.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #0000f1; }
-
-.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #0000f1; }
-
-.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #0000f1; }
+.reveal .controls {
+ color: #00008B; }
/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
- background: rgba(0, 0, 0, 0.2); }
+ background: rgba(0, 0, 0, 0.2);
+ color: #00008B; }
.reveal .progress span {
- background: #00008B;
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
diff --git a/css/theme/sky.css b/css/theme/sky.css
index 33689eb..951129a 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -37,8 +37,8 @@ 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; }
@@ -129,10 +129,6 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q,
-.reveal blockquote {
- quotes: none; }
-
.reveal blockquote {
display: block;
position: relative;
@@ -163,7 +159,8 @@ body {
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
.reveal code {
- font-family: monospace; }
+ font-family: monospace;
+ text-transform: none; }
.reveal pre code {
display: block;
@@ -258,42 +255,17 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left,
-.reveal .controls .navigate-left.enabled {
- border-right-color: #3b759e; }
-
-.reveal .controls .navigate-right,
-.reveal .controls .navigate-right.enabled {
- border-left-color: #3b759e; }
-
-.reveal .controls .navigate-up,
-.reveal .controls .navigate-up.enabled {
- border-bottom-color: #3b759e; }
-
-.reveal .controls .navigate-down,
-.reveal .controls .navigate-down.enabled {
- border-top-color: #3b759e; }
-
-.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #74a7cb; }
-
-.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #74a7cb; }
-
-.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #74a7cb; }
-
-.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #74a7cb; }
+.reveal .controls {
+ color: #3b759e; }
/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
- background: rgba(0, 0, 0, 0.2); }
+ background: rgba(0, 0, 0, 0.2);
+ color: #3b759e; }
.reveal .progress span {
- background: #3b759e;
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index 9bd21aa..006606f 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -34,8 +34,8 @@ 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; }
@@ -126,10 +126,6 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q,
-.reveal blockquote {
- quotes: none; }
-
.reveal blockquote {
display: block;
position: relative;
@@ -160,7 +156,8 @@ body {
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
.reveal code {
- font-family: monospace; }
+ font-family: monospace;
+ text-transform: none; }
.reveal pre code {
display: block;
@@ -255,42 +252,17 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left,
-.reveal .controls .navigate-left.enabled {
- border-right-color: #268bd2; }
-
-.reveal .controls .navigate-right,
-.reveal .controls .navigate-right.enabled {
- border-left-color: #268bd2; }
-
-.reveal .controls .navigate-up,
-.reveal .controls .navigate-up.enabled {
- border-bottom-color: #268bd2; }
-
-.reveal .controls .navigate-down,
-.reveal .controls .navigate-down.enabled {
- border-top-color: #268bd2; }
-
-.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #78b9e6; }
-
-.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #78b9e6; }
-
-.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #78b9e6; }
-
-.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #78b9e6; }
+.reveal .controls {
+ color: #268bd2; }
/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
- background: rgba(0, 0, 0, 0.2); }
+ background: rgba(0, 0, 0, 0.2);
+ color: #268bd2; }
.reveal .progress span {
- background: #268bd2;
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index bcbaf0c..e06fe7a 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -28,8 +28,8 @@ body {
text-shadow: none;
}
-.reveal .slides>section,
-.reveal .slides>section>section {
+.reveal .slides section,
+.reveal .slides section>section {
line-height: 1.3;
font-weight: inherit;
}
@@ -134,11 +134,6 @@ body {
margin-left: 40px;
}
-.reveal q,
-.reveal blockquote {
- quotes: none;
-}
-
.reveal blockquote {
display: block;
position: relative;
@@ -174,8 +169,10 @@ body {
box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
}
+
.reveal code {
font-family: monospace;
+ text-transform: none;
}
.reveal pre code {
@@ -297,40 +294,8 @@ body {
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left,
-.reveal .controls .navigate-left.enabled {
- border-right-color: $linkColor;
-}
-
-.reveal .controls .navigate-right,
-.reveal .controls .navigate-right.enabled {
- border-left-color: $linkColor;
-}
-
-.reveal .controls .navigate-up,
-.reveal .controls .navigate-up.enabled {
- border-bottom-color: $linkColor;
-}
-
-.reveal .controls .navigate-down,
-.reveal .controls .navigate-down.enabled {
- border-top-color: $linkColor;
-}
-
-.reveal .controls .navigate-left.enabled:hover {
- border-right-color: $linkColorHover;
-}
-
-.reveal .controls .navigate-right.enabled:hover {
- border-left-color: $linkColorHover;
-}
-
-.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: $linkColorHover;
-}
-
-.reveal .controls .navigate-down.enabled:hover {
- border-top-color: $linkColorHover;
+.reveal .controls {
+ color: $linkColor;
}
@@ -340,10 +305,9 @@ body {
.reveal .progress {
background: rgba(0,0,0,0.2);
+ color: $linkColor;
}
.reveal .progress span {
- background: $linkColor;
-
-webkit-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
-moz-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
diff --git a/css/theme/white.css b/css/theme/white.css
index 7adc605..9a15f22 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -30,8 +30,8 @@ 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; }
@@ -122,10 +122,6 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q,
-.reveal blockquote {
- quotes: none; }
-
.reveal blockquote {
display: block;
position: relative;
@@ -156,7 +152,8 @@ body {
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
.reveal code {
- font-family: monospace; }
+ font-family: monospace;
+ text-transform: none; }
.reveal pre code {
display: block;
@@ -251,42 +248,17 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left,
-.reveal .controls .navigate-left.enabled {
- border-right-color: #2a76dd; }
-
-.reveal .controls .navigate-right,
-.reveal .controls .navigate-right.enabled {
- border-left-color: #2a76dd; }
-
-.reveal .controls .navigate-up,
-.reveal .controls .navigate-up.enabled {
- border-bottom-color: #2a76dd; }
-
-.reveal .controls .navigate-down,
-.reveal .controls .navigate-down.enabled {
- border-top-color: #2a76dd; }
-
-.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #6ca0e8; }
-
-.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #6ca0e8; }
-
-.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #6ca0e8; }
-
-.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #6ca0e8; }
+.reveal .controls {
+ color: #2a76dd; }
/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
- background: rgba(0, 0, 0, 0.2); }
+ background: rgba(0, 0, 0, 0.2);
+ color: #2a76dd; }
.reveal .progress span {
- background: #2a76dd;
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }