Updated new CSS triangle controls to use theme colors.

1 files changed, 28 insertions, 5 deletions

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;
 }
 
 /*********************************************