From 7f4e5fc6bf0fa4c7ef121d707d385ee89128a441 Mon Sep 17 00:00:00 2001 From: Russell Beattie Date: Mon, 22 Oct 2012 19:34:31 -0700 Subject: [PATCH] Updated new CSS triangle controls to use theme colors. --- css/theme/beige.css | 33 +++++++++++++++++++++++++++----- css/theme/default.css | 33 +++++++++++++++++++++++++++----- css/theme/serif.css | 33 +++++++++++++++++++++++++++----- css/theme/simple.css | 33 +++++++++++++++++++++++++++----- css/theme/sky.css | 33 +++++++++++++++++++++++++++----- css/theme/template/theme.scss | 36 +++++++++++++++++++++++++++++------ 6 files changed, 170 insertions(+), 31 deletions(-) diff --git a/css/theme/beige.css b/css/theme/beige.css index e1e635a..6d2eea9 100644 --- a/css/theme/beige.css +++ b/css/theme/beige.css @@ -110,13 +110,36 @@ body { /********************************************* * NAVIGATION CONTROLS *********************************************/ -.reveal .controls a { - color: #333333; +.reveal .controls div.left { + border-right-color: #333333; } -.reveal .controls a.enabled { - color: #c0a86e; - text-shadow: 0px 0px 2px rgba(144, 207, 213, 0.3); +.reveal .controls div.right { + border-left-color: #333333; +} + +.reveal .controls div.up { + border-bottom-color: #333333; +} + +.reveal .controls div.down { + border-top-color: #333333; +} + +.reveal .controls div.left.enabled { + border-right-color: #c0a86e; +} + +.reveal .controls div.right.enabled { + border-left-color: #c0a86e; +} + +.reveal .controls div.up.enabled { + border-bottom-color: #c0a86e; +} + +.reveal .controls div.down.enabled { + border-top-color: #c0a86e; } /********************************************* diff --git a/css/theme/default.css b/css/theme/default.css index 3fe7a2a..0b393c2 100644 --- a/css/theme/default.css +++ b/css/theme/default.css @@ -110,13 +110,36 @@ body { /********************************************* * NAVIGATION CONTROLS *********************************************/ -.reveal .controls a { - color: #eeeeee; +.reveal .controls div.left { + border-right-color: #eeeeee; } -.reveal .controls a.enabled { - color: #71e9f4; - text-shadow: 0px 0px 2px rgba(144, 207, 213, 0.3); +.reveal .controls div.right { + border-left-color: #eeeeee; +} + +.reveal .controls div.up { + border-bottom-color: #eeeeee; +} + +.reveal .controls div.down { + border-top-color: #eeeeee; +} + +.reveal .controls div.left.enabled { + border-right-color: #71e9f4; +} + +.reveal .controls div.right.enabled { + border-left-color: #71e9f4; +} + +.reveal .controls div.up.enabled { + border-bottom-color: #71e9f4; +} + +.reveal .controls div.down.enabled { + border-top-color: #71e9f4; } /********************************************* diff --git a/css/theme/serif.css b/css/theme/serif.css index 78ed931..55a6b3a 100644 --- a/css/theme/serif.css +++ b/css/theme/serif.css @@ -97,13 +97,36 @@ body { /********************************************* * NAVIGATION CONTROLS *********************************************/ -.reveal .controls a { - color: black; +.reveal .controls div.left { + border-right-color: black; } -.reveal .controls a.enabled { - color: #8b7c69; - text-shadow: 0px 0px 2px rgba(144, 207, 213, 0.3); +.reveal .controls div.right { + border-left-color: black; +} + +.reveal .controls div.up { + border-bottom-color: black; +} + +.reveal .controls div.down { + border-top-color: black; +} + +.reveal .controls div.left.enabled { + border-right-color: #8b7c69; +} + +.reveal .controls div.right.enabled { + border-left-color: #8b7c69; +} + +.reveal .controls div.up.enabled { + border-bottom-color: #8b7c69; +} + +.reveal .controls div.down.enabled { + border-top-color: #8b7c69; } /********************************************* diff --git a/css/theme/simple.css b/css/theme/simple.css index 663c09a..8fb23c4 100644 --- a/css/theme/simple.css +++ b/css/theme/simple.css @@ -99,13 +99,36 @@ body { /********************************************* * NAVIGATION CONTROLS *********************************************/ -.reveal .controls a { - color: black; +.reveal .controls div.left { + border-right-color: black; } -.reveal .controls a.enabled { - color: #0000f1; - text-shadow: 0px 0px 2px rgba(144, 207, 213, 0.3); +.reveal .controls div.right { + border-left-color: black; +} + +.reveal .controls div.up { + border-bottom-color: black; +} + +.reveal .controls div.down { + border-top-color: black; +} + +.reveal .controls div.left.enabled { + border-right-color: #0000f1; +} + +.reveal .controls div.right.enabled { + border-left-color: #0000f1; +} + +.reveal .controls div.up.enabled { + border-bottom-color: #0000f1; +} + +.reveal .controls div.down.enabled { + border-top-color: #0000f1; } /********************************************* diff --git a/css/theme/sky.css b/css/theme/sky.css index cd0be94..d68fc8b 100644 --- a/css/theme/sky.css +++ b/css/theme/sky.css @@ -103,13 +103,36 @@ body { /********************************************* * NAVIGATION CONTROLS *********************************************/ -.reveal .controls a { - color: #333333; +.reveal .controls div.left { + border-right-color: #333333; } -.reveal .controls a.enabled { - color: #74a7cb; - text-shadow: 0px 0px 2px rgba(144, 207, 213, 0.3); +.reveal .controls div.right { + border-left-color: #333333; +} + +.reveal .controls div.up { + border-bottom-color: #333333; +} + +.reveal .controls div.down { + border-top-color: #333333; +} + +.reveal .controls div.left.enabled { + border-right-color: #74a7cb; +} + +.reveal .controls div.right.enabled { + border-left-color: #74a7cb; +} + +.reveal .controls div.up.enabled { + border-bottom-color: #74a7cb; +} + +.reveal .controls div.down.enabled { + border-top-color: #74a7cb; } /********************************************* diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss index 353a98c..9c22ecb 100644 --- a/css/theme/template/theme.scss +++ b/css/theme/template/theme.scss @@ -106,13 +106,37 @@ body { * NAVIGATION CONTROLS *********************************************/ -.reveal .controls a { - color: $mainColor; +.reveal .controls div.left { + border-right-color: $mainColor; +} + +.reveal .controls div.right { + border-left-color: $mainColor; +} + +.reveal .controls div.up { + border-bottom-color: $mainColor; +} + +.reveal .controls div.down { + border-top-color: $mainColor; +} + +.reveal .controls div.left.enabled { + border-right-color: $linkColorHover; +} + +.reveal .controls div.right.enabled { + border-left-color: $linkColorHover; +} + +.reveal .controls div.up.enabled { + border-bottom-color: $linkColorHover; +} + +.reveal .controls div.down.enabled { + border-top-color: $linkColorHover; } - .reveal .controls a.enabled { - color: $linkColorHover; - text-shadow: 0px 0px 2px hsla(185, 45%, 70%, 0.3); - } /*********************************************