summaryrefslogtreecommitdiffhomepage
path: root/css
diff options
context:
space:
mode:
Diffstat (limited to 'css')
-rw-r--r--css/print/pdf.css6
-rw-r--r--css/reveal.css440
-rw-r--r--css/reveal.scss392
-rw-r--r--css/theme/README.md2
-rw-r--r--css/theme/beige.css40
-rw-r--r--css/theme/black.css40
-rw-r--r--css/theme/blood.css40
-rw-r--r--css/theme/league.css40
-rw-r--r--css/theme/moon.css40
-rw-r--r--css/theme/night.css40
-rw-r--r--css/theme/serif.css40
-rw-r--r--css/theme/simple.css40
-rw-r--r--css/theme/sky.css40
-rw-r--r--css/theme/solarized.css40
-rw-r--r--css/theme/template/theme.scss46
-rw-r--r--css/theme/white.css40
16 files changed, 702 insertions, 624 deletions
diff --git a/css/print/pdf.css b/css/print/pdf.css
index 20c646a..aa1f7fa 100644
--- a/css/print/pdf.css
+++ b/css/print/pdf.css
@@ -144,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;
@@ -162,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 5f501b1..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;
@@ -566,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,
@@ -759,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
@@ -774,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
@@ -790,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;
@@ -833,8 +988,7 @@ body {
.reveal .no-transition,
.reveal .no-transition * {
- -webkit-transition: none !important;
- transition: none !important; }
+ transition: none !important; }
/*********************************************
* PER-SLIDE BACKGROUNDS
@@ -860,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; }
@@ -894,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,
@@ -977,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] {
@@ -1010,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
@@ -1041,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; }
@@ -1066,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
@@ -1102,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
@@ -1127,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;
@@ -1146,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;
@@ -1188,7 +1329,6 @@ body {
.reveal .overlay .viewport {
position: absolute;
display: -webkit-box;
- display: -webkit-flex;
display: -ms-flexbox;
display: flex;
top: 40px;
@@ -1204,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;
@@ -1222,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; }
@@ -1268,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;
@@ -1302,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;
@@ -1339,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 983e587..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%;
@@ -1336,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 {
@@ -1410,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..d2d0ca6 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -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..83f6eee 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -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..30e4b09 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -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..e35d668 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -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..c7705d9 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -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..5aca9c0 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -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..72298a9 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -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..40d1238 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -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..f4b0ad5 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -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..3affa6e 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -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..58dc727 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -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..edc5a60 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -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); }