<section data-background="image.png">
+ <section data-background="image.png">
<section data-background="image.png" data-background-repeat="repeat" data-background-size="100px">
+ <section data-background="image.png" data-background-repeat="repeat" data-background-size="100px">
<section data-background-video="video.mp4,video.webm">
+ <section data-background-video="video.mp4,video.webm">
Different background transitions are available via the backgroundTransition option. This one's called "zoom".
-Reveal.configure({ backgroundTransition: 'zoom' })
+ Reveal.configure({ backgroundTransition: 'zoom' })
You can override background transitions per-slide.
-<section data-background-transition="zoom">
+ <section data-background-transition="zoom">
+
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/theme/league.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 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/theme/league.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 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/theme/league.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 ' ' +
+ ' ' +
+ ' ';
+ }
+ else {
+ return ' ';
}
}
--
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/theme/league.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 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/theme/league.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 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/theme/league.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/theme/league.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/theme/league.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