Updated new CSS triangle controls to use theme colors.

This commit is contained in:
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 * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls a { .reveal .controls div.left {
color: #333333; border-right-color: #333333;
} }
.reveal .controls a.enabled { .reveal .controls div.right {
color: #c0a86e; border-left-color: #333333;
text-shadow: 0px 0px 2px rgba(144, 207, 213, 0.3); }
.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 * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls a { .reveal .controls div.left {
color: #eeeeee; border-right-color: #eeeeee;
} }
.reveal .controls a.enabled { .reveal .controls div.right {
color: #71e9f4; border-left-color: #eeeeee;
text-shadow: 0px 0px 2px rgba(144, 207, 213, 0.3); }
.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 * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls a { .reveal .controls div.left {
color: black; border-right-color: black;
} }
.reveal .controls a.enabled { .reveal .controls div.right {
color: #8b7c69; border-left-color: black;
text-shadow: 0px 0px 2px rgba(144, 207, 213, 0.3); }
.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 * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls a { .reveal .controls div.left {
color: black; border-right-color: black;
} }
.reveal .controls a.enabled { .reveal .controls div.right {
color: #0000f1; border-left-color: black;
text-shadow: 0px 0px 2px rgba(144, 207, 213, 0.3); }
.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 * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls a { .reveal .controls div.left {
color: #333333; border-right-color: #333333;
} }
.reveal .controls a.enabled { .reveal .controls div.right {
color: #74a7cb; border-left-color: #333333;
text-shadow: 0px 0px 2px rgba(144, 207, 213, 0.3); }
.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 * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls a { .reveal .controls div.left {
color: $mainColor; border-right-color: $mainColor;
} }
.reveal .controls a.enabled {
color: $linkColorHover; .reveal .controls div.right {
text-shadow: 0px 0px 2px hsla(185, 45%, 70%, 0.3); 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;
} }