Updated new CSS triangle controls to use theme colors.

main
Russell Beattie 10 years ago
parent b373425b69
commit 7f4e5fc6bf
  1. 33
      css/theme/beige.css
  2. 33
      css/theme/default.css
  3. 33
      css/theme/serif.css
  4. 33
      css/theme/simple.css
  5. 33
      css/theme/sky.css
  6. 36
      css/theme/template/theme.scss

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

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

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

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

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

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

Loading…
Cancel
Save