Pretty Code
-
+
function linkify( selector ) {
if( supports3DTransforms ) {
--
cgit v1.2.3
From c96a5d6ae3e397d4f6000c245cd28f38ce7c7f3d Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Tue, 7 Jul 2015 11:37:27 +0200
Subject: fix theme control arrow selectors #1257
---
css/reveal.css | 20 ++++++++++----------
css/reveal.scss | 20 ++++++++++----------
css/theme/beige.css | 16 ++++++++--------
css/theme/black.css | 16 ++++++++--------
css/theme/blood.css | 16 ++++++++--------
css/theme/league.css | 16 ++++++++--------
css/theme/moon.css | 16 ++++++++--------
css/theme/night.css | 16 ++++++++--------
css/theme/serif.css | 16 ++++++++--------
css/theme/simple.css | 16 ++++++++--------
css/theme/sky.css | 16 ++++++++--------
css/theme/solarized.css | 16 ++++++++--------
css/theme/template/theme.scss | 24 ++++++++++++------------
css/theme/white.css | 16 ++++++++--------
14 files changed, 120 insertions(+), 120 deletions(-)
(limited to 'css')
diff --git a/css/reveal.css b/css/reveal.css
index a83c155..705d966 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -172,45 +172,45 @@ body {
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
-.reveal .controls button.enabled {
+.reveal .controls .enabled {
opacity: 0.7;
cursor: pointer; }
-.reveal .controls button.enabled:active {
+.reveal .controls .enabled:active {
margin-top: 1px; }
-.reveal .controls button.navigate-left {
+.reveal .controls .navigate-left {
top: 42px;
border-right-width: 22px;
border-right-color: #000; }
-.reveal .controls button.navigate-left.fragmented {
+.reveal .controls .navigate-left.fragmented {
opacity: 0.3; }
-.reveal .controls button.navigate-right {
+.reveal .controls .navigate-right {
left: 74px;
top: 42px;
border-left-width: 22px;
border-left-color: #000; }
-.reveal .controls button.navigate-right.fragmented {
+.reveal .controls .navigate-right.fragmented {
opacity: 0.3; }
-.reveal .controls button.navigate-up {
+.reveal .controls .navigate-up {
left: 42px;
border-bottom-width: 22px;
border-bottom-color: #000; }
-.reveal .controls button.navigate-up.fragmented {
+.reveal .controls .navigate-up.fragmented {
opacity: 0.3; }
-.reveal .controls button.navigate-down {
+.reveal .controls .navigate-down {
left: 42px;
top: 74px;
border-top-width: 22px;
border-top-color: #000; }
-.reveal .controls button.navigate-down.fragmented {
+.reveal .controls .navigate-down.fragmented {
opacity: 0.3; }
/*********************************************
diff --git a/css/reveal.scss b/css/reveal.scss
index a8558a9..1be6151 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -228,54 +228,54 @@ body {
-webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );
}
-.reveal .controls button.enabled {
+.reveal .controls .enabled {
opacity: 0.7;
cursor: pointer;
}
-.reveal .controls button.enabled:active {
+.reveal .controls .enabled:active {
margin-top: 1px;
}
- .reveal .controls button.navigate-left {
+ .reveal .controls .navigate-left {
top: 42px;
border-right-width: 22px;
border-right-color: #000;
}
- .reveal .controls button.navigate-left.fragmented {
+ .reveal .controls .navigate-left.fragmented {
opacity: 0.3;
}
- .reveal .controls button.navigate-right {
+ .reveal .controls .navigate-right {
left: 74px;
top: 42px;
border-left-width: 22px;
border-left-color: #000;
}
- .reveal .controls button.navigate-right.fragmented {
+ .reveal .controls .navigate-right.fragmented {
opacity: 0.3;
}
- .reveal .controls button.navigate-up {
+ .reveal .controls .navigate-up {
left: 42px;
border-bottom-width: 22px;
border-bottom-color: #000;
}
- .reveal .controls button.navigate-up.fragmented {
+ .reveal .controls .navigate-up.fragmented {
opacity: 0.3;
}
- .reveal .controls button.navigate-down {
+ .reveal .controls .navigate-down {
left: 42px;
top: 74px;
border-top-width: 22px;
border-top-color: #000;
}
- .reveal .controls button.navigate-down.fragmented {
+ .reveal .controls .navigate-down.fragmented {
opacity: 0.3;
}
diff --git a/css/theme/beige.css b/css/theme/beige.css
index 8c880a9..56782f2 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -226,28 +226,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #8b743d; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #8b743d; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #8b743d; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #8b743d; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #c0a76e; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #c0a76e; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #c0a76e; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #c0a76e; }
/*********************************************
diff --git a/css/theme/black.css b/css/theme/black.css
index 5ff960e..fce771b 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -222,28 +222,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #42affa; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #42affa; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #42affa; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #42affa; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #8dcffc; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #8dcffc; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #8dcffc; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #8dcffc; }
/*********************************************
diff --git a/css/theme/blood.css b/css/theme/blood.css
index 8d554df..e395936 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -225,28 +225,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #a23; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #a23; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #a23; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #a23; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #dd5567; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #dd5567; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #dd5567; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #dd5567; }
/*********************************************
diff --git a/css/theme/league.css b/css/theme/league.css
index ed1641c..5daa1d3 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -228,28 +228,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #13DAEC; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #13DAEC; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #13DAEC; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #13DAEC; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #71ebf4; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #71ebf4; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #71ebf4; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #71ebf4; }
/*********************************************
diff --git a/css/theme/moon.css b/css/theme/moon.css
index 55e1662..7250cc4 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -226,28 +226,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #268bd2; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #268bd2; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #268bd2; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #268bd2; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #78bae6; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #78bae6; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #78bae6; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #78bae6; }
/*********************************************
diff --git a/css/theme/night.css b/css/theme/night.css
index efaa969..1bc8fbb 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -220,28 +220,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #e7ad52; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #e7ad52; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #e7ad52; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #e7ad52; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #f3d7ac; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #f3d7ac; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #f3d7ac; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #f3d7ac; }
/*********************************************
diff --git a/css/theme/serif.css b/css/theme/serif.css
index 69dbf96..200a985 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -222,28 +222,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #51483D; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #51483D; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #51483D; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #51483D; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #8b7b69; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #8b7b69; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #8b7b69; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #8b7b69; }
/*********************************************
diff --git a/css/theme/simple.css b/css/theme/simple.css
index e63edc2..a6fccd5 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -222,28 +222,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #00008B; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #00008B; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #00008B; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #00008B; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #0000f1; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #0000f1; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #0000f1; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #0000f1; }
/*********************************************
diff --git a/css/theme/sky.css b/css/theme/sky.css
index 99bf027..f422079 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -229,28 +229,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #3b759e; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #3b759e; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #3b759e; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #3b759e; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #74a8cb; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #74a8cb; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #74a8cb; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #74a8cb; }
/*********************************************
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index 56e8b36..c112696 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -226,28 +226,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #268bd2; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #268bd2; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #268bd2; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #268bd2; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #78bae6; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #78bae6; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #78bae6; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #78bae6; }
/*********************************************
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index 12edb51..e0e5fb6 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -285,39 +285,39 @@ body {
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left,
-.reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: $linkColor;
}
-.reveal .controls div.navigate-right,
-.reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: $linkColor;
}
-.reveal .controls div.navigate-up,
-.reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: $linkColor;
}
-.reveal .controls div.navigate-down,
-.reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: $linkColor;
}
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: $linkColorHover;
}
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: $linkColorHover;
}
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: $linkColorHover;
}
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: $linkColorHover;
}
diff --git a/css/theme/white.css b/css/theme/white.css
index 171e719..48754bd 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -222,28 +222,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #2a76dd; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #2a76dd; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #2a76dd; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #2a76dd; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #6ca2e8; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #6ca2e8; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #6ca2e8; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #6ca2e8; }
/*********************************************
--
cgit v1.2.3
From 044e87017d782839b4c599633b565a4db1375334 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Mon, 31 Aug 2015 10:55:02 +0200
Subject: fix issue where 'none' transition did not apply to vertical stacks
---
css/reveal.css | 4 ++--
css/reveal.scss | 4 ++--
2 files changed, 4 insertions(+), 4 deletions(-)
(limited to 'css')
diff --git a/css/reveal.css b/css/reveal.css
index 705d966..cb5e98b 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -450,7 +450,7 @@ body {
/*********************************************
* ZOOM TRANSITION
*********************************************/
-.reveal .slides > section[data-transition=zoom], .reveal.zoom .slides > section:not([data-transition]) {
+.reveal .slides section[data-transition=zoom], .reveal.zoom .slides section:not([data-transition]) {
-webkit-transition-timing-function: ease;
transition-timing-function: ease; }
@@ -647,7 +647,7 @@ body {
/*********************************************
* NO TRANSITION
*********************************************/
-.reveal .slides > section[data-transition=none], .reveal.none .slides > section:not([data-transition]) {
+.reveal .slides section[data-transition=none], .reveal.none .slides section:not([data-transition]) {
-webkit-transform: none;
-ms-transform: none;
transform: none;
diff --git a/css/reveal.scss b/css/reveal.scss
index 1be6151..e1697b1 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -434,8 +434,8 @@ body {
*********************************************/
@mixin transition-global($style) {
- .reveal .slides>section[data-transition=#{$style}],
- .reveal.#{$style} .slides>section:not([data-transition]) {
+ .reveal .slides section[data-transition=#{$style}],
+ .reveal.#{$style} .slides section:not([data-transition]) {
@content;
}
}
--
cgit v1.2.3
From 983bd5183864939dc4387820960e2ee82f87263a Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Wed, 2 Sep 2015 12:46:32 +0200
Subject: fix initial visibility of strike fragments #737
---
css/reveal.css | 3 ++-
css/reveal.scss | 1 +
2 files changed, 3 insertions(+), 1 deletion(-)
(limited to 'css')
diff --git a/css/reveal.css b/css/reveal.css
index cb5e98b..f8505c4 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -85,7 +85,8 @@ body {
visibility: visible; }
.reveal .slides section .fragment.strike {
- opacity: 1; }
+ opacity: 1;
+ visibility: visible; }
.reveal .slides section .fragment.strike.visible {
text-decoration: line-through; }
diff --git a/css/reveal.scss b/css/reveal.scss
index e1697b1..32187fd 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -121,6 +121,7 @@ body {
.reveal .slides section .fragment.strike {
opacity: 1;
+ visibility: visible;
&.visible {
text-decoration: line-through;
--
cgit v1.2.3
From 2ad4065500875f1878ab35c039054e8609b9aaa6 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Wed, 9 Sep 2015 14:09:37 +0200
Subject: ability to share presentation with speaker notes #304
---
README.md | 3 +++
css/reveal.css | 28 ++++++++++++++++++++++++++++
css/reveal.scss | 34 ++++++++++++++++++++++++++++++++++
js/reveal.js | 46 ++++++++++++++++++++++++++++++++++++++++++++++
4 files changed, 111 insertions(+)
(limited to 'css')
diff --git a/README.md b/README.md
index a8c4110..276fd70 100644
--- a/README.md
+++ b/README.md
@@ -141,6 +141,9 @@ Reveal.initialize({
// key is pressed
help: true,
+ // Flags if speaker notes should be visible to all viewers
+ showNotes: false,
+
// Number of milliseconds between automatically proceeding to the
// next slide, disabled when set to 0, this value can be overwritten
// by using a data-autoslide attribute on your slides
diff --git a/css/reveal.css b/css/reveal.css
index f8505c4..1aaa9b6 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -1162,6 +1162,34 @@ body {
.reveal aside.notes {
display: none; }
+.reveal .speaker-notes {
+ display: none;
+ position: absolute;
+ width: 70%;
+ max-height: 15%;
+ left: 15%;
+ bottom: 5%;
+ padding: 10px;
+ z-index: 1;
+ font-size: 18px;
+ line-height: 1.4;
+ border: 2px solid #fff;
+ color: #fff;
+ background-color: rgba(0, 0, 0, 0.5);
+ overflow: auto;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box; }
+
+.reveal .speaker-notes.visible:not(:empty) {
+ display: block; }
+
+@media screen and (max-width: 800px) {
+ .reveal .speaker-notes {
+ width: 90%;
+ left: 5%;
+ bottom: 5%;
+ font-size: 14px; } }
+
/*********************************************
* ZOOM PLUGIN
*********************************************/
diff --git a/css/reveal.scss b/css/reveal.scss
index 32187fd..9bd570e 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -1291,10 +1291,44 @@ body {
* SPEAKER NOTES
*********************************************/
+// Hide on-page notes
.reveal aside.notes {
display: none;
}
+// An interface element that can optionally be used to show the
+// speaker notes to all viewers, on top of the presentation
+.reveal .speaker-notes {
+ display: none;
+ position: absolute;
+ width: 70%;
+ max-height: 15%;
+ left: 15%;
+ bottom: 5%;
+ padding: 10px;
+ z-index: 1;
+ font-size: 18px;
+ line-height: 1.4;
+ border: 2px solid #fff;
+ color: #fff;
+ background-color: rgba(0,0,0,0.5);
+ overflow: auto;
+ box-sizing: border-box;
+}
+
+.reveal .speaker-notes.visible:not(:empty) {
+ display: block;
+}
+
+@media screen and (max-width: 800px) {
+ .reveal .speaker-notes {
+ width: 90%;
+ left: 5%;
+ bottom: 5%;
+ font-size: 14px;
+ }
+}
+
/*********************************************
* ZOOM PLUGIN
diff --git a/js/reveal.js b/js/reveal.js
index ad7eaa0..a19e486 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -92,6 +92,9 @@
// Flags if it should be possible to pause the presentation (blackout)
pause: true,
+ // Flags if speaker notes should be visible to all viewers
+ showNotes: false,
+
// Number of milliseconds between automatically proceeding to the
// next slide, disabled when set to 0, this value can be overwritten
// by using a data-autoslide attribute on your slides
@@ -465,6 +468,9 @@
// Slide number
dom.slideNumber = createSingletonNode( dom.wrapper, 'div', 'slide-number', '' );
+ // Element containing notes that are visible to the audience
+ dom.speakerNotes = createSingletonNode( dom.wrapper, 'div', 'speaker-notes', null );
+
// Overlay graphic which is displayed during the paused mode
createSingletonNode( dom.wrapper, 'div', 'pause-overlay', null );
@@ -856,6 +862,13 @@
resume();
}
+ if( config.showNotes ) {
+ dom.speakerNotes.classList.add( 'visible' );
+ }
+ else {
+ dom.speakerNotes.classList.remove( 'visible' );
+ }
+
if( config.mouseWheel ) {
document.addEventListener( 'DOMMouseScroll', onDocumentMouseScroll, false ); // FF
document.addEventListener( 'mousewheel', onDocumentMouseScroll, false );
@@ -2161,6 +2174,7 @@
updateBackground();
updateParallax();
updateSlideNumber();
+ updateNotes();
// Update the URL hash
writeURL();
@@ -2202,6 +2216,7 @@
updateBackground( true );
updateSlideNumber();
updateSlidesVisibility();
+ updateNotes();
formatEmbeddedContent();
startEmbeddedContent( currentSlide );
@@ -2450,6 +2465,37 @@
}
+ /**
+ * Pick up notes from the current slide and display tham
+ * to the viewer.
+ *
+ * @see `showNotes` config value
+ */
+ function updateNotes() {
+
+ if( config.showNotes && dom.speakerNotes && currentSlide ) {
+
+ var notes = '';
+
+ // Notes can be specified via the data-notes attribute...
+ if( currentSlide.hasAttribute( 'data-notes' ) ) {
+ notes = currentSlide.getAttribute( 'data-notes' );
+ }
+
+ // ... or using an element
+ if( !notes ) {
+ var notesElement = currentSlide.querySelector( 'aside.notes' );
+ if( notesElement ) {
+ notes = notesElement.innerHTML;
+ }
+ }
+
+ dom.speakerNotes.innerHTML = notes;
+
+ }
+
+ }
+
/**
* Updates the progress bar to reflect the current slide.
*/
--
cgit v1.2.3
From b0b2ce1fe310ae9009c710509d1afc2bb2f39e50 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Thu, 10 Sep 2015 08:50:55 +0200
Subject: print notes to pdf when is enabled #304
---
css/print/pdf.css | 8 ++++++++
css/reveal.css | 4 +++-
css/reveal.scss | 2 ++
js/reveal.js | 12 ++++++++++++
4 files changed, 25 insertions(+), 1 deletion(-)
(limited to 'css')
diff --git a/css/print/pdf.css b/css/print/pdf.css
index 2eb4cf2..04b4d65 100644
--- a/css/print/pdf.css
+++ b/css/print/pdf.css
@@ -61,6 +61,14 @@ h1,h2,h3,h4,h5,h6 {
font-family: Courier, 'Courier New', monospace !important;
}
+.reveal .speaker-notes {
+ display: block;
+ width: 100%;
+ max-height: none;
+ left: auto;
+ top: auto;
+}
+
/* SECTION 5: more reveal.js specific additions by @skypanther */
ul, ol, div, p {
diff --git a/css/reveal.css b/css/reveal.css
index 1aaa9b6..2b0486e 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -1178,7 +1178,9 @@ body {
background-color: rgba(0, 0, 0, 0.5);
overflow: auto;
-moz-box-sizing: border-box;
- box-sizing: border-box; }
+ box-sizing: border-box;
+ text-align: left;
+ font-family: Helvetica, sans-serif; }
.reveal .speaker-notes.visible:not(:empty) {
display: block; }
diff --git a/css/reveal.scss b/css/reveal.scss
index 9bd570e..f9e2fac 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -1314,6 +1314,8 @@ body {
background-color: rgba(0,0,0,0.5);
overflow: auto;
box-sizing: border-box;
+ text-align: left;
+ font-family: Helvetica, sans-serif;
}
.reveal .speaker-notes.visible:not(:empty) {
diff --git a/js/reveal.js b/js/reveal.js
index 2b8fec7..e517b33 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -573,6 +573,18 @@
background.style.top = -top + 'px';
background.style.left = -left + 'px';
}
+
+ // If we're configured to `showNotes`, inject them into each slide
+ if( config.showNotes ) {
+ var notes = getSlideNotes( slide );
+ if( notes ) {
+ var notesElement = document.createElement( 'div' );
+ notesElement.classList.add( 'speaker-notes' );
+ notesElement.innerHTML = notes;
+ notesElement.style.bottom = 40 - ( ( pageHeight - contentHeight ) / 2 ) + 'px';
+ slide.appendChild( notesElement );
+ }
+ }
}
} );
--
cgit v1.2.3
From 5d39e8b8ce261c8753034de97e327feb502736c8 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Thu, 10 Sep 2015 09:16:58 +0200
Subject: reorder css
---
css/print/pdf.css | 18 ++++++++++--------
1 file changed, 10 insertions(+), 8 deletions(-)
(limited to 'css')
diff --git a/css/print/pdf.css b/css/print/pdf.css
index 04b4d65..834018b 100644
--- a/css/print/pdf.css
+++ b/css/print/pdf.css
@@ -61,14 +61,6 @@ h1,h2,h3,h4,h5,h6 {
font-family: Courier, 'Courier New', monospace !important;
}
-.reveal .speaker-notes {
- display: block;
- width: 100%;
- max-height: none;
- left: auto;
- top: auto;
-}
-
/* SECTION 5: more reveal.js specific additions by @skypanther */
ul, ol, div, p {
@@ -157,9 +149,19 @@ ul, ol, div, p {
width: 100%;
z-index: -1;
}
+
/* All elements should be above the slide-background */
.reveal section>* {
position: relative;
z-index: 1;
}
+/* Display slide speaker notes when 'showNotes' is enabled */
+.reveal .speaker-notes {
+ display: block;
+ width: 100%;
+ max-height: none;
+ left: auto;
+ top: auto;
+}
+
--
cgit v1.2.3
From 1c6990d20fecf199810848e1a43f10205b4078a8 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Thu, 10 Sep 2015 09:30:57 +0200
Subject: fix pdf print when showNotes is disabled
---
css/print/pdf.css | 2 +-
js/reveal.js | 3 ++-
2 files changed, 3 insertions(+), 2 deletions(-)
(limited to 'css')
diff --git a/css/print/pdf.css b/css/print/pdf.css
index 834018b..f509d5b 100644
--- a/css/print/pdf.css
+++ b/css/print/pdf.css
@@ -157,7 +157,7 @@ ul, ol, div, p {
}
/* Display slide speaker notes when 'showNotes' is enabled */
-.reveal .speaker-notes {
+.reveal .speaker-notes-pdf {
display: block;
width: 100%;
max-height: none;
diff --git a/js/reveal.js b/js/reveal.js
index e517b33..ae682ac 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -580,8 +580,9 @@
if( notes ) {
var notesElement = document.createElement( 'div' );
notesElement.classList.add( 'speaker-notes' );
+ notesElement.classList.add( 'speaker-notes-pdf' );
notesElement.innerHTML = notes;
- notesElement.style.bottom = 40 - ( ( pageHeight - contentHeight ) / 2 ) + 'px';
+ notesElement.style.bottom = ( 40 - top ) + 'px';
slide.appendChild( notesElement );
}
}
--
cgit v1.2.3
From ca4098145ee57c3f865703c43c4b8b9d64a76b2d Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Thu, 10 Sep 2015 10:35:25 +0200
Subject: bump up z-index of notes in pdf
---
css/print/pdf.css | 1 +
1 file changed, 1 insertion(+)
(limited to 'css')
diff --git a/css/print/pdf.css b/css/print/pdf.css
index f509d5b..f78344c 100644
--- a/css/print/pdf.css
+++ b/css/print/pdf.css
@@ -163,5 +163,6 @@ ul, ol, div, p {
max-height: none;
left: auto;
top: auto;
+ z-index: 100;
}
--
cgit v1.2.3
From bd6a592b8b0f5bf8e128a2da4c1c3be964d2df73 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Thu, 10 Sep 2015 11:09:03 +0200
Subject: notes style changes
---
css/reveal.css | 15 ++++++++-------
css/reveal.scss | 15 +++++++++------
2 files changed, 17 insertions(+), 13 deletions(-)
(limited to 'css')
diff --git a/css/reveal.css b/css/reveal.css
index 2b0486e..df406a8 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -1094,7 +1094,7 @@ body {
.reveal .playback {
position: fixed;
left: 15px;
- bottom: 15px;
+ bottom: 20px;
z-index: 30;
cursor: pointer;
-webkit-transition: all 400ms ease;
@@ -1168,12 +1168,11 @@ body {
width: 70%;
max-height: 15%;
left: 15%;
- bottom: 5%;
+ bottom: 26px;
padding: 10px;
z-index: 1;
font-size: 18px;
line-height: 1.4;
- border: 2px solid #fff;
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
overflow: auto;
@@ -1185,13 +1184,15 @@ body {
.reveal .speaker-notes.visible:not(:empty) {
display: block; }
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1024px) {
.reveal .speaker-notes {
- width: 90%;
- left: 5%;
- bottom: 5%;
font-size: 14px; } }
+@media screen and (max-width: 600px) {
+ .reveal .speaker-notes {
+ width: 90%;
+ left: 5%; } }
+
/*********************************************
* ZOOM PLUGIN
*********************************************/
diff --git a/css/reveal.scss b/css/reveal.scss
index f9e2fac..bcc69f8 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -1229,7 +1229,7 @@ body {
.reveal .playback {
position: fixed;
left: 15px;
- bottom: 15px;
+ bottom: 20px;
z-index: 30;
cursor: pointer;
transition: all 400ms ease;
@@ -1304,12 +1304,11 @@ body {
width: 70%;
max-height: 15%;
left: 15%;
- bottom: 5%;
+ bottom: 26px;
padding: 10px;
z-index: 1;
font-size: 18px;
line-height: 1.4;
- border: 2px solid #fff;
color: #fff;
background-color: rgba(0,0,0,0.5);
overflow: auto;
@@ -1322,12 +1321,16 @@ body {
display: block;
}
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1024px) {
+ .reveal .speaker-notes {
+ font-size: 14px;
+ }
+}
+
+@media screen and (max-width: 600px) {
.reveal .speaker-notes {
width: 90%;
left: 5%;
- bottom: 5%;
- font-size: 14px;
}
}
--
cgit v1.2.3
From 1116d99e87c521b9c9c3de164a2f9d766bbdf224 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Thu, 10 Sep 2015 11:26:05 +0200
Subject: prevent swipes on speaker notes
---
css/reveal.css | 3 ++-
css/reveal.scss | 1 +
js/reveal.js | 1 +
3 files changed, 4 insertions(+), 1 deletion(-)
(limited to 'css')
diff --git a/css/reveal.css b/css/reveal.css
index df406a8..cb54d53 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -1179,7 +1179,8 @@ body {
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
- font-family: Helvetica, sans-serif; }
+ font-family: Helvetica, sans-serif;
+ -webkit-overflow-scrolling: touch; }
.reveal .speaker-notes.visible:not(:empty) {
display: block; }
diff --git a/css/reveal.scss b/css/reveal.scss
index bcc69f8..330551b 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -1315,6 +1315,7 @@ body {
box-sizing: border-box;
text-align: left;
font-family: Helvetica, sans-serif;
+ -webkit-overflow-scrolling: touch;
}
.reveal .speaker-notes.visible:not(:empty) {
diff --git a/js/reveal.js b/js/reveal.js
index 29c2df0..a768d68 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -470,6 +470,7 @@
// Element containing notes that are visible to the audience
dom.speakerNotes = createSingletonNode( dom.wrapper, 'div', 'speaker-notes', null );
+ dom.speakerNotes.setAttribute( 'data-prevent-swipe', '' );
// Overlay graphic which is displayed during the paused mode
createSingletonNode( dom.wrapper, 'div', 'pause-overlay', null );
--
cgit v1.2.3
From 55a69fc68d065465a38b05fd6fd9970c608a35e8 Mon Sep 17 00:00:00 2001
From: Augustin Delaporte
Date: Sun, 20 Sep 2015 09:05:28 +0200
Subject: Update the theme README.md
The `grunt css-themes` command now loops through all Sass files. There is no need to add the newly created file to the task list.---
css/theme/README.md | 4 +---
1 file changed, 1 insertion(+), 3 deletions(-)
(limited to 'css')
diff --git a/css/theme/README.md b/css/theme/README.md
index 753e0c0..5a6c8fa 100644
--- a/css/theme/README.md
+++ b/css/theme/README.md
@@ -4,7 +4,7 @@ Themes are written using Sass to keep things modular and reduce the need for rep
## Creating a Theme
-To create your own theme, start by duplicating any ```.scss``` file in [/css/theme/source](https://github.com/hakimel/reveal.js/blob/master/css/theme/source) and adding it to the compilation list in the [Gruntfile](https://github.com/hakimel/reveal.js/blob/master/Gruntfile.js).
+To create your own theme, start by duplicating a ```.scss``` file in [/css/theme/source](https://github.com/hakimel/reveal.js/blob/master/css/theme/source). It will be automatically compiled by Grunt from Sass to CSS (see the [Gruntfile](https://github.com/hakimel/reveal.js/blob/master/Gruntfile.js)) when you run `grunt css-themes`.
Each theme file does four things in the following order:
@@ -19,5 +19,3 @@ This is where you override the default theme. Either by specifying variables (se
4. **Include [/css/theme/template/theme.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/theme.scss)**
The template theme file which will generate final CSS output based on the currently defined variables.
-
-When you are done, run `grunt css-themes` to compile the Sass file to CSS and you are ready to use your new theme.
--
cgit v1.2.3
From e0d723be2823ef295a700eda8a75cfc67662dbb8 Mon Sep 17 00:00:00 2001
From: Chris Lawrence
Date: Fri, 2 Oct 2015 20:48:13 -0400
Subject: Fix slides being cut off in Chrome.
---
css/print/paper.css | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
(limited to 'css')
diff --git a/css/print/paper.css b/css/print/paper.css
index 7c7257a..6588f48 100644
--- a/css/print/paper.css
+++ b/css/print/paper.css
@@ -141,7 +141,7 @@
.reveal .slides section {
visibility: visible !important;
position: static !important;
- width: 100% !important;
+ width: auto !important;
height: auto !important;
display: block !important;
overflow: visible !important;
--
cgit v1.2.3
From 6d93ce574800bc3d262cd273bc679e7aaf2cdbe4 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Tue, 6 Oct 2015 19:40:06 +0200
Subject: rebuild css
---
css/reveal.css | 712 ++++++++++++++++++++++--------------------------
css/theme/beige.css | 85 +++---
css/theme/black.css | 61 +++--
css/theme/blood.css | 78 ++++--
css/theme/league.css | 73 +++--
css/theme/moon.css | 73 +++--
css/theme/night.css | 63 +++--
css/theme/serif.css | 67 +++--
css/theme/simple.css | 61 +++--
css/theme/sky.css | 73 +++--
css/theme/solarized.css | 73 +++--
css/theme/white.css | 71 +++--
12 files changed, 849 insertions(+), 641 deletions(-)
(limited to 'css')
diff --git a/css/reveal.css b/css/reveal.css
index cb54d53..d2cb1be 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -8,7 +8,19 @@
/*********************************************
* RESET STYLES
*********************************************/
-html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal iframe, .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6, .reveal p, .reveal blockquote, .reveal pre, .reveal a, .reveal abbr, .reveal acronym, .reveal address, .reveal big, .reveal cite, .reveal code, .reveal del, .reveal dfn, .reveal em, .reveal img, .reveal ins, .reveal kbd, .reveal q, .reveal s, .reveal samp, .reveal small, .reveal strike, .reveal strong, .reveal sub, .reveal sup, .reveal tt, .reveal var, .reveal b, .reveal u, .reveal center, .reveal dl, .reveal dt, .reveal dd, .reveal ol, .reveal ul, .reveal li, .reveal fieldset, .reveal form, .reveal label, .reveal legend, .reveal table, .reveal caption, .reveal tbody, .reveal tfoot, .reveal thead, .reveal tr, .reveal th, .reveal td, .reveal article, .reveal aside, .reveal canvas, .reveal details, .reveal embed, .reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary, .reveal time, .reveal mark, .reveal audio, video {
+html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal iframe,
+.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6, .reveal p, .reveal blockquote, .reveal pre,
+.reveal a, .reveal abbr, .reveal acronym, .reveal address, .reveal big, .reveal cite, .reveal code,
+.reveal del, .reveal dfn, .reveal em, .reveal img, .reveal ins, .reveal kbd, .reveal q, .reveal s, .reveal samp,
+.reveal small, .reveal strike, .reveal strong, .reveal sub, .reveal sup, .reveal tt, .reveal var,
+.reveal b, .reveal u, .reveal center,
+.reveal dl, .reveal dt, .reveal dd, .reveal ol, .reveal ul, .reveal li,
+.reveal fieldset, .reveal form, .reveal label, .reveal legend,
+.reveal table, .reveal caption, .reveal tbody, .reveal tfoot, .reveal thead, .reveal tr, .reveal th, .reveal td,
+.reveal article, .reveal aside, .reveal canvas, .reveal details, .reveal embed,
+.reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup,
+.reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary,
+.reveal time, .reveal mark, .reveal audio, video {
margin: 0;
padding: 0;
border: 0;
@@ -16,13 +28,15 @@ html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal i
font: inherit;
vertical-align: baseline; }
-.reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure, .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section {
+.reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure,
+.reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section {
display: block; }
/*********************************************
* GLOBAL STYLES
*********************************************/
-html, body {
+html,
+body {
width: 100%;
height: 100%;
overflow: hidden; }
@@ -39,8 +53,7 @@ body {
.reveal .slides section .fragment {
opacity: 0;
visibility: hidden;
- -webkit-transition: all 0.2s ease;
- transition: all 0.2s ease; }
+ transition: all 0.2s ease; }
.reveal .slides section .fragment.visible {
opacity: 1;
visibility: visible; }
@@ -49,26 +62,18 @@ body {
opacity: 1;
visibility: visible; }
.reveal .slides section .fragment.grow.visible {
- -webkit-transform: scale(1.3);
- -ms-transform: scale(1.3);
- transform: scale(1.3); }
+ transform: scale(1.3); }
.reveal .slides section .fragment.shrink {
opacity: 1;
visibility: visible; }
.reveal .slides section .fragment.shrink.visible {
- -webkit-transform: scale(0.7);
- -ms-transform: scale(0.7);
- transform: scale(0.7); }
+ transform: scale(0.7); }
.reveal .slides section .fragment.zoom-in {
- -webkit-transform: scale(0.1);
- -ms-transform: scale(0.1);
- transform: scale(0.1); }
+ transform: scale(0.1); }
.reveal .slides section .fragment.zoom-in.visible {
- -webkit-transform: none;
- -ms-transform: none;
- transform: none; }
+ transform: none; }
.reveal .slides section .fragment.fade-out {
opacity: 1;
@@ -97,7 +102,12 @@ body {
opacity: 1;
visibility: visible; }
-.reveal .slides section .fragment.highlight-red, .reveal .slides section .fragment.highlight-current-red, .reveal .slides section .fragment.highlight-green, .reveal .slides section .fragment.highlight-current-green, .reveal .slides section .fragment.highlight-blue, .reveal .slides section .fragment.highlight-current-blue {
+.reveal .slides section .fragment.highlight-red,
+.reveal .slides section .fragment.highlight-current-red,
+.reveal .slides section .fragment.highlight-green,
+.reveal .slides section .fragment.highlight-current-green,
+.reveal .slides section .fragment.highlight-blue,
+.reveal .slides section .fragment.highlight-current-blue {
opacity: 1;
visibility: visible; }
@@ -141,8 +151,7 @@ body {
.reveal pre.stretch code {
height: 100%;
max-height: 100%;
- -moz-box-sizing: border-box;
- box-sizing: border-box; }
+ box-sizing: border-box; }
/*********************************************
* CONTROLS
@@ -165,13 +174,10 @@ body {
height: 0;
background-color: transparent;
border: 12px solid transparent;
- -webkit-transform: scale(0.9999);
- -ms-transform: scale(0.9999);
- transform: scale(0.9999);
- -webkit-transition: all 0.2s ease;
- transition: all 0.2s ease;
+ transform: scale(0.9999);
+ transition: all 0.2s ease;
-webkit-appearance: none;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+ -webkit-tap-highlight-color: transparent; }
.reveal .controls .enabled {
opacity: 0.7;
@@ -240,8 +246,7 @@ body {
height: 100%;
width: 0px;
background-color: #000;
- -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
- transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+ transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
/*********************************************
* SLIDE NUMBER
@@ -263,8 +268,7 @@ body {
width: 100%;
height: 100%;
overflow: hidden;
- -ms-touch-action: none;
- touch-action: none; }
+ touch-action: none; }
.reveal .slides {
position: absolute;
@@ -278,64 +282,66 @@ body {
overflow: visible;
z-index: 1;
text-align: center;
- -webkit-perspective: 600px;
- perspective: 600px;
- -webkit-perspective-origin: 50% 40%;
- perspective-origin: 50% 40%; }
+ perspective: 600px;
+ perspective-origin: 50% 40%; }
.reveal .slides > section {
-ms-perspective: 600px; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
display: none;
position: absolute;
width: 100%;
padding: 20px 0px;
z-index: 10;
- -webkit-transform-style: preserve-3d;
- transform-style: preserve-3d;
- -webkit-transition: -webkit-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), -webkit-transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
- transition: -ms-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
- transition: transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+ transform-style: preserve-3d;
+ transition: transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
/* Global transition speed settings */
.reveal[data-transition-speed="fast"] .slides section {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms; }
+ transition-duration: 400ms; }
.reveal[data-transition-speed="slow"] .slides section {
- -webkit-transition-duration: 1200ms;
- transition-duration: 1200ms; }
+ transition-duration: 1200ms; }
/* Slide-specific transition speed overrides */
.reveal .slides section[data-transition-speed="fast"] {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms; }
+ transition-duration: 400ms; }
.reveal .slides section[data-transition-speed="slow"] {
- -webkit-transition-duration: 1200ms;
- transition-duration: 1200ms; }
+ transition-duration: 1200ms; }
.reveal .slides > section.stack {
padding-top: 0;
padding-bottom: 0; }
-.reveal .slides > section.present, .reveal .slides > section > section.present {
+.reveal .slides > section.present,
+.reveal .slides > section > section.present {
display: block;
z-index: 11;
opacity: 1; }
-.reveal.center, .reveal.center .slides, .reveal.center .slides section {
+.reveal.center,
+.reveal.center .slides,
+.reveal.center .slides section {
min-height: 0 !important; }
/* Don't allow interaction with invisible slides */
-.reveal .slides > section.future, .reveal .slides > section > section.future, .reveal .slides > section.past, .reveal .slides > section > section.past {
+.reveal .slides > section.future,
+.reveal .slides > section > section.future,
+.reveal .slides > section.past,
+.reveal .slides > section > section.past {
pointer-events: none; }
-.reveal.overview .slides > section, .reveal.overview .slides > section > section {
+.reveal.overview .slides > section,
+.reveal.overview .slides > section > section {
pointer-events: auto; }
-.reveal .slides > section.past, .reveal .slides > section.future, .reveal .slides > section > section.past, .reveal .slides > section > section.future {
+.reveal .slides > section.past,
+.reveal .slides > section.future,
+.reveal .slides > section > section.past,
+.reveal .slides > section > section.future {
opacity: 0; }
/*********************************************
@@ -346,151 +352,158 @@ body {
* Aliased 'linear' for backwards compatibility
*********************************************/
.reveal.slide section {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
+ backface-visibility: hidden; }
-.reveal .slides > section[data-transition=slide].past, .reveal .slides > section[data-transition~=slide-out].past, .reveal.slide .slides > section:not([data-transition]).past {
- -webkit-transform: translate(-150%, 0);
- -ms-transform: translate(-150%, 0);
- transform: translate(-150%, 0); }
+.reveal .slides > section[data-transition=slide].past,
+.reveal .slides > section[data-transition~=slide-out].past,
+.reveal.slide .slides > section:not([data-transition]).past {
+ transform: translate(-150%, 0); }
-.reveal .slides > section[data-transition=slide].future, .reveal .slides > section[data-transition~=slide-in].future, .reveal.slide .slides > section:not([data-transition]).future {
- -webkit-transform: translate(150%, 0);
- -ms-transform: translate(150%, 0);
- transform: translate(150%, 0); }
+.reveal .slides > section[data-transition=slide].future,
+.reveal .slides > section[data-transition~=slide-in].future,
+.reveal.slide .slides > section:not([data-transition]).future {
+ transform: translate(150%, 0); }
-.reveal .slides > section > section[data-transition=slide].past, .reveal .slides > section > section[data-transition~=slide-out].past, .reveal.slide .slides > section > section:not([data-transition]).past {
- -webkit-transform: translate(0, -150%);
- -ms-transform: translate(0, -150%);
- transform: translate(0, -150%); }
+.reveal .slides > section > section[data-transition=slide].past,
+.reveal .slides > section > section[data-transition~=slide-out].past,
+.reveal.slide .slides > section > section:not([data-transition]).past {
+ transform: translate(0, -150%); }
-.reveal .slides > section > section[data-transition=slide].future, .reveal .slides > section > section[data-transition~=slide-in].future, .reveal.slide .slides > section > section:not([data-transition]).future {
- -webkit-transform: translate(0, 150%);
- -ms-transform: translate(0, 150%);
- transform: translate(0, 150%); }
+.reveal .slides > section > section[data-transition=slide].future,
+.reveal .slides > section > section[data-transition~=slide-in].future,
+.reveal.slide .slides > section > section:not([data-transition]).future {
+ transform: translate(0, 150%); }
.reveal.linear section {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
+ backface-visibility: hidden; }
-.reveal .slides > section[data-transition=linear].past, .reveal .slides > section[data-transition~=linear-out].past, .reveal.linear .slides > section:not([data-transition]).past {
- -webkit-transform: translate(-150%, 0);
- -ms-transform: translate(-150%, 0);
- transform: translate(-150%, 0); }
+.reveal .slides > section[data-transition=linear].past,
+.reveal .slides > section[data-transition~=linear-out].past,
+.reveal.linear .slides > section:not([data-transition]).past {
+ transform: translate(-150%, 0); }
-.reveal .slides > section[data-transition=linear].future, .reveal .slides > section[data-transition~=linear-in].future, .reveal.linear .slides > section:not([data-transition]).future {
- -webkit-transform: translate(150%, 0);
- -ms-transform: translate(150%, 0);
- transform: translate(150%, 0); }
+.reveal .slides > section[data-transition=linear].future,
+.reveal .slides > section[data-transition~=linear-in].future,
+.reveal.linear .slides > section:not([data-transition]).future {
+ transform: translate(150%, 0); }
-.reveal .slides > section > section[data-transition=linear].past, .reveal .slides > section > section[data-transition~=linear-out].past, .reveal.linear .slides > section > section:not([data-transition]).past {
- -webkit-transform: translate(0, -150%);
- -ms-transform: translate(0, -150%);
- transform: translate(0, -150%); }
+.reveal .slides > section > section[data-transition=linear].past,
+.reveal .slides > section > section[data-transition~=linear-out].past,
+.reveal.linear .slides > section > section:not([data-transition]).past {
+ transform: translate(0, -150%); }
-.reveal .slides > section > section[data-transition=linear].future, .reveal .slides > section > section[data-transition~=linear-in].future, .reveal.linear .slides > section > section:not([data-transition]).future {
- -webkit-transform: translate(0, 150%);
- -ms-transform: translate(0, 150%);
- transform: translate(0, 150%); }
+.reveal .slides > section > section[data-transition=linear].future,
+.reveal .slides > section > section[data-transition~=linear-in].future,
+.reveal.linear .slides > section > section:not([data-transition]).future {
+ transform: translate(0, 150%); }
/*********************************************
* CONVEX TRANSITION
* Aliased 'default' for backwards compatibility
*********************************************/
-.reveal .slides > section[data-transition=default].past, .reveal .slides > section[data-transition~=default-out].past, .reveal.default .slides > section:not([data-transition]).past {
- -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
-
-.reveal .slides > section[data-transition=default].future, .reveal .slides > section[data-transition~=default-in].future, .reveal.default .slides > section:not([data-transition]).future {
- -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
-
-.reveal .slides > section > section[data-transition=default].past, .reveal .slides > section > section[data-transition~=default-out].past, .reveal.default .slides > section > section:not([data-transition]).past {
- -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
- transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
-
-.reveal .slides > section > section[data-transition=default].future, .reveal .slides > section > section[data-transition~=default-in].future, .reveal.default .slides > section > section:not([data-transition]).future {
- -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
- transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
-
-.reveal .slides > section[data-transition=convex].past, .reveal .slides > section[data-transition~=convex-out].past, .reveal.convex .slides > section:not([data-transition]).past {
- -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
-
-.reveal .slides > section[data-transition=convex].future, .reveal .slides > section[data-transition~=convex-in].future, .reveal.convex .slides > section:not([data-transition]).future {
- -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
-
-.reveal .slides > section > section[data-transition=convex].past, .reveal .slides > section > section[data-transition~=convex-out].past, .reveal.convex .slides > section > section:not([data-transition]).past {
- -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
- transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
-
-.reveal .slides > section > section[data-transition=convex].future, .reveal .slides > section > section[data-transition~=convex-in].future, .reveal.convex .slides > section > section:not([data-transition]).future {
- -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
- transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
+.reveal .slides > section[data-transition=default].past,
+.reveal .slides > section[data-transition~=default-out].past,
+.reveal.default .slides > section:not([data-transition]).past {
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
+
+.reveal .slides > section[data-transition=default].future,
+.reveal .slides > section[data-transition~=default-in].future,
+.reveal.default .slides > section:not([data-transition]).future {
+ transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
+
+.reveal .slides > section > section[data-transition=default].past,
+.reveal .slides > section > section[data-transition~=default-out].past,
+.reveal.default .slides > section > section:not([data-transition]).past {
+ transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
+
+.reveal .slides > section > section[data-transition=default].future,
+.reveal .slides > section > section[data-transition~=default-in].future,
+.reveal.default .slides > section > section:not([data-transition]).future {
+ transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
+
+.reveal .slides > section[data-transition=convex].past,
+.reveal .slides > section[data-transition~=convex-out].past,
+.reveal.convex .slides > section:not([data-transition]).past {
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
+
+.reveal .slides > section[data-transition=convex].future,
+.reveal .slides > section[data-transition~=convex-in].future,
+.reveal.convex .slides > section:not([data-transition]).future {
+ transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
+
+.reveal .slides > section > section[data-transition=convex].past,
+.reveal .slides > section > section[data-transition~=convex-out].past,
+.reveal.convex .slides > section > section:not([data-transition]).past {
+ transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
+
+.reveal .slides > section > section[data-transition=convex].future,
+.reveal .slides > section > section[data-transition~=convex-in].future,
+.reveal.convex .slides > section > section:not([data-transition]).future {
+ transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
/*********************************************
* CONCAVE TRANSITION
*********************************************/
-.reveal .slides > section[data-transition=concave].past, .reveal .slides > section[data-transition~=concave-out].past, .reveal.concave .slides > section:not([data-transition]).past {
- -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
-
-.reveal .slides > section[data-transition=concave].future, .reveal .slides > section[data-transition~=concave-in].future, .reveal.concave .slides > section:not([data-transition]).future {
- -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
-
-.reveal .slides > section > section[data-transition=concave].past, .reveal .slides > section > section[data-transition~=concave-out].past, .reveal.concave .slides > section > section:not([data-transition]).past {
- -webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
- transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); }
-
-.reveal .slides > section > section[data-transition=concave].future, .reveal .slides > section > section[data-transition~=concave-in].future, .reveal.concave .slides > section > section:not([data-transition]).future {
- -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
- transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }
+.reveal .slides > section[data-transition=concave].past,
+.reveal .slides > section[data-transition~=concave-out].past,
+.reveal.concave .slides > section:not([data-transition]).past {
+ transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
+
+.reveal .slides > section[data-transition=concave].future,
+.reveal .slides > section[data-transition~=concave-in].future,
+.reveal.concave .slides > section:not([data-transition]).future {
+ transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
+
+.reveal .slides > section > section[data-transition=concave].past,
+.reveal .slides > section > section[data-transition~=concave-out].past,
+.reveal.concave .slides > section > section:not([data-transition]).past {
+ transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); }
+
+.reveal .slides > section > section[data-transition=concave].future,
+.reveal .slides > section > section[data-transition~=concave-in].future,
+.reveal.concave .slides > section > section:not([data-transition]).future {
+ transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }
/*********************************************
* ZOOM TRANSITION
*********************************************/
-.reveal .slides section[data-transition=zoom], .reveal.zoom .slides section:not([data-transition]) {
- -webkit-transition-timing-function: ease;
- transition-timing-function: ease; }
+.reveal .slides section[data-transition=zoom],
+.reveal.zoom .slides section:not([data-transition]) {
+ transition-timing-function: ease; }
-.reveal .slides > section[data-transition=zoom].past, .reveal .slides > section[data-transition~=zoom-out].past, .reveal.zoom .slides > section:not([data-transition]).past {
+.reveal .slides > section[data-transition=zoom].past,
+.reveal .slides > section[data-transition~=zoom-out].past,
+.reveal.zoom .slides > section:not([data-transition]).past {
visibility: hidden;
- -webkit-transform: scale(16);
- -ms-transform: scale(16);
- transform: scale(16); }
+ transform: scale(16); }
-.reveal .slides > section[data-transition=zoom].future, .reveal .slides > section[data-transition~=zoom-in].future, .reveal.zoom .slides > section:not([data-transition]).future {
+.reveal .slides > section[data-transition=zoom].future,
+.reveal .slides > section[data-transition~=zoom-in].future,
+.reveal.zoom .slides > section:not([data-transition]).future {
visibility: hidden;
- -webkit-transform: scale(0.2);
- -ms-transform: scale(0.2);
- transform: scale(0.2); }
+ transform: scale(0.2); }
-.reveal .slides > section > section[data-transition=zoom].past, .reveal .slides > section > section[data-transition~=zoom-out].past, .reveal.zoom .slides > section > section:not([data-transition]).past {
- -webkit-transform: translate(0, -150%);
- -ms-transform: translate(0, -150%);
- transform: translate(0, -150%); }
+.reveal .slides > section > section[data-transition=zoom].past,
+.reveal .slides > section > section[data-transition~=zoom-out].past,
+.reveal.zoom .slides > section > section:not([data-transition]).past {
+ transform: translate(0, -150%); }
-.reveal .slides > section > section[data-transition=zoom].future, .reveal .slides > section > section[data-transition~=zoom-in].future, .reveal.zoom .slides > section > section:not([data-transition]).future {
- -webkit-transform: translate(0, 150%);
- -ms-transform: translate(0, 150%);
- transform: translate(0, 150%); }
+.reveal .slides > section > section[data-transition=zoom].future,
+.reveal .slides > section > section[data-transition~=zoom-in].future,
+.reveal.zoom .slides > section > section:not([data-transition]).future {
+ transform: translate(0, 150%); }
/*********************************************
* CUBE TRANSITION
*********************************************/
.reveal.cube .slides {
- -webkit-perspective: 1300px;
- perspective: 1300px; }
+ perspective: 1300px; }
.reveal.cube .slides section {
padding: 30px;
min-height: 700px;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- -moz-box-sizing: border-box;
- box-sizing: border-box; }
+ backface-visibility: hidden;
+ box-sizing: border-box; }
.reveal.center.cube .slides section {
min-height: 0; }
@@ -505,8 +518,7 @@ body {
top: 0;
background: rgba(0, 0, 0, 0.1);
border-radius: 4px;
- -webkit-transform: translateZ(-20px);
- transform: translateZ(-20px); }
+ transform: translateZ(-20px); }
.reveal.cube .slides section:not(.stack):after {
content: '';
@@ -520,55 +532,39 @@ body {
z-index: 1;
border-radius: 4px;
box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2);
- -webkit-transform: translateZ(-90px) rotateX(65deg);
- transform: translateZ(-90px) rotateX(65deg); }
+ transform: translateZ(-90px) rotateX(65deg); }
.reveal.cube .slides > section.stack {
padding: 0;
background: none; }
.reveal.cube .slides > section.past {
- -webkit-transform-origin: 100% 0%;
- -ms-transform-origin: 100% 0%;
- transform-origin: 100% 0%;
- -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
- transform: translate3d(-100%, 0, 0) rotateY(-90deg); }
+ transform-origin: 100% 0%;
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg); }
.reveal.cube .slides > section.future {
- -webkit-transform-origin: 0% 0%;
- -ms-transform-origin: 0% 0%;
- transform-origin: 0% 0%;
- -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
- transform: translate3d(100%, 0, 0) rotateY(90deg); }
+ transform-origin: 0% 0%;
+ transform: translate3d(100%, 0, 0) rotateY(90deg); }
.reveal.cube .slides > section > section.past {
- -webkit-transform-origin: 0% 100%;
- -ms-transform-origin: 0% 100%;
- transform-origin: 0% 100%;
- -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg);
- transform: translate3d(0, -100%, 0) rotateX(90deg); }
+ transform-origin: 0% 100%;
+ transform: translate3d(0, -100%, 0) rotateX(90deg); }
.reveal.cube .slides > section > section.future {
- -webkit-transform-origin: 0% 0%;
- -ms-transform-origin: 0% 0%;
- transform-origin: 0% 0%;
- -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg);
- transform: translate3d(0, 100%, 0) rotateX(-90deg); }
+ transform-origin: 0% 0%;
+ transform: translate3d(0, 100%, 0) rotateX(-90deg); }
/*********************************************
* PAGE TRANSITION
*********************************************/
.reveal.page .slides {
- -webkit-perspective-origin: 0% 50%;
- perspective-origin: 0% 50%;
- -webkit-perspective: 3000px;
- perspective: 3000px; }
+ perspective-origin: 0% 50%;
+ perspective: 3000px; }
.reveal.page .slides section {
padding: 30px;
min-height: 700px;
- -moz-box-sizing: border-box;
- box-sizing: border-box; }
+ box-sizing: border-box; }
.reveal.page .slides section.past {
z-index: 12; }
@@ -582,8 +578,7 @@ body {
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.1);
- -webkit-transform: translateZ(-20px);
- transform: translateZ(-20px); }
+ transform: translateZ(-20px); }
.reveal.page .slides section:not(.stack):after {
content: '';
@@ -604,56 +599,41 @@ body {
background: none; }
.reveal.page .slides > section.past {
- -webkit-transform-origin: 0% 0%;
- -ms-transform-origin: 0% 0%;
- transform-origin: 0% 0%;
- -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
- transform: translate3d(-40%, 0, 0) rotateY(-80deg); }
+ transform-origin: 0% 0%;
+ transform: translate3d(-40%, 0, 0) rotateY(-80deg); }
.reveal.page .slides > section.future {
- -webkit-transform-origin: 100% 0%;
- -ms-transform-origin: 100% 0%;
- transform-origin: 100% 0%;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0); }
+ transform-origin: 100% 0%;
+ transform: translate3d(0, 0, 0); }
.reveal.page .slides > section > section.past {
- -webkit-transform-origin: 0% 0%;
- -ms-transform-origin: 0% 0%;
- transform-origin: 0% 0%;
- -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg);
- transform: translate3d(0, -40%, 0) rotateX(80deg); }
+ transform-origin: 0% 0%;
+ transform: translate3d(0, -40%, 0) rotateX(80deg); }
.reveal.page .slides > section > section.future {
- -webkit-transform-origin: 0% 100%;
- -ms-transform-origin: 0% 100%;
- transform-origin: 0% 100%;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0); }
+ transform-origin: 0% 100%;
+ transform: translate3d(0, 0, 0); }
/*********************************************
* FADE TRANSITION
*********************************************/
-.reveal .slides section[data-transition=fade], .reveal.fade .slides section:not([data-transition]), .reveal.fade .slides > section > section:not([data-transition]) {
- -webkit-transform: none;
- -ms-transform: none;
- transform: none;
- -webkit-transition: opacity 0.5s;
- transition: opacity 0.5s; }
+.reveal .slides section[data-transition=fade],
+.reveal.fade .slides section:not([data-transition]),
+.reveal.fade .slides > section > section:not([data-transition]) {
+ transform: none;
+ transition: opacity 0.5s; }
-.reveal.fade.overview .slides section, .reveal.fade.overview .slides > section > section {
- -webkit-transition: none;
- transition: none; }
+.reveal.fade.overview .slides section,
+.reveal.fade.overview .slides > section > section {
+ transition: none; }
/*********************************************
* NO TRANSITION
*********************************************/
-.reveal .slides section[data-transition=none], .reveal.none .slides section:not([data-transition]) {
- -webkit-transform: none;
- -ms-transform: none;
- transform: none;
- -webkit-transition: none;
- transition: none; }
+.reveal .slides section[data-transition=none],
+.reveal.none .slides section:not([data-transition]) {
+ transform: none;
+ transition: none; }
/*********************************************
* PAUSED MODE
@@ -668,8 +648,7 @@ body {
visibility: hidden;
opacity: 0;
z-index: 100;
- -webkit-transition: all 1s ease;
- transition: all 1s ease; }
+ transition: all 1s ease; }
.reveal.paused .pause-overlay {
visibility: visible;
@@ -690,7 +669,8 @@ body {
margin: 0;
text-align: center; }
-.no-transforms .reveal .controls, .no-transforms .reveal .progress {
+.no-transforms .reveal .controls,
+.no-transforms .reveal .progress {
display: none !important; }
.no-transforms .reveal .slides section {
@@ -702,16 +682,14 @@ body {
top: 0;
left: -50%;
margin: 70px 0;
- -webkit-transform: none;
- -ms-transform: none;
- transform: none; }
+ transform: none; }
.no-transforms .reveal .slides section section {
left: 0; }
-.reveal .no-transition, .reveal .no-transition * {
- -webkit-transition: none !important;
- transition: none !important; }
+.reveal .no-transition,
+.reveal .no-transition * {
+ transition: none !important; }
/*********************************************
* PER-SLIDE BACKGROUNDS
@@ -722,8 +700,7 @@ body {
height: 100%;
top: 0;
left: 0;
- -webkit-perspective: 600px;
- perspective: 600px; }
+ perspective: 600px; }
.reveal .slide-background {
display: none;
@@ -732,12 +709,11 @@ body {
height: 100%;
opacity: 0;
visibility: hidden;
- background-color: rgba(0, 0, 0, 0);
+ background-color: transparent;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
- -webkit-transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
- transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+ transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
.reveal .slide-background.stack {
display: block; }
@@ -761,144 +737,132 @@ body {
left: 0; }
/* Immediate transition style */
-.reveal[data-background-transition=none] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=none] {
- -webkit-transition: none;
- transition: none; }
+.reveal[data-background-transition=none] > .backgrounds .slide-background,
+.reveal > .backgrounds .slide-background[data-background-transition=none] {
+ transition: none; }
/* Slide */
-.reveal[data-background-transition=slide] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=slide] {
+.reveal[data-background-transition=slide] > .backgrounds .slide-background,
+.reveal > .backgrounds .slide-background[data-background-transition=slide] {
opacity: 1;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
+ backface-visibility: hidden; }
-.reveal[data-background-transition=slide] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=slide] {
- -webkit-transform: translate(-100%, 0);
- -ms-transform: translate(-100%, 0);
- transform: translate(-100%, 0); }
+.reveal[data-background-transition=slide] > .backgrounds .slide-background.past,
+.reveal > .backgrounds .slide-background.past[data-background-transition=slide] {
+ transform: translate(-100%, 0); }
-.reveal[data-background-transition=slide] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=slide] {
- -webkit-transform: translate(100%, 0);
- -ms-transform: translate(100%, 0);
- transform: translate(100%, 0); }
+.reveal[data-background-transition=slide] > .backgrounds .slide-background.future,
+.reveal > .backgrounds .slide-background.future[data-background-transition=slide] {
+ transform: translate(100%, 0); }
-.reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide] {
- -webkit-transform: translate(0, -100%);
- -ms-transform: translate(0, -100%);
- transform: translate(0, -100%); }
+.reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past,
+.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide] {
+ transform: translate(0, -100%); }
-.reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=slide] {
- -webkit-transform: translate(0, 100%);
- -ms-transform: translate(0, 100%);
- transform: translate(0, 100%); }
+.reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.future,
+.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=slide] {
+ transform: translate(0, 100%); }
/* Convex */
-.reveal[data-background-transition=convex] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=convex] {
+.reveal[data-background-transition=convex] > .backgrounds .slide-background.past,
+.reveal > .backgrounds .slide-background.past[data-background-transition=convex] {
opacity: 0;
- -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
-.reveal[data-background-transition=convex] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=convex] {
+.reveal[data-background-transition=convex] > .backgrounds .slide-background.future,
+.reveal > .backgrounds .slide-background.future[data-background-transition=convex] {
opacity: 0;
- -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
+ transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
-.reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=convex] {
+.reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.past,
+.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=convex] {
opacity: 0;
- -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); }
+ transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); }
-.reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=convex] {
+.reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.future,
+.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=convex] {
opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); }
+ transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); }
/* Concave */
-.reveal[data-background-transition=concave] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=concave] {
+.reveal[data-background-transition=concave] > .backgrounds .slide-background.past,
+.reveal > .backgrounds .slide-background.past[data-background-transition=concave] {
opacity: 0;
- -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
+ transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
-.reveal[data-background-transition=concave] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=concave] {
+.reveal[data-background-transition=concave] > .backgrounds .slide-background.future,
+.reveal > .backgrounds .slide-background.future[data-background-transition=concave] {
opacity: 0;
- -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
+ transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
-.reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=concave] {
+.reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.past,
+.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=concave] {
opacity: 0;
- -webkit-transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); }
+ transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); }
-.reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=concave] {
+.reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.future,
+.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=concave] {
opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); }
+ transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); }
/* Zoom */
-.reveal[data-background-transition=zoom] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=zoom] {
- -webkit-transition-timing-function: ease;
- transition-timing-function: ease; }
+.reveal[data-background-transition=zoom] > .backgrounds .slide-background,
+.reveal > .backgrounds .slide-background[data-background-transition=zoom] {
+ transition-timing-function: ease; }
-.reveal[data-background-transition=zoom] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=zoom] {
+.reveal[data-background-transition=zoom] > .backgrounds .slide-background.past,
+.reveal > .backgrounds .slide-background.past[data-background-transition=zoom] {
opacity: 0;
visibility: hidden;
- -webkit-transform: scale(16);
- -ms-transform: scale(16);
- transform: scale(16); }
+ transform: scale(16); }
-.reveal[data-background-transition=zoom] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=zoom] {
+.reveal[data-background-transition=zoom] > .backgrounds .slide-background.future,
+.reveal > .backgrounds .slide-background.future[data-background-transition=zoom] {
opacity: 0;
visibility: hidden;
- -webkit-transform: scale(0.2);
- -ms-transform: scale(0.2);
- transform: scale(0.2); }
+ transform: scale(0.2); }
-.reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=zoom] {
+.reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.past,
+.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=zoom] {
opacity: 0;
visibility: hidden;
- -webkit-transform: scale(16);
- -ms-transform: scale(16);
- transform: scale(16); }
+ transform: scale(16); }
-.reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=zoom] {
+.reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.future,
+.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=zoom] {
opacity: 0;
visibility: hidden;
- -webkit-transform: scale(0.2);
- -ms-transform: scale(0.2);
- transform: scale(0.2); }
+ transform: scale(0.2); }
/* Global transition speed settings */
.reveal[data-transition-speed="fast"] > .backgrounds .slide-background {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms; }
+ transition-duration: 400ms; }
.reveal[data-transition-speed="slow"] > .backgrounds .slide-background {
- -webkit-transition-duration: 1200ms;
- transition-duration: 1200ms; }
+ transition-duration: 1200ms; }
/*********************************************
* OVERVIEW
*********************************************/
.reveal.overview {
- -webkit-perspective-origin: 50% 50%;
- perspective-origin: 50% 50%;
- -webkit-perspective: 700px;
- perspective: 700px; }
+ perspective-origin: 50% 50%;
+ perspective: 700px; }
.reveal.overview .slides section {
height: 700px;
opacity: 1 !important;
overflow: hidden;
visibility: visible !important;
cursor: pointer;
- -moz-box-sizing: border-box;
- box-sizing: border-box; }
- .reveal.overview .slides section:hover, .reveal.overview .slides section.present {
+ box-sizing: border-box; }
+ .reveal.overview .slides section:hover,
+ .reveal.overview .slides section.present {
outline: 10px solid rgba(150, 150, 150, 0.4);
outline-offset: 10px; }
.reveal.overview .slides section .fragment {
opacity: 1;
- -webkit-transition: none;
- transition: none; }
- .reveal.overview .slides section:after, .reveal.overview .slides section:before {
+ transition: none; }
+ .reveal.overview .slides section:after,
+ .reveal.overview .slides section:before {
display: none !important; }
.reveal.overview .slides > section.stack {
padding: 0;
@@ -907,37 +871,43 @@ body {
outline: none;
overflow: visible; }
.reveal.overview .backgrounds {
- -webkit-perspective: inherit;
- perspective: inherit; }
+ perspective: inherit; }
.reveal.overview .backgrounds .slide-background {
opacity: 1;
visibility: visible;
outline: 10px solid rgba(150, 150, 150, 0.1);
outline-offset: 10px; }
-.reveal.overview .slides section, .reveal.overview-deactivating .slides section {
- -webkit-transition: none;
- transition: none; }
+.reveal.overview .slides section,
+.reveal.overview-deactivating .slides section {
+ transition: none; }
-.reveal.overview .backgrounds .slide-background, .reveal.overview-deactivating .backgrounds .slide-background {
- -webkit-transition: none;
- transition: none; }
+.reveal.overview .backgrounds .slide-background,
+.reveal.overview-deactivating .backgrounds .slide-background {
+ transition: none; }
.reveal.overview-animated .slides {
- -webkit-transition: -webkit-transform 0.4s ease;
- transition: transform 0.4s ease; }
+ transition: transform 0.4s ease; }
/*********************************************
* RTL SUPPORT
*********************************************/
-.reveal.rtl .slides, .reveal.rtl .slides h1, .reveal.rtl .slides h2, .reveal.rtl .slides h3, .reveal.rtl .slides h4, .reveal.rtl .slides h5, .reveal.rtl .slides h6 {
+.reveal.rtl .slides,
+.reveal.rtl .slides h1,
+.reveal.rtl .slides h2,
+.reveal.rtl .slides h3,
+.reveal.rtl .slides h4,
+.reveal.rtl .slides h5,
+.reveal.rtl .slides h6 {
direction: rtl;
font-family: sans-serif; }
-.reveal.rtl pre, .reveal.rtl code {
+.reveal.rtl pre,
+.reveal.rtl code {
direction: ltr; }
-.reveal.rtl ol, .reveal.rtl ul {
+.reveal.rtl ol,
+.reveal.rtl ul {
text-align: right; }
.reveal.rtl .progress span {
@@ -947,17 +917,14 @@ body {
* PARALLAX BACKGROUND
*********************************************/
.reveal.has-parallax-background .backgrounds {
- -webkit-transition: all 0.8s ease;
- transition: all 0.8s ease; }
+ transition: all 0.8s ease; }
/* Global transition speed settings */
.reveal.has-parallax-background[data-transition-speed="fast"] .backgrounds {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms; }
+ transition-duration: 400ms; }
.reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds {
- -webkit-transition-duration: 1200ms;
- transition-duration: 1200ms; }
+ transition-duration: 1200ms; }
/*********************************************
* LINK PREVIEW OVERLAY
@@ -972,8 +939,7 @@ body {
background: rgba(0, 0, 0, 0.9);
opacity: 0;
visibility: hidden;
- -webkit-transition: all 0.3s ease;
- transition: all 0.3s ease; }
+ transition: all 0.3s ease; }
.reveal .overlay.visible {
opacity: 1;
@@ -991,8 +957,7 @@ body {
background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAAJmZmf%2F%2F%2F6%2Bvr8nJybW1tcDAwOjo6Nvb26ioqKOjo7Ozs%2FLy8vz8%2FAAAAAAAAAAAACH%2FC05FVFNDQVBFMi4wAwEAAAAh%2FhpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh%2BQQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ%2FV%2FnmOM82XiHRLYKhKP1oZmADdEAAAh%2BQQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY%2FCZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB%2BA4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6%2BHo7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq%2BB6QDtuetcaBPnW6%2BO7wDHpIiK9SaVK5GgV543tzjgGcghAgAh%2BQQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK%2B%2BG%2Bw48edZPK%2BM6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE%2BG%2BcD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm%2BFNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk%2BaV%2BoJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0%2FVNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc%2BXiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30%2FiI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE%2FjiuL04RGEBgwWhShRgQExHBAAh%2BQQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR%2BipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY%2BYip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd%2BMFCN6HAAIKgNggY0KtEBAAh%2BQQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1%2BvsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d%2BjYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg%2BygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0%2Bbm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h%2BKr0SJ8MFihpNbx%2B4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX%2BBP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA%3D%3D);
visibility: visible;
opacity: 0.6;
- -webkit-transition: all 0.3s ease;
- transition: all 0.3s ease; }
+ transition: all 0.3s ease; }
.reveal .overlay header {
position: absolute;
@@ -1010,8 +975,7 @@ body {
padding: 0 10px;
float: right;
opacity: 0.6;
- -moz-box-sizing: border-box;
- box-sizing: border-box; }
+ box-sizing: border-box; }
.reveal .overlay header a:hover {
opacity: 1; }
@@ -1045,8 +1009,7 @@ body {
border: 0;
opacity: 0;
visibility: hidden;
- -webkit-transition: all 0.3s ease;
- transition: all 0.3s ease; }
+ transition: all 0.3s ease; }
.reveal .overlay.overlay-preview.loaded .viewport iframe {
opacity: 1;
@@ -1055,9 +1018,7 @@ body {
.reveal .overlay.overlay-preview.loaded .spinner {
opacity: 0;
visibility: hidden;
- -webkit-transform: scale(0.2);
- -ms-transform: scale(0.2);
- transform: scale(0.2); }
+ transform: scale(0.2); }
.reveal .overlay.overlay-help .viewport {
overflow: auto;
@@ -1078,7 +1039,8 @@ body {
border-collapse: collapse;
font-size: 14px; }
-.reveal .overlay.overlay-help .viewport .viewport-inner table th, .reveal .overlay.overlay-help .viewport .viewport-inner table td {
+.reveal .overlay.overlay-help .viewport .viewport-inner table th,
+.reveal .overlay.overlay-help .viewport .viewport-inner table td {
width: 200px;
padding: 10px;
border: 1px solid #fff;
@@ -1097,8 +1059,7 @@ body {
bottom: 20px;
z-index: 30;
cursor: pointer;
- -webkit-transition: all 400ms ease;
- transition: all 400ms ease; }
+ transition: all 400ms ease; }
.reveal.overview .playback {
opacity: 0;
@@ -1112,10 +1073,8 @@ body {
line-height: 1.2;
overflow: hidden;
vertical-align: top;
- -webkit-perspective: 400px;
- perspective: 400px;
- -webkit-perspective-origin: 50% 50%;
- perspective-origin: 50% 50%; }
+ perspective: 400px;
+ perspective-origin: 50% 50%; }
.reveal .roll:hover {
background: none;
@@ -1126,20 +1085,14 @@ body {
position: relative;
padding: 0 2px;
pointer-events: none;
- -webkit-transition: all 400ms ease;
- transition: all 400ms ease;
- -webkit-transform-origin: 50% 0%;
- -ms-transform-origin: 50% 0%;
- transform-origin: 50% 0%;
- -webkit-transform-style: preserve-3d;
- transform-style: preserve-3d;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
+ transition: all 400ms ease;
+ transform-origin: 50% 0%;
+ transform-style: preserve-3d;
+ backface-visibility: hidden; }
.reveal .roll:hover span {
background: rgba(0, 0, 0, 0.5);
- -webkit-transform: translate3d(0px, 0px, -45px) rotateX(90deg);
- transform: translate3d(0px, 0px, -45px) rotateX(90deg); }
+ transform: translate3d(0px, 0px, -45px) rotateX(90deg); }
.reveal .roll span:after {
content: attr(data-title);
@@ -1148,13 +1101,9 @@ body {
left: 0;
top: 0;
padding: 0 2px;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- -webkit-transform-origin: 50% 0%;
- -ms-transform-origin: 50% 0%;
- transform-origin: 50% 0%;
- -webkit-transform: translate3d(0px, 110%, 0px) rotateX(-90deg);
- transform: translate3d(0px, 110%, 0px) rotateX(-90deg); }
+ backface-visibility: hidden;
+ transform-origin: 50% 0%;
+ transform: translate3d(0px, 110%, 0px) rotateX(-90deg); }
/*********************************************
* SPEAKER NOTES
@@ -1176,8 +1125,7 @@ body {
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
overflow: auto;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
+ box-sizing: border-box;
text-align: left;
font-family: Helvetica, sans-serif;
-webkit-overflow-scrolling: touch; }
@@ -1197,11 +1145,13 @@ body {
/*********************************************
* ZOOM PLUGIN
*********************************************/
-.zoomed .reveal *, .zoomed .reveal *:before, .zoomed .reveal *:after {
- -webkit-backface-visibility: visible !important;
- backface-visibility: visible !important; }
+.zoomed .reveal *,
+.zoomed .reveal *:before,
+.zoomed .reveal *:after {
+ backface-visibility: visible !important; }
-.zoomed .reveal .progress, .zoomed .reveal .controls {
+.zoomed .reveal .progress,
+.zoomed .reveal .controls {
opacity: 0; }
.zoomed .reveal .roll span {
diff --git a/css/theme/beige.css b/css/theme/beige.css
index 4f5be26..e7722ce 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -1,25 +1,25 @@
-@import url(../../lib/font/league-gothic/league-gothic.css);
-@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/**
* Beige theme for reveal.js.
*
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/
+@import url(../../lib/font/league-gothic/league-gothic.css);
+@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/*********************************************
* GLOBAL STYLES
*********************************************/
body {
background: #f7f2d3;
- background: -moz-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%);
- background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(100%, #f7f2d3));
- background: -webkit-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%);
- background: -o-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%);
- background: -ms-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%);
- background: radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%);
+ background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f7f2d3));
+ background: -webkit-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+ background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+ background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+ background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
background-color: #f7f3de; }
.reveal {
- font-family: 'Lato', sans-serif;
+ font-family: "Lato", sans-serif;
font-size: 36px;
font-weight: normal;
color: #333; }
@@ -29,17 +29,23 @@ body {
background: rgba(79, 64, 28, 0.99);
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* HEADERS
*********************************************/
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
margin: 0 0 20px 0;
color: #333;
- font-family: 'League Gothic', Impact, sans-serif;
+ font-family: "League Gothic", Impact, sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
@@ -70,17 +76,22 @@ body {
line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */
-.reveal img, .reveal video, .reveal iframe {
+.reveal img,
+.reveal video,
+.reveal iframe {
max-width: 95%;
max-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -97,7 +108,10 @@ body {
.reveal ul ul ul {
list-style-type: circle; }
-.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
display: block;
margin-left: 40px; }
@@ -107,7 +121,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -120,7 +135,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -156,15 +172,18 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
-.reveal table th[align="center"], .reveal table td[align="center"] {
+.reveal table th[align="center"],
+.reveal table td[align="center"] {
text-align: center; }
-.reveal table th[align="right"], .reveal table td[align="right"] {
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
text-align: right; }
.reveal table tr:last-child td {
@@ -196,13 +215,13 @@ body {
transition: color 0.15s ease; }
.reveal a:hover {
- color: #c0a76e;
+ color: #c0a86e;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #564726; }
+ background: #564826; }
/*********************************************
* IMAGES
@@ -230,29 +249,33 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: #8b743d; }
-.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: #8b743d; }
-.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: #8b743d; }
-.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: #8b743d; }
.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #c0a76e; }
+ border-right-color: #c0a86e; }
.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #c0a76e; }
+ border-left-color: #c0a86e; }
.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #c0a76e; }
+ border-bottom-color: #c0a86e; }
.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #c0a76e; }
+ border-top-color: #c0a86e; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/black.css b/css/theme/black.css
index 3cee63e..10ec7e1 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -1,9 +1,9 @@
-@import url(../../lib/font/source-sans-pro/source-sans-pro.css);
/**
* Black theme for reveal.js. This is the opposite of the 'white' theme.
*
* Copyright (C) 2015 Hakim El Hattab, http://hakim.se
*/
+@import url(../../lib/font/source-sans-pro/source-sans-pro.css);
section.has-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 {
color: #222; }
@@ -15,7 +15,7 @@ body {
background-color: #222; }
.reveal {
- font-family: 'Source Sans Pro', Helvetica, sans-serif;
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
font-size: 38px;
font-weight: normal;
color: #fff; }
@@ -25,17 +25,23 @@ body {
background: #bee4fd;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* HEADERS
*********************************************/
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
margin: 0 0 20px 0;
color: #fff;
- font-family: 'Source Sans Pro', Helvetica, sans-serif;
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
font-weight: 600;
line-height: 1.2;
letter-spacing: normal;
@@ -66,17 +72,22 @@ body {
line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */
-.reveal img, .reveal video, .reveal iframe {
+.reveal img,
+.reveal video,
+.reveal iframe {
max-width: 95%;
max-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -93,7 +104,10 @@ body {
.reveal ul ul ul {
list-style-type: circle; }
-.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
display: block;
margin-left: 40px; }
@@ -103,7 +117,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -116,7 +131,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -152,15 +168,18 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
-.reveal table th[align="center"], .reveal table td[align="center"] {
+.reveal table th[align="center"],
+.reveal table td[align="center"] {
text-align: center; }
-.reveal table th[align="right"], .reveal table td[align="right"] {
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
text-align: right; }
.reveal table tr:last-child td {
@@ -198,7 +217,7 @@ body {
.reveal .roll span:after {
color: #fff;
- background: #068ee9; }
+ background: #068de9; }
/*********************************************
* IMAGES
@@ -226,16 +245,20 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: #42affa; }
-.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: #42affa; }
-.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: #42affa; }
-.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: #42affa; }
.reveal .controls .navigate-left.enabled:hover {
diff --git a/css/theme/blood.css b/css/theme/blood.css
index 8dfdc1d..84d7d9e 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -1,4 +1,3 @@
-@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
/**
* Blood theme for reveal.js
* Author: Walther http://github.com/Walther
@@ -10,6 +9,7 @@
* For other themes, change $codeBackground accordingly.
*
*/
+@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
/*********************************************
* GLOBAL STYLES
*********************************************/
@@ -18,7 +18,7 @@ body {
background-color: #222; }
.reveal {
- font-family: Ubuntu, 'sans-serif';
+ font-family: Ubuntu, "sans-serif";
font-size: 36px;
font-weight: normal;
color: #eee; }
@@ -28,17 +28,23 @@ body {
background: #a23;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* HEADERS
*********************************************/
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
margin: 0 0 20px 0;
color: #eee;
- font-family: Ubuntu, 'sans-serif';
+ font-family: Ubuntu, "sans-serif";
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
@@ -69,17 +75,22 @@ body {
line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */
-.reveal img, .reveal video, .reveal iframe {
+.reveal img,
+.reveal video,
+.reveal iframe {
max-width: 95%;
max-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -96,7 +107,10 @@ body {
.reveal ul ul ul {
list-style-type: circle; }
-.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
display: block;
margin-left: 40px; }
@@ -106,7 +120,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -119,7 +134,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -155,15 +171,18 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
-.reveal table th[align="center"], .reveal table td[align="center"] {
+.reveal table th[align="center"],
+.reveal table td[align="center"] {
text-align: center; }
-.reveal table th[align="right"], .reveal table td[align="right"] {
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
text-align: right; }
.reveal table tr:last-child td {
@@ -195,13 +214,13 @@ body {
transition: color 0.15s ease; }
.reveal a:hover {
- color: #dd5567;
+ color: #dd5566;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #6a1521; }
+ background: #6a1520; }
/*********************************************
* IMAGES
@@ -229,29 +248,33 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: #a23; }
-.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: #a23; }
-.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: #a23; }
-.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: #a23; }
.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #dd5567; }
+ border-right-color: #dd5566; }
.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #dd5567; }
+ border-left-color: #dd5566; }
.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #dd5567; }
+ border-bottom-color: #dd5566; }
.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #dd5567; }
+ border-top-color: #dd5566; }
/*********************************************
* PROGRESS BAR
@@ -275,7 +298,12 @@ body {
font-weight: 300;
text-shadow: 1px 1px #222; }
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
font-weight: 700; }
.reveal p code {
diff --git a/css/theme/league.css b/css/theme/league.css
index f5652af..1f6a8a1 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -1,5 +1,3 @@
-@import url(../../lib/font/league-gothic/league-gothic.css);
-@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/**
* League theme for reveal.js.
*
@@ -7,6 +5,8 @@
*
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/
+@import url(../../lib/font/league-gothic/league-gothic.css);
+@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/*********************************************
* GLOBAL STYLES
*********************************************/
@@ -21,7 +21,7 @@ body {
background-color: #2b2b2b; }
.reveal {
- font-family: 'Lato', sans-serif;
+ font-family: "Lato", sans-serif;
font-size: 36px;
font-weight: normal;
color: #eee; }
@@ -31,17 +31,23 @@ body {
background: #FF5E99;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* HEADERS
*********************************************/
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
margin: 0 0 20px 0;
color: #eee;
- font-family: 'League Gothic', Impact, sans-serif;
+ font-family: "League Gothic", Impact, sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
@@ -72,17 +78,22 @@ body {
line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */
-.reveal img, .reveal video, .reveal iframe {
+.reveal img,
+.reveal video,
+.reveal iframe {
max-width: 95%;
max-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -99,7 +110,10 @@ body {
.reveal ul ul ul {
list-style-type: circle; }
-.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
display: block;
margin-left: 40px; }
@@ -109,7 +123,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -122,7 +137,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -158,15 +174,18 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
-.reveal table th[align="center"], .reveal table td[align="center"] {
+.reveal table th[align="center"],
+.reveal table td[align="center"] {
text-align: center; }
-.reveal table th[align="right"], .reveal table td[align="right"] {
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
text-align: right; }
.reveal table tr:last-child td {
@@ -198,13 +217,13 @@ body {
transition: color 0.15s ease; }
.reveal a:hover {
- color: #71ebf4;
+ color: #71e9f4;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #0d9ba5; }
+ background: #0d99a5; }
/*********************************************
* IMAGES
@@ -232,29 +251,33 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: #13DAEC; }
-.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: #13DAEC; }
-.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: #13DAEC; }
-.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: #13DAEC; }
.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #71ebf4; }
+ border-right-color: #71e9f4; }
.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #71ebf4; }
+ border-left-color: #71e9f4; }
.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #71ebf4; }
+ border-bottom-color: #71e9f4; }
.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #71ebf4; }
+ border-top-color: #71e9f4; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/moon.css b/css/theme/moon.css
index 224c40a..1c81cf9 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -1,9 +1,9 @@
-@import url(../../lib/font/league-gothic/league-gothic.css);
-@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/**
* Solarized Dark theme for reveal.js.
* Author: Achim Staebler
*/
+@import url(../../lib/font/league-gothic/league-gothic.css);
+@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/**
* Solarized colors by Ethan Schoonover
*/
@@ -19,7 +19,7 @@ body {
background-color: #002b36; }
.reveal {
- font-family: 'Lato', sans-serif;
+ font-family: "Lato", sans-serif;
font-size: 36px;
font-weight: normal;
color: #93a1a1; }
@@ -29,17 +29,23 @@ body {
background: #d33682;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* HEADERS
*********************************************/
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
margin: 0 0 20px 0;
color: #eee8d5;
- font-family: 'League Gothic', Impact, sans-serif;
+ font-family: "League Gothic", Impact, sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
@@ -70,17 +76,22 @@ body {
line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */
-.reveal img, .reveal video, .reveal iframe {
+.reveal img,
+.reveal video,
+.reveal iframe {
max-width: 95%;
max-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -97,7 +108,10 @@ body {
.reveal ul ul ul {
list-style-type: circle; }
-.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
display: block;
margin-left: 40px; }
@@ -107,7 +121,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -120,7 +135,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -156,15 +172,18 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
-.reveal table th[align="center"], .reveal table td[align="center"] {
+.reveal table th[align="center"],
+.reveal table td[align="center"] {
text-align: center; }
-.reveal table th[align="right"], .reveal table td[align="right"] {
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
text-align: right; }
.reveal table tr:last-child td {
@@ -196,13 +215,13 @@ body {
transition: color 0.15s ease; }
.reveal a:hover {
- color: #78bae6;
+ color: #78b9e6;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #1a6291; }
+ background: #1a6091; }
/*********************************************
* IMAGES
@@ -230,29 +249,33 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: #268bd2; }
-.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: #268bd2; }
-.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: #268bd2; }
-.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: #268bd2; }
.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #78bae6; }
+ border-right-color: #78b9e6; }
.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #78bae6; }
+ border-left-color: #78b9e6; }
.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #78bae6; }
+ border-bottom-color: #78b9e6; }
.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #78bae6; }
+ border-top-color: #78b9e6; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/night.css b/css/theme/night.css
index 109d4c3..748a94f 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -1,10 +1,10 @@
-@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
-@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
/**
* Black theme for reveal.js.
*
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/
+@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
+@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
/*********************************************
* GLOBAL STYLES
*********************************************/
@@ -13,7 +13,7 @@ body {
background-color: #111; }
.reveal {
- font-family: 'Open Sans', sans-serif;
+ font-family: "Open Sans", sans-serif;
font-size: 30px;
font-weight: normal;
color: #eee; }
@@ -23,17 +23,23 @@ body {
background: #e7ad52;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* HEADERS
*********************************************/
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
margin: 0 0 20px 0;
color: #eee;
- font-family: 'Montserrat', Impact, sans-serif;
+ font-family: "Montserrat", Impact, sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: -0.03em;
@@ -64,17 +70,22 @@ body {
line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */
-.reveal img, .reveal video, .reveal iframe {
+.reveal img,
+.reveal video,
+.reveal iframe {
max-width: 95%;
max-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -91,7 +102,10 @@ body {
.reveal ul ul ul {
list-style-type: circle; }
-.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
display: block;
margin-left: 40px; }
@@ -101,7 +115,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -114,7 +129,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -150,15 +166,18 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
-.reveal table th[align="center"], .reveal table td[align="center"] {
+.reveal table th[align="center"],
+.reveal table td[align="center"] {
text-align: center; }
-.reveal table th[align="right"], .reveal table td[align="right"] {
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
text-align: right; }
.reveal table tr:last-child td {
@@ -196,7 +215,7 @@ body {
.reveal .roll span:after {
color: #fff;
- background: #d0881d; }
+ background: #d08a1d; }
/*********************************************
* IMAGES
@@ -224,16 +243,20 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: #e7ad52; }
-.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: #e7ad52; }
-.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: #e7ad52; }
-.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: #e7ad52; }
.reveal .controls .navigate-left.enabled:hover {
diff --git a/css/theme/serif.css b/css/theme/serif.css
index 4e8674c..2817e0f 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -15,7 +15,7 @@ body {
background-color: #F0F1EB; }
.reveal {
- font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
+ font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
font-size: 36px;
font-weight: normal;
color: #000; }
@@ -25,17 +25,23 @@ body {
background: #26351C;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* HEADERS
*********************************************/
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
margin: 0 0 20px 0;
color: #383D3D;
- font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
+ font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
@@ -66,17 +72,22 @@ body {
line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */
-.reveal img, .reveal video, .reveal iframe {
+.reveal img,
+.reveal video,
+.reveal iframe {
max-width: 95%;
max-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -93,7 +104,10 @@ body {
.reveal ul ul ul {
list-style-type: circle; }
-.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
display: block;
margin-left: 40px; }
@@ -103,7 +117,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -116,7 +131,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -152,15 +168,18 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
-.reveal table th[align="center"], .reveal table td[align="center"] {
+.reveal table th[align="center"],
+.reveal table td[align="center"] {
text-align: center; }
-.reveal table th[align="right"], .reveal table td[align="right"] {
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
text-align: right; }
.reveal table tr:last-child td {
@@ -192,7 +211,7 @@ body {
transition: color 0.15s ease; }
.reveal a:hover {
- color: #8b7b69;
+ color: #8b7c69;
text-shadow: none;
border: none; }
@@ -226,29 +245,33 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: #51483D; }
-.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: #51483D; }
-.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: #51483D; }
-.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: #51483D; }
.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #8b7b69; }
+ border-right-color: #8b7c69; }
.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #8b7b69; }
+ border-left-color: #8b7c69; }
.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #8b7b69; }
+ border-bottom-color: #8b7c69; }
.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #8b7b69; }
+ border-top-color: #8b7c69; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/simple.css b/css/theme/simple.css
index 8122250..c65e8ce 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -1,5 +1,3 @@
-@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
-@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/**
* A simple theme for reveal.js presentations, similar
* to the default theme. The accent color is darkblue.
@@ -7,6 +5,8 @@
* This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
* reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/
+@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
+@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/*********************************************
* GLOBAL STYLES
*********************************************/
@@ -15,7 +15,7 @@ body {
background-color: #fff; }
.reveal {
- font-family: 'Lato', sans-serif;
+ font-family: "Lato", sans-serif;
font-size: 36px;
font-weight: normal;
color: #000; }
@@ -25,17 +25,23 @@ body {
background: rgba(0, 0, 0, 0.99);
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* HEADERS
*********************************************/
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
margin: 0 0 20px 0;
color: #000;
- font-family: 'News Cycle', Impact, sans-serif;
+ font-family: "News Cycle", Impact, sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
@@ -66,17 +72,22 @@ body {
line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */
-.reveal img, .reveal video, .reveal iframe {
+.reveal img,
+.reveal video,
+.reveal iframe {
max-width: 95%;
max-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -93,7 +104,10 @@ body {
.reveal ul ul ul {
list-style-type: circle; }
-.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
display: block;
margin-left: 40px; }
@@ -103,7 +117,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -116,7 +131,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -152,15 +168,18 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
-.reveal table th[align="center"], .reveal table td[align="center"] {
+.reveal table th[align="center"],
+.reveal table td[align="center"] {
text-align: center; }
-.reveal table th[align="right"], .reveal table td[align="right"] {
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
text-align: right; }
.reveal table tr:last-child td {
@@ -226,16 +245,20 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: #00008B; }
-.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: #00008B; }
-.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: #00008B; }
-.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: #00008B; }
.reveal .controls .navigate-left.enabled:hover {
diff --git a/css/theme/sky.css b/css/theme/sky.css
index 93b4e85..37ce521 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -1,10 +1,10 @@
-@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
-@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
/**
* Sky theme for reveal.js.
*
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/
+@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
+@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
.reveal a {
line-height: 1.3em; }
@@ -22,7 +22,7 @@ body {
background-color: #f7fbfc; }
.reveal {
- font-family: 'Open Sans', sans-serif;
+ font-family: "Open Sans", sans-serif;
font-size: 36px;
font-weight: normal;
color: #333; }
@@ -32,17 +32,23 @@ body {
background: #134674;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* HEADERS
*********************************************/
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
margin: 0 0 20px 0;
color: #333;
- font-family: 'Quicksand', sans-serif;
+ font-family: "Quicksand", sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: -0.08em;
@@ -73,17 +79,22 @@ body {
line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */
-.reveal img, .reveal video, .reveal iframe {
+.reveal img,
+.reveal video,
+.reveal iframe {
max-width: 95%;
max-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -100,7 +111,10 @@ body {
.reveal ul ul ul {
list-style-type: circle; }
-.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
display: block;
margin-left: 40px; }
@@ -110,7 +124,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -123,7 +138,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -159,15 +175,18 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
-.reveal table th[align="center"], .reveal table td[align="center"] {
+.reveal table th[align="center"],
+.reveal table td[align="center"] {
text-align: center; }
-.reveal table th[align="right"], .reveal table td[align="right"] {
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
text-align: right; }
.reveal table tr:last-child td {
@@ -199,13 +218,13 @@ body {
transition: color 0.15s ease; }
.reveal a:hover {
- color: #74a8cb;
+ color: #74a7cb;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #264d66; }
+ background: #264c66; }
/*********************************************
* IMAGES
@@ -233,29 +252,33 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: #3b759e; }
-.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: #3b759e; }
-.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: #3b759e; }
-.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: #3b759e; }
.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #74a8cb; }
+ border-right-color: #74a7cb; }
.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #74a8cb; }
+ border-left-color: #74a7cb; }
.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #74a8cb; }
+ border-bottom-color: #74a7cb; }
.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #74a8cb; }
+ border-top-color: #74a7cb; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index 317027e..be2fa22 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -1,9 +1,9 @@
-@import url(../../lib/font/league-gothic/league-gothic.css);
-@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/**
* Solarized Light theme for reveal.js.
* Author: Achim Staebler
*/
+@import url(../../lib/font/league-gothic/league-gothic.css);
+@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/**
* Solarized colors by Ethan Schoonover
*/
@@ -19,7 +19,7 @@ body {
background-color: #fdf6e3; }
.reveal {
- font-family: 'Lato', sans-serif;
+ font-family: "Lato", sans-serif;
font-size: 36px;
font-weight: normal;
color: #657b83; }
@@ -29,17 +29,23 @@ body {
background: #d33682;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* HEADERS
*********************************************/
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
margin: 0 0 20px 0;
color: #586e75;
- font-family: 'League Gothic', Impact, sans-serif;
+ font-family: "League Gothic", Impact, sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
@@ -70,17 +76,22 @@ body {
line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */
-.reveal img, .reveal video, .reveal iframe {
+.reveal img,
+.reveal video,
+.reveal iframe {
max-width: 95%;
max-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -97,7 +108,10 @@ body {
.reveal ul ul ul {
list-style-type: circle; }
-.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
display: block;
margin-left: 40px; }
@@ -107,7 +121,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -120,7 +135,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -156,15 +172,18 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
-.reveal table th[align="center"], .reveal table td[align="center"] {
+.reveal table th[align="center"],
+.reveal table td[align="center"] {
text-align: center; }
-.reveal table th[align="right"], .reveal table td[align="right"] {
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
text-align: right; }
.reveal table tr:last-child td {
@@ -196,13 +215,13 @@ body {
transition: color 0.15s ease; }
.reveal a:hover {
- color: #78bae6;
+ color: #78b9e6;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #1a6291; }
+ background: #1a6091; }
/*********************************************
* IMAGES
@@ -230,29 +249,33 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: #268bd2; }
-.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: #268bd2; }
-.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: #268bd2; }
-.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: #268bd2; }
.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #78bae6; }
+ border-right-color: #78b9e6; }
.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #78bae6; }
+ border-left-color: #78b9e6; }
.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #78bae6; }
+ border-bottom-color: #78b9e6; }
.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #78bae6; }
+ border-top-color: #78b9e6; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/white.css b/css/theme/white.css
index f37aa9d..ffa687e 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -1,9 +1,9 @@
-@import url(../../lib/font/source-sans-pro/source-sans-pro.css);
/**
* White theme for reveal.js. This is the opposite of the 'black' theme.
*
* Copyright (C) 2015 Hakim El Hattab, http://hakim.se
*/
+@import url(../../lib/font/source-sans-pro/source-sans-pro.css);
section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
color: #fff; }
@@ -15,7 +15,7 @@ body {
background-color: #fff; }
.reveal {
- font-family: 'Source Sans Pro', Helvetica, sans-serif;
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
font-size: 38px;
font-weight: normal;
color: #222; }
@@ -25,17 +25,23 @@ body {
background: #98bdef;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* HEADERS
*********************************************/
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
margin: 0 0 20px 0;
color: #222;
- font-family: 'Source Sans Pro', Helvetica, sans-serif;
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
font-weight: 600;
line-height: 1.2;
letter-spacing: normal;
@@ -66,17 +72,22 @@ body {
line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */
-.reveal img, .reveal video, .reveal iframe {
+.reveal img,
+.reveal video,
+.reveal iframe {
max-width: 95%;
max-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -93,7 +104,10 @@ body {
.reveal ul ul ul {
list-style-type: circle; }
-.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
display: block;
margin-left: 40px; }
@@ -103,7 +117,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -116,7 +131,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -152,15 +168,18 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
-.reveal table th[align="center"], .reveal table td[align="center"] {
+.reveal table th[align="center"],
+.reveal table td[align="center"] {
text-align: center; }
-.reveal table th[align="right"], .reveal table td[align="right"] {
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
text-align: right; }
.reveal table tr:last-child td {
@@ -192,13 +211,13 @@ body {
transition: color 0.15s ease; }
.reveal a:hover {
- color: #6ca2e8;
+ color: #6ca0e8;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #1a54a1; }
+ background: #1a53a1; }
/*********************************************
* IMAGES
@@ -226,29 +245,33 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: #2a76dd; }
-.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: #2a76dd; }
-.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: #2a76dd; }
-.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: #2a76dd; }
.reveal .controls .navigate-left.enabled:hover {
- border-right-color: #6ca2e8; }
+ border-right-color: #6ca0e8; }
.reveal .controls .navigate-right.enabled:hover {
- border-left-color: #6ca2e8; }
+ border-left-color: #6ca0e8; }
.reveal .controls .navigate-up.enabled:hover {
- border-bottom-color: #6ca2e8; }
+ border-bottom-color: #6ca0e8; }
.reveal .controls .navigate-down.enabled:hover {
- border-top-color: #6ca2e8; }
+ border-top-color: #6ca0e8; }
/*********************************************
* PROGRESS BAR
--
cgit v1.2.3
From 5e763bc67d140d1a41056c2e63f0fbe80c5d03ab Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Tue, 6 Oct 2015 20:16:46 +0200
Subject: fix black background in fullscreen mode #668 #1386
---
css/reveal.css | 6 ++++++
css/reveal.scss | 9 +++++++++
2 files changed, 15 insertions(+)
(limited to 'css')
diff --git a/css/reveal.css b/css/reveal.css
index d2cb1be..116d315 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -47,6 +47,12 @@ body {
background-color: #fff;
color: #000; }
+html:-webkit-full-screen-ancestor {
+ background-color: inherit; }
+
+html:-moz-full-screen-ancestor {
+ background-color: inherit; }
+
/*********************************************
* VIEW FRAGMENTS
*********************************************/
diff --git a/css/reveal.scss b/css/reveal.scss
index 330551b..2b1546f 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -57,6 +57,15 @@ body {
color: #000;
}
+// Ensures that the main background color matches the
+// theme in fullscreen mode
+html:-webkit-full-screen-ancestor {
+ background-color: inherit;
+}
+html:-moz-full-screen-ancestor {
+ background-color: inherit;
+}
+
/*********************************************
* VIEW FRAGMENTS
--
cgit v1.2.3
From 34b82baa6724a336ede020b33e1bd002529def18 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Tue, 6 Oct 2015 20:17:22 +0200
Subject: run autoprefixer
---
css/reveal.css | 412 ++++++++++++++++++++++++++++++++++++++++-----------------
1 file changed, 288 insertions(+), 124 deletions(-)
(limited to 'css')
diff --git a/css/reveal.css b/css/reveal.css
index 116d315..52a05a7 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -59,7 +59,8 @@ html:-moz-full-screen-ancestor {
.reveal .slides section .fragment {
opacity: 0;
visibility: hidden;
- transition: all 0.2s ease; }
+ -webkit-transition: all 0.2s ease;
+ transition: all 0.2s ease; }
.reveal .slides section .fragment.visible {
opacity: 1;
visibility: visible; }
@@ -68,18 +69,26 @@ html:-moz-full-screen-ancestor {
opacity: 1;
visibility: visible; }
.reveal .slides section .fragment.grow.visible {
- transform: scale(1.3); }
+ -webkit-transform: scale(1.3);
+ -ms-transform: scale(1.3);
+ transform: scale(1.3); }
.reveal .slides section .fragment.shrink {
opacity: 1;
visibility: visible; }
.reveal .slides section .fragment.shrink.visible {
- transform: scale(0.7); }
+ -webkit-transform: scale(0.7);
+ -ms-transform: scale(0.7);
+ transform: scale(0.7); }
.reveal .slides section .fragment.zoom-in {
- transform: scale(0.1); }
+ -webkit-transform: scale(0.1);
+ -ms-transform: scale(0.1);
+ transform: scale(0.1); }
.reveal .slides section .fragment.zoom-in.visible {
- transform: none; }
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none; }
.reveal .slides section .fragment.fade-out {
opacity: 1;
@@ -180,8 +189,11 @@ html:-moz-full-screen-ancestor {
height: 0;
background-color: transparent;
border: 12px solid transparent;
- transform: scale(0.9999);
- transition: all 0.2s ease;
+ -webkit-transform: scale(0.9999);
+ -ms-transform: scale(0.9999);
+ transform: scale(0.9999);
+ -webkit-transition: all 0.2s ease;
+ transition: all 0.2s ease;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent; }
@@ -252,7 +264,8 @@ html:-moz-full-screen-ancestor {
height: 100%;
width: 0px;
background-color: #000;
- transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+ -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); }
/*********************************************
* SLIDE NUMBER
@@ -274,7 +287,8 @@ html:-moz-full-screen-ancestor {
width: 100%;
height: 100%;
overflow: hidden;
- touch-action: none; }
+ -ms-touch-action: none;
+ touch-action: none; }
.reveal .slides {
position: absolute;
@@ -288,8 +302,10 @@ html:-moz-full-screen-ancestor {
overflow: visible;
z-index: 1;
text-align: center;
- perspective: 600px;
- perspective-origin: 50% 40%; }
+ -webkit-perspective: 600px;
+ perspective: 600px;
+ -webkit-perspective-origin: 50% 40%;
+ perspective-origin: 50% 40%; }
.reveal .slides > section {
-ms-perspective: 600px; }
@@ -301,22 +317,29 @@ html:-moz-full-screen-ancestor {
width: 100%;
padding: 20px 0px;
z-index: 10;
- transform-style: preserve-3d;
- transition: transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ -webkit-transition: -webkit-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), -webkit-transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
+ transition: -ms-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
+ transition: transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
/* Global transition speed settings */
.reveal[data-transition-speed="fast"] .slides section {
- transition-duration: 400ms; }
+ -webkit-transition-duration: 400ms;
+ transition-duration: 400ms; }
.reveal[data-transition-speed="slow"] .slides section {
- transition-duration: 1200ms; }
+ -webkit-transition-duration: 1200ms;
+ transition-duration: 1200ms; }
/* Slide-specific transition speed overrides */
.reveal .slides section[data-transition-speed="fast"] {
- transition-duration: 400ms; }
+ -webkit-transition-duration: 400ms;
+ transition-duration: 400ms; }
.reveal .slides section[data-transition-speed="slow"] {
- transition-duration: 1200ms; }
+ -webkit-transition-duration: 1200ms;
+ transition-duration: 1200ms; }
.reveal .slides > section.stack {
padding-top: 0;
@@ -358,50 +381,68 @@ html:-moz-full-screen-ancestor {
* Aliased 'linear' for backwards compatibility
*********************************************/
.reveal.slide section {
- backface-visibility: hidden; }
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden; }
.reveal .slides > section[data-transition=slide].past,
.reveal .slides > section[data-transition~=slide-out].past,
.reveal.slide .slides > section:not([data-transition]).past {
- transform: translate(-150%, 0); }
+ -webkit-transform: translate(-150%, 0);
+ -ms-transform: translate(-150%, 0);
+ transform: translate(-150%, 0); }
.reveal .slides > section[data-transition=slide].future,
.reveal .slides > section[data-transition~=slide-in].future,
.reveal.slide .slides > section:not([data-transition]).future {
- transform: translate(150%, 0); }
+ -webkit-transform: translate(150%, 0);
+ -ms-transform: translate(150%, 0);
+ transform: translate(150%, 0); }
.reveal .slides > section > section[data-transition=slide].past,
.reveal .slides > section > section[data-transition~=slide-out].past,
.reveal.slide .slides > section > section:not([data-transition]).past {
- transform: translate(0, -150%); }
+ -webkit-transform: translate(0, -150%);
+ -ms-transform: translate(0, -150%);
+ transform: translate(0, -150%); }
.reveal .slides > section > section[data-transition=slide].future,
.reveal .slides > section > section[data-transition~=slide-in].future,
.reveal.slide .slides > section > section:not([data-transition]).future {
- transform: translate(0, 150%); }
+ -webkit-transform: translate(0, 150%);
+ -ms-transform: translate(0, 150%);
+ transform: translate(0, 150%); }
.reveal.linear section {
- backface-visibility: hidden; }
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden; }
.reveal .slides > section[data-transition=linear].past,
.reveal .slides > section[data-transition~=linear-out].past,
.reveal.linear .slides > section:not([data-transition]).past {
- transform: translate(-150%, 0); }
+ -webkit-transform: translate(-150%, 0);
+ -ms-transform: translate(-150%, 0);
+ transform: translate(-150%, 0); }
.reveal .slides > section[data-transition=linear].future,
.reveal .slides > section[data-transition~=linear-in].future,
.reveal.linear .slides > section:not([data-transition]).future {
- transform: translate(150%, 0); }
+ -webkit-transform: translate(150%, 0);
+ -ms-transform: translate(150%, 0);
+ transform: translate(150%, 0); }
.reveal .slides > section > section[data-transition=linear].past,
.reveal .slides > section > section[data-transition~=linear-out].past,
.reveal.linear .slides > section > section:not([data-transition]).past {
- transform: translate(0, -150%); }
+ -webkit-transform: translate(0, -150%);
+ -ms-transform: translate(0, -150%);
+ transform: translate(0, -150%); }
.reveal .slides > section > section[data-transition=linear].future,
.reveal .slides > section > section[data-transition~=linear-in].future,
.reveal.linear .slides > section > section:not([data-transition]).future {
- transform: translate(0, 150%); }
+ -webkit-transform: translate(0, 150%);
+ -ms-transform: translate(0, 150%);
+ transform: translate(0, 150%); }
/*********************************************
* CONVEX TRANSITION
@@ -410,42 +451,50 @@ html:-moz-full-screen-ancestor {
.reveal .slides > section[data-transition=default].past,
.reveal .slides > section[data-transition~=default-out].past,
.reveal.default .slides > section:not([data-transition]).past {
- transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
.reveal .slides > section[data-transition=default].future,
.reveal .slides > section[data-transition~=default-in].future,
.reveal.default .slides > section:not([data-transition]).future {
- transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
.reveal .slides > section > section[data-transition=default].past,
.reveal .slides > section > section[data-transition~=default-out].past,
.reveal.default .slides > section > section:not([data-transition]).past {
- transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
+ -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
+ transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
.reveal .slides > section > section[data-transition=default].future,
.reveal .slides > section > section[data-transition~=default-in].future,
.reveal.default .slides > section > section:not([data-transition]).future {
- transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
+ -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
+ transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
.reveal .slides > section[data-transition=convex].past,
.reveal .slides > section[data-transition~=convex-out].past,
.reveal.convex .slides > section:not([data-transition]).past {
- transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
.reveal .slides > section[data-transition=convex].future,
.reveal .slides > section[data-transition~=convex-in].future,
.reveal.convex .slides > section:not([data-transition]).future {
- transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
.reveal .slides > section > section[data-transition=convex].past,
.reveal .slides > section > section[data-transition~=convex-out].past,
.reveal.convex .slides > section > section:not([data-transition]).past {
- transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
+ -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
+ transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
.reveal .slides > section > section[data-transition=convex].future,
.reveal .slides > section > section[data-transition~=convex-in].future,
.reveal.convex .slides > section > section:not([data-transition]).future {
- transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
+ -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
+ transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
/*********************************************
* CONCAVE TRANSITION
@@ -453,62 +502,77 @@ html:-moz-full-screen-ancestor {
.reveal .slides > section[data-transition=concave].past,
.reveal .slides > section[data-transition~=concave-out].past,
.reveal.concave .slides > section:not([data-transition]).past {
- transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
.reveal .slides > section[data-transition=concave].future,
.reveal .slides > section[data-transition~=concave-in].future,
.reveal.concave .slides > section:not([data-transition]).future {
- transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
.reveal .slides > section > section[data-transition=concave].past,
.reveal .slides > section > section[data-transition~=concave-out].past,
.reveal.concave .slides > section > section:not([data-transition]).past {
- transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); }
+ -webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
+ transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); }
.reveal .slides > section > section[data-transition=concave].future,
.reveal .slides > section > section[data-transition~=concave-in].future,
.reveal.concave .slides > section > section:not([data-transition]).future {
- transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }
+ -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
+ transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }
/*********************************************
* ZOOM TRANSITION
*********************************************/
.reveal .slides section[data-transition=zoom],
.reveal.zoom .slides section:not([data-transition]) {
- transition-timing-function: ease; }
+ -webkit-transition-timing-function: ease;
+ transition-timing-function: ease; }
.reveal .slides > section[data-transition=zoom].past,
.reveal .slides > section[data-transition~=zoom-out].past,
.reveal.zoom .slides > section:not([data-transition]).past {
visibility: hidden;
- transform: scale(16); }
+ -webkit-transform: scale(16);
+ -ms-transform: scale(16);
+ transform: scale(16); }
.reveal .slides > section[data-transition=zoom].future,
.reveal .slides > section[data-transition~=zoom-in].future,
.reveal.zoom .slides > section:not([data-transition]).future {
visibility: hidden;
- transform: scale(0.2); }
+ -webkit-transform: scale(0.2);
+ -ms-transform: scale(0.2);
+ transform: scale(0.2); }
.reveal .slides > section > section[data-transition=zoom].past,
.reveal .slides > section > section[data-transition~=zoom-out].past,
.reveal.zoom .slides > section > section:not([data-transition]).past {
- transform: translate(0, -150%); }
+ -webkit-transform: translate(0, -150%);
+ -ms-transform: translate(0, -150%);
+ transform: translate(0, -150%); }
.reveal .slides > section > section[data-transition=zoom].future,
.reveal .slides > section > section[data-transition~=zoom-in].future,
.reveal.zoom .slides > section > section:not([data-transition]).future {
- transform: translate(0, 150%); }
+ -webkit-transform: translate(0, 150%);
+ -ms-transform: translate(0, 150%);
+ transform: translate(0, 150%); }
/*********************************************
* CUBE TRANSITION
*********************************************/
.reveal.cube .slides {
- perspective: 1300px; }
+ -webkit-perspective: 1300px;
+ perspective: 1300px; }
.reveal.cube .slides section {
padding: 30px;
min-height: 700px;
- backface-visibility: hidden;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
box-sizing: border-box; }
.reveal.center.cube .slides section {
@@ -524,7 +588,8 @@ html:-moz-full-screen-ancestor {
top: 0;
background: rgba(0, 0, 0, 0.1);
border-radius: 4px;
- transform: translateZ(-20px); }
+ -webkit-transform: translateZ(-20px);
+ transform: translateZ(-20px); }
.reveal.cube .slides section:not(.stack):after {
content: '';
@@ -538,34 +603,49 @@ html:-moz-full-screen-ancestor {
z-index: 1;
border-radius: 4px;
box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2);
- transform: translateZ(-90px) rotateX(65deg); }
+ -webkit-transform: translateZ(-90px) rotateX(65deg);
+ transform: translateZ(-90px) rotateX(65deg); }
.reveal.cube .slides > section.stack {
padding: 0;
background: none; }
.reveal.cube .slides > section.past {
- transform-origin: 100% 0%;
- transform: translate3d(-100%, 0, 0) rotateY(-90deg); }
+ -webkit-transform-origin: 100% 0%;
+ -ms-transform-origin: 100% 0%;
+ transform-origin: 100% 0%;
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg); }
.reveal.cube .slides > section.future {
- transform-origin: 0% 0%;
- transform: translate3d(100%, 0, 0) rotateY(90deg); }
+ -webkit-transform-origin: 0% 0%;
+ -ms-transform-origin: 0% 0%;
+ transform-origin: 0% 0%;
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
+ transform: translate3d(100%, 0, 0) rotateY(90deg); }
.reveal.cube .slides > section > section.past {
- transform-origin: 0% 100%;
- transform: translate3d(0, -100%, 0) rotateX(90deg); }
+ -webkit-transform-origin: 0% 100%;
+ -ms-transform-origin: 0% 100%;
+ transform-origin: 0% 100%;
+ -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg);
+ transform: translate3d(0, -100%, 0) rotateX(90deg); }
.reveal.cube .slides > section > section.future {
- transform-origin: 0% 0%;
- transform: translate3d(0, 100%, 0) rotateX(-90deg); }
+ -webkit-transform-origin: 0% 0%;
+ -ms-transform-origin: 0% 0%;
+ transform-origin: 0% 0%;
+ -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg);
+ transform: translate3d(0, 100%, 0) rotateX(-90deg); }
/*********************************************
* PAGE TRANSITION
*********************************************/
.reveal.page .slides {
- perspective-origin: 0% 50%;
- perspective: 3000px; }
+ -webkit-perspective-origin: 0% 50%;
+ perspective-origin: 0% 50%;
+ -webkit-perspective: 3000px;
+ perspective: 3000px; }
.reveal.page .slides section {
padding: 30px;
@@ -584,7 +664,8 @@ html:-moz-full-screen-ancestor {
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.1);
- transform: translateZ(-20px); }
+ -webkit-transform: translateZ(-20px);
+ transform: translateZ(-20px); }
.reveal.page .slides section:not(.stack):after {
content: '';
@@ -605,20 +686,32 @@ html:-moz-full-screen-ancestor {
background: none; }
.reveal.page .slides > section.past {
- transform-origin: 0% 0%;
- transform: translate3d(-40%, 0, 0) rotateY(-80deg); }
+ -webkit-transform-origin: 0% 0%;
+ -ms-transform-origin: 0% 0%;
+ transform-origin: 0% 0%;
+ -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
+ transform: translate3d(-40%, 0, 0) rotateY(-80deg); }
.reveal.page .slides > section.future {
- transform-origin: 100% 0%;
- transform: translate3d(0, 0, 0); }
+ -webkit-transform-origin: 100% 0%;
+ -ms-transform-origin: 100% 0%;
+ transform-origin: 100% 0%;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0); }
.reveal.page .slides > section > section.past {
- transform-origin: 0% 0%;
- transform: translate3d(0, -40%, 0) rotateX(80deg); }
+ -webkit-transform-origin: 0% 0%;
+ -ms-transform-origin: 0% 0%;
+ transform-origin: 0% 0%;
+ -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg);
+ transform: translate3d(0, -40%, 0) rotateX(80deg); }
.reveal.page .slides > section > section.future {
- transform-origin: 0% 100%;
- transform: translate3d(0, 0, 0); }
+ -webkit-transform-origin: 0% 100%;
+ -ms-transform-origin: 0% 100%;
+ transform-origin: 0% 100%;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0); }
/*********************************************
* FADE TRANSITION
@@ -626,20 +719,27 @@ html:-moz-full-screen-ancestor {
.reveal .slides section[data-transition=fade],
.reveal.fade .slides section:not([data-transition]),
.reveal.fade .slides > section > section:not([data-transition]) {
- transform: none;
- transition: opacity 0.5s; }
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none;
+ -webkit-transition: opacity 0.5s;
+ transition: opacity 0.5s; }
.reveal.fade.overview .slides section,
.reveal.fade.overview .slides > section > section {
- transition: none; }
+ -webkit-transition: none;
+ transition: none; }
/*********************************************
* NO TRANSITION
*********************************************/
.reveal .slides section[data-transition=none],
.reveal.none .slides section:not([data-transition]) {
- transform: none;
- transition: none; }
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none;
+ -webkit-transition: none;
+ transition: none; }
/*********************************************
* PAUSED MODE
@@ -654,7 +754,8 @@ html:-moz-full-screen-ancestor {
visibility: hidden;
opacity: 0;
z-index: 100;
- transition: all 1s ease; }
+ -webkit-transition: all 1s ease;
+ transition: all 1s ease; }
.reveal.paused .pause-overlay {
visibility: visible;
@@ -688,14 +789,17 @@ html:-moz-full-screen-ancestor {
top: 0;
left: -50%;
margin: 70px 0;
- transform: none; }
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none; }
.no-transforms .reveal .slides section section {
left: 0; }
.reveal .no-transition,
.reveal .no-transition * {
- transition: none !important; }
+ -webkit-transition: none !important;
+ transition: none !important; }
/*********************************************
* PER-SLIDE BACKGROUNDS
@@ -706,7 +810,8 @@ html:-moz-full-screen-ancestor {
height: 100%;
top: 0;
left: 0;
- perspective: 600px; }
+ -webkit-perspective: 600px;
+ perspective: 600px; }
.reveal .slide-background {
display: none;
@@ -719,7 +824,8 @@ html:-moz-full-screen-ancestor {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
- transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+ -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); }
.reveal .slide-background.stack {
display: block; }
@@ -745,114 +851,145 @@ html:-moz-full-screen-ancestor {
/* Immediate transition style */
.reveal[data-background-transition=none] > .backgrounds .slide-background,
.reveal > .backgrounds .slide-background[data-background-transition=none] {
- transition: none; }
+ -webkit-transition: none;
+ transition: none; }
/* Slide */
.reveal[data-background-transition=slide] > .backgrounds .slide-background,
.reveal > .backgrounds .slide-background[data-background-transition=slide] {
opacity: 1;
- backface-visibility: hidden; }
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden; }
.reveal[data-background-transition=slide] > .backgrounds .slide-background.past,
.reveal > .backgrounds .slide-background.past[data-background-transition=slide] {
- transform: translate(-100%, 0); }
+ -webkit-transform: translate(-100%, 0);
+ -ms-transform: translate(-100%, 0);
+ transform: translate(-100%, 0); }
.reveal[data-background-transition=slide] > .backgrounds .slide-background.future,
.reveal > .backgrounds .slide-background.future[data-background-transition=slide] {
- transform: translate(100%, 0); }
+ -webkit-transform: translate(100%, 0);
+ -ms-transform: translate(100%, 0);
+ transform: translate(100%, 0); }
.reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past,
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide] {
- transform: translate(0, -100%); }
+ -webkit-transform: translate(0, -100%);
+ -ms-transform: translate(0, -100%);
+ transform: translate(0, -100%); }
.reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.future,
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=slide] {
- transform: translate(0, 100%); }
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ transform: translate(0, 100%); }
/* Convex */
.reveal[data-background-transition=convex] > .backgrounds .slide-background.past,
.reveal > .backgrounds .slide-background.past[data-background-transition=convex] {
opacity: 0;
- transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
.reveal[data-background-transition=convex] > .backgrounds .slide-background.future,
.reveal > .backgrounds .slide-background.future[data-background-transition=convex] {
opacity: 0;
- transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
.reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.past,
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=convex] {
opacity: 0;
- transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); }
+ -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); }
.reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.future,
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=convex] {
opacity: 0;
- transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); }
+ -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); }
/* Concave */
.reveal[data-background-transition=concave] > .backgrounds .slide-background.past,
.reveal > .backgrounds .slide-background.past[data-background-transition=concave] {
opacity: 0;
- transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
.reveal[data-background-transition=concave] > .backgrounds .slide-background.future,
.reveal > .backgrounds .slide-background.future[data-background-transition=concave] {
opacity: 0;
- transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
.reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.past,
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=concave] {
opacity: 0;
- transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); }
+ -webkit-transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); }
.reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.future,
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=concave] {
opacity: 0;
- transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); }
+ -webkit-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); }
/* Zoom */
.reveal[data-background-transition=zoom] > .backgrounds .slide-background,
.reveal > .backgrounds .slide-background[data-background-transition=zoom] {
- transition-timing-function: ease; }
+ -webkit-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] {
opacity: 0;
visibility: hidden;
- transform: scale(16); }
+ -webkit-transform: scale(16);
+ -ms-transform: scale(16);
+ transform: scale(16); }
.reveal[data-background-transition=zoom] > .backgrounds .slide-background.future,
.reveal > .backgrounds .slide-background.future[data-background-transition=zoom] {
opacity: 0;
visibility: hidden;
- transform: scale(0.2); }
+ -webkit-transform: scale(0.2);
+ -ms-transform: scale(0.2);
+ transform: scale(0.2); }
.reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.past,
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=zoom] {
opacity: 0;
visibility: hidden;
- transform: scale(16); }
+ -webkit-transform: scale(16);
+ -ms-transform: scale(16);
+ transform: scale(16); }
.reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.future,
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=zoom] {
opacity: 0;
visibility: hidden;
- transform: scale(0.2); }
+ -webkit-transform: scale(0.2);
+ -ms-transform: scale(0.2);
+ transform: scale(0.2); }
/* Global transition speed settings */
.reveal[data-transition-speed="fast"] > .backgrounds .slide-background {
- transition-duration: 400ms; }
+ -webkit-transition-duration: 400ms;
+ transition-duration: 400ms; }
.reveal[data-transition-speed="slow"] > .backgrounds .slide-background {
- transition-duration: 1200ms; }
+ -webkit-transition-duration: 1200ms;
+ transition-duration: 1200ms; }
/*********************************************
* OVERVIEW
*********************************************/
.reveal.overview {
- perspective-origin: 50% 50%;
- perspective: 700px; }
+ -webkit-perspective-origin: 50% 50%;
+ perspective-origin: 50% 50%;
+ -webkit-perspective: 700px;
+ perspective: 700px; }
.reveal.overview .slides section {
height: 700px;
opacity: 1 !important;
@@ -866,7 +1003,8 @@ html:-moz-full-screen-ancestor {
outline-offset: 10px; }
.reveal.overview .slides section .fragment {
opacity: 1;
- transition: none; }
+ -webkit-transition: none;
+ transition: none; }
.reveal.overview .slides section:after,
.reveal.overview .slides section:before {
display: none !important; }
@@ -877,7 +1015,8 @@ html:-moz-full-screen-ancestor {
outline: none;
overflow: visible; }
.reveal.overview .backgrounds {
- perspective: inherit; }
+ -webkit-perspective: inherit;
+ perspective: inherit; }
.reveal.overview .backgrounds .slide-background {
opacity: 1;
visibility: visible;
@@ -886,14 +1025,17 @@ html:-moz-full-screen-ancestor {
.reveal.overview .slides section,
.reveal.overview-deactivating .slides section {
- transition: none; }
+ -webkit-transition: none;
+ transition: none; }
.reveal.overview .backgrounds .slide-background,
.reveal.overview-deactivating .backgrounds .slide-background {
- transition: none; }
+ -webkit-transition: none;
+ transition: none; }
.reveal.overview-animated .slides {
- transition: transform 0.4s ease; }
+ -webkit-transition: -webkit-transform 0.4s ease;
+ transition: transform 0.4s ease; }
/*********************************************
* RTL SUPPORT
@@ -923,14 +1065,17 @@ html:-moz-full-screen-ancestor {
* PARALLAX BACKGROUND
*********************************************/
.reveal.has-parallax-background .backgrounds {
- transition: all 0.8s ease; }
+ -webkit-transition: all 0.8s ease;
+ transition: all 0.8s ease; }
/* Global transition speed settings */
.reveal.has-parallax-background[data-transition-speed="fast"] .backgrounds {
- transition-duration: 400ms; }
+ -webkit-transition-duration: 400ms;
+ transition-duration: 400ms; }
.reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds {
- transition-duration: 1200ms; }
+ -webkit-transition-duration: 1200ms;
+ transition-duration: 1200ms; }
/*********************************************
* LINK PREVIEW OVERLAY
@@ -945,7 +1090,8 @@ html:-moz-full-screen-ancestor {
background: rgba(0, 0, 0, 0.9);
opacity: 0;
visibility: hidden;
- transition: all 0.3s ease; }
+ -webkit-transition: all 0.3s ease;
+ transition: all 0.3s ease; }
.reveal .overlay.visible {
opacity: 1;
@@ -963,7 +1109,8 @@ html:-moz-full-screen-ancestor {
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;
- transition: all 0.3s ease; }
+ -webkit-transition: all 0.3s ease;
+ transition: all 0.3s ease; }
.reveal .overlay header {
position: absolute;
@@ -1015,7 +1162,8 @@ html:-moz-full-screen-ancestor {
border: 0;
opacity: 0;
visibility: hidden;
- transition: all 0.3s ease; }
+ -webkit-transition: all 0.3s ease;
+ transition: all 0.3s ease; }
.reveal .overlay.overlay-preview.loaded .viewport iframe {
opacity: 1;
@@ -1024,7 +1172,9 @@ html:-moz-full-screen-ancestor {
.reveal .overlay.overlay-preview.loaded .spinner {
opacity: 0;
visibility: hidden;
- transform: scale(0.2); }
+ -webkit-transform: scale(0.2);
+ -ms-transform: scale(0.2);
+ transform: scale(0.2); }
.reveal .overlay.overlay-help .viewport {
overflow: auto;
@@ -1065,7 +1215,8 @@ html:-moz-full-screen-ancestor {
bottom: 20px;
z-index: 30;
cursor: pointer;
- transition: all 400ms ease; }
+ -webkit-transition: all 400ms ease;
+ transition: all 400ms ease; }
.reveal.overview .playback {
opacity: 0;
@@ -1079,8 +1230,10 @@ html:-moz-full-screen-ancestor {
line-height: 1.2;
overflow: hidden;
vertical-align: top;
- perspective: 400px;
- perspective-origin: 50% 50%; }
+ -webkit-perspective: 400px;
+ perspective: 400px;
+ -webkit-perspective-origin: 50% 50%;
+ perspective-origin: 50% 50%; }
.reveal .roll:hover {
background: none;
@@ -1091,14 +1244,20 @@ html:-moz-full-screen-ancestor {
position: relative;
padding: 0 2px;
pointer-events: none;
- transition: all 400ms ease;
- transform-origin: 50% 0%;
- transform-style: preserve-3d;
- backface-visibility: hidden; }
+ -webkit-transition: all 400ms ease;
+ transition: all 400ms ease;
+ -webkit-transform-origin: 50% 0%;
+ -ms-transform-origin: 50% 0%;
+ transform-origin: 50% 0%;
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden; }
.reveal .roll:hover span {
background: rgba(0, 0, 0, 0.5);
- transform: translate3d(0px, 0px, -45px) rotateX(90deg); }
+ -webkit-transform: translate3d(0px, 0px, -45px) rotateX(90deg);
+ transform: translate3d(0px, 0px, -45px) rotateX(90deg); }
.reveal .roll span:after {
content: attr(data-title);
@@ -1107,9 +1266,13 @@ html:-moz-full-screen-ancestor {
left: 0;
top: 0;
padding: 0 2px;
- backface-visibility: hidden;
- transform-origin: 50% 0%;
- transform: translate3d(0px, 110%, 0px) rotateX(-90deg); }
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transform-origin: 50% 0%;
+ -ms-transform-origin: 50% 0%;
+ transform-origin: 50% 0%;
+ -webkit-transform: translate3d(0px, 110%, 0px) rotateX(-90deg);
+ transform: translate3d(0px, 110%, 0px) rotateX(-90deg); }
/*********************************************
* SPEAKER NOTES
@@ -1154,7 +1317,8 @@ html:-moz-full-screen-ancestor {
.zoomed .reveal *,
.zoomed .reveal *:before,
.zoomed .reveal *:after {
- backface-visibility: visible !important; }
+ -webkit-backface-visibility: visible !important;
+ backface-visibility: visible !important; }
.zoomed .reveal .progress,
.zoomed .reveal .controls {
--
cgit v1.2.3
From 0198d74391f1513e16f3722d9afc003f868416e5 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Thu, 29 Oct 2015 10:58:06 +0100
Subject: change slide number formats
---
README.md | 9 ++++-----
css/reveal.css | 3 +++
css/reveal.scss | 4 ++++
js/reveal.js | 38 +++++++++++++++++++++++++-------------
4 files changed, 36 insertions(+), 18 deletions(-)
(limited to 'css')
diff --git a/README.md b/README.md
index ee978de..4010005 100644
--- a/README.md
+++ b/README.md
@@ -611,11 +611,10 @@ If you would like to display the page number of the current slide you can do so
Reveal.configure({ slideNumber: true });
// Slide number formatting can be configured using these variables:
-// h: current slide's horizontal index
-// v: current slide's vertical index
-// c: current slide index (flattened)
-// t: total number of slides (flattened)
-Reveal.configure({ slideNumber: 'c / t' });
+// "h/v": horizontal and vertical slide numbers (default)
+// "c": flattened slide number
+// "c/t": flattened slide number / total slides
+Reveal.configure({ slideNumber: 'c/t' });
```
diff --git a/css/reveal.css b/css/reveal.css
index 52a05a7..fc30247 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -279,6 +279,9 @@ html:-moz-full-screen-ancestor {
z-index: 31;
font-size: 12px; }
+.reveal .slide-number-delimiter {
+ margin: 0 4px; }
+
/*********************************************
* SLIDES
*********************************************/
diff --git a/css/reveal.scss b/css/reveal.scss
index 2b1546f..f60ca78 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -336,6 +336,10 @@ html:-moz-full-screen-ancestor {
font-size: 12px;
}
+.reveal .slide-number-delimiter {
+ margin: 0 4px;
+}
+
/*********************************************
* SLIDES
*********************************************/
diff --git a/js/reveal.js b/js/reveal.js
index a768d68..883a591 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -2512,30 +2512,42 @@
/**
* Updates the slide number div to reflect the current slide.
*
- * Slide number format can be defined as a string using the
- * following variables:
- * h: current slide's horizontal index
- * v: current slide's vertical index
- * c: current slide index (flattened)
- * t: total number of slides (flattened)
+ * The following slide number formats are available:
+ * "h/v": horizontal and vertical slide numbers (default)
+ * "c": flattened slide number
+ * "c/t": flattened slide number / total slides
*/
function updateSlideNumber() {
// Update slide number if enabled
if( config.slideNumber && dom.slideNumber) {
- // Default to only showing the current slide number
- var format = 'c';
+ var value = [];
+ var format = 'h/v';
- // Check if a custom slide number format is available
+ // Check if a custom number format is available
if( typeof config.slideNumber === 'string' ) {
format = config.slideNumber;
}
- dom.slideNumber.innerHTML = format.replace( /h/g, indexh )
- .replace( /v/g, indexv )
- .replace( /c/g, getSlidePastCount() + 1 )
- .replace( /t/g, getTotalSlides() );
+ if( format === 'c' ) {
+ value.push( getSlidePastCount() + 1 );
+ }
+ else if( format === 'c/t' ) {
+ value.push( getSlidePastCount() + 1 );
+ value.push( '/ ' );
+ value.push( getTotalSlides() );
+ }
+ else {
+ value.push( indexh + 1 );
+
+ if( isVerticalSlide() ) {
+ value.push( '/ ' );
+ value.push( indexv + 1 );
+ }
+ }
+
+ dom.slideNumber.innerHTML = value.join( '' );
}
}
--
cgit v1.2.3
From 0e779edb20e2c14f66a7bce4451321ef22fa8898 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Thu, 29 Oct 2015 11:59:26 +0100
Subject: slide numbers work in pdf exports, update slide number style
---
css/print/pdf.css | 11 ++++++++-
css/reveal.css | 9 +++++---
css/reveal.scss | 7 ++++--
css/theme/beige.css | 6 -----
css/theme/black.css | 6 -----
css/theme/blood.css | 6 -----
css/theme/league.css | 6 -----
css/theme/moon.css | 6 -----
css/theme/night.css | 6 -----
css/theme/serif.css | 6 -----
css/theme/simple.css | 6 -----
css/theme/sky.css | 6 -----
css/theme/solarized.css | 6 -----
css/theme/template/theme.scss | 7 ------
css/theme/white.css | 6 -----
js/reveal.js | 53 +++++++++++++++++++++++++++++++++++++------
16 files changed, 67 insertions(+), 86 deletions(-)
(limited to 'css')
diff --git a/css/print/pdf.css b/css/print/pdf.css
index f78344c..868142e 100644
--- a/css/print/pdf.css
+++ b/css/print/pdf.css
@@ -34,7 +34,6 @@ html {
.nestedarrow,
.reveal .controls,
.reveal .progress,
-.reveal .slide-number,
.reveal .playback,
.reveal.overview,
.fork-reveal,
@@ -166,3 +165,13 @@ ul, ol, div, p {
z-index: 100;
}
+/* Display slide numbers when 'slideNumber' is enabled */
+.reveal .slide-number {
+ display: none;
+}
+.reveal .slide-number-pdf {
+ display: block;
+ position: absolute;
+ font-size: 14px;
+}
+
diff --git a/css/reveal.css b/css/reveal.css
index fc30247..3dda05e 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -273,11 +273,14 @@ html:-moz-full-screen-ancestor {
.reveal .slide-number {
position: fixed;
display: block;
- right: 15px;
- bottom: 15px;
+ right: 8px;
+ bottom: 8px;
opacity: 0.5;
z-index: 31;
- font-size: 12px; }
+ font-size: 12px;
+ color: #fff;
+ background-color: rgba(0, 0, 0, 0.6);
+ padding: 5px; }
.reveal .slide-number-delimiter {
margin: 0 4px; }
diff --git a/css/reveal.scss b/css/reveal.scss
index f60ca78..63b1a90 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -329,11 +329,14 @@ html:-moz-full-screen-ancestor {
.reveal .slide-number {
position: fixed;
display: block;
- right: 15px;
- bottom: 15px;
+ right: 8px;
+ bottom: 8px;
opacity: 0.5;
z-index: 31;
font-size: 12px;
+ color: #fff;
+ background-color: rgba( 0, 0, 0, 0.6 );
+ padding: 5px;
}
.reveal .slide-number-delimiter {
diff --git a/css/theme/beige.css b/css/theme/beige.css
index e7722ce..be18733 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -288,9 +288,3 @@ body {
-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); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
- color: #8b743d; }
diff --git a/css/theme/black.css b/css/theme/black.css
index 10ec7e1..54d44c3 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -284,9 +284,3 @@ body {
-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); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
- color: #42affa; }
diff --git a/css/theme/blood.css b/css/theme/blood.css
index 84d7d9e..e035ab6 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -288,12 +288,6 @@ body {
-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); }
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
- color: #a23; }
-
.reveal p {
font-weight: 300;
text-shadow: 1px 1px #222; }
diff --git a/css/theme/league.css b/css/theme/league.css
index 1f6a8a1..fa9f53c 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -290,9 +290,3 @@ body {
-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); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
- color: #13DAEC; }
diff --git a/css/theme/moon.css b/css/theme/moon.css
index 1c81cf9..b119576 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -288,9 +288,3 @@ body {
-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); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
- color: #268bd2; }
diff --git a/css/theme/night.css b/css/theme/night.css
index 748a94f..3d0e3c5 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -282,9 +282,3 @@ body {
-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); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
- color: #e7ad52; }
diff --git a/css/theme/serif.css b/css/theme/serif.css
index 2817e0f..736c0b5 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -284,9 +284,3 @@ body {
-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); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
- color: #51483D; }
diff --git a/css/theme/simple.css b/css/theme/simple.css
index c65e8ce..20d919d 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -284,9 +284,3 @@ body {
-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); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
- color: #00008B; }
diff --git a/css/theme/sky.css b/css/theme/sky.css
index 37ce521..e762a50 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -291,9 +291,3 @@ body {
-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); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
- color: #3b759e; }
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index be2fa22..bf2f651 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -288,9 +288,3 @@ body {
-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); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
- color: #268bd2; }
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index 91eeca7..9bb416a 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -342,11 +342,4 @@ body {
transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
}
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
- color: $linkColor;
-}
-
diff --git a/css/theme/white.css b/css/theme/white.css
index ffa687e..a05cd85 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -284,9 +284,3 @@ body {
-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); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
- color: #2a76dd; }
diff --git a/js/reveal.js b/js/reveal.js
index 883a591..f7811fe 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -542,6 +542,19 @@
document.body.style.width = pageWidth + 'px';
document.body.style.height = pageHeight + 'px';
+ // Add each slide's index as attributes on itself, we need these
+ // indices to generate slide numbers below
+ toArray( dom.wrapper.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR ) ).forEach( function( hslide, h ) {
+ hslide.setAttribute( 'data-index-h', h );
+
+ if( hslide.classList.contains( 'stack' ) ) {
+ toArray( hslide.querySelectorAll( 'section' ) ).forEach( function( vslide, v ) {
+ vslide.setAttribute( 'data-index-h', h );
+ vslide.setAttribute( 'data-index-v', v );
+ } );
+ }
+ } );
+
// Slide and slide background layout
toArray( dom.wrapper.querySelectorAll( SLIDES_SELECTOR ) ).forEach( function( slide ) {
@@ -575,7 +588,7 @@
background.style.left = -left + 'px';
}
- // If we're configured to `showNotes`, inject them into each slide
+ // Inject notes if `showNotes` is enabled
if( config.showNotes ) {
var notes = getSlideNotes( slide );
if( notes ) {
@@ -587,6 +600,18 @@
slide.appendChild( notesElement );
}
}
+
+ // Inject slide numbers if `slideNumbers` are enabled
+ if( config.slideNumber ) {
+ var slideNumberH = parseInt( slide.getAttribute( 'data-index-h' ), 10 ) + 1,
+ slideNumberV = parseInt( slide.getAttribute( 'data-index-v' ), 10 ) + 1;
+
+ var numberElement = document.createElement( 'div' );
+ numberElement.classList.add( 'slide-number' );
+ numberElement.classList.add( 'slide-number-pdf' );
+ numberElement.innerHTML = formatSlideNumber( slideNumberH, '/', slideNumberV );
+ background.appendChild( numberElement );
+ }
}
} );
@@ -2534,20 +2559,34 @@
value.push( getSlidePastCount() + 1 );
}
else if( format === 'c/t' ) {
- value.push( getSlidePastCount() + 1 );
- value.push( '/ ' );
- value.push( getTotalSlides() );
+ value.push( getSlidePastCount() + 1, '/', getTotalSlides() );
}
else {
value.push( indexh + 1 );
if( isVerticalSlide() ) {
- value.push( '/ ' );
- value.push( indexv + 1 );
+ value.push( '/', indexv + 1 );
}
}
- dom.slideNumber.innerHTML = value.join( '' );
+ dom.slideNumber.innerHTML = formatSlideNumber( value[0], value[1], value[2] );
+ }
+
+ }
+
+ /**
+ * Applies HTML formatting to a slide number before it's
+ * written to the DOM.
+ */
+ function formatSlideNumber( a, delimiter, b ) {
+
+ if( typeof b === 'number' && !isNaN( b ) ) {
+ return ''+ a +' ' +
+ ''+ delimiter +' ' +
+ ''+ b +' ';
+ }
+ else {
+ return ''+ a +' ';
}
}
--
cgit v1.2.3
From d66cba6efac72b4fade04cd78c17e405ad614c2d Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Thu, 29 Oct 2015 13:24:47 +0100
Subject: remove out of sync comments from pdf css
---
css/print/pdf.css | 38 ++++++++++++--------------------------
1 file changed, 12 insertions(+), 26 deletions(-)
(limited to 'css')
diff --git a/css/print/pdf.css b/css/print/pdf.css
index 868142e..5922067 100644
--- a/css/print/pdf.css
+++ b/css/print/pdf.css
@@ -1,15 +1,9 @@
-/* Default Print Stylesheet Template
- by Rob Glazebrook of CSSnewbie.com
- Last Updated: June 4, 2008
-
- Feel free (nay, compelled) to edit, append, and
- manipulate this file as you see fit. */
-
-
-/* SECTION 1: Set default width, margin, float, and
- background. This prevents elements from extending
- beyond the edge of the printed page, and prevents
- unnecessary background images from printing */
+/**
+ * This stylesheet is used to print reveal.js
+ * presentations to PDF.
+ *
+ * https://github.com/hakimel/reveal.js#pdf-export
+ */
* {
-webkit-print-color-adjust: exact;
@@ -29,8 +23,7 @@ html {
overflow: visible;
}
-/* SECTION 2: Remove any elements not needed in print.
- This would include navigation, ads, sidebars, etc. */
+/* Remove any elements not needed in print. */
.nestedarrow,
.reveal .controls,
.reveal .progress,
@@ -42,16 +35,7 @@ html {
display: none !important;
}
-/* SECTION 3: Set body font face, size, and color.
- Consider using a serif font for readability. */
-body, p, td, li, div {
-
-}
-
-/* SECTION 4: Set heading font face, sizes, and color.
- Differentiate your headings from your body text.
- Perhaps use a large sans-serif for distinction. */
-h1,h2,h3,h4,h5,h6 {
+h1, h2, h3, h4, h5, h6 {
text-shadow: 0 0 0 #000 !important;
}
@@ -60,8 +44,6 @@ h1,h2,h3,h4,h5,h6 {
font-family: Courier, 'Courier New', monospace !important;
}
-
-/* SECTION 5: more reveal.js specific additions by @skypanther */
ul, ol, div, p {
visibility: visible;
position: static;
@@ -99,6 +81,7 @@ ul, ol, div, p {
-ms-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
}
+
.reveal .slides section {
page-break-after: always !important;
@@ -124,6 +107,7 @@ ul, ol, div, p {
-ms-transform: none !important;
transform: none !important;
}
+
.reveal section.stack {
margin: 0 !important;
padding: 0 !important;
@@ -131,9 +115,11 @@ ul, ol, div, p {
height: auto !important;
min-height: auto !important;
}
+
.reveal img {
box-shadow: none;
}
+
.reveal .roll {
overflow: visible;
line-height: 1em;
--
cgit v1.2.3
From f87f3e60f384cb9c98a16a3eb2abc6d462ee7539 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Thu, 29 Oct 2015 14:40:49 +0100
Subject: style tweak
---
css/reveal.css | 3 ++-
css/reveal.scss | 3 ++-
2 files changed, 4 insertions(+), 2 deletions(-)
(limited to 'css')
diff --git a/css/reveal.css b/css/reveal.css
index 3dda05e..e489712 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -277,9 +277,10 @@ html:-moz-full-screen-ancestor {
bottom: 8px;
opacity: 0.5;
z-index: 31;
+ font-family: Helvetica, sans-serif;
font-size: 12px;
color: #fff;
- background-color: rgba(0, 0, 0, 0.6);
+ background-color: rgba(0, 0, 0, 0.7);
padding: 5px; }
.reveal .slide-number-delimiter {
diff --git a/css/reveal.scss b/css/reveal.scss
index 63b1a90..0557980 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -333,9 +333,10 @@ html:-moz-full-screen-ancestor {
bottom: 8px;
opacity: 0.5;
z-index: 31;
+ font-family: Helvetica, sans-serif;
font-size: 12px;
color: #fff;
- background-color: rgba( 0, 0, 0, 0.6 );
+ background-color: rgba( 0, 0, 0, 0.7 );
padding: 5px;
}
--
cgit v1.2.3
From edfa131c9c7e4337766623a1413f2e6c46f343e0 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Thu, 29 Oct 2015 16:44:47 +0100
Subject: tweak how speaker notes look in pdf exports
---
css/print/pdf.css | 3 ---
css/reveal.css | 2 +-
css/reveal.scss | 2 +-
js/reveal.js | 7 +++++--
4 files changed, 7 insertions(+), 7 deletions(-)
(limited to 'css')
diff --git a/css/print/pdf.css b/css/print/pdf.css
index 5922067..9ed90d6 100644
--- a/css/print/pdf.css
+++ b/css/print/pdf.css
@@ -152,9 +152,6 @@ ul, ol, div, p {
}
/* Display slide numbers when 'slideNumber' is enabled */
-.reveal .slide-number {
- display: none;
-}
.reveal .slide-number-pdf {
display: block;
position: absolute;
diff --git a/css/reveal.css b/css/reveal.css
index e489712..0cca324 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -284,7 +284,7 @@ html:-moz-full-screen-ancestor {
padding: 5px; }
.reveal .slide-number-delimiter {
- margin: 0 4px; }
+ margin: 0 3px; }
/*********************************************
* SLIDES
diff --git a/css/reveal.scss b/css/reveal.scss
index 0557980..45f416f 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -341,7 +341,7 @@ html:-moz-full-screen-ancestor {
}
.reveal .slide-number-delimiter {
- margin: 0 4px;
+ margin: 0 3px;
}
/*********************************************
diff --git a/js/reveal.js b/js/reveal.js
index 2d49d2e..d2b2970 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -592,11 +592,14 @@
if( config.showNotes ) {
var notes = getSlideNotes( slide );
if( notes ) {
+ var notesSpacing = 8;
var notesElement = document.createElement( 'div' );
notesElement.classList.add( 'speaker-notes' );
notesElement.classList.add( 'speaker-notes-pdf' );
notesElement.innerHTML = notes;
- notesElement.style.bottom = ( 40 - top ) + 'px';
+ notesElement.style.left = ( notesSpacing - left ) + 'px';
+ notesElement.style.bottom = ( notesSpacing - top ) + 'px';
+ notesElement.style.width = ( pageWidth - notesSpacing*2 ) + 'px';
slide.appendChild( notesElement );
}
}
@@ -881,7 +884,7 @@
dom.controls.style.display = config.controls ? 'block' : 'none';
dom.progress.style.display = config.progress ? 'block' : 'none';
- dom.slideNumber.style.display = config.slideNumber ? 'block' : 'none';
+ dom.slideNumber.style.display = config.slideNumber && !isPrintingPDF() ? 'block' : 'none';
if( config.rtl ) {
dom.wrapper.classList.add( 'rtl' );
--
cgit v1.2.3
From fcfcf9e7844b131d175a8567da5dac2168eb21ac Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Fri, 30 Oct 2015 09:27:32 +0100
Subject: more slide number tweaking
---
css/reveal.css | 4 ++--
css/reveal.scss | 4 ++--
2 files changed, 4 insertions(+), 4 deletions(-)
(limited to 'css')
diff --git a/css/reveal.css b/css/reveal.css
index 0cca324..2f115e5 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -275,12 +275,12 @@ html:-moz-full-screen-ancestor {
display: block;
right: 8px;
bottom: 8px;
- opacity: 0.5;
z-index: 31;
font-family: Helvetica, sans-serif;
font-size: 12px;
+ line-height: 1;
color: #fff;
- background-color: rgba(0, 0, 0, 0.7);
+ background-color: rgba(0, 0, 0, 0.4);
padding: 5px; }
.reveal .slide-number-delimiter {
diff --git a/css/reveal.scss b/css/reveal.scss
index 45f416f..d932269 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -331,12 +331,12 @@ html:-moz-full-screen-ancestor {
display: block;
right: 8px;
bottom: 8px;
- opacity: 0.5;
z-index: 31;
font-family: Helvetica, sans-serif;
font-size: 12px;
+ line-height: 1;
color: #fff;
- background-color: rgba( 0, 0, 0, 0.7 );
+ background-color: rgba( 0, 0, 0, 0.4 );
padding: 5px;
}
--
cgit v1.2.3
From d457b9270a015f7c5393066d0d58c185ca8e59e7 Mon Sep 17 00:00:00 2001
From: Leonardo Kewitz
Date: Sun, 22 Nov 2015 18:34:25 -0200
Subject: Added 4 fragment transitions effect.
---
css/reveal.css | 454 ++++++++++++++++++++------------------------------------
css/reveal.scss | 50 ++++++-
index.html | 1 +
3 files changed, 211 insertions(+), 294 deletions(-)
(limited to 'css')
diff --git a/css/reveal.css b/css/reveal.css
index 2f115e5..88858f6 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -59,8 +59,7 @@ html:-moz-full-screen-ancestor {
.reveal .slides section .fragment {
opacity: 0;
visibility: hidden;
- -webkit-transition: all 0.2s ease;
- transition: all 0.2s ease; }
+ transition: all .2s ease; }
.reveal .slides section .fragment.visible {
opacity: 1;
visibility: visible; }
@@ -69,26 +68,18 @@ html:-moz-full-screen-ancestor {
opacity: 1;
visibility: visible; }
.reveal .slides section .fragment.grow.visible {
- -webkit-transform: scale(1.3);
- -ms-transform: scale(1.3);
- transform: scale(1.3); }
+ transform: scale(1.3); }
.reveal .slides section .fragment.shrink {
opacity: 1;
visibility: visible; }
.reveal .slides section .fragment.shrink.visible {
- -webkit-transform: scale(0.7);
- -ms-transform: scale(0.7);
- transform: scale(0.7); }
+ transform: scale(0.7); }
.reveal .slides section .fragment.zoom-in {
- -webkit-transform: scale(0.1);
- -ms-transform: scale(0.1);
- transform: scale(0.1); }
+ transform: scale(0.1); }
.reveal .slides section .fragment.zoom-in.visible {
- -webkit-transform: none;
- -ms-transform: none;
- transform: none; }
+ transform: none; }
.reveal .slides section .fragment.fade-out {
opacity: 1;
@@ -110,6 +101,42 @@ html:-moz-full-screen-ancestor {
.reveal .slides section .fragment.strike.visible {
text-decoration: line-through; }
+.reveal .slides section .fragment.fade-up {
+ opacity: 0;
+ transform: translate(0, 20%);
+ visibility: hidden; }
+ .reveal .slides section .fragment.fade-up.visible {
+ opacity: 1;
+ transform: translate(0, 0);
+ visibility: visible; }
+
+.reveal .slides section .fragment.fade-down {
+ opacity: 0;
+ transform: translate(0, -20%);
+ visibility: hidden; }
+ .reveal .slides section .fragment.fade-down.visible {
+ opacity: 1;
+ transform: translate(0, 0);
+ visibility: visible; }
+
+.reveal .slides section .fragment.fade-right {
+ opacity: 0;
+ transform: translate(-20%, 0);
+ visibility: hidden; }
+ .reveal .slides section .fragment.fade-right.visible {
+ opacity: 1;
+ transform: translate(0, 0);
+ visibility: visible; }
+
+.reveal .slides section .fragment.fade-left {
+ opacity: 0;
+ transform: translate(20%, 0);
+ visibility: hidden; }
+ .reveal .slides section .fragment.fade-left.visible {
+ opacity: 1;
+ transform: translate(0, 0);
+ visibility: visible; }
+
.reveal .slides section .fragment.current-visible {
opacity: 0;
visibility: hidden; }
@@ -189,13 +216,10 @@ html:-moz-full-screen-ancestor {
height: 0;
background-color: transparent;
border: 12px solid transparent;
- -webkit-transform: scale(0.9999);
- -ms-transform: scale(0.9999);
- transform: scale(0.9999);
- -webkit-transition: all 0.2s ease;
- transition: all 0.2s ease;
+ transform: scale(0.9999);
+ transition: all 0.2s ease;
-webkit-appearance: none;
- -webkit-tap-highlight-color: transparent; }
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.reveal .controls .enabled {
opacity: 0.7;
@@ -264,8 +288,7 @@ html:-moz-full-screen-ancestor {
height: 100%;
width: 0px;
background-color: #000;
- -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
- transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+ transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
/*********************************************
* SLIDE NUMBER
@@ -294,8 +317,7 @@ html:-moz-full-screen-ancestor {
width: 100%;
height: 100%;
overflow: hidden;
- -ms-touch-action: none;
- touch-action: none; }
+ touch-action: none; }
.reveal .slides {
position: absolute;
@@ -309,10 +331,8 @@ html:-moz-full-screen-ancestor {
overflow: visible;
z-index: 1;
text-align: center;
- -webkit-perspective: 600px;
- perspective: 600px;
- -webkit-perspective-origin: 50% 40%;
- perspective-origin: 50% 40%; }
+ perspective: 600px;
+ perspective-origin: 50% 40%; }
.reveal .slides > section {
-ms-perspective: 600px; }
@@ -324,29 +344,22 @@ html:-moz-full-screen-ancestor {
width: 100%;
padding: 20px 0px;
z-index: 10;
- -webkit-transform-style: preserve-3d;
- transform-style: preserve-3d;
- -webkit-transition: -webkit-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), -webkit-transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
- transition: -ms-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
- transition: transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+ transform-style: preserve-3d;
+ transition: transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
/* Global transition speed settings */
.reveal[data-transition-speed="fast"] .slides section {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms; }
+ transition-duration: 400ms; }
.reveal[data-transition-speed="slow"] .slides section {
- -webkit-transition-duration: 1200ms;
- transition-duration: 1200ms; }
+ transition-duration: 1200ms; }
/* Slide-specific transition speed overrides */
.reveal .slides section[data-transition-speed="fast"] {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms; }
+ transition-duration: 400ms; }
.reveal .slides section[data-transition-speed="slow"] {
- -webkit-transition-duration: 1200ms;
- transition-duration: 1200ms; }
+ transition-duration: 1200ms; }
.reveal .slides > section.stack {
padding-top: 0;
@@ -388,68 +401,50 @@ html:-moz-full-screen-ancestor {
* Aliased 'linear' for backwards compatibility
*********************************************/
.reveal.slide section {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
+ backface-visibility: hidden; }
.reveal .slides > section[data-transition=slide].past,
.reveal .slides > section[data-transition~=slide-out].past,
.reveal.slide .slides > section:not([data-transition]).past {
- -webkit-transform: translate(-150%, 0);
- -ms-transform: translate(-150%, 0);
- transform: translate(-150%, 0); }
+ transform: translate(-150%, 0); }
.reveal .slides > section[data-transition=slide].future,
.reveal .slides > section[data-transition~=slide-in].future,
.reveal.slide .slides > section:not([data-transition]).future {
- -webkit-transform: translate(150%, 0);
- -ms-transform: translate(150%, 0);
- transform: translate(150%, 0); }
+ transform: translate(150%, 0); }
.reveal .slides > section > section[data-transition=slide].past,
.reveal .slides > section > section[data-transition~=slide-out].past,
.reveal.slide .slides > section > section:not([data-transition]).past {
- -webkit-transform: translate(0, -150%);
- -ms-transform: translate(0, -150%);
- transform: translate(0, -150%); }
+ transform: translate(0, -150%); }
.reveal .slides > section > section[data-transition=slide].future,
.reveal .slides > section > section[data-transition~=slide-in].future,
.reveal.slide .slides > section > section:not([data-transition]).future {
- -webkit-transform: translate(0, 150%);
- -ms-transform: translate(0, 150%);
- transform: translate(0, 150%); }
+ transform: translate(0, 150%); }
.reveal.linear section {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
+ backface-visibility: hidden; }
.reveal .slides > section[data-transition=linear].past,
.reveal .slides > section[data-transition~=linear-out].past,
.reveal.linear .slides > section:not([data-transition]).past {
- -webkit-transform: translate(-150%, 0);
- -ms-transform: translate(-150%, 0);
- transform: translate(-150%, 0); }
+ transform: translate(-150%, 0); }
.reveal .slides > section[data-transition=linear].future,
.reveal .slides > section[data-transition~=linear-in].future,
.reveal.linear .slides > section:not([data-transition]).future {
- -webkit-transform: translate(150%, 0);
- -ms-transform: translate(150%, 0);
- transform: translate(150%, 0); }
+ transform: translate(150%, 0); }
.reveal .slides > section > section[data-transition=linear].past,
.reveal .slides > section > section[data-transition~=linear-out].past,
.reveal.linear .slides > section > section:not([data-transition]).past {
- -webkit-transform: translate(0, -150%);
- -ms-transform: translate(0, -150%);
- transform: translate(0, -150%); }
+ transform: translate(0, -150%); }
.reveal .slides > section > section[data-transition=linear].future,
.reveal .slides > section > section[data-transition~=linear-in].future,
.reveal.linear .slides > section > section:not([data-transition]).future {
- -webkit-transform: translate(0, 150%);
- -ms-transform: translate(0, 150%);
- transform: translate(0, 150%); }
+ transform: translate(0, 150%); }
/*********************************************
* CONVEX TRANSITION
@@ -458,50 +453,42 @@ html:-moz-full-screen-ancestor {
.reveal .slides > section[data-transition=default].past,
.reveal .slides > section[data-transition~=default-out].past,
.reveal.default .slides > section:not([data-transition]).past {
- -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
.reveal .slides > section[data-transition=default].future,
.reveal .slides > section[data-transition~=default-in].future,
.reveal.default .slides > section:not([data-transition]).future {
- -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
+ transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
.reveal .slides > section > section[data-transition=default].past,
.reveal .slides > section > section[data-transition~=default-out].past,
.reveal.default .slides > section > section:not([data-transition]).past {
- -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
- transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
+ transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
.reveal .slides > section > section[data-transition=default].future,
.reveal .slides > section > section[data-transition~=default-in].future,
.reveal.default .slides > section > section:not([data-transition]).future {
- -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
- transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
+ transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
.reveal .slides > section[data-transition=convex].past,
.reveal .slides > section[data-transition~=convex-out].past,
.reveal.convex .slides > section:not([data-transition]).past {
- -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
.reveal .slides > section[data-transition=convex].future,
.reveal .slides > section[data-transition~=convex-in].future,
.reveal.convex .slides > section:not([data-transition]).future {
- -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
+ transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
.reveal .slides > section > section[data-transition=convex].past,
.reveal .slides > section > section[data-transition~=convex-out].past,
.reveal.convex .slides > section > section:not([data-transition]).past {
- -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
- transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
+ transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
.reveal .slides > section > section[data-transition=convex].future,
.reveal .slides > section > section[data-transition~=convex-in].future,
.reveal.convex .slides > section > section:not([data-transition]).future {
- -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
- transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
+ transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
/*********************************************
* CONCAVE TRANSITION
@@ -509,77 +496,62 @@ html:-moz-full-screen-ancestor {
.reveal .slides > section[data-transition=concave].past,
.reveal .slides > section[data-transition~=concave-out].past,
.reveal.concave .slides > section:not([data-transition]).past {
- -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
+ transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
.reveal .slides > section[data-transition=concave].future,
.reveal .slides > section[data-transition~=concave-in].future,
.reveal.concave .slides > section:not([data-transition]).future {
- -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
+ transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
.reveal .slides > section > section[data-transition=concave].past,
.reveal .slides > section > section[data-transition~=concave-out].past,
.reveal.concave .slides > section > section:not([data-transition]).past {
- -webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
- transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); }
+ transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); }
.reveal .slides > section > section[data-transition=concave].future,
.reveal .slides > section > section[data-transition~=concave-in].future,
.reveal.concave .slides > section > section:not([data-transition]).future {
- -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
- transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }
+ transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }
/*********************************************
* ZOOM TRANSITION
*********************************************/
.reveal .slides section[data-transition=zoom],
.reveal.zoom .slides section:not([data-transition]) {
- -webkit-transition-timing-function: ease;
- transition-timing-function: ease; }
+ transition-timing-function: ease; }
.reveal .slides > section[data-transition=zoom].past,
.reveal .slides > section[data-transition~=zoom-out].past,
.reveal.zoom .slides > section:not([data-transition]).past {
visibility: hidden;
- -webkit-transform: scale(16);
- -ms-transform: scale(16);
- transform: scale(16); }
+ transform: scale(16); }
.reveal .slides > section[data-transition=zoom].future,
.reveal .slides > section[data-transition~=zoom-in].future,
.reveal.zoom .slides > section:not([data-transition]).future {
visibility: hidden;
- -webkit-transform: scale(0.2);
- -ms-transform: scale(0.2);
- transform: scale(0.2); }
+ transform: scale(0.2); }
.reveal .slides > section > section[data-transition=zoom].past,
.reveal .slides > section > section[data-transition~=zoom-out].past,
.reveal.zoom .slides > section > section:not([data-transition]).past {
- -webkit-transform: translate(0, -150%);
- -ms-transform: translate(0, -150%);
- transform: translate(0, -150%); }
+ transform: translate(0, -150%); }
.reveal .slides > section > section[data-transition=zoom].future,
.reveal .slides > section > section[data-transition~=zoom-in].future,
.reveal.zoom .slides > section > section:not([data-transition]).future {
- -webkit-transform: translate(0, 150%);
- -ms-transform: translate(0, 150%);
- transform: translate(0, 150%); }
+ transform: translate(0, 150%); }
/*********************************************
* CUBE TRANSITION
*********************************************/
.reveal.cube .slides {
- -webkit-perspective: 1300px;
- perspective: 1300px; }
+ perspective: 1300px; }
.reveal.cube .slides section {
padding: 30px;
min-height: 700px;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
+ backface-visibility: hidden;
box-sizing: border-box; }
.reveal.center.cube .slides section {
@@ -595,8 +567,7 @@ html:-moz-full-screen-ancestor {
top: 0;
background: rgba(0, 0, 0, 0.1);
border-radius: 4px;
- -webkit-transform: translateZ(-20px);
- transform: translateZ(-20px); }
+ transform: translateZ(-20px); }
.reveal.cube .slides section:not(.stack):after {
content: '';
@@ -610,49 +581,34 @@ html:-moz-full-screen-ancestor {
z-index: 1;
border-radius: 4px;
box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2);
- -webkit-transform: translateZ(-90px) rotateX(65deg);
- transform: translateZ(-90px) rotateX(65deg); }
+ transform: translateZ(-90px) rotateX(65deg); }
.reveal.cube .slides > section.stack {
padding: 0;
background: none; }
.reveal.cube .slides > section.past {
- -webkit-transform-origin: 100% 0%;
- -ms-transform-origin: 100% 0%;
- transform-origin: 100% 0%;
- -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
- transform: translate3d(-100%, 0, 0) rotateY(-90deg); }
+ transform-origin: 100% 0%;
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg); }
.reveal.cube .slides > section.future {
- -webkit-transform-origin: 0% 0%;
- -ms-transform-origin: 0% 0%;
- transform-origin: 0% 0%;
- -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
- transform: translate3d(100%, 0, 0) rotateY(90deg); }
+ transform-origin: 0% 0%;
+ transform: translate3d(100%, 0, 0) rotateY(90deg); }
.reveal.cube .slides > section > section.past {
- -webkit-transform-origin: 0% 100%;
- -ms-transform-origin: 0% 100%;
- transform-origin: 0% 100%;
- -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg);
- transform: translate3d(0, -100%, 0) rotateX(90deg); }
+ transform-origin: 0% 100%;
+ transform: translate3d(0, -100%, 0) rotateX(90deg); }
.reveal.cube .slides > section > section.future {
- -webkit-transform-origin: 0% 0%;
- -ms-transform-origin: 0% 0%;
- transform-origin: 0% 0%;
- -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg);
- transform: translate3d(0, 100%, 0) rotateX(-90deg); }
+ transform-origin: 0% 0%;
+ transform: translate3d(0, 100%, 0) rotateX(-90deg); }
/*********************************************
* PAGE TRANSITION
*********************************************/
.reveal.page .slides {
- -webkit-perspective-origin: 0% 50%;
- perspective-origin: 0% 50%;
- -webkit-perspective: 3000px;
- perspective: 3000px; }
+ perspective-origin: 0% 50%;
+ perspective: 3000px; }
.reveal.page .slides section {
padding: 30px;
@@ -671,8 +627,7 @@ html:-moz-full-screen-ancestor {
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.1);
- -webkit-transform: translateZ(-20px);
- transform: translateZ(-20px); }
+ transform: translateZ(-20px); }
.reveal.page .slides section:not(.stack):after {
content: '';
@@ -693,32 +648,20 @@ html:-moz-full-screen-ancestor {
background: none; }
.reveal.page .slides > section.past {
- -webkit-transform-origin: 0% 0%;
- -ms-transform-origin: 0% 0%;
- transform-origin: 0% 0%;
- -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
- transform: translate3d(-40%, 0, 0) rotateY(-80deg); }
+ transform-origin: 0% 0%;
+ transform: translate3d(-40%, 0, 0) rotateY(-80deg); }
.reveal.page .slides > section.future {
- -webkit-transform-origin: 100% 0%;
- -ms-transform-origin: 100% 0%;
- transform-origin: 100% 0%;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0); }
+ transform-origin: 100% 0%;
+ transform: translate3d(0, 0, 0); }
.reveal.page .slides > section > section.past {
- -webkit-transform-origin: 0% 0%;
- -ms-transform-origin: 0% 0%;
- transform-origin: 0% 0%;
- -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg);
- transform: translate3d(0, -40%, 0) rotateX(80deg); }
+ transform-origin: 0% 0%;
+ transform: translate3d(0, -40%, 0) rotateX(80deg); }
.reveal.page .slides > section > section.future {
- -webkit-transform-origin: 0% 100%;
- -ms-transform-origin: 0% 100%;
- transform-origin: 0% 100%;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0); }
+ transform-origin: 0% 100%;
+ transform: translate3d(0, 0, 0); }
/*********************************************
* FADE TRANSITION
@@ -726,27 +669,20 @@ html:-moz-full-screen-ancestor {
.reveal .slides section[data-transition=fade],
.reveal.fade .slides section:not([data-transition]),
.reveal.fade .slides > section > section:not([data-transition]) {
- -webkit-transform: none;
- -ms-transform: none;
- transform: none;
- -webkit-transition: opacity 0.5s;
- transition: opacity 0.5s; }
+ transform: none;
+ transition: opacity 0.5s; }
.reveal.fade.overview .slides section,
.reveal.fade.overview .slides > section > section {
- -webkit-transition: none;
- transition: none; }
+ transition: none; }
/*********************************************
* NO TRANSITION
*********************************************/
.reveal .slides section[data-transition=none],
.reveal.none .slides section:not([data-transition]) {
- -webkit-transform: none;
- -ms-transform: none;
- transform: none;
- -webkit-transition: none;
- transition: none; }
+ transform: none;
+ transition: none; }
/*********************************************
* PAUSED MODE
@@ -761,8 +697,7 @@ html:-moz-full-screen-ancestor {
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;
@@ -796,17 +731,14 @@ html:-moz-full-screen-ancestor {
top: 0;
left: -50%;
margin: 70px 0;
- -webkit-transform: none;
- -ms-transform: none;
- transform: none; }
+ transform: none; }
.no-transforms .reveal .slides section section {
left: 0; }
.reveal .no-transition,
.reveal .no-transition * {
- -webkit-transition: none !important;
- transition: none !important; }
+ transition: none !important; }
/*********************************************
* PER-SLIDE BACKGROUNDS
@@ -817,8 +749,7 @@ html:-moz-full-screen-ancestor {
height: 100%;
top: 0;
left: 0;
- -webkit-perspective: 600px;
- perspective: 600px; }
+ perspective: 600px; }
.reveal .slide-background {
display: none;
@@ -827,12 +758,11 @@ html:-moz-full-screen-ancestor {
height: 100%;
opacity: 0;
visibility: hidden;
- background-color: transparent;
+ background-color: rgba(0, 0, 0, 0);
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; }
@@ -858,145 +788,114 @@ html:-moz-full-screen-ancestor {
/* 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,
.reveal > .backgrounds .slide-background[data-background-transition=slide] {
opacity: 1;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
+ backface-visibility: hidden; }
.reveal[data-background-transition=slide] > .backgrounds .slide-background.past,
.reveal > .backgrounds .slide-background.past[data-background-transition=slide] {
- -webkit-transform: translate(-100%, 0);
- -ms-transform: translate(-100%, 0);
- transform: translate(-100%, 0); }
+ transform: translate(-100%, 0); }
.reveal[data-background-transition=slide] > .backgrounds .slide-background.future,
.reveal > .backgrounds .slide-background.future[data-background-transition=slide] {
- -webkit-transform: translate(100%, 0);
- -ms-transform: translate(100%, 0);
- transform: translate(100%, 0); }
+ transform: translate(100%, 0); }
.reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past,
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide] {
- -webkit-transform: translate(0, -100%);
- -ms-transform: translate(0, -100%);
- transform: translate(0, -100%); }
+ transform: translate(0, -100%); }
.reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.future,
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=slide] {
- -webkit-transform: translate(0, 100%);
- -ms-transform: translate(0, 100%);
- transform: translate(0, 100%); }
+ transform: translate(0, 100%); }
/* Convex */
.reveal[data-background-transition=convex] > .backgrounds .slide-background.past,
.reveal > .backgrounds .slide-background.past[data-background-transition=convex] {
opacity: 0;
- -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
.reveal[data-background-transition=convex] > .backgrounds .slide-background.future,
.reveal > .backgrounds .slide-background.future[data-background-transition=convex] {
opacity: 0;
- -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
+ transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
.reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.past,
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=convex] {
opacity: 0;
- -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); }
+ transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); }
.reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.future,
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=convex] {
opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); }
+ transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); }
/* Concave */
.reveal[data-background-transition=concave] > .backgrounds .slide-background.past,
.reveal > .backgrounds .slide-background.past[data-background-transition=concave] {
opacity: 0;
- -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
+ transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
.reveal[data-background-transition=concave] > .backgrounds .slide-background.future,
.reveal > .backgrounds .slide-background.future[data-background-transition=concave] {
opacity: 0;
- -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
+ transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
.reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.past,
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=concave] {
opacity: 0;
- -webkit-transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); }
+ transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); }
.reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.future,
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=concave] {
opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); }
+ transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); }
/* Zoom */
.reveal[data-background-transition=zoom] > .backgrounds .slide-background,
.reveal > .backgrounds .slide-background[data-background-transition=zoom] {
- -webkit-transition-timing-function: ease;
- transition-timing-function: ease; }
+ transition-timing-function: ease; }
.reveal[data-background-transition=zoom] > .backgrounds .slide-background.past,
.reveal > .backgrounds .slide-background.past[data-background-transition=zoom] {
opacity: 0;
visibility: hidden;
- -webkit-transform: scale(16);
- -ms-transform: scale(16);
- transform: scale(16); }
+ transform: scale(16); }
.reveal[data-background-transition=zoom] > .backgrounds .slide-background.future,
.reveal > .backgrounds .slide-background.future[data-background-transition=zoom] {
opacity: 0;
visibility: hidden;
- -webkit-transform: scale(0.2);
- -ms-transform: scale(0.2);
- transform: scale(0.2); }
+ transform: scale(0.2); }
.reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.past,
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=zoom] {
opacity: 0;
visibility: hidden;
- -webkit-transform: scale(16);
- -ms-transform: scale(16);
- transform: scale(16); }
+ transform: scale(16); }
.reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.future,
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=zoom] {
opacity: 0;
visibility: hidden;
- -webkit-transform: scale(0.2);
- -ms-transform: scale(0.2);
- transform: scale(0.2); }
+ transform: scale(0.2); }
/* Global transition speed settings */
.reveal[data-transition-speed="fast"] > .backgrounds .slide-background {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms; }
+ transition-duration: 400ms; }
.reveal[data-transition-speed="slow"] > .backgrounds .slide-background {
- -webkit-transition-duration: 1200ms;
- transition-duration: 1200ms; }
+ transition-duration: 1200ms; }
/*********************************************
* OVERVIEW
*********************************************/
.reveal.overview {
- -webkit-perspective-origin: 50% 50%;
- perspective-origin: 50% 50%;
- -webkit-perspective: 700px;
- perspective: 700px; }
+ perspective-origin: 50% 50%;
+ perspective: 700px; }
.reveal.overview .slides section {
height: 700px;
opacity: 1 !important;
@@ -1010,8 +909,7 @@ html:-moz-full-screen-ancestor {
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; }
@@ -1022,8 +920,7 @@ html:-moz-full-screen-ancestor {
outline: none;
overflow: visible; }
.reveal.overview .backgrounds {
- -webkit-perspective: inherit;
- perspective: inherit; }
+ perspective: inherit; }
.reveal.overview .backgrounds .slide-background {
opacity: 1;
visibility: visible;
@@ -1032,17 +929,14 @@ html:-moz-full-screen-ancestor {
.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; }
.reveal.overview-animated .slides {
- -webkit-transition: -webkit-transform 0.4s ease;
- transition: transform 0.4s ease; }
+ transition: transform 0.4s ease; }
/*********************************************
* RTL SUPPORT
@@ -1072,17 +966,14 @@ html:-moz-full-screen-ancestor {
* 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
@@ -1097,8 +988,7 @@ html:-moz-full-screen-ancestor {
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;
@@ -1116,8 +1006,7 @@ html:-moz-full-screen-ancestor {
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;
@@ -1169,8 +1058,7 @@ html:-moz-full-screen-ancestor {
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;
@@ -1179,9 +1067,7 @@ html:-moz-full-screen-ancestor {
.reveal .overlay.overlay-preview.loaded .spinner {
opacity: 0;
visibility: hidden;
- -webkit-transform: scale(0.2);
- -ms-transform: scale(0.2);
- transform: scale(0.2); }
+ transform: scale(0.2); }
.reveal .overlay.overlay-help .viewport {
overflow: auto;
@@ -1222,8 +1108,7 @@ html:-moz-full-screen-ancestor {
bottom: 20px;
z-index: 30;
cursor: pointer;
- -webkit-transition: all 400ms ease;
- transition: all 400ms ease; }
+ transition: all 400ms ease; }
.reveal.overview .playback {
opacity: 0;
@@ -1237,10 +1122,8 @@ html:-moz-full-screen-ancestor {
line-height: 1.2;
overflow: hidden;
vertical-align: top;
- -webkit-perspective: 400px;
- perspective: 400px;
- -webkit-perspective-origin: 50% 50%;
- perspective-origin: 50% 50%; }
+ perspective: 400px;
+ perspective-origin: 50% 50%; }
.reveal .roll:hover {
background: none;
@@ -1251,20 +1134,14 @@ html:-moz-full-screen-ancestor {
position: relative;
padding: 0 2px;
pointer-events: none;
- -webkit-transition: all 400ms ease;
- transition: all 400ms ease;
- -webkit-transform-origin: 50% 0%;
- -ms-transform-origin: 50% 0%;
- transform-origin: 50% 0%;
- -webkit-transform-style: preserve-3d;
- transform-style: preserve-3d;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
+ transition: all 400ms ease;
+ transform-origin: 50% 0%;
+ transform-style: preserve-3d;
+ backface-visibility: hidden; }
.reveal .roll:hover span {
background: rgba(0, 0, 0, 0.5);
- -webkit-transform: translate3d(0px, 0px, -45px) rotateX(90deg);
- transform: translate3d(0px, 0px, -45px) rotateX(90deg); }
+ transform: translate3d(0px, 0px, -45px) rotateX(90deg); }
.reveal .roll span:after {
content: attr(data-title);
@@ -1273,13 +1150,9 @@ html:-moz-full-screen-ancestor {
left: 0;
top: 0;
padding: 0 2px;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- -webkit-transform-origin: 50% 0%;
- -ms-transform-origin: 50% 0%;
- transform-origin: 50% 0%;
- -webkit-transform: translate3d(0px, 110%, 0px) rotateX(-90deg);
- transform: translate3d(0px, 110%, 0px) rotateX(-90deg); }
+ backface-visibility: hidden;
+ transform-origin: 50% 0%;
+ transform: translate3d(0px, 110%, 0px) rotateX(-90deg); }
/*********************************************
* SPEAKER NOTES
@@ -1312,20 +1185,17 @@ html:-moz-full-screen-ancestor {
@media screen and (max-width: 1024px) {
.reveal .speaker-notes {
font-size: 14px; } }
-
@media screen and (max-width: 600px) {
.reveal .speaker-notes {
width: 90%;
left: 5%; } }
-
/*********************************************
* ZOOM PLUGIN
*********************************************/
.zoomed .reveal *,
.zoomed .reveal *:before,
.zoomed .reveal *:after {
- -webkit-backface-visibility: visible !important;
- backface-visibility: visible !important; }
+ backface-visibility: visible !important; }
.zoomed .reveal .progress,
.zoomed .reveal .controls {
diff --git a/css/reveal.scss b/css/reveal.scss
index d932269..1cea73e 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -137,6 +137,54 @@ html:-moz-full-screen-ancestor {
}
}
+.reveal .slides section .fragment.fade-up {
+ opacity: 0;
+ transform: translate(0, 20%);
+ visibility: hidden;
+
+ &.visible {
+ opacity: 1;
+ transform: translate(0, 0);
+ visibility: visible;
+ }
+}
+
+.reveal .slides section .fragment.fade-down {
+ opacity: 0;
+ transform: translate(0, -20%);
+ visibility: hidden;
+
+ &.visible {
+ opacity: 1;
+ transform: translate(0, 0);
+ visibility: visible;
+ }
+}
+
+.reveal .slides section .fragment.fade-right {
+ opacity: 0;
+ transform: translate(-20%, 0);
+ visibility: hidden;
+
+ &.visible {
+ opacity: 1;
+ transform: translate(0, 0);
+ visibility: visible;
+ }
+}
+
+.reveal .slides section .fragment.fade-left {
+ opacity: 0;
+ transform: translate(20%, 0);
+ visibility: hidden;
+
+ &.visible {
+ opacity: 1;
+ transform: translate(0, 0);
+ visibility: visible;
+ }
+}
+
.reveal .slides section .fragment.current-visible {
opacity: 0;
visibility: hidden;
@@ -1375,5 +1423,3 @@ html:-moz-full-screen-ancestor {
.zoomed .reveal .roll span:after {
visibility: hidden;
}
-
-
diff --git a/index.html b/index.html
index c951ff7..0125d22 100644
--- a/index.html
+++ b/index.html
@@ -139,6 +139,7 @@
grow
shrink
fade-out
+ fade-up (also down, left and right!)
current-visible
highlight-red
highlight-blue
--
cgit v1.2.3
From 2909440fde651af3a2477d0b569d3b43ba64ca6e Mon Sep 17 00:00:00 2001
From: Leonardo Kewitz
Date: Sun, 22 Nov 2015 18:52:42 -0200
Subject: Clean version of the new transitions.
---
css/reveal.css | 450 +++++++++++++++++++++++++++++++++++++-------------------
css/reveal.scss | 16 --
2 files changed, 300 insertions(+), 166 deletions(-)
(limited to 'css')
diff --git a/css/reveal.css b/css/reveal.css
index 88858f6..8979008 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -59,7 +59,8 @@ html:-moz-full-screen-ancestor {
.reveal .slides section .fragment {
opacity: 0;
visibility: hidden;
- transition: all .2s ease; }
+ -webkit-transition: all 0.2s ease;
+ transition: all 0.2s ease; }
.reveal .slides section .fragment.visible {
opacity: 1;
visibility: visible; }
@@ -68,18 +69,26 @@ html:-moz-full-screen-ancestor {
opacity: 1;
visibility: visible; }
.reveal .slides section .fragment.grow.visible {
- transform: scale(1.3); }
+ -webkit-transform: scale(1.3);
+ -ms-transform: scale(1.3);
+ transform: scale(1.3); }
.reveal .slides section .fragment.shrink {
opacity: 1;
visibility: visible; }
.reveal .slides section .fragment.shrink.visible {
- transform: scale(0.7); }
+ -webkit-transform: scale(0.7);
+ -ms-transform: scale(0.7);
+ transform: scale(0.7); }
.reveal .slides section .fragment.zoom-in {
- transform: scale(0.1); }
+ -webkit-transform: scale(0.1);
+ -ms-transform: scale(0.1);
+ transform: scale(0.1); }
.reveal .slides section .fragment.zoom-in.visible {
- transform: none; }
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none; }
.reveal .slides section .fragment.fade-out {
opacity: 1;
@@ -102,40 +111,24 @@ html:-moz-full-screen-ancestor {
text-decoration: line-through; }
.reveal .slides section .fragment.fade-up {
- opacity: 0;
- transform: translate(0, 20%);
- visibility: hidden; }
+ transform: translate(0, 20%); }
.reveal .slides section .fragment.fade-up.visible {
- opacity: 1;
- transform: translate(0, 0);
- visibility: visible; }
+ transform: translate(0, 0); }
.reveal .slides section .fragment.fade-down {
- opacity: 0;
- transform: translate(0, -20%);
- visibility: hidden; }
+ transform: translate(0, -20%); }
.reveal .slides section .fragment.fade-down.visible {
- opacity: 1;
- transform: translate(0, 0);
- visibility: visible; }
+ transform: translate(0, 0); }
.reveal .slides section .fragment.fade-right {
- opacity: 0;
- transform: translate(-20%, 0);
- visibility: hidden; }
+ transform: translate(-20%, 0); }
.reveal .slides section .fragment.fade-right.visible {
- opacity: 1;
- transform: translate(0, 0);
- visibility: visible; }
+ transform: translate(0, 0); }
.reveal .slides section .fragment.fade-left {
- opacity: 0;
- transform: translate(20%, 0);
- visibility: hidden; }
+ transform: translate(20%, 0); }
.reveal .slides section .fragment.fade-left.visible {
- opacity: 1;
- transform: translate(0, 0);
- visibility: visible; }
+ transform: translate(0, 0); }
.reveal .slides section .fragment.current-visible {
opacity: 0;
@@ -216,10 +209,13 @@ html:-moz-full-screen-ancestor {
height: 0;
background-color: transparent;
border: 12px solid transparent;
- transform: scale(0.9999);
- transition: all 0.2s ease;
+ -webkit-transform: scale(0.9999);
+ -ms-transform: scale(0.9999);
+ transform: scale(0.9999);
+ -webkit-transition: all 0.2s ease;
+ transition: all 0.2s ease;
-webkit-appearance: none;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+ -webkit-tap-highlight-color: transparent; }
.reveal .controls .enabled {
opacity: 0.7;
@@ -288,7 +284,8 @@ html:-moz-full-screen-ancestor {
height: 100%;
width: 0px;
background-color: #000;
- transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+ -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); }
/*********************************************
* SLIDE NUMBER
@@ -317,7 +314,8 @@ html:-moz-full-screen-ancestor {
width: 100%;
height: 100%;
overflow: hidden;
- touch-action: none; }
+ -ms-touch-action: none;
+ touch-action: none; }
.reveal .slides {
position: absolute;
@@ -331,8 +329,10 @@ html:-moz-full-screen-ancestor {
overflow: visible;
z-index: 1;
text-align: center;
- perspective: 600px;
- perspective-origin: 50% 40%; }
+ -webkit-perspective: 600px;
+ perspective: 600px;
+ -webkit-perspective-origin: 50% 40%;
+ perspective-origin: 50% 40%; }
.reveal .slides > section {
-ms-perspective: 600px; }
@@ -344,22 +344,29 @@ html:-moz-full-screen-ancestor {
width: 100%;
padding: 20px 0px;
z-index: 10;
- transform-style: preserve-3d;
- transition: transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ -webkit-transition: -webkit-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), -webkit-transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
+ transition: -ms-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
+ transition: transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
/* Global transition speed settings */
.reveal[data-transition-speed="fast"] .slides section {
- transition-duration: 400ms; }
+ -webkit-transition-duration: 400ms;
+ transition-duration: 400ms; }
.reveal[data-transition-speed="slow"] .slides section {
- transition-duration: 1200ms; }
+ -webkit-transition-duration: 1200ms;
+ transition-duration: 1200ms; }
/* Slide-specific transition speed overrides */
.reveal .slides section[data-transition-speed="fast"] {
- transition-duration: 400ms; }
+ -webkit-transition-duration: 400ms;
+ transition-duration: 400ms; }
.reveal .slides section[data-transition-speed="slow"] {
- transition-duration: 1200ms; }
+ -webkit-transition-duration: 1200ms;
+ transition-duration: 1200ms; }
.reveal .slides > section.stack {
padding-top: 0;
@@ -401,50 +408,68 @@ html:-moz-full-screen-ancestor {
* Aliased 'linear' for backwards compatibility
*********************************************/
.reveal.slide section {
- backface-visibility: hidden; }
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden; }
.reveal .slides > section[data-transition=slide].past,
.reveal .slides > section[data-transition~=slide-out].past,
.reveal.slide .slides > section:not([data-transition]).past {
- transform: translate(-150%, 0); }
+ -webkit-transform: translate(-150%, 0);
+ -ms-transform: translate(-150%, 0);
+ transform: translate(-150%, 0); }
.reveal .slides > section[data-transition=slide].future,
.reveal .slides > section[data-transition~=slide-in].future,
.reveal.slide .slides > section:not([data-transition]).future {
- transform: translate(150%, 0); }
+ -webkit-transform: translate(150%, 0);
+ -ms-transform: translate(150%, 0);
+ transform: translate(150%, 0); }
.reveal .slides > section > section[data-transition=slide].past,
.reveal .slides > section > section[data-transition~=slide-out].past,
.reveal.slide .slides > section > section:not([data-transition]).past {
- transform: translate(0, -150%); }
+ -webkit-transform: translate(0, -150%);
+ -ms-transform: translate(0, -150%);
+ transform: translate(0, -150%); }
.reveal .slides > section > section[data-transition=slide].future,
.reveal .slides > section > section[data-transition~=slide-in].future,
.reveal.slide .slides > section > section:not([data-transition]).future {
- transform: translate(0, 150%); }
+ -webkit-transform: translate(0, 150%);
+ -ms-transform: translate(0, 150%);
+ transform: translate(0, 150%); }
.reveal.linear section {
- backface-visibility: hidden; }
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden; }
.reveal .slides > section[data-transition=linear].past,
.reveal .slides > section[data-transition~=linear-out].past,
.reveal.linear .slides > section:not([data-transition]).past {
- transform: translate(-150%, 0); }
+ -webkit-transform: translate(-150%, 0);
+ -ms-transform: translate(-150%, 0);
+ transform: translate(-150%, 0); }
.reveal .slides > section[data-transition=linear].future,
.reveal .slides > section[data-transition~=linear-in].future,
.reveal.linear .slides > section:not([data-transition]).future {
- transform: translate(150%, 0); }
+ -webkit-transform: translate(150%, 0);
+ -ms-transform: translate(150%, 0);
+ transform: translate(150%, 0); }
.reveal .slides > section > section[data-transition=linear].past,
.reveal .slides > section > section[data-transition~=linear-out].past,
.reveal.linear .slides > section > section:not([data-transition]).past {
- transform: translate(0, -150%); }
+ -webkit-transform: translate(0, -150%);
+ -ms-transform: translate(0, -150%);
+ transform: translate(0, -150%); }
.reveal .slides > section > section[data-transition=linear].future,
.reveal .slides > section > section[data-transition~=linear-in].future,
.reveal.linear .slides > section > section:not([data-transition]).future {
- transform: translate(0, 150%); }
+ -webkit-transform: translate(0, 150%);
+ -ms-transform: translate(0, 150%);
+ transform: translate(0, 150%); }
/*********************************************
* CONVEX TRANSITION
@@ -453,42 +478,50 @@ html:-moz-full-screen-ancestor {
.reveal .slides > section[data-transition=default].past,
.reveal .slides > section[data-transition~=default-out].past,
.reveal.default .slides > section:not([data-transition]).past {
- transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
.reveal .slides > section[data-transition=default].future,
.reveal .slides > section[data-transition~=default-in].future,
.reveal.default .slides > section:not([data-transition]).future {
- transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
.reveal .slides > section > section[data-transition=default].past,
.reveal .slides > section > section[data-transition~=default-out].past,
.reveal.default .slides > section > section:not([data-transition]).past {
- transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
+ -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
+ transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
.reveal .slides > section > section[data-transition=default].future,
.reveal .slides > section > section[data-transition~=default-in].future,
.reveal.default .slides > section > section:not([data-transition]).future {
- transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
+ -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
+ transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
.reveal .slides > section[data-transition=convex].past,
.reveal .slides > section[data-transition~=convex-out].past,
.reveal.convex .slides > section:not([data-transition]).past {
- transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
.reveal .slides > section[data-transition=convex].future,
.reveal .slides > section[data-transition~=convex-in].future,
.reveal.convex .slides > section:not([data-transition]).future {
- transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
.reveal .slides > section > section[data-transition=convex].past,
.reveal .slides > section > section[data-transition~=convex-out].past,
.reveal.convex .slides > section > section:not([data-transition]).past {
- transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
+ -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
+ transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
.reveal .slides > section > section[data-transition=convex].future,
.reveal .slides > section > section[data-transition~=convex-in].future,
.reveal.convex .slides > section > section:not([data-transition]).future {
- transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
+ -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
+ transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
/*********************************************
* CONCAVE TRANSITION
@@ -496,62 +529,77 @@ html:-moz-full-screen-ancestor {
.reveal .slides > section[data-transition=concave].past,
.reveal .slides > section[data-transition~=concave-out].past,
.reveal.concave .slides > section:not([data-transition]).past {
- transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
.reveal .slides > section[data-transition=concave].future,
.reveal .slides > section[data-transition~=concave-in].future,
.reveal.concave .slides > section:not([data-transition]).future {
- transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
.reveal .slides > section > section[data-transition=concave].past,
.reveal .slides > section > section[data-transition~=concave-out].past,
.reveal.concave .slides > section > section:not([data-transition]).past {
- transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); }
+ -webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
+ transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); }
.reveal .slides > section > section[data-transition=concave].future,
.reveal .slides > section > section[data-transition~=concave-in].future,
.reveal.concave .slides > section > section:not([data-transition]).future {
- transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }
+ -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
+ transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }
/*********************************************
* ZOOM TRANSITION
*********************************************/
.reveal .slides section[data-transition=zoom],
.reveal.zoom .slides section:not([data-transition]) {
- transition-timing-function: ease; }
+ -webkit-transition-timing-function: ease;
+ transition-timing-function: ease; }
.reveal .slides > section[data-transition=zoom].past,
.reveal .slides > section[data-transition~=zoom-out].past,
.reveal.zoom .slides > section:not([data-transition]).past {
visibility: hidden;
- transform: scale(16); }
+ -webkit-transform: scale(16);
+ -ms-transform: scale(16);
+ transform: scale(16); }
.reveal .slides > section[data-transition=zoom].future,
.reveal .slides > section[data-transition~=zoom-in].future,
.reveal.zoom .slides > section:not([data-transition]).future {
visibility: hidden;
- transform: scale(0.2); }
+ -webkit-transform: scale(0.2);
+ -ms-transform: scale(0.2);
+ transform: scale(0.2); }
.reveal .slides > section > section[data-transition=zoom].past,
.reveal .slides > section > section[data-transition~=zoom-out].past,
.reveal.zoom .slides > section > section:not([data-transition]).past {
- transform: translate(0, -150%); }
+ -webkit-transform: translate(0, -150%);
+ -ms-transform: translate(0, -150%);
+ transform: translate(0, -150%); }
.reveal .slides > section > section[data-transition=zoom].future,
.reveal .slides > section > section[data-transition~=zoom-in].future,
.reveal.zoom .slides > section > section:not([data-transition]).future {
- transform: translate(0, 150%); }
+ -webkit-transform: translate(0, 150%);
+ -ms-transform: translate(0, 150%);
+ transform: translate(0, 150%); }
/*********************************************
* CUBE TRANSITION
*********************************************/
.reveal.cube .slides {
- perspective: 1300px; }
+ -webkit-perspective: 1300px;
+ perspective: 1300px; }
.reveal.cube .slides section {
padding: 30px;
min-height: 700px;
- backface-visibility: hidden;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
box-sizing: border-box; }
.reveal.center.cube .slides section {
@@ -567,7 +615,8 @@ html:-moz-full-screen-ancestor {
top: 0;
background: rgba(0, 0, 0, 0.1);
border-radius: 4px;
- transform: translateZ(-20px); }
+ -webkit-transform: translateZ(-20px);
+ transform: translateZ(-20px); }
.reveal.cube .slides section:not(.stack):after {
content: '';
@@ -581,34 +630,49 @@ html:-moz-full-screen-ancestor {
z-index: 1;
border-radius: 4px;
box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2);
- transform: translateZ(-90px) rotateX(65deg); }
+ -webkit-transform: translateZ(-90px) rotateX(65deg);
+ transform: translateZ(-90px) rotateX(65deg); }
.reveal.cube .slides > section.stack {
padding: 0;
background: none; }
.reveal.cube .slides > section.past {
- transform-origin: 100% 0%;
- transform: translate3d(-100%, 0, 0) rotateY(-90deg); }
+ -webkit-transform-origin: 100% 0%;
+ -ms-transform-origin: 100% 0%;
+ transform-origin: 100% 0%;
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg); }
.reveal.cube .slides > section.future {
- transform-origin: 0% 0%;
- transform: translate3d(100%, 0, 0) rotateY(90deg); }
+ -webkit-transform-origin: 0% 0%;
+ -ms-transform-origin: 0% 0%;
+ transform-origin: 0% 0%;
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
+ transform: translate3d(100%, 0, 0) rotateY(90deg); }
.reveal.cube .slides > section > section.past {
- transform-origin: 0% 100%;
- transform: translate3d(0, -100%, 0) rotateX(90deg); }
+ -webkit-transform-origin: 0% 100%;
+ -ms-transform-origin: 0% 100%;
+ transform-origin: 0% 100%;
+ -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg);
+ transform: translate3d(0, -100%, 0) rotateX(90deg); }
.reveal.cube .slides > section > section.future {
- transform-origin: 0% 0%;
- transform: translate3d(0, 100%, 0) rotateX(-90deg); }
+ -webkit-transform-origin: 0% 0%;
+ -ms-transform-origin: 0% 0%;
+ transform-origin: 0% 0%;
+ -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg);
+ transform: translate3d(0, 100%, 0) rotateX(-90deg); }
/*********************************************
* PAGE TRANSITION
*********************************************/
.reveal.page .slides {
- perspective-origin: 0% 50%;
- perspective: 3000px; }
+ -webkit-perspective-origin: 0% 50%;
+ perspective-origin: 0% 50%;
+ -webkit-perspective: 3000px;
+ perspective: 3000px; }
.reveal.page .slides section {
padding: 30px;
@@ -627,7 +691,8 @@ html:-moz-full-screen-ancestor {
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.1);
- transform: translateZ(-20px); }
+ -webkit-transform: translateZ(-20px);
+ transform: translateZ(-20px); }
.reveal.page .slides section:not(.stack):after {
content: '';
@@ -648,20 +713,32 @@ html:-moz-full-screen-ancestor {
background: none; }
.reveal.page .slides > section.past {
- transform-origin: 0% 0%;
- transform: translate3d(-40%, 0, 0) rotateY(-80deg); }
+ -webkit-transform-origin: 0% 0%;
+ -ms-transform-origin: 0% 0%;
+ transform-origin: 0% 0%;
+ -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
+ transform: translate3d(-40%, 0, 0) rotateY(-80deg); }
.reveal.page .slides > section.future {
- transform-origin: 100% 0%;
- transform: translate3d(0, 0, 0); }
+ -webkit-transform-origin: 100% 0%;
+ -ms-transform-origin: 100% 0%;
+ transform-origin: 100% 0%;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0); }
.reveal.page .slides > section > section.past {
- transform-origin: 0% 0%;
- transform: translate3d(0, -40%, 0) rotateX(80deg); }
+ -webkit-transform-origin: 0% 0%;
+ -ms-transform-origin: 0% 0%;
+ transform-origin: 0% 0%;
+ -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg);
+ transform: translate3d(0, -40%, 0) rotateX(80deg); }
.reveal.page .slides > section > section.future {
- transform-origin: 0% 100%;
- transform: translate3d(0, 0, 0); }
+ -webkit-transform-origin: 0% 100%;
+ -ms-transform-origin: 0% 100%;
+ transform-origin: 0% 100%;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0); }
/*********************************************
* FADE TRANSITION
@@ -669,20 +746,27 @@ html:-moz-full-screen-ancestor {
.reveal .slides section[data-transition=fade],
.reveal.fade .slides section:not([data-transition]),
.reveal.fade .slides > section > section:not([data-transition]) {
- transform: none;
- transition: opacity 0.5s; }
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none;
+ -webkit-transition: opacity 0.5s;
+ transition: opacity 0.5s; }
.reveal.fade.overview .slides section,
.reveal.fade.overview .slides > section > section {
- transition: none; }
+ -webkit-transition: none;
+ transition: none; }
/*********************************************
* NO TRANSITION
*********************************************/
.reveal .slides section[data-transition=none],
.reveal.none .slides section:not([data-transition]) {
- transform: none;
- transition: none; }
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none;
+ -webkit-transition: none;
+ transition: none; }
/*********************************************
* PAUSED MODE
@@ -697,7 +781,8 @@ html:-moz-full-screen-ancestor {
visibility: hidden;
opacity: 0;
z-index: 100;
- transition: all 1s ease; }
+ -webkit-transition: all 1s ease;
+ transition: all 1s ease; }
.reveal.paused .pause-overlay {
visibility: visible;
@@ -731,14 +816,17 @@ html:-moz-full-screen-ancestor {
top: 0;
left: -50%;
margin: 70px 0;
- transform: none; }
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none; }
.no-transforms .reveal .slides section section {
left: 0; }
.reveal .no-transition,
.reveal .no-transition * {
- transition: none !important; }
+ -webkit-transition: none !important;
+ transition: none !important; }
/*********************************************
* PER-SLIDE BACKGROUNDS
@@ -749,7 +837,8 @@ html:-moz-full-screen-ancestor {
height: 100%;
top: 0;
left: 0;
- perspective: 600px; }
+ -webkit-perspective: 600px;
+ perspective: 600px; }
.reveal .slide-background {
display: none;
@@ -758,11 +847,12 @@ html:-moz-full-screen-ancestor {
height: 100%;
opacity: 0;
visibility: hidden;
- background-color: rgba(0, 0, 0, 0);
+ background-color: transparent;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
- transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+ -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); }
.reveal .slide-background.stack {
display: block; }
@@ -788,114 +878,145 @@ html:-moz-full-screen-ancestor {
/* Immediate transition style */
.reveal[data-background-transition=none] > .backgrounds .slide-background,
.reveal > .backgrounds .slide-background[data-background-transition=none] {
- transition: none; }
+ -webkit-transition: none;
+ transition: none; }
/* Slide */
.reveal[data-background-transition=slide] > .backgrounds .slide-background,
.reveal > .backgrounds .slide-background[data-background-transition=slide] {
opacity: 1;
- backface-visibility: hidden; }
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden; }
.reveal[data-background-transition=slide] > .backgrounds .slide-background.past,
.reveal > .backgrounds .slide-background.past[data-background-transition=slide] {
- transform: translate(-100%, 0); }
+ -webkit-transform: translate(-100%, 0);
+ -ms-transform: translate(-100%, 0);
+ transform: translate(-100%, 0); }
.reveal[data-background-transition=slide] > .backgrounds .slide-background.future,
.reveal > .backgrounds .slide-background.future[data-background-transition=slide] {
- transform: translate(100%, 0); }
+ -webkit-transform: translate(100%, 0);
+ -ms-transform: translate(100%, 0);
+ transform: translate(100%, 0); }
.reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past,
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide] {
- transform: translate(0, -100%); }
+ -webkit-transform: translate(0, -100%);
+ -ms-transform: translate(0, -100%);
+ transform: translate(0, -100%); }
.reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.future,
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=slide] {
- transform: translate(0, 100%); }
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ transform: translate(0, 100%); }
/* Convex */
.reveal[data-background-transition=convex] > .backgrounds .slide-background.past,
.reveal > .backgrounds .slide-background.past[data-background-transition=convex] {
opacity: 0;
- transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
.reveal[data-background-transition=convex] > .backgrounds .slide-background.future,
.reveal > .backgrounds .slide-background.future[data-background-transition=convex] {
opacity: 0;
- transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
.reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.past,
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=convex] {
opacity: 0;
- transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); }
+ -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); }
.reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.future,
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=convex] {
opacity: 0;
- transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); }
+ -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); }
/* Concave */
.reveal[data-background-transition=concave] > .backgrounds .slide-background.past,
.reveal > .backgrounds .slide-background.past[data-background-transition=concave] {
opacity: 0;
- transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
.reveal[data-background-transition=concave] > .backgrounds .slide-background.future,
.reveal > .backgrounds .slide-background.future[data-background-transition=concave] {
opacity: 0;
- transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
.reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.past,
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=concave] {
opacity: 0;
- transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); }
+ -webkit-transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); }
.reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.future,
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=concave] {
opacity: 0;
- transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); }
+ -webkit-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); }
/* Zoom */
.reveal[data-background-transition=zoom] > .backgrounds .slide-background,
.reveal > .backgrounds .slide-background[data-background-transition=zoom] {
- transition-timing-function: ease; }
+ -webkit-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] {
opacity: 0;
visibility: hidden;
- transform: scale(16); }
+ -webkit-transform: scale(16);
+ -ms-transform: scale(16);
+ transform: scale(16); }
.reveal[data-background-transition=zoom] > .backgrounds .slide-background.future,
.reveal > .backgrounds .slide-background.future[data-background-transition=zoom] {
opacity: 0;
visibility: hidden;
- transform: scale(0.2); }
+ -webkit-transform: scale(0.2);
+ -ms-transform: scale(0.2);
+ transform: scale(0.2); }
.reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.past,
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=zoom] {
opacity: 0;
visibility: hidden;
- transform: scale(16); }
+ -webkit-transform: scale(16);
+ -ms-transform: scale(16);
+ transform: scale(16); }
.reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.future,
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=zoom] {
opacity: 0;
visibility: hidden;
- transform: scale(0.2); }
+ -webkit-transform: scale(0.2);
+ -ms-transform: scale(0.2);
+ transform: scale(0.2); }
/* Global transition speed settings */
.reveal[data-transition-speed="fast"] > .backgrounds .slide-background {
- transition-duration: 400ms; }
+ -webkit-transition-duration: 400ms;
+ transition-duration: 400ms; }
.reveal[data-transition-speed="slow"] > .backgrounds .slide-background {
- transition-duration: 1200ms; }
+ -webkit-transition-duration: 1200ms;
+ transition-duration: 1200ms; }
/*********************************************
* OVERVIEW
*********************************************/
.reveal.overview {
- perspective-origin: 50% 50%;
- perspective: 700px; }
+ -webkit-perspective-origin: 50% 50%;
+ perspective-origin: 50% 50%;
+ -webkit-perspective: 700px;
+ perspective: 700px; }
.reveal.overview .slides section {
height: 700px;
opacity: 1 !important;
@@ -909,7 +1030,8 @@ html:-moz-full-screen-ancestor {
outline-offset: 10px; }
.reveal.overview .slides section .fragment {
opacity: 1;
- transition: none; }
+ -webkit-transition: none;
+ transition: none; }
.reveal.overview .slides section:after,
.reveal.overview .slides section:before {
display: none !important; }
@@ -920,7 +1042,8 @@ html:-moz-full-screen-ancestor {
outline: none;
overflow: visible; }
.reveal.overview .backgrounds {
- perspective: inherit; }
+ -webkit-perspective: inherit;
+ perspective: inherit; }
.reveal.overview .backgrounds .slide-background {
opacity: 1;
visibility: visible;
@@ -929,14 +1052,17 @@ html:-moz-full-screen-ancestor {
.reveal.overview .slides section,
.reveal.overview-deactivating .slides section {
- transition: none; }
+ -webkit-transition: none;
+ transition: none; }
.reveal.overview .backgrounds .slide-background,
.reveal.overview-deactivating .backgrounds .slide-background {
- transition: none; }
+ -webkit-transition: none;
+ transition: none; }
.reveal.overview-animated .slides {
- transition: transform 0.4s ease; }
+ -webkit-transition: -webkit-transform 0.4s ease;
+ transition: transform 0.4s ease; }
/*********************************************
* RTL SUPPORT
@@ -966,14 +1092,17 @@ html:-moz-full-screen-ancestor {
* PARALLAX BACKGROUND
*********************************************/
.reveal.has-parallax-background .backgrounds {
- transition: all 0.8s ease; }
+ -webkit-transition: all 0.8s ease;
+ transition: all 0.8s ease; }
/* Global transition speed settings */
.reveal.has-parallax-background[data-transition-speed="fast"] .backgrounds {
- transition-duration: 400ms; }
+ -webkit-transition-duration: 400ms;
+ transition-duration: 400ms; }
.reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds {
- transition-duration: 1200ms; }
+ -webkit-transition-duration: 1200ms;
+ transition-duration: 1200ms; }
/*********************************************
* LINK PREVIEW OVERLAY
@@ -988,7 +1117,8 @@ html:-moz-full-screen-ancestor {
background: rgba(0, 0, 0, 0.9);
opacity: 0;
visibility: hidden;
- transition: all 0.3s ease; }
+ -webkit-transition: all 0.3s ease;
+ transition: all 0.3s ease; }
.reveal .overlay.visible {
opacity: 1;
@@ -1006,7 +1136,8 @@ html:-moz-full-screen-ancestor {
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;
- transition: all 0.3s ease; }
+ -webkit-transition: all 0.3s ease;
+ transition: all 0.3s ease; }
.reveal .overlay header {
position: absolute;
@@ -1058,7 +1189,8 @@ html:-moz-full-screen-ancestor {
border: 0;
opacity: 0;
visibility: hidden;
- transition: all 0.3s ease; }
+ -webkit-transition: all 0.3s ease;
+ transition: all 0.3s ease; }
.reveal .overlay.overlay-preview.loaded .viewport iframe {
opacity: 1;
@@ -1067,7 +1199,9 @@ html:-moz-full-screen-ancestor {
.reveal .overlay.overlay-preview.loaded .spinner {
opacity: 0;
visibility: hidden;
- transform: scale(0.2); }
+ -webkit-transform: scale(0.2);
+ -ms-transform: scale(0.2);
+ transform: scale(0.2); }
.reveal .overlay.overlay-help .viewport {
overflow: auto;
@@ -1108,7 +1242,8 @@ html:-moz-full-screen-ancestor {
bottom: 20px;
z-index: 30;
cursor: pointer;
- transition: all 400ms ease; }
+ -webkit-transition: all 400ms ease;
+ transition: all 400ms ease; }
.reveal.overview .playback {
opacity: 0;
@@ -1122,8 +1257,10 @@ html:-moz-full-screen-ancestor {
line-height: 1.2;
overflow: hidden;
vertical-align: top;
- perspective: 400px;
- perspective-origin: 50% 50%; }
+ -webkit-perspective: 400px;
+ perspective: 400px;
+ -webkit-perspective-origin: 50% 50%;
+ perspective-origin: 50% 50%; }
.reveal .roll:hover {
background: none;
@@ -1134,14 +1271,20 @@ html:-moz-full-screen-ancestor {
position: relative;
padding: 0 2px;
pointer-events: none;
- transition: all 400ms ease;
- transform-origin: 50% 0%;
- transform-style: preserve-3d;
- backface-visibility: hidden; }
+ -webkit-transition: all 400ms ease;
+ transition: all 400ms ease;
+ -webkit-transform-origin: 50% 0%;
+ -ms-transform-origin: 50% 0%;
+ transform-origin: 50% 0%;
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden; }
.reveal .roll:hover span {
background: rgba(0, 0, 0, 0.5);
- transform: translate3d(0px, 0px, -45px) rotateX(90deg); }
+ -webkit-transform: translate3d(0px, 0px, -45px) rotateX(90deg);
+ transform: translate3d(0px, 0px, -45px) rotateX(90deg); }
.reveal .roll span:after {
content: attr(data-title);
@@ -1150,9 +1293,13 @@ html:-moz-full-screen-ancestor {
left: 0;
top: 0;
padding: 0 2px;
- backface-visibility: hidden;
- transform-origin: 50% 0%;
- transform: translate3d(0px, 110%, 0px) rotateX(-90deg); }
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transform-origin: 50% 0%;
+ -ms-transform-origin: 50% 0%;
+ transform-origin: 50% 0%;
+ -webkit-transform: translate3d(0px, 110%, 0px) rotateX(-90deg);
+ transform: translate3d(0px, 110%, 0px) rotateX(-90deg); }
/*********************************************
* SPEAKER NOTES
@@ -1185,17 +1332,20 @@ html:-moz-full-screen-ancestor {
@media screen and (max-width: 1024px) {
.reveal .speaker-notes {
font-size: 14px; } }
+
@media screen and (max-width: 600px) {
.reveal .speaker-notes {
width: 90%;
left: 5%; } }
+
/*********************************************
* ZOOM PLUGIN
*********************************************/
.zoomed .reveal *,
.zoomed .reveal *:before,
.zoomed .reveal *:after {
- backface-visibility: visible !important; }
+ -webkit-backface-visibility: visible !important;
+ backface-visibility: visible !important; }
.zoomed .reveal .progress,
.zoomed .reveal .controls {
diff --git a/css/reveal.scss b/css/reveal.scss
index 1cea73e..7525b2a 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -138,50 +138,34 @@ html:-moz-full-screen-ancestor {
}
.reveal .slides section .fragment.fade-up {
- opacity: 0;
transform: translate(0, 20%);
- visibility: hidden;
&.visible {
- opacity: 1;
transform: translate(0, 0);
- visibility: visible;
}
}
.reveal .slides section .fragment.fade-down {
- opacity: 0;
transform: translate(0, -20%);
- visibility: hidden;
&.visible {
- opacity: 1;
transform: translate(0, 0);
- visibility: visible;
}
}
.reveal .slides section .fragment.fade-right {
- opacity: 0;
transform: translate(-20%, 0);
- visibility: hidden;
&.visible {
- opacity: 1;
transform: translate(0, 0);
- visibility: visible;
}
}
.reveal .slides section .fragment.fade-left {
- opacity: 0;
transform: translate(20%, 0);
- visibility: hidden;
&.visible {
- opacity: 1;
transform: translate(0, 0);
- visibility: visible;
}
}
--
cgit v1.2.3
From 18b644cf8f1ae04b16f962655b99cb786f08ef2c Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Mon, 4 Jan 2016 09:29:55 +0100
Subject: :copyright: :copyright: :copyright: :copyright: :copyright: closes
#1469
---
Gruntfile.js | 2 +-
LICENSE | 2 +-
README.md | 2 +-
css/reveal.css | 2 +-
css/reveal.scss | 2 +-
css/theme/black.css | 2 +-
css/theme/source/black.scss | 2 +-
css/theme/source/white.scss | 2 +-
css/theme/white.css | 2 +-
js/reveal.js | 2 +-
10 files changed, 10 insertions(+), 10 deletions(-)
(limited to 'css')
diff --git a/Gruntfile.js b/Gruntfile.js
index f6c71e2..675adff 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -13,7 +13,7 @@ module.exports = function(grunt) {
' * http://lab.hakim.se/reveal-js\n' +
' * MIT licensed\n' +
' *\n' +
- ' * Copyright (C) 2015 Hakim El Hattab, http://hakim.se\n' +
+ ' * Copyright (C) 2016 Hakim El Hattab, http://hakim.se\n' +
' */'
},
diff --git a/LICENSE b/LICENSE
index 0962307..faadd00 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,4 +1,4 @@
-Copyright (C) 2015 Hakim El Hattab, http://hakim.se
+Copyright (C) 2016 Hakim El Hattab, http://hakim.se
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
diff --git a/README.md b/README.md
index 52dcd22..e7857cc 100644
--- a/README.md
+++ b/README.md
@@ -1016,4 +1016,4 @@ Some reveal.js features, like external Markdown and speaker notes, require that
MIT licensed
-Copyright (C) 2015 Hakim El Hattab, http://hakim.se
+Copyright (C) 2016 Hakim El Hattab, http://hakim.se
diff --git a/css/reveal.css b/css/reveal.css
index 2f115e5..9739291 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -3,7 +3,7 @@
* http://lab.hakim.se/reveal-js
* MIT licensed
*
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
+ * Copyright (C) 2016 Hakim El Hattab, http://hakim.se
*/
/*********************************************
* RESET STYLES
diff --git a/css/reveal.scss b/css/reveal.scss
index d932269..eb600ac 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -3,7 +3,7 @@
* http://lab.hakim.se/reveal-js
* MIT licensed
*
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
+ * Copyright (C) 2016 Hakim El Hattab, http://hakim.se
*/
diff --git a/css/theme/black.css b/css/theme/black.css
index 54d44c3..deccc46 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -1,7 +1,7 @@
/**
* Black theme for reveal.js. This is the opposite of the 'white' theme.
*
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
+ * By Hakim El Hattab, http://hakim.se
*/
@import url(../../lib/font/source-sans-pro/source-sans-pro.css);
section.has-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 {
diff --git a/css/theme/source/black.scss b/css/theme/source/black.scss
index 73dfecb..5f7f601 100644
--- a/css/theme/source/black.scss
+++ b/css/theme/source/black.scss
@@ -1,7 +1,7 @@
/**
* Black theme for reveal.js. This is the opposite of the 'white' theme.
*
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
+ * By Hakim El Hattab, http://hakim.se
*/
diff --git a/css/theme/source/white.scss b/css/theme/source/white.scss
index 4c5b647..6758ce0 100644
--- a/css/theme/source/white.scss
+++ b/css/theme/source/white.scss
@@ -1,7 +1,7 @@
/**
* White theme for reveal.js. This is the opposite of the 'black' theme.
*
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
+ * By Hakim El Hattab, http://hakim.se
*/
diff --git a/css/theme/white.css b/css/theme/white.css
index a05cd85..14e1703 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -1,7 +1,7 @@
/**
* White theme for reveal.js. This is the opposite of the 'black' theme.
*
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
+ * By Hakim El Hattab, http://hakim.se
*/
@import url(../../lib/font/source-sans-pro/source-sans-pro.css);
section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
diff --git a/js/reveal.js b/js/reveal.js
index 164996d..2c92954 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -3,7 +3,7 @@
* http://lab.hakim.se/reveal-js
* MIT licensed
*
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
+ * Copyright (C) 2016 Hakim El Hattab, http://hakim.se
*/
(function( root, factory ) {
if( typeof define === 'function' && define.amd ) {
--
cgit v1.2.3
From 52aec94800dd092a81d3de0439f95a32cba8a8cf Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Fri, 8 Jan 2016 10:58:13 +0100
Subject: center help overlay with flexbox
---
css/reveal.css | 44 ++++++++++++++++++++++++++++++++------------
css/reveal.scss | 9 +++++----
2 files changed, 37 insertions(+), 16 deletions(-)
(limited to 'css')
diff --git a/css/reveal.css b/css/reveal.css
index 4530584..fc16f5b 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -111,24 +111,40 @@ html:-moz-full-screen-ancestor {
text-decoration: line-through; }
.reveal .slides section .fragment.fade-up {
- transform: translate(0, 20%); }
+ -webkit-transform: translate(0, 20%);
+ -ms-transform: translate(0, 20%);
+ transform: translate(0, 20%); }
.reveal .slides section .fragment.fade-up.visible {
- transform: translate(0, 0); }
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0); }
.reveal .slides section .fragment.fade-down {
- transform: translate(0, -20%); }
+ -webkit-transform: translate(0, -20%);
+ -ms-transform: translate(0, -20%);
+ transform: translate(0, -20%); }
.reveal .slides section .fragment.fade-down.visible {
- transform: translate(0, 0); }
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0); }
.reveal .slides section .fragment.fade-right {
- transform: translate(-20%, 0); }
+ -webkit-transform: translate(-20%, 0);
+ -ms-transform: translate(-20%, 0);
+ transform: translate(-20%, 0); }
.reveal .slides section .fragment.fade-right.visible {
- transform: translate(0, 0); }
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0); }
.reveal .slides section .fragment.fade-left {
- transform: translate(20%, 0); }
+ -webkit-transform: translate(20%, 0);
+ -ms-transform: translate(20%, 0);
+ transform: translate(20%, 0); }
.reveal .slides section .fragment.fade-left.visible {
- transform: translate(0, 0); }
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0); }
.reveal .slides section .fragment.current-visible {
opacity: 0;
@@ -1176,6 +1192,10 @@ html:-moz-full-screen-ancestor {
.reveal .overlay .viewport {
position: absolute;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
top: 40px;
right: 0;
bottom: 0;
@@ -1209,8 +1229,8 @@ html:-moz-full-screen-ancestor {
.reveal .overlay.overlay-help .viewport .viewport-inner {
width: 600px;
- margin: 0 auto;
- padding: 60px;
+ margin: auto;
+ padding: 20px 20px 80px 20px;
text-align: center;
letter-spacing: normal; }
@@ -1220,12 +1240,12 @@ html:-moz-full-screen-ancestor {
.reveal .overlay.overlay-help .viewport .viewport-inner table {
border: 1px solid #fff;
border-collapse: collapse;
- font-size: 14px; }
+ font-size: 16px; }
.reveal .overlay.overlay-help .viewport .viewport-inner table th,
.reveal .overlay.overlay-help .viewport .viewport-inner table td {
width: 200px;
- padding: 10px;
+ padding: 14px;
border: 1px solid #fff;
vertical-align: middle; }
diff --git a/css/reveal.scss b/css/reveal.scss
index 5a66671..da1fb22 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -1204,6 +1204,7 @@ html:-moz-full-screen-ancestor {
.reveal .overlay .viewport {
position: absolute;
+ display: flex;
top: 40px;
right: 0;
bottom: 0;
@@ -1240,8 +1241,8 @@ html:-moz-full-screen-ancestor {
.reveal .overlay.overlay-help .viewport .viewport-inner {
width: 600px;
- margin: 0 auto;
- padding: 60px;
+ margin: auto;
+ padding: 20px 20px 80px 20px;
text-align: center;
letter-spacing: normal;
}
@@ -1253,13 +1254,13 @@ html:-moz-full-screen-ancestor {
.reveal .overlay.overlay-help .viewport .viewport-inner table {
border: 1px solid #fff;
border-collapse: collapse;
- font-size: 14px;
+ font-size: 16px;
}
.reveal .overlay.overlay-help .viewport .viewport-inner table th,
.reveal .overlay.overlay-help .viewport .viewport-inner table td {
width: 200px;
- padding: 10px;
+ padding: 14px;
border: 1px solid #fff;
vertical-align: middle;
}
--
cgit v1.2.3
From 8ec529d7675392f7732612cd0e6566f2b0c4fac1 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Fri, 8 Jan 2016 13:59:12 +0100
Subject: rebuild css
---
css/reveal.css | 52 ++-----------------------------------------------
css/theme/beige.css | 12 ++++++------
css/theme/black.css | 12 ++++++------
css/theme/blood.css | 12 ++++++------
css/theme/league.css | 12 ++++++------
css/theme/moon.css | 12 ++++++------
css/theme/night.css | 12 ++++++------
css/theme/serif.css | 12 ++++++------
css/theme/simple.css | 12 ++++++------
css/theme/sky.css | 12 ++++++------
css/theme/solarized.css | 12 ++++++------
css/theme/white.css | 12 ++++++------
12 files changed, 68 insertions(+), 116 deletions(-)
(limited to 'css')
diff --git a/css/reveal.css b/css/reveal.css
index fc16f5b..3a31fa4 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -59,8 +59,8 @@ html:-moz-full-screen-ancestor {
.reveal .slides section .fragment {
opacity: 0;
visibility: hidden;
- -webkit-transition: all 0.2s ease;
- transition: all 0.2s ease; }
+ -webkit-transition: all .2s ease;
+ transition: all .2s ease; }
.reveal .slides section .fragment.visible {
opacity: 1;
visibility: visible; }
@@ -70,7 +70,6 @@ html:-moz-full-screen-ancestor {
visibility: visible; }
.reveal .slides section .fragment.grow.visible {
-webkit-transform: scale(1.3);
- -ms-transform: scale(1.3);
transform: scale(1.3); }
.reveal .slides section .fragment.shrink {
@@ -78,16 +77,13 @@ html:-moz-full-screen-ancestor {
visibility: visible; }
.reveal .slides section .fragment.shrink.visible {
-webkit-transform: scale(0.7);
- -ms-transform: scale(0.7);
transform: scale(0.7); }
.reveal .slides section .fragment.zoom-in {
-webkit-transform: scale(0.1);
- -ms-transform: scale(0.1);
transform: scale(0.1); }
.reveal .slides section .fragment.zoom-in.visible {
-webkit-transform: none;
- -ms-transform: none;
transform: none; }
.reveal .slides section .fragment.fade-out {
@@ -112,38 +108,30 @@ html:-moz-full-screen-ancestor {
.reveal .slides section .fragment.fade-up {
-webkit-transform: translate(0, 20%);
- -ms-transform: translate(0, 20%);
transform: translate(0, 20%); }
.reveal .slides section .fragment.fade-up.visible {
-webkit-transform: translate(0, 0);
- -ms-transform: translate(0, 0);
transform: translate(0, 0); }
.reveal .slides section .fragment.fade-down {
-webkit-transform: translate(0, -20%);
- -ms-transform: translate(0, -20%);
transform: translate(0, -20%); }
.reveal .slides section .fragment.fade-down.visible {
-webkit-transform: translate(0, 0);
- -ms-transform: translate(0, 0);
transform: translate(0, 0); }
.reveal .slides section .fragment.fade-right {
-webkit-transform: translate(-20%, 0);
- -ms-transform: translate(-20%, 0);
transform: translate(-20%, 0); }
.reveal .slides section .fragment.fade-right.visible {
-webkit-transform: translate(0, 0);
- -ms-transform: translate(0, 0);
transform: translate(0, 0); }
.reveal .slides section .fragment.fade-left {
-webkit-transform: translate(20%, 0);
- -ms-transform: translate(20%, 0);
transform: translate(20%, 0); }
.reveal .slides section .fragment.fade-left.visible {
-webkit-transform: translate(0, 0);
- -ms-transform: translate(0, 0);
transform: translate(0, 0); }
.reveal .slides section .fragment.current-visible {
@@ -226,7 +214,6 @@ html:-moz-full-screen-ancestor {
background-color: transparent;
border: 12px solid transparent;
-webkit-transform: scale(0.9999);
- -ms-transform: scale(0.9999);
transform: scale(0.9999);
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
@@ -363,7 +350,6 @@ html:-moz-full-screen-ancestor {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: -webkit-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), -webkit-transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
- transition: -ms-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
/* Global transition speed settings */
@@ -431,28 +417,24 @@ html:-moz-full-screen-ancestor {
.reveal .slides > section[data-transition~=slide-out].past,
.reveal.slide .slides > section:not([data-transition]).past {
-webkit-transform: translate(-150%, 0);
- -ms-transform: translate(-150%, 0);
transform: translate(-150%, 0); }
.reveal .slides > section[data-transition=slide].future,
.reveal .slides > section[data-transition~=slide-in].future,
.reveal.slide .slides > section:not([data-transition]).future {
-webkit-transform: translate(150%, 0);
- -ms-transform: translate(150%, 0);
transform: translate(150%, 0); }
.reveal .slides > section > section[data-transition=slide].past,
.reveal .slides > section > section[data-transition~=slide-out].past,
.reveal.slide .slides > section > section:not([data-transition]).past {
-webkit-transform: translate(0, -150%);
- -ms-transform: translate(0, -150%);
transform: translate(0, -150%); }
.reveal .slides > section > section[data-transition=slide].future,
.reveal .slides > section > section[data-transition~=slide-in].future,
.reveal.slide .slides > section > section:not([data-transition]).future {
-webkit-transform: translate(0, 150%);
- -ms-transform: translate(0, 150%);
transform: translate(0, 150%); }
.reveal.linear section {
@@ -463,28 +445,24 @@ html:-moz-full-screen-ancestor {
.reveal .slides > section[data-transition~=linear-out].past,
.reveal.linear .slides > section:not([data-transition]).past {
-webkit-transform: translate(-150%, 0);
- -ms-transform: translate(-150%, 0);
transform: translate(-150%, 0); }
.reveal .slides > section[data-transition=linear].future,
.reveal .slides > section[data-transition~=linear-in].future,
.reveal.linear .slides > section:not([data-transition]).future {
-webkit-transform: translate(150%, 0);
- -ms-transform: translate(150%, 0);
transform: translate(150%, 0); }
.reveal .slides > section > section[data-transition=linear].past,
.reveal .slides > section > section[data-transition~=linear-out].past,
.reveal.linear .slides > section > section:not([data-transition]).past {
-webkit-transform: translate(0, -150%);
- -ms-transform: translate(0, -150%);
transform: translate(0, -150%); }
.reveal .slides > section > section[data-transition=linear].future,
.reveal .slides > section > section[data-transition~=linear-in].future,
.reveal.linear .slides > section > section:not([data-transition]).future {
-webkit-transform: translate(0, 150%);
- -ms-transform: translate(0, 150%);
transform: translate(0, 150%); }
/*********************************************
@@ -579,7 +557,6 @@ html:-moz-full-screen-ancestor {
.reveal.zoom .slides > section:not([data-transition]).past {
visibility: hidden;
-webkit-transform: scale(16);
- -ms-transform: scale(16);
transform: scale(16); }
.reveal .slides > section[data-transition=zoom].future,
@@ -587,21 +564,18 @@ html:-moz-full-screen-ancestor {
.reveal.zoom .slides > section:not([data-transition]).future {
visibility: hidden;
-webkit-transform: scale(0.2);
- -ms-transform: scale(0.2);
transform: scale(0.2); }
.reveal .slides > section > section[data-transition=zoom].past,
.reveal .slides > section > section[data-transition~=zoom-out].past,
.reveal.zoom .slides > section > section:not([data-transition]).past {
-webkit-transform: translate(0, -150%);
- -ms-transform: translate(0, -150%);
transform: translate(0, -150%); }
.reveal .slides > section > section[data-transition=zoom].future,
.reveal .slides > section > section[data-transition~=zoom-in].future,
.reveal.zoom .slides > section > section:not([data-transition]).future {
-webkit-transform: translate(0, 150%);
- -ms-transform: translate(0, 150%);
transform: translate(0, 150%); }
/*********************************************
@@ -655,28 +629,24 @@ html:-moz-full-screen-ancestor {
.reveal.cube .slides > section.past {
-webkit-transform-origin: 100% 0%;
- -ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
transform: translate3d(-100%, 0, 0) rotateY(-90deg); }
.reveal.cube .slides > section.future {
-webkit-transform-origin: 0% 0%;
- -ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
transform: translate3d(100%, 0, 0) rotateY(90deg); }
.reveal.cube .slides > section > section.past {
-webkit-transform-origin: 0% 100%;
- -ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: translate3d(0, -100%, 0) rotateX(90deg);
transform: translate3d(0, -100%, 0) rotateX(90deg); }
.reveal.cube .slides > section > section.future {
-webkit-transform-origin: 0% 0%;
- -ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg);
transform: translate3d(0, 100%, 0) rotateX(-90deg); }
@@ -730,28 +700,24 @@ html:-moz-full-screen-ancestor {
.reveal.page .slides > section.past {
-webkit-transform-origin: 0% 0%;
- -ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
transform: translate3d(-40%, 0, 0) rotateY(-80deg); }
.reveal.page .slides > section.future {
-webkit-transform-origin: 100% 0%;
- -ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.reveal.page .slides > section > section.past {
-webkit-transform-origin: 0% 0%;
- -ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: translate3d(0, -40%, 0) rotateX(80deg);
transform: translate3d(0, -40%, 0) rotateX(80deg); }
.reveal.page .slides > section > section.future {
-webkit-transform-origin: 0% 100%;
- -ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
@@ -763,7 +729,6 @@ html:-moz-full-screen-ancestor {
.reveal.fade .slides section:not([data-transition]),
.reveal.fade .slides > section > section:not([data-transition]) {
-webkit-transform: none;
- -ms-transform: none;
transform: none;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s; }
@@ -779,7 +744,6 @@ html:-moz-full-screen-ancestor {
.reveal .slides section[data-transition=none],
.reveal.none .slides section:not([data-transition]) {
-webkit-transform: none;
- -ms-transform: none;
transform: none;
-webkit-transition: none;
transition: none; }
@@ -833,7 +797,6 @@ html:-moz-full-screen-ancestor {
left: -50%;
margin: 70px 0;
-webkit-transform: none;
- -ms-transform: none;
transform: none; }
.no-transforms .reveal .slides section section {
@@ -907,25 +870,21 @@ html:-moz-full-screen-ancestor {
.reveal[data-background-transition=slide] > .backgrounds .slide-background.past,
.reveal > .backgrounds .slide-background.past[data-background-transition=slide] {
-webkit-transform: translate(-100%, 0);
- -ms-transform: translate(-100%, 0);
transform: translate(-100%, 0); }
.reveal[data-background-transition=slide] > .backgrounds .slide-background.future,
.reveal > .backgrounds .slide-background.future[data-background-transition=slide] {
-webkit-transform: translate(100%, 0);
- -ms-transform: translate(100%, 0);
transform: translate(100%, 0); }
.reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past,
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide] {
-webkit-transform: translate(0, -100%);
- -ms-transform: translate(0, -100%);
transform: translate(0, -100%); }
.reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.future,
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=slide] {
-webkit-transform: translate(0, 100%);
- -ms-transform: translate(0, 100%);
transform: translate(0, 100%); }
/* Convex */
@@ -989,7 +948,6 @@ html:-moz-full-screen-ancestor {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(16);
- -ms-transform: scale(16);
transform: scale(16); }
.reveal[data-background-transition=zoom] > .backgrounds .slide-background.future,
@@ -997,7 +955,6 @@ html:-moz-full-screen-ancestor {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.2);
- -ms-transform: scale(0.2);
transform: scale(0.2); }
.reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.past,
@@ -1005,7 +962,6 @@ html:-moz-full-screen-ancestor {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(16);
- -ms-transform: scale(16);
transform: scale(16); }
.reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.future,
@@ -1013,7 +969,6 @@ html:-moz-full-screen-ancestor {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.2);
- -ms-transform: scale(0.2);
transform: scale(0.2); }
/* Global transition speed settings */
@@ -1220,7 +1175,6 @@ html:-moz-full-screen-ancestor {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.2);
- -ms-transform: scale(0.2);
transform: scale(0.2); }
.reveal .overlay.overlay-help .viewport {
@@ -1294,7 +1248,6 @@ html:-moz-full-screen-ancestor {
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
-webkit-transform-origin: 50% 0%;
- -ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
@@ -1316,7 +1269,6 @@ html:-moz-full-screen-ancestor {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 50% 0%;
- -ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: translate3d(0px, 110%, 0px) rotateX(-90deg);
transform: translate3d(0px, 110%, 0px) rotateX(-90deg); }
diff --git a/css/theme/beige.css b/css/theme/beige.css
index be18733..9d29bd5 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -210,9 +210,9 @@ body {
.reveal a {
color: #8b743d;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #c0a86e;
@@ -237,9 +237,9 @@ body {
box-shadow: none; }
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
diff --git a/css/theme/black.css b/css/theme/black.css
index deccc46..f0a265f 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -206,9 +206,9 @@ body {
.reveal a {
color: #42affa;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #8dcffc;
@@ -233,9 +233,9 @@ body {
box-shadow: none; }
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
diff --git a/css/theme/blood.css b/css/theme/blood.css
index e035ab6..0d44848 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -209,9 +209,9 @@ body {
.reveal a {
color: #a23;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #dd5566;
@@ -236,9 +236,9 @@ body {
box-shadow: none; }
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
diff --git a/css/theme/league.css b/css/theme/league.css
index fa9f53c..1f7ad4c 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -212,9 +212,9 @@ body {
.reveal a {
color: #13DAEC;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #71e9f4;
@@ -239,9 +239,9 @@ body {
box-shadow: none; }
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
diff --git a/css/theme/moon.css b/css/theme/moon.css
index b119576..4e5532a 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -210,9 +210,9 @@ body {
.reveal a {
color: #268bd2;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #78b9e6;
@@ -237,9 +237,9 @@ body {
box-shadow: none; }
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
diff --git a/css/theme/night.css b/css/theme/night.css
index 3d0e3c5..d2fc296 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -204,9 +204,9 @@ body {
.reveal a {
color: #e7ad52;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #f3d7ac;
@@ -231,9 +231,9 @@ body {
box-shadow: none; }
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
diff --git a/css/theme/serif.css b/css/theme/serif.css
index 736c0b5..7d5c35e 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -206,9 +206,9 @@ body {
.reveal a {
color: #51483D;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #8b7c69;
@@ -233,9 +233,9 @@ body {
box-shadow: none; }
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
diff --git a/css/theme/simple.css b/css/theme/simple.css
index 20d919d..9123043 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -206,9 +206,9 @@ body {
.reveal a {
color: #00008B;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #0000f1;
@@ -233,9 +233,9 @@ body {
box-shadow: none; }
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
diff --git a/css/theme/sky.css b/css/theme/sky.css
index e762a50..2b1e439 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -213,9 +213,9 @@ body {
.reveal a {
color: #3b759e;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #74a7cb;
@@ -240,9 +240,9 @@ body {
box-shadow: none; }
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index bf2f651..9a17ca8 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -210,9 +210,9 @@ body {
.reveal a {
color: #268bd2;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #78b9e6;
@@ -237,9 +237,9 @@ body {
box-shadow: none; }
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
diff --git a/css/theme/white.css b/css/theme/white.css
index 14e1703..f55e094 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -206,9 +206,9 @@ body {
.reveal a {
color: #2a76dd;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #6ca0e8;
@@ -233,9 +233,9 @@ body {
box-shadow: none; }
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
--
cgit v1.2.3
From 219a60053a908cba54fdbdaa2cbb28ae596dfe93 Mon Sep 17 00:00:00 2001
From: LaurentTreguier
Date: Wed, 17 Feb 2016 20:07:53 +0100
Subject: Change ".video" to ".reveal .video"
I don't know if this is supposed to be this way ?---
css/reveal.scss | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
(limited to 'css')
diff --git a/css/reveal.scss b/css/reveal.scss
index eb600ac..ad6be67 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -23,7 +23,7 @@ html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal i
.reveal article, .reveal aside, .reveal canvas, .reveal details, .reveal embed,
.reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup,
.reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary,
-.reveal time, .reveal mark, .reveal audio, video {
+.reveal time, .reveal mark, .reveal audio, .reveal video {
margin: 0;
padding: 0;
border: 0;
--
cgit v1.2.3
From 587d16ceef9e8f11230d6f183b483388075d3609 Mon Sep 17 00:00:00 2001
From: Dhyego Fernando
Date: Thu, 10 Mar 2016 13:50:35 -0400
Subject: fix(PDF Export): Mark as important `width`, `height` and add `zoom`
properties to fix CSS rules which were overrided by inline styles
---
css/print/pdf.css | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
(limited to 'css')
diff --git a/css/print/pdf.css b/css/print/pdf.css
index 9ed90d6..e4a1b7d 100644
--- a/css/print/pdf.css
+++ b/css/print/pdf.css
@@ -60,8 +60,9 @@ ul, ol, div, p {
}
.reveal .slides {
position: static;
- width: 100%;
- height: auto;
+ width: 100% !important;
+ height: auto !important;
+ zoom: 1 !important;
left: auto;
top: auto;
@@ -157,4 +158,3 @@ ul, ol, div, p {
position: absolute;
font-size: 14px;
}
-
--
cgit v1.2.3
From a9566dfbd48741b4566b4bdbe07c1222dd48771f Mon Sep 17 00:00:00 2001
From: Vincent Bernat
Date: Thu, 24 Mar 2016 16:23:12 +0100
Subject: make theme "simple" use white titles on dark backgrounds
This is similar to what is done in the "white" theme.
---
css/theme/simple.css | 3 +++
css/theme/source/simple.scss | 5 +++++
2 files changed, 8 insertions(+)
(limited to 'css')
diff --git a/css/theme/simple.css b/css/theme/simple.css
index b17fa5c..8b48be1 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -7,6 +7,9 @@
*/
@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
+section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
+ color: #fff; }
+
/*********************************************
* GLOBAL STYLES
*********************************************/
diff --git a/css/theme/source/simple.scss b/css/theme/source/simple.scss
index 84c7d9b..394c9cd 100644
--- a/css/theme/source/simple.scss
+++ b/css/theme/source/simple.scss
@@ -31,6 +31,11 @@ $linkColor: #00008B;
$linkColorHover: lighten( $linkColor, 20% );
$selectionBackgroundColor: rgba(0, 0, 0, 0.99);
+section.has-dark-background {
+ &, h1, h2, h3, h4, h5, h6 {
+ color: #fff;
+ }
+}
// Theme template ------------------------------
--
cgit v1.2.3
From 5dd90671507f8f56b27fe9d8a2fd25c1adb08d6b Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Wed, 13 Apr 2016 15:21:30 +0200
Subject: overview now works with percentage based width/height #1247
---
css/reveal.css | 5 +++--
css/reveal.scss | 3 ++-
js/reveal.js | 45 +++++++++++++++++++++------------------------
3 files changed, 26 insertions(+), 27 deletions(-)
(limited to 'css')
diff --git a/css/reveal.css b/css/reveal.css
index 3a31fa4..b203074 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -20,7 +20,7 @@ html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal i
.reveal article, .reveal aside, .reveal canvas, .reveal details, .reveal embed,
.reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup,
.reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary,
-.reveal time, .reveal mark, .reveal audio, video {
+.reveal time, .reveal mark, .reveal audio, .reveal video {
margin: 0;
padding: 0;
border: 0;
@@ -989,7 +989,8 @@ html:-moz-full-screen-ancestor {
-webkit-perspective: 700px;
perspective: 700px; }
.reveal.overview .slides section {
- height: 700px;
+ height: 100%;
+ top: 0 !important;
opacity: 1 !important;
overflow: hidden;
visibility: visible !important;
diff --git a/css/reveal.scss b/css/reveal.scss
index 8cf8cda..f8d6904 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -1022,7 +1022,8 @@ html:-moz-full-screen-ancestor {
perspective: 700px;
.slides section {
- height: 700px;
+ height: 100%;
+ top: 0 !important;
opacity: 1 !important;
overflow: hidden;
visibility: visible !important;
diff --git a/js/reveal.js b/js/reveal.js
index 0b1cad7..96a6359 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -166,6 +166,10 @@
// Flags if the overview mode is currently active
overview = false,
+ // Holds the dimensions of our overview slides, including margins
+ overviewSlideWidth = null,
+ overviewSlideHeight = null,
+
// The horizontal and vertical index of the currently active slide
indexh,
indexv,
@@ -1798,6 +1802,17 @@
}
} );
+ // Calculate slide sizes
+ var margin = 70;
+ var slideSize = getComputedSlideSize();
+ overviewSlideWidth = slideSize.width + margin;
+ overviewSlideHeight = slideSize.height + margin;
+
+ // Reverse in RTL mode
+ if( config.rtl ) {
+ overviewSlideWidth = -overviewSlideWidth;
+ }
+
updateSlidesVisibility();
layoutOverview();
updateOverview();
@@ -1821,19 +1836,10 @@
*/
function layoutOverview() {
- var margin = 70;
- var slideWidth = config.width + margin,
- slideHeight = config.height + margin;
-
- // Reverse in RTL mode
- if( config.rtl ) {
- slideWidth = -slideWidth;
- }
-
// Layout slides
toArray( dom.wrapper.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR ) ).forEach( function( hslide, h ) {
hslide.setAttribute( 'data-index-h', h );
- transformElement( hslide, 'translate3d(' + ( h * slideWidth ) + 'px, 0, 0)' );
+ transformElement( hslide, 'translate3d(' + ( h * overviewSlideWidth ) + 'px, 0, 0)' );
if( hslide.classList.contains( 'stack' ) ) {
@@ -1841,7 +1847,7 @@
vslide.setAttribute( 'data-index-h', h );
vslide.setAttribute( 'data-index-v', v );
- transformElement( vslide, 'translate3d(0, ' + ( v * slideHeight ) + 'px, 0)' );
+ transformElement( vslide, 'translate3d(0, ' + ( v * overviewSlideHeight ) + 'px, 0)' );
} );
}
@@ -1849,10 +1855,10 @@
// Layout slide backgrounds
toArray( dom.background.childNodes ).forEach( function( hbackground, h ) {
- transformElement( hbackground, 'translate3d(' + ( h * slideWidth ) + 'px, 0, 0)' );
+ transformElement( hbackground, 'translate3d(' + ( h * overviewSlideWidth ) + 'px, 0, 0)' );
toArray( hbackground.querySelectorAll( '.slide-background' ) ).forEach( function( vbackground, v ) {
- transformElement( vbackground, 'translate3d(0, ' + ( v * slideHeight ) + 'px, 0)' );
+ transformElement( vbackground, 'translate3d(0, ' + ( v * overviewSlideHeight ) + 'px, 0)' );
} );
} );
@@ -1864,19 +1870,10 @@
*/
function updateOverview() {
- var margin = 70;
- var slideWidth = config.width + margin,
- slideHeight = config.height + margin;
-
- // Reverse in RTL mode
- if( config.rtl ) {
- slideWidth = -slideWidth;
- }
-
transformSlides( {
overview: [
- 'translateX('+ ( -indexh * slideWidth ) +'px)',
- 'translateY('+ ( -indexv * slideHeight ) +'px)',
+ 'translateX('+ ( -indexh * overviewSlideWidth ) +'px)',
+ 'translateY('+ ( -indexv * overviewSlideHeight ) +'px)',
'translateZ('+ ( window.innerWidth < 400 ? -1000 : -2500 ) +'px)'
].join( ' ' )
} );
--
cgit v1.2.3
From d1a3656108ef0872f2a1179bcb87aa035d60b378 Mon Sep 17 00:00:00 2001
From: Aniqah Mair
Date: Wed, 27 Apr 2016 14:50:03 -0400
Subject: Add selection colour for Mozilla Firefox
Defines the highlight colour when selecting slide content using Mozilla
Firefox to match other browsers, instead of being the default colour.
---
css/theme/beige.css | 5 +++++
css/theme/black.css | 5 +++++
css/theme/blood.css | 5 +++++
css/theme/league.css | 5 +++++
css/theme/moon.css | 5 +++++
css/theme/night.css | 5 +++++
css/theme/serif.css | 5 +++++
css/theme/simple.css | 5 +++++
css/theme/sky.css | 5 +++++
css/theme/solarized.css | 5 +++++
css/theme/white.css | 5 +++++
11 files changed, 55 insertions(+)
(limited to 'css')
diff --git a/css/theme/beige.css b/css/theme/beige.css
index 5bbda4b..7f71dd9 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -29,6 +29,11 @@ body {
background: rgba(79, 64, 28, 0.99);
text-shadow: none; }
+::-moz-selection {
+ color: #fff;
+ background: rgba(79, 64, 28, 0.99);
+ text-shadow: none; }
+
.reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3;
diff --git a/css/theme/black.css b/css/theme/black.css
index 511fa79..9228c46 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -25,6 +25,11 @@ body {
background: #bee4fd;
text-shadow: none; }
+::-moz-selection {
+ color: #fff;
+ background: #bee4fd;
+ text-shadow: none; }
+
.reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3;
diff --git a/css/theme/blood.css b/css/theme/blood.css
index 6fe3d67..2da8d68 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -28,6 +28,11 @@ body {
background: #a23;
text-shadow: none; }
+::-moz-selection {
+ color: #fff;
+ background: #a23;
+ text-shadow: none; }
+
.reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3;
diff --git a/css/theme/league.css b/css/theme/league.css
index 03c44ce..aa5bee5 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -31,6 +31,11 @@ body {
background: #FF5E99;
text-shadow: none; }
+::-moz-selection {
+ color: #fff;
+ background: #FF5E99;
+ text-shadow: none; }
+
.reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3;
diff --git a/css/theme/moon.css b/css/theme/moon.css
index 5e5d6e4..5cb1176 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -29,6 +29,11 @@ body {
background: #d33682;
text-shadow: none; }
+::-moz-selection {
+ color: #fff;
+ background: #d33682;
+ text-shadow: none; }
+
.reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3;
diff --git a/css/theme/night.css b/css/theme/night.css
index a439cdc..cf2c7a7 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -23,6 +23,11 @@ body {
background: #e7ad52;
text-shadow: none; }
+::-moz-selection {
+ color: #fff;
+ background: #e7ad52;
+ text-shadow: none; }
+
.reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3;
diff --git a/css/theme/serif.css b/css/theme/serif.css
index 40ccb39..bbb9f7e 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -25,6 +25,11 @@ body {
background: #26351C;
text-shadow: none; }
+::-moz-selection {
+ color: #fff;
+ background: #26351C;
+ text-shadow: none; }
+
.reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3;
diff --git a/css/theme/simple.css b/css/theme/simple.css
index b17fa5c..33809ec 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -25,6 +25,11 @@ body {
background: rgba(0, 0, 0, 0.99);
text-shadow: none; }
+::-moz-selection {
+ color: #fff;
+ background: rgba(0, 0, 0, 0.99);
+ text-shadow: none; }
+
.reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3;
diff --git a/css/theme/sky.css b/css/theme/sky.css
index 99f1cfd..202ade8 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -32,6 +32,11 @@ body {
background: #134674;
text-shadow: none; }
+::-moz-selection {
+ color: #fff;
+ background: #134674;
+ text-shadow: none; }
+
.reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3;
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index b4d4d4b..44771dc 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -29,6 +29,11 @@ body {
background: #d33682;
text-shadow: none; }
+::-moz-selection {
+ color: #fff;
+ background: #d33682;
+ text-shadow: none; }
+
.reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3;
diff --git a/css/theme/white.css b/css/theme/white.css
index b10dd0e..16a1d23 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -25,6 +25,11 @@ body {
background: #98bdef;
text-shadow: none; }
+::-moz-selection {
+ color: #fff;
+ background: #98bdef;
+ text-shadow: none; }
+
.reveal .slides > section,
.reveal .slides > section > section {
line-height: 1.3;
--
cgit v1.2.3
From 9b11915c3a409aa456c64e9d386ac15598a4fa6b Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Thu, 28 Apr 2016 17:07:26 +0200
Subject: fix pdf bg layering, simplify code
---
css/print/pdf.css | 14 +++++++-------
js/reveal.js | 38 +++++++++-----------------------------
2 files changed, 16 insertions(+), 36 deletions(-)
(limited to 'css')
diff --git a/css/print/pdf.css b/css/print/pdf.css
index 9ed90d6..9ae0dfe 100644
--- a/css/print/pdf.css
+++ b/css/print/pdf.css
@@ -82,6 +82,12 @@ ul, ol, div, p {
perspective-origin: 50% 50%;
}
+.reveal .slides .pdf-page {
+ position: relative;
+ overflow: hidden;
+ z-index: 1;
+}
+
.reveal .slides section {
page-break-after: always !important;
@@ -132,13 +138,7 @@ ul, ol, div, p {
top: 0;
left: 0;
width: 100%;
- z-index: -1;
-}
-
-/* All elements should be above the slide-background */
-.reveal section>* {
- position: relative;
- z-index: 1;
+ height: 100%;
}
/* Display slide speaker notes when 'showNotes' is enabled */
diff --git a/js/reveal.js b/js/reveal.js
index 628c0b9..47b4f01 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -607,8 +607,7 @@
// Wrap the slide in a page element and hide its overflow
// so that no page ever flows onto another
var page = document.createElement( 'div' );
- page.className = 'page';
- page.style.overflow = 'hidden';
+ page.className = 'pdf-page';
page.style.height = ( pageHeight * numberOfPages ) + 'px';
slide.parentNode.insertBefore( page, slide );
page.appendChild( slide );
@@ -618,14 +617,8 @@
slide.style.top = top + 'px';
slide.style.width = slideWidth + 'px';
- // TODO Backgrounds need to be multiplied when the slide
- // stretches over multiple pages
- var background = slide.querySelector( '.slide-background' );
- if( background ) {
- background.style.width = pageWidth + 'px';
- background.style.height = ( pageHeight * numberOfPages ) + 'px';
- background.style.top = -top + 'px';
- background.style.left = -left + 'px';
+ if( slide.slideBackgroundElement ) {
+ page.insertBefore( slide.slideBackgroundElement, slide );
}
// Inject notes if `showNotes` is enabled
@@ -653,7 +646,7 @@
numberElement.classList.add( 'slide-number' );
numberElement.classList.add( 'slide-number-pdf' );
numberElement.innerHTML = formatSlideNumber( slideNumberH, '.', slideNumberV );
- background.appendChild( numberElement );
+ page.appendChild( numberElement );
}
}
@@ -733,24 +726,12 @@
// Iterate over all horizontal slides
toArray( dom.wrapper.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR ) ).forEach( function( slideh ) {
- var backgroundStack;
-
- if( printMode ) {
- backgroundStack = createBackground( slideh, slideh );
- }
- else {
- backgroundStack = createBackground( slideh, dom.background );
- }
+ var backgroundStack = createBackground( slideh, dom.background );
// Iterate over all vertical slides
toArray( slideh.querySelectorAll( 'section' ) ).forEach( function( slidev ) {
- if( printMode ) {
- createBackground( slidev, slidev );
- }
- else {
- createBackground( slidev, backgroundStack );
- }
+ createBackground( slidev, backgroundStack );
backgroundStack.classList.add( 'stack' );
@@ -846,6 +827,8 @@
slide.classList.remove( 'has-dark-background' );
slide.classList.remove( 'has-light-background' );
+ slide.slideBackgroundElement = element;
+
// If this slide has a background color, add a class that
// signals if it is light or dark. If the slide has no background
// color, no class will be set
@@ -3406,10 +3389,7 @@
if( isPrintingPDF() ) {
var slide = getSlide( x, y );
if( slide ) {
- var background = slide.querySelector( '.slide-background' );
- if( background && background.parentNode === slide ) {
- return background;
- }
+ return slide.slideBackgroundElement;
}
return undefined;
--
cgit v1.2.3
From 187114f47224b4628350a6046c6f758bce83f6c1 Mon Sep 17 00:00:00 2001
From: Tiago Garcia
Date: Sat, 21 May 2016 11:36:49 -0700
Subject: Removing duplicated "position" property at pdf.css
Found that by running css-lint on the code---
css/print/pdf.css | 1 -
1 file changed, 1 deletion(-)
(limited to 'css')
diff --git a/css/print/pdf.css b/css/print/pdf.css
index 9ed90d6..3dc577d 100644
--- a/css/print/pdf.css
+++ b/css/print/pdf.css
@@ -86,7 +86,6 @@ ul, ol, div, p {
page-break-after: always !important;
visibility: visible !important;
- position: relative !important;
display: block !important;
position: relative !important;
--
cgit v1.2.3
From 6593ac3d5f83ec49b168d49d7963146e67fd0e79 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Mon, 23 May 2016 10:38:46 +0200
Subject: moz selection color in theme template #1575
---
css/theme/template/theme.scss | 6 ++++++
1 file changed, 6 insertions(+)
(limited to 'css')
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index 101a567..bcbaf0c 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -22,6 +22,12 @@ body {
text-shadow: none;
}
+::-moz-selection {
+ color: $selectionColor;
+ background: $selectionBackgroundColor;
+ text-shadow: none;
+}
+
.reveal .slides>section,
.reveal .slides>section>section {
line-height: 1.3;
--
cgit v1.2.3
From 3111d3b1ae12af2580cb45a18da208146701a6fd Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Thu, 26 May 2016 09:57:19 +0200
Subject: support for 'separate-page' layout for notes in PDF exports #1518
---
README.md | 2 +-
css/print/pdf.css | 13 ++++++++++++-
js/reveal.js | 21 +++++++++++++++++----
3 files changed, 30 insertions(+), 6 deletions(-)
(limited to 'css')
diff --git a/README.md b/README.md
index 56dad41..b275846 100644
--- a/README.md
+++ b/README.md
@@ -890,7 +890,7 @@ This will only display in the notes window.
Notes are only visible to the speaker inside of the speaker view. If you wish to share your notes with others you can initialize reveal.js with the `showNotes` config value set to `true`. Notes will appear along the bottom of the presentations.
-When `showNotes` is enabled notes are also included when you [export to PDF](https://github.com/hakimel/reveal.js#pdf-export).
+When `showNotes` is enabled notes are also included when you [export to PDF](https://github.com/hakimel/reveal.js#pdf-export). By default, notes are printed in a semi-transparent box on top of slide. If you'd rather print them on a separate page after the slide, set `showNotes: "separate-page"`.
## Server Side Speaker Notes
diff --git a/css/print/pdf.css b/css/print/pdf.css
index 406f125..fb56129 100644
--- a/css/print/pdf.css
+++ b/css/print/pdf.css
@@ -145,11 +145,22 @@ ul, ol, div, p {
display: block;
width: 100%;
max-height: none;
- left: auto;
top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
z-index: 100;
}
+/* Layout option which makes notes appear on a separate page */
+.reveal .speaker-notes-pdf[data-layout="separate-page"] {
+ position: relative;
+ color: inherit;
+ background-color: transparent;
+ padding: 20px;
+ page-break-after: always;
+}
+
/* Display slide numbers when 'slideNumber' is enabled */
.reveal .slide-number-pdf {
display: block;
diff --git a/js/reveal.js b/js/reveal.js
index 656ed10..f43e0aa 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -624,18 +624,31 @@
// Inject notes if `showNotes` is enabled
if( config.showNotes ) {
+
+ // Are there notes for this slide?
var notes = getSlideNotes( slide );
if( notes ) {
+
var notesSpacing = 8;
+ var notesLayout = typeof config.showNotes === 'string' ? config.showNotes : 'inline';
var notesElement = document.createElement( 'div' );
notesElement.classList.add( 'speaker-notes' );
notesElement.classList.add( 'speaker-notes-pdf' );
+ notesElement.setAttribute( 'data-layout', notesLayout );
notesElement.innerHTML = notes;
- notesElement.style.left = ( notesSpacing - left ) + 'px';
- notesElement.style.bottom = ( notesSpacing - top ) + 'px';
- notesElement.style.width = ( pageWidth - notesSpacing*2 ) + 'px';
- slide.appendChild( notesElement );
+
+ if( notesLayout === 'separate-page' ) {
+ page.parentNode.insertBefore( notesElement, page.nextSibling );
+ }
+ else {
+ notesElement.style.left = ( notesSpacing - left ) + 'px';
+ notesElement.style.bottom = ( notesSpacing - top ) + 'px';
+ notesElement.style.width = ( pageWidth - notesSpacing*2 ) + 'px';
+ slide.appendChild( notesElement );
+ }
+
}
+
}
// Inject slide numbers if `slideNumbers` are enabled
--
cgit v1.2.3
From 8162855d23601e66a25ba79dd4013ef416c4f1b4 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Fri, 10 Jun 2016 10:58:40 +0200
Subject: increase default font sizes, adjust config defaults for less margings
and larger max scale #1605
---
css/theme/beige.css | 2 +-
css/theme/black.css | 2 +-
css/theme/blood.css | 2 +-
css/theme/league.css | 2 +-
css/theme/moon.css | 2 +-
css/theme/night.css | 2 +-
css/theme/serif.css | 2 +-
css/theme/simple.css | 2 +-
css/theme/sky.css | 2 +-
css/theme/solarized.css | 2 +-
css/theme/source/black.scss | 2 +-
css/theme/source/blood.scss | 1 -
css/theme/source/night.scss | 1 -
css/theme/source/white.scss | 2 +-
css/theme/template/settings.scss | 2 +-
css/theme/white.css | 2 +-
demo.html | 2 ++
js/reveal.js | 4 ++--
18 files changed, 18 insertions(+), 18 deletions(-)
(limited to 'css')
diff --git a/css/theme/beige.css b/css/theme/beige.css
index 7f71dd9..7424a05 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -20,7 +20,7 @@ body {
.reveal {
font-family: "Lato", sans-serif;
- font-size: 36px;
+ font-size: 40px;
font-weight: normal;
color: #333; }
diff --git a/css/theme/black.css b/css/theme/black.css
index 9228c46..96e4fd4 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -16,7 +16,7 @@ body {
.reveal {
font-family: "Source Sans Pro", Helvetica, sans-serif;
- font-size: 38px;
+ font-size: 42px;
font-weight: normal;
color: #fff; }
diff --git a/css/theme/blood.css b/css/theme/blood.css
index 2da8d68..1e0fbaf 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -19,7 +19,7 @@ body {
.reveal {
font-family: Ubuntu, "sans-serif";
- font-size: 36px;
+ font-size: 40px;
font-weight: normal;
color: #eee; }
diff --git a/css/theme/league.css b/css/theme/league.css
index aa5bee5..63711c3 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -22,7 +22,7 @@ body {
.reveal {
font-family: "Lato", sans-serif;
- font-size: 36px;
+ font-size: 40px;
font-weight: normal;
color: #eee; }
diff --git a/css/theme/moon.css b/css/theme/moon.css
index 5cb1176..791a4a0 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -20,7 +20,7 @@ body {
.reveal {
font-family: "Lato", sans-serif;
- font-size: 36px;
+ font-size: 40px;
font-weight: normal;
color: #93a1a1; }
diff --git a/css/theme/night.css b/css/theme/night.css
index cf2c7a7..3db1175 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -14,7 +14,7 @@ body {
.reveal {
font-family: "Open Sans", sans-serif;
- font-size: 30px;
+ font-size: 40px;
font-weight: normal;
color: #eee; }
diff --git a/css/theme/serif.css b/css/theme/serif.css
index bbb9f7e..e9b08c6 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -16,7 +16,7 @@ body {
.reveal {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
- font-size: 36px;
+ font-size: 40px;
font-weight: normal;
color: #000; }
diff --git a/css/theme/simple.css b/css/theme/simple.css
index cb840d9..f64343e 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -19,7 +19,7 @@ body {
.reveal {
font-family: "Lato", sans-serif;
- font-size: 36px;
+ font-size: 40px;
font-weight: normal;
color: #000; }
diff --git a/css/theme/sky.css b/css/theme/sky.css
index 202ade8..33689eb 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -23,7 +23,7 @@ body {
.reveal {
font-family: "Open Sans", sans-serif;
- font-size: 36px;
+ font-size: 40px;
font-weight: normal;
color: #333; }
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index 44771dc..9bd21aa 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -20,7 +20,7 @@ body {
.reveal {
font-family: "Lato", sans-serif;
- font-size: 36px;
+ font-size: 40px;
font-weight: normal;
color: #657b83; }
diff --git a/css/theme/source/black.scss b/css/theme/source/black.scss
index 5f7f601..84e8d9a 100644
--- a/css/theme/source/black.scss
+++ b/css/theme/source/black.scss
@@ -21,7 +21,7 @@ $backgroundColor: #222;
$mainColor: #fff;
$headingColor: #fff;
-$mainFontSize: 38px;
+$mainFontSize: 42px;
$mainFont: 'Source Sans Pro', Helvetica, sans-serif;
$headingFont: 'Source Sans Pro', Helvetica, sans-serif;
$headingTextShadow: none;
diff --git a/css/theme/source/blood.scss b/css/theme/source/blood.scss
index d22b53d..4533fc0 100644
--- a/css/theme/source/blood.scss
+++ b/css/theme/source/blood.scss
@@ -28,7 +28,6 @@ $backgroundColor: $coal;
// Main text
$mainFont: Ubuntu, 'sans-serif';
-$mainFontSize: 36px;
$mainColor: #eee;
// Headings
diff --git a/css/theme/source/night.scss b/css/theme/source/night.scss
index b0cb57f..d49a282 100644
--- a/css/theme/source/night.scss
+++ b/css/theme/source/night.scss
@@ -27,7 +27,6 @@ $headingTextShadow: none;
$headingLetterSpacing: -0.03em;
$headingTextTransform: none;
$selectionBackgroundColor: #e7ad52;
-$mainFontSize: 30px;
// Theme template ------------------------------
diff --git a/css/theme/source/white.scss b/css/theme/source/white.scss
index 6758ce0..7f06ffd 100644
--- a/css/theme/source/white.scss
+++ b/css/theme/source/white.scss
@@ -21,7 +21,7 @@ $backgroundColor: #fff;
$mainColor: #222;
$headingColor: #222;
-$mainFontSize: 38px;
+$mainFontSize: 42px;
$mainFont: 'Source Sans Pro', Helvetica, sans-serif;
$headingFont: 'Source Sans Pro', Helvetica, sans-serif;
$headingTextShadow: none;
diff --git a/css/theme/template/settings.scss b/css/theme/template/settings.scss
index ffaac23..63c02cf 100644
--- a/css/theme/template/settings.scss
+++ b/css/theme/template/settings.scss
@@ -6,7 +6,7 @@ $backgroundColor: #2b2b2b;
// Primary/body text
$mainFont: 'Lato', sans-serif;
-$mainFontSize: 36px;
+$mainFontSize: 40px;
$mainColor: #eee;
// Vertical spacing between blocks of text
diff --git a/css/theme/white.css b/css/theme/white.css
index 16a1d23..7adc605 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -16,7 +16,7 @@ body {
.reveal {
font-family: "Source Sans Pro", Helvetica, sans-serif;
- font-size: 38px;
+ font-size: 42px;
font-weight: normal;
color: #222; }
diff --git a/demo.html b/demo.html
index 36ad224..632e8d6 100644
--- a/demo.html
+++ b/demo.html
@@ -391,6 +391,8 @@ Reveal.addEventListener( 'customevent', function() {
history: true,
center: true,
+ width: 1000,
+
transition: 'slide', // none/fade/slide/convex/concave/zoom
// More info https://github.com/hakimel/reveal.js#dependencies
diff --git a/js/reveal.js b/js/reveal.js
index 3de52c5..4999bdb 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -43,11 +43,11 @@
height: 700,
// Factor of the display size that should remain empty around the content
- margin: 0.1,
+ margin: 0.04,
// Bounds for smallest/largest possible scale to apply to content
minScale: 0.2,
- maxScale: 1.5,
+ maxScale: 2.0,
// Display controls in the bottom right corner
controls: true,
--
cgit v1.2.3
From b7e0d9b1c79a475249777d734a9675b1ba03a47a Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Mon, 20 Jun 2016 10:27:04 +0200
Subject: fix theme backgrounds in firefox fullscreen mode #1386
---
css/reveal.css | 6 ------
css/reveal.scss | 9 ---------
css/theme/beige.css | 20 ++++++++++++++++++++
css/theme/black.css | 8 ++++++++
css/theme/blood.css | 8 ++++++++
css/theme/league.css | 20 ++++++++++++++++++++
css/theme/moon.css | 8 ++++++++
css/theme/night.css | 8 ++++++++
css/theme/serif.css | 8 ++++++++
css/theme/simple.css | 8 ++++++++
css/theme/sky.css | 20 ++++++++++++++++++++
css/theme/solarized.css | 8 ++++++++
css/theme/template/theme.scss | 11 +++++++++++
css/theme/white.css | 8 ++++++++
14 files changed, 135 insertions(+), 15 deletions(-)
(limited to 'css')
diff --git a/css/reveal.css b/css/reveal.css
index b203074..778076e 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -47,12 +47,6 @@ body {
background-color: #fff;
color: #000; }
-html:-webkit-full-screen-ancestor {
- background-color: inherit; }
-
-html:-moz-full-screen-ancestor {
- background-color: inherit; }
-
/*********************************************
* VIEW FRAGMENTS
*********************************************/
diff --git a/css/reveal.scss b/css/reveal.scss
index f8d6904..9045428 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -57,15 +57,6 @@ body {
color: #000;
}
-// Ensures that the main background color matches the
-// theme in fullscreen mode
-html:-webkit-full-screen-ancestor {
- background-color: inherit;
-}
-html:-moz-full-screen-ancestor {
- background-color: inherit;
-}
-
/*********************************************
* VIEW FRAGMENTS
diff --git a/css/theme/beige.css b/css/theme/beige.css
index 7424a05..d2caeb8 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -18,6 +18,26 @@ body {
background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
background-color: #f7f3de; }
+html:-webkit-full-screen-ancestor {
+ background: #f7f2d3;
+ background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f7f2d3));
+ background: -webkit-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+ background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+ background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+ background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+ background-color: #f7f3de; }
+
+html:-moz-full-screen-ancestor {
+ background: #f7f2d3;
+ background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f7f2d3));
+ background: -webkit-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+ background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+ background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+ background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+ background-color: #f7f3de; }
+
.reveal {
font-family: "Lato", sans-serif;
font-size: 40px;
diff --git a/css/theme/black.css b/css/theme/black.css
index 96e4fd4..635a2b1 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -14,6 +14,14 @@ body {
background: #222;
background-color: #222; }
+html:-webkit-full-screen-ancestor {
+ background: #222;
+ background-color: #222; }
+
+html:-moz-full-screen-ancestor {
+ background: #222;
+ background-color: #222; }
+
.reveal {
font-family: "Source Sans Pro", Helvetica, sans-serif;
font-size: 42px;
diff --git a/css/theme/blood.css b/css/theme/blood.css
index 1e0fbaf..5a1cee5 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -17,6 +17,14 @@ body {
background: #222;
background-color: #222; }
+html:-webkit-full-screen-ancestor {
+ background: #222;
+ background-color: #222; }
+
+html:-moz-full-screen-ancestor {
+ background: #222;
+ background-color: #222; }
+
.reveal {
font-family: Ubuntu, "sans-serif";
font-size: 40px;
diff --git a/css/theme/league.css b/css/theme/league.css
index 63711c3..6359446 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -20,6 +20,26 @@ body {
background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
background-color: #2b2b2b; }
+html:-webkit-full-screen-ancestor {
+ background: #1c1e20;
+ background: -moz-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
+ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555a5f), color-stop(100%, #1c1e20));
+ background: -webkit-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
+ background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
+ background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
+ background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
+ background-color: #2b2b2b; }
+
+html:-moz-full-screen-ancestor {
+ background: #1c1e20;
+ background: -moz-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
+ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555a5f), color-stop(100%, #1c1e20));
+ background: -webkit-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
+ background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
+ background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
+ background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
+ background-color: #2b2b2b; }
+
.reveal {
font-family: "Lato", sans-serif;
font-size: 40px;
diff --git a/css/theme/moon.css b/css/theme/moon.css
index 791a4a0..e6831b0 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -18,6 +18,14 @@ body {
background: #002b36;
background-color: #002b36; }
+html:-webkit-full-screen-ancestor {
+ background: #002b36;
+ background-color: #002b36; }
+
+html:-moz-full-screen-ancestor {
+ background: #002b36;
+ background-color: #002b36; }
+
.reveal {
font-family: "Lato", sans-serif;
font-size: 40px;
diff --git a/css/theme/night.css b/css/theme/night.css
index 3db1175..6ad1089 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -12,6 +12,14 @@ body {
background: #111;
background-color: #111; }
+html:-webkit-full-screen-ancestor {
+ background: #111;
+ background-color: #111; }
+
+html:-moz-full-screen-ancestor {
+ background: #111;
+ background-color: #111; }
+
.reveal {
font-family: "Open Sans", sans-serif;
font-size: 40px;
diff --git a/css/theme/serif.css b/css/theme/serif.css
index e9b08c6..60654ef 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -14,6 +14,14 @@ body {
background: #F0F1EB;
background-color: #F0F1EB; }
+html:-webkit-full-screen-ancestor {
+ background: #F0F1EB;
+ background-color: #F0F1EB; }
+
+html:-moz-full-screen-ancestor {
+ background: #F0F1EB;
+ background-color: #F0F1EB; }
+
.reveal {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
font-size: 40px;
diff --git a/css/theme/simple.css b/css/theme/simple.css
index f64343e..86f6af6 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -17,6 +17,14 @@ body {
background: #fff;
background-color: #fff; }
+html:-webkit-full-screen-ancestor {
+ background: #fff;
+ background-color: #fff; }
+
+html:-moz-full-screen-ancestor {
+ background: #fff;
+ background-color: #fff; }
+
.reveal {
font-family: "Lato", sans-serif;
font-size: 40px;
diff --git a/css/theme/sky.css b/css/theme/sky.css
index 33689eb..6ee8cde 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -21,6 +21,26 @@ body {
background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
background-color: #f7fbfc; }
+html:-webkit-full-screen-ancestor {
+ background: #add9e4;
+ background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4));
+ background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+ background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+ background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+ background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+ background-color: #f7fbfc; }
+
+html:-moz-full-screen-ancestor {
+ background: #add9e4;
+ background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4));
+ background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+ background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+ background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+ background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+ background-color: #f7fbfc; }
+
.reveal {
font-family: "Open Sans", sans-serif;
font-size: 40px;
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index 9bd21aa..d554ca9 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -18,6 +18,14 @@ body {
background: #fdf6e3;
background-color: #fdf6e3; }
+html:-webkit-full-screen-ancestor {
+ background: #fdf6e3;
+ background-color: #fdf6e3; }
+
+html:-moz-full-screen-ancestor {
+ background: #fdf6e3;
+ background-color: #fdf6e3; }
+
.reveal {
font-family: "Lato", sans-serif;
font-size: 40px;
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index bcbaf0c..8d4b8a7 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -9,6 +9,17 @@ body {
background-color: $backgroundColor;
}
+// Ensures that the main background color matches the
+// theme in fullscreen mode
+html:-webkit-full-screen-ancestor {
+ @include bodyBackground();
+ background-color: $backgroundColor;
+}
+html:-moz-full-screen-ancestor {
+ @include bodyBackground();
+ background-color: $backgroundColor;
+}
+
.reveal {
font-family: $mainFont;
font-size: $mainFontSize;
diff --git a/css/theme/white.css b/css/theme/white.css
index 7adc605..1048a6e 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -14,6 +14,14 @@ body {
background: #fff;
background-color: #fff; }
+html:-webkit-full-screen-ancestor {
+ background: #fff;
+ background-color: #fff; }
+
+html:-moz-full-screen-ancestor {
+ background: #fff;
+ background-color: #fff; }
+
.reveal {
font-family: "Source Sans Pro", Helvetica, sans-serif;
font-size: 42px;
--
cgit v1.2.3
From ce777e4c4b5517bf2210bc9839909413a48f42fa Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Tue, 21 Jun 2016 11:27:24 +0200
Subject: Revert "fix theme backgrounds in firefox fullscreen mode #1386"
This reverts commit b7e0d9b1c79a475249777d734a9675b1ba03a47a.
---
css/reveal.css | 6 ++++++
css/reveal.scss | 9 +++++++++
css/theme/beige.css | 20 --------------------
css/theme/black.css | 8 --------
css/theme/blood.css | 8 --------
css/theme/league.css | 20 --------------------
css/theme/moon.css | 8 --------
css/theme/night.css | 8 --------
css/theme/serif.css | 8 --------
css/theme/simple.css | 8 --------
css/theme/sky.css | 20 --------------------
css/theme/solarized.css | 8 --------
css/theme/template/theme.scss | 11 -----------
css/theme/white.css | 8 --------
14 files changed, 15 insertions(+), 135 deletions(-)
(limited to 'css')
diff --git a/css/reveal.css b/css/reveal.css
index 778076e..b203074 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -47,6 +47,12 @@ body {
background-color: #fff;
color: #000; }
+html:-webkit-full-screen-ancestor {
+ background-color: inherit; }
+
+html:-moz-full-screen-ancestor {
+ background-color: inherit; }
+
/*********************************************
* VIEW FRAGMENTS
*********************************************/
diff --git a/css/reveal.scss b/css/reveal.scss
index 9045428..f8d6904 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -57,6 +57,15 @@ body {
color: #000;
}
+// Ensures that the main background color matches the
+// theme in fullscreen mode
+html:-webkit-full-screen-ancestor {
+ background-color: inherit;
+}
+html:-moz-full-screen-ancestor {
+ background-color: inherit;
+}
+
/*********************************************
* VIEW FRAGMENTS
diff --git a/css/theme/beige.css b/css/theme/beige.css
index d2caeb8..7424a05 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -18,26 +18,6 @@ body {
background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
background-color: #f7f3de; }
-html:-webkit-full-screen-ancestor {
- background: #f7f2d3;
- background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
- background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f7f2d3));
- background: -webkit-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
- background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
- background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
- background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
- background-color: #f7f3de; }
-
-html:-moz-full-screen-ancestor {
- background: #f7f2d3;
- background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
- background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f7f2d3));
- background: -webkit-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
- background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
- background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
- background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
- background-color: #f7f3de; }
-
.reveal {
font-family: "Lato", sans-serif;
font-size: 40px;
diff --git a/css/theme/black.css b/css/theme/black.css
index 635a2b1..96e4fd4 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -14,14 +14,6 @@ body {
background: #222;
background-color: #222; }
-html:-webkit-full-screen-ancestor {
- background: #222;
- background-color: #222; }
-
-html:-moz-full-screen-ancestor {
- background: #222;
- background-color: #222; }
-
.reveal {
font-family: "Source Sans Pro", Helvetica, sans-serif;
font-size: 42px;
diff --git a/css/theme/blood.css b/css/theme/blood.css
index 5a1cee5..1e0fbaf 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -17,14 +17,6 @@ body {
background: #222;
background-color: #222; }
-html:-webkit-full-screen-ancestor {
- background: #222;
- background-color: #222; }
-
-html:-moz-full-screen-ancestor {
- background: #222;
- background-color: #222; }
-
.reveal {
font-family: Ubuntu, "sans-serif";
font-size: 40px;
diff --git a/css/theme/league.css b/css/theme/league.css
index 6359446..63711c3 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -20,26 +20,6 @@ body {
background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
background-color: #2b2b2b; }
-html:-webkit-full-screen-ancestor {
- background: #1c1e20;
- background: -moz-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
- background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555a5f), color-stop(100%, #1c1e20));
- background: -webkit-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
- background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
- background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
- background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
- background-color: #2b2b2b; }
-
-html:-moz-full-screen-ancestor {
- background: #1c1e20;
- background: -moz-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
- background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555a5f), color-stop(100%, #1c1e20));
- background: -webkit-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
- background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
- background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
- background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
- background-color: #2b2b2b; }
-
.reveal {
font-family: "Lato", sans-serif;
font-size: 40px;
diff --git a/css/theme/moon.css b/css/theme/moon.css
index e6831b0..791a4a0 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -18,14 +18,6 @@ body {
background: #002b36;
background-color: #002b36; }
-html:-webkit-full-screen-ancestor {
- background: #002b36;
- background-color: #002b36; }
-
-html:-moz-full-screen-ancestor {
- background: #002b36;
- background-color: #002b36; }
-
.reveal {
font-family: "Lato", sans-serif;
font-size: 40px;
diff --git a/css/theme/night.css b/css/theme/night.css
index 6ad1089..3db1175 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -12,14 +12,6 @@ body {
background: #111;
background-color: #111; }
-html:-webkit-full-screen-ancestor {
- background: #111;
- background-color: #111; }
-
-html:-moz-full-screen-ancestor {
- background: #111;
- background-color: #111; }
-
.reveal {
font-family: "Open Sans", sans-serif;
font-size: 40px;
diff --git a/css/theme/serif.css b/css/theme/serif.css
index 60654ef..e9b08c6 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -14,14 +14,6 @@ body {
background: #F0F1EB;
background-color: #F0F1EB; }
-html:-webkit-full-screen-ancestor {
- background: #F0F1EB;
- background-color: #F0F1EB; }
-
-html:-moz-full-screen-ancestor {
- background: #F0F1EB;
- background-color: #F0F1EB; }
-
.reveal {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
font-size: 40px;
diff --git a/css/theme/simple.css b/css/theme/simple.css
index 86f6af6..f64343e 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -17,14 +17,6 @@ body {
background: #fff;
background-color: #fff; }
-html:-webkit-full-screen-ancestor {
- background: #fff;
- background-color: #fff; }
-
-html:-moz-full-screen-ancestor {
- background: #fff;
- background-color: #fff; }
-
.reveal {
font-family: "Lato", sans-serif;
font-size: 40px;
diff --git a/css/theme/sky.css b/css/theme/sky.css
index 6ee8cde..33689eb 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -21,26 +21,6 @@ body {
background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
background-color: #f7fbfc; }
-html:-webkit-full-screen-ancestor {
- background: #add9e4;
- background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
- background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4));
- background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
- background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
- background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
- background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
- background-color: #f7fbfc; }
-
-html:-moz-full-screen-ancestor {
- background: #add9e4;
- background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
- background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4));
- background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
- background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
- background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
- background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
- background-color: #f7fbfc; }
-
.reveal {
font-family: "Open Sans", sans-serif;
font-size: 40px;
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index d554ca9..9bd21aa 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -18,14 +18,6 @@ body {
background: #fdf6e3;
background-color: #fdf6e3; }
-html:-webkit-full-screen-ancestor {
- background: #fdf6e3;
- background-color: #fdf6e3; }
-
-html:-moz-full-screen-ancestor {
- background: #fdf6e3;
- background-color: #fdf6e3; }
-
.reveal {
font-family: "Lato", sans-serif;
font-size: 40px;
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index 8d4b8a7..bcbaf0c 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -9,17 +9,6 @@ body {
background-color: $backgroundColor;
}
-// Ensures that the main background color matches the
-// theme in fullscreen mode
-html:-webkit-full-screen-ancestor {
- @include bodyBackground();
- background-color: $backgroundColor;
-}
-html:-moz-full-screen-ancestor {
- @include bodyBackground();
- background-color: $backgroundColor;
-}
-
.reveal {
font-family: $mainFont;
font-size: $mainFontSize;
diff --git a/css/theme/white.css b/css/theme/white.css
index 1048a6e..7adc605 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -14,14 +14,6 @@ body {
background: #fff;
background-color: #fff; }
-html:-webkit-full-screen-ancestor {
- background: #fff;
- background-color: #fff; }
-
-html:-moz-full-screen-ancestor {
- background: #fff;
- background-color: #fff; }
-
.reveal {
font-family: "Source Sans Pro", Helvetica, sans-serif;
font-size: 42px;
--
cgit v1.2.3
From a12a17b2d7053fad006ae9914309e8fb56c44329 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Tue, 21 Jun 2016 11:30:12 +0200
Subject: request fullscreen on documentElement instead of body (#1621 #1624)
---
css/reveal.css | 6 ------
css/reveal.scss | 9 ---------
js/reveal.js | 4 ++--
3 files changed, 2 insertions(+), 17 deletions(-)
(limited to 'css')
diff --git a/css/reveal.css b/css/reveal.css
index b203074..778076e 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -47,12 +47,6 @@ body {
background-color: #fff;
color: #000; }
-html:-webkit-full-screen-ancestor {
- background-color: inherit; }
-
-html:-moz-full-screen-ancestor {
- background-color: inherit; }
-
/*********************************************
* VIEW FRAGMENTS
*********************************************/
diff --git a/css/reveal.scss b/css/reveal.scss
index f8d6904..9045428 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -57,15 +57,6 @@ body {
color: #000;
}
-// Ensures that the main background color matches the
-// theme in fullscreen mode
-html:-webkit-full-screen-ancestor {
- background-color: inherit;
-}
-html:-moz-full-screen-ancestor {
- background-color: inherit;
-}
-
/*********************************************
* VIEW FRAGMENTS
diff --git a/js/reveal.js b/js/reveal.js
index 4999bdb..d8cc4fc 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -1980,10 +1980,10 @@
*/
function enterFullscreen() {
- var element = document.body;
+ var element = document.documentElement;
// Check which implementation is available
- var requestMethod = element.requestFullScreen ||
+ var requestMethod = element.requestFullscreen ||
element.webkitRequestFullscreen ||
element.webkitRequestFullScreen ||
element.mozRequestFullScreen ||
--
cgit v1.2.3
@@ -82,7 +82,7 @@
