Updated new CSS triangle controls to use theme colors.

edit
Russell Beattie 2012-10-22 19:34:31 -07:00
parent b373425b69
commit 7f4e5fc6bf
6 changed files with 170 additions and 31 deletions

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -106,12 +106,36 @@ body {
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls a {
color: $mainColor;
.reveal .controls div.left {
border-right-color: $mainColor;
}
.reveal .controls a.enabled {
color: $linkColorHover;
text-shadow: 0px 0px 2px hsla(185, 45%, 70%, 0.3);
.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;
}