jan/revproxy-presentation
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Updated new CSS triangle controls to use theme colors.

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

33
css/theme/beige.css
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;
} }
/********************************************* /*********************************************

33
css/theme/default.css
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;
} }
/********************************************* /*********************************************

33
css/theme/serif.css
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;
} }
/********************************************* /*********************************************

33
css/theme/simple.css
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;
} }
/********************************************* /*********************************************

33
css/theme/sky.css
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;
} }
/********************************************* /*********************************************

36
css/theme/template/theme.scss
View file

@ -106,13 +106,37 @@ body {
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls a { .reveal .controls div.left {
color: $mainColor; 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);
}
/********************************************* /*********************************************