aboutsummaryrefslogtreecommitdiff
path: root/css/theme
diff options
context:
space:
mode:
authorHakim El Hattab <hakim.elhattab@gmail.com>2016-04-29 10:06:43 +0200
committerHakim El Hattab <hakim.elhattab@gmail.com>2017-05-16 09:45:37 +0200
commita9fcaa6f9e74ffd696febadb555fd12980806a7b (patch)
treecb68e53c739b8210e4d6f10aeb2ffed4a72eca3f /css/theme
parent8a09557699d94d9128f98ce5115245d1bd1f68db (diff)
downloadfosdem-2018-presentation-a9fcaa6f9e74ffd696febadb555fd12980806a7b.tar
fosdem-2018-presentation-a9fcaa6f9e74ffd696febadb555fd12980806a7b.tar.gz
new controls are used by default, add config options
Diffstat (limited to 'css/theme')
-rw-r--r--css/theme/beige.css34
-rw-r--r--css/theme/black.css34
-rw-r--r--css/theme/blood.css34
-rw-r--r--css/theme/league.css34
-rw-r--r--css/theme/moon.css34
-rw-r--r--css/theme/night.css34
-rw-r--r--css/theme/serif.css34
-rw-r--r--css/theme/simple.css34
-rw-r--r--css/theme/sky.css34
-rw-r--r--css/theme/solarized.css34
-rw-r--r--css/theme/template/theme.scss42
-rw-r--r--css/theme/white.css34
12 files changed, 36 insertions, 380 deletions
diff --git a/css/theme/beige.css b/css/theme/beige.css
index c92d501..3e11649 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -255,37 +255,9 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled {
- border-right-color: #8b743d; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled {
- border-left-color: #8b743d; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled {
- border-bottom-color: #8b743d; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled {
- border-top-color: #8b743d; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled:hover {
- border-right-color: #c0a86e; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled:hover {
- border-left-color: #c0a86e; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled:hover {
- border-bottom-color: #c0a86e; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled:hover {
- border-top-color: #c0a86e; }
-
-.reveal .controls[data-controls-type="edges"] button:before,
-.reveal .controls[data-controls-type="edges"] button:after {
- background-color: #333; }
+.reveal .controls button:before,
+.reveal .controls button:after {
+ background-color: #8b743d; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/black.css b/css/theme/black.css
index ed5819d..6106a33 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -251,37 +251,9 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled {
- border-right-color: #42affa; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled {
- border-left-color: #42affa; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled {
- border-bottom-color: #42affa; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled {
- border-top-color: #42affa; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled:hover {
- border-right-color: #8dcffc; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled:hover {
- border-left-color: #8dcffc; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled:hover {
- border-bottom-color: #8dcffc; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled:hover {
- border-top-color: #8dcffc; }
-
-.reveal .controls[data-controls-type="edges"] button:before,
-.reveal .controls[data-controls-type="edges"] button:after {
- background-color: #fff; }
+.reveal .controls button:before,
+.reveal .controls button:after {
+ background-color: #42affa; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/blood.css b/css/theme/blood.css
index 38c2a08..b3753fb 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -254,37 +254,9 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled {
- border-right-color: #a23; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled {
- border-left-color: #a23; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled {
- border-bottom-color: #a23; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled {
- border-top-color: #a23; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled:hover {
- border-right-color: #dd5566; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled:hover {
- border-left-color: #dd5566; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled:hover {
- border-bottom-color: #dd5566; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled:hover {
- border-top-color: #dd5566; }
-
-.reveal .controls[data-controls-type="edges"] button:before,
-.reveal .controls[data-controls-type="edges"] button:after {
- background-color: #eee; }
+.reveal .controls button:before,
+.reveal .controls button:after {
+ background-color: #a23; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/league.css b/css/theme/league.css
index d4ef858..bce492c 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -257,37 +257,9 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled {
- border-right-color: #13DAEC; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled {
- border-left-color: #13DAEC; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled {
- border-bottom-color: #13DAEC; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled {
- border-top-color: #13DAEC; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled:hover {
- border-right-color: #71e9f4; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled:hover {
- border-left-color: #71e9f4; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled:hover {
- border-bottom-color: #71e9f4; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled:hover {
- border-top-color: #71e9f4; }
-
-.reveal .controls[data-controls-type="edges"] button:before,
-.reveal .controls[data-controls-type="edges"] button:after {
- background-color: #eee; }
+.reveal .controls button:before,
+.reveal .controls button:after {
+ background-color: #13DAEC; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/moon.css b/css/theme/moon.css
index 8b8285a..e12fca1 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -255,37 +255,9 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled {
- border-right-color: #268bd2; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled {
- border-left-color: #268bd2; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled {
- border-bottom-color: #268bd2; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled {
- border-top-color: #268bd2; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled:hover {
- border-right-color: #78b9e6; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled:hover {
- border-left-color: #78b9e6; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled:hover {
- border-bottom-color: #78b9e6; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled:hover {
- border-top-color: #78b9e6; }
-
-.reveal .controls[data-controls-type="edges"] button:before,
-.reveal .controls[data-controls-type="edges"] button:after {
- background-color: #93a1a1; }
+.reveal .controls button:before,
+.reveal .controls button:after {
+ background-color: #268bd2; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/night.css b/css/theme/night.css
index db136c1..f6796b3 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -249,37 +249,9 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled {
- border-right-color: #e7ad52; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled {
- border-left-color: #e7ad52; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled {
- border-bottom-color: #e7ad52; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled {
- border-top-color: #e7ad52; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled:hover {
- border-right-color: #f3d7ac; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled:hover {
- border-left-color: #f3d7ac; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled:hover {
- border-bottom-color: #f3d7ac; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled:hover {
- border-top-color: #f3d7ac; }
-
-.reveal .controls[data-controls-type="edges"] button:before,
-.reveal .controls[data-controls-type="edges"] button:after {
- background-color: #eee; }
+.reveal .controls button:before,
+.reveal .controls button:after {
+ background-color: #e7ad52; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/serif.css b/css/theme/serif.css
index 4049b80..b426a66 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -251,37 +251,9 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled {
- border-right-color: #51483D; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled {
- border-left-color: #51483D; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled {
- border-bottom-color: #51483D; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled {
- border-top-color: #51483D; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled:hover {
- border-right-color: #8b7c69; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled:hover {
- border-left-color: #8b7c69; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled:hover {
- border-bottom-color: #8b7c69; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled:hover {
- border-top-color: #8b7c69; }
-
-.reveal .controls[data-controls-type="edges"] button:before,
-.reveal .controls[data-controls-type="edges"] button:after {
- background-color: #000; }
+.reveal .controls button:before,
+.reveal .controls button:after {
+ background-color: #51483D; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/simple.css b/css/theme/simple.css
index aa4900e..fd24092 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -254,37 +254,9 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled {
- border-right-color: #00008B; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled {
- border-left-color: #00008B; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled {
- border-bottom-color: #00008B; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled {
- border-top-color: #00008B; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled:hover {
- border-right-color: #0000f1; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled:hover {
- border-left-color: #0000f1; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled:hover {
- border-bottom-color: #0000f1; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled:hover {
- border-top-color: #0000f1; }
-
-.reveal .controls[data-controls-type="edges"] button:before,
-.reveal .controls[data-controls-type="edges"] button:after {
- background-color: #000; }
+.reveal .controls button:before,
+.reveal .controls button:after {
+ background-color: #00008B; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/sky.css b/css/theme/sky.css
index e8034ff..881f2fd 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -258,37 +258,9 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled {
- border-right-color: #3b759e; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled {
- border-left-color: #3b759e; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled {
- border-bottom-color: #3b759e; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled {
- border-top-color: #3b759e; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled:hover {
- border-right-color: #74a7cb; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled:hover {
- border-left-color: #74a7cb; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled:hover {
- border-bottom-color: #74a7cb; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled:hover {
- border-top-color: #74a7cb; }
-
-.reveal .controls[data-controls-type="edges"] button:before,
-.reveal .controls[data-controls-type="edges"] button:after {
- background-color: #333; }
+.reveal .controls button:before,
+.reveal .controls button:after {
+ background-color: #3b759e; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index 7283879..b20d22a 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -255,37 +255,9 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled {
- border-right-color: #268bd2; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled {
- border-left-color: #268bd2; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled {
- border-bottom-color: #268bd2; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled {
- border-top-color: #268bd2; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled:hover {
- border-right-color: #78b9e6; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled:hover {
- border-left-color: #78b9e6; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled:hover {
- border-bottom-color: #78b9e6; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled:hover {
- border-top-color: #78b9e6; }
-
-.reveal .controls[data-controls-type="edges"] button:before,
-.reveal .controls[data-controls-type="edges"] button:after {
- background-color: #657b83; }
+.reveal .controls button:before,
+.reveal .controls button:after {
+ background-color: #268bd2; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index 7a5f406..fb116fc 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -297,45 +297,9 @@ body {
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled {
- border-right-color: $linkColor;
-}
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled {
- border-left-color: $linkColor;
-}
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled {
- border-bottom-color: $linkColor;
-}
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled {
- border-top-color: $linkColor;
-}
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled:hover {
- border-right-color: $linkColorHover;
-}
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled:hover {
- border-left-color: $linkColorHover;
-}
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled:hover {
- border-bottom-color: $linkColorHover;
-}
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled:hover {
- border-top-color: $linkColorHover;
-}
-
-.reveal .controls[data-controls-type="edges"] button:before,
-.reveal .controls[data-controls-type="edges"] button:after {
- background-color: $mainColor;
+.reveal .controls button:before,
+.reveal .controls button:after {
+ background-color: $linkColor;
}
diff --git a/css/theme/white.css b/css/theme/white.css
index 7e3d63c..299d9ff 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -251,37 +251,9 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled {
- border-right-color: #2a76dd; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled {
- border-left-color: #2a76dd; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled {
- border-bottom-color: #2a76dd; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down,
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled {
- border-top-color: #2a76dd; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled:hover {
- border-right-color: #6ca0e8; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled:hover {
- border-left-color: #6ca0e8; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled:hover {
- border-bottom-color: #6ca0e8; }
-
-.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled:hover {
- border-top-color: #6ca0e8; }
-
-.reveal .controls[data-controls-type="edges"] button:before,
-.reveal .controls[data-controls-type="edges"] button:after {
- background-color: #222; }
+.reveal .controls button:before,
+.reveal .controls button:after {
+ background-color: #2a76dd; }
/*********************************************
* PROGRESS BAR