fix theme control arrow selectors #1257

This commit is contained in:
Hakim El Hattab 2015-07-07 11:37:27 +02:00
parent d3b2ed9462
commit c96a5d6ae3
14 changed files with 120 additions and 120 deletions

View file

@ -172,45 +172,45 @@ body {
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.reveal .controls button.enabled {
.reveal .controls .enabled {
opacity: 0.7;
cursor: pointer; }
.reveal .controls button.enabled:active {
.reveal .controls .enabled:active {
margin-top: 1px; }
.reveal .controls button.navigate-left {
.reveal .controls .navigate-left {
top: 42px;
border-right-width: 22px;
border-right-color: #000; }
.reveal .controls button.navigate-left.fragmented {
.reveal .controls .navigate-left.fragmented {
opacity: 0.3; }
.reveal .controls button.navigate-right {
.reveal .controls .navigate-right {
left: 74px;
top: 42px;
border-left-width: 22px;
border-left-color: #000; }
.reveal .controls button.navigate-right.fragmented {
.reveal .controls .navigate-right.fragmented {
opacity: 0.3; }
.reveal .controls button.navigate-up {
.reveal .controls .navigate-up {
left: 42px;
border-bottom-width: 22px;
border-bottom-color: #000; }
.reveal .controls button.navigate-up.fragmented {
.reveal .controls .navigate-up.fragmented {
opacity: 0.3; }
.reveal .controls button.navigate-down {
.reveal .controls .navigate-down {
left: 42px;
top: 74px;
border-top-width: 22px;
border-top-color: #000; }
.reveal .controls button.navigate-down.fragmented {
.reveal .controls .navigate-down.fragmented {
opacity: 0.3; }
/*********************************************

View file

@ -228,54 +228,54 @@ body {
-webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );
}
.reveal .controls button.enabled {
.reveal .controls .enabled {
opacity: 0.7;
cursor: pointer;
}
.reveal .controls button.enabled:active {
.reveal .controls .enabled:active {
margin-top: 1px;
}
.reveal .controls button.navigate-left {
.reveal .controls .navigate-left {
top: 42px;
border-right-width: 22px;
border-right-color: #000;
}
.reveal .controls button.navigate-left.fragmented {
.reveal .controls .navigate-left.fragmented {
opacity: 0.3;
}
.reveal .controls button.navigate-right {
.reveal .controls .navigate-right {
left: 74px;
top: 42px;
border-left-width: 22px;
border-left-color: #000;
}
.reveal .controls button.navigate-right.fragmented {
.reveal .controls .navigate-right.fragmented {
opacity: 0.3;
}
.reveal .controls button.navigate-up {
.reveal .controls .navigate-up {
left: 42px;
border-bottom-width: 22px;
border-bottom-color: #000;
}
.reveal .controls button.navigate-up.fragmented {
.reveal .controls .navigate-up.fragmented {
opacity: 0.3;
}
.reveal .controls button.navigate-down {
.reveal .controls .navigate-down {
left: 42px;
top: 74px;
border-top-width: 22px;
border-top-color: #000;
}
.reveal .controls button.navigate-down.fragmented {
.reveal .controls .navigate-down.fragmented {
opacity: 0.3;
}

View file

@ -226,28 +226,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #8b743d; }
.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #8b743d; }
.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #8b743d; }
.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #8b743d; }
.reveal .controls div.navigate-left.enabled:hover {
.reveal .controls .navigate-left.enabled:hover {
border-right-color: #c0a76e; }
.reveal .controls div.navigate-right.enabled:hover {
.reveal .controls .navigate-right.enabled:hover {
border-left-color: #c0a76e; }
.reveal .controls div.navigate-up.enabled:hover {
.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #c0a76e; }
.reveal .controls div.navigate-down.enabled:hover {
.reveal .controls .navigate-down.enabled:hover {
border-top-color: #c0a76e; }
/*********************************************

View file

@ -222,28 +222,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #42affa; }
.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #42affa; }
.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #42affa; }
.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #42affa; }
.reveal .controls div.navigate-left.enabled:hover {
.reveal .controls .navigate-left.enabled:hover {
border-right-color: #8dcffc; }
.reveal .controls div.navigate-right.enabled:hover {
.reveal .controls .navigate-right.enabled:hover {
border-left-color: #8dcffc; }
.reveal .controls div.navigate-up.enabled:hover {
.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #8dcffc; }
.reveal .controls div.navigate-down.enabled:hover {
.reveal .controls .navigate-down.enabled:hover {
border-top-color: #8dcffc; }
/*********************************************

View file

@ -225,28 +225,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #a23; }
.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #a23; }
.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #a23; }
.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #a23; }
.reveal .controls div.navigate-left.enabled:hover {
.reveal .controls .navigate-left.enabled:hover {
border-right-color: #dd5567; }
.reveal .controls div.navigate-right.enabled:hover {
.reveal .controls .navigate-right.enabled:hover {
border-left-color: #dd5567; }
.reveal .controls div.navigate-up.enabled:hover {
.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #dd5567; }
.reveal .controls div.navigate-down.enabled:hover {
.reveal .controls .navigate-down.enabled:hover {
border-top-color: #dd5567; }
/*********************************************

View file

@ -228,28 +228,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #13DAEC; }
.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #13DAEC; }
.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #13DAEC; }
.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #13DAEC; }
.reveal .controls div.navigate-left.enabled:hover {
.reveal .controls .navigate-left.enabled:hover {
border-right-color: #71ebf4; }
.reveal .controls div.navigate-right.enabled:hover {
.reveal .controls .navigate-right.enabled:hover {
border-left-color: #71ebf4; }
.reveal .controls div.navigate-up.enabled:hover {
.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #71ebf4; }
.reveal .controls div.navigate-down.enabled:hover {
.reveal .controls .navigate-down.enabled:hover {
border-top-color: #71ebf4; }
/*********************************************

View file

@ -226,28 +226,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #268bd2; }
.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #268bd2; }
.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #268bd2; }
.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #268bd2; }
.reveal .controls div.navigate-left.enabled:hover {
.reveal .controls .navigate-left.enabled:hover {
border-right-color: #78bae6; }
.reveal .controls div.navigate-right.enabled:hover {
.reveal .controls .navigate-right.enabled:hover {
border-left-color: #78bae6; }
.reveal .controls div.navigate-up.enabled:hover {
.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #78bae6; }
.reveal .controls div.navigate-down.enabled:hover {
.reveal .controls .navigate-down.enabled:hover {
border-top-color: #78bae6; }
/*********************************************

View file

@ -220,28 +220,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #e7ad52; }
.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #e7ad52; }
.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #e7ad52; }
.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #e7ad52; }
.reveal .controls div.navigate-left.enabled:hover {
.reveal .controls .navigate-left.enabled:hover {
border-right-color: #f3d7ac; }
.reveal .controls div.navigate-right.enabled:hover {
.reveal .controls .navigate-right.enabled:hover {
border-left-color: #f3d7ac; }
.reveal .controls div.navigate-up.enabled:hover {
.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #f3d7ac; }
.reveal .controls div.navigate-down.enabled:hover {
.reveal .controls .navigate-down.enabled:hover {
border-top-color: #f3d7ac; }
/*********************************************

View file

@ -222,28 +222,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #51483D; }
.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #51483D; }
.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #51483D; }
.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #51483D; }
.reveal .controls div.navigate-left.enabled:hover {
.reveal .controls .navigate-left.enabled:hover {
border-right-color: #8b7b69; }
.reveal .controls div.navigate-right.enabled:hover {
.reveal .controls .navigate-right.enabled:hover {
border-left-color: #8b7b69; }
.reveal .controls div.navigate-up.enabled:hover {
.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #8b7b69; }
.reveal .controls div.navigate-down.enabled:hover {
.reveal .controls .navigate-down.enabled:hover {
border-top-color: #8b7b69; }
/*********************************************

View file

@ -222,28 +222,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #00008B; }
.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #00008B; }
.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #00008B; }
.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #00008B; }
.reveal .controls div.navigate-left.enabled:hover {
.reveal .controls .navigate-left.enabled:hover {
border-right-color: #0000f1; }
.reveal .controls div.navigate-right.enabled:hover {
.reveal .controls .navigate-right.enabled:hover {
border-left-color: #0000f1; }
.reveal .controls div.navigate-up.enabled:hover {
.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #0000f1; }
.reveal .controls div.navigate-down.enabled:hover {
.reveal .controls .navigate-down.enabled:hover {
border-top-color: #0000f1; }
/*********************************************

View file

@ -229,28 +229,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #3b759e; }
.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #3b759e; }
.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #3b759e; }
.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #3b759e; }
.reveal .controls div.navigate-left.enabled:hover {
.reveal .controls .navigate-left.enabled:hover {
border-right-color: #74a8cb; }
.reveal .controls div.navigate-right.enabled:hover {
.reveal .controls .navigate-right.enabled:hover {
border-left-color: #74a8cb; }
.reveal .controls div.navigate-up.enabled:hover {
.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #74a8cb; }
.reveal .controls div.navigate-down.enabled:hover {
.reveal .controls .navigate-down.enabled:hover {
border-top-color: #74a8cb; }
/*********************************************

View file

@ -226,28 +226,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #268bd2; }
.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #268bd2; }
.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #268bd2; }
.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #268bd2; }
.reveal .controls div.navigate-left.enabled:hover {
.reveal .controls .navigate-left.enabled:hover {
border-right-color: #78bae6; }
.reveal .controls div.navigate-right.enabled:hover {
.reveal .controls .navigate-right.enabled:hover {
border-left-color: #78bae6; }
.reveal .controls div.navigate-up.enabled:hover {
.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #78bae6; }
.reveal .controls div.navigate-down.enabled:hover {
.reveal .controls .navigate-down.enabled:hover {
border-top-color: #78bae6; }
/*********************************************

View file

@ -285,39 +285,39 @@ body {
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls div.navigate-left,
.reveal .controls div.navigate-left.enabled {
.reveal .controls .navigate-left,
.reveal .controls .navigate-left.enabled {
border-right-color: $linkColor;
}
.reveal .controls div.navigate-right,
.reveal .controls div.navigate-right.enabled {
.reveal .controls .navigate-right,
.reveal .controls .navigate-right.enabled {
border-left-color: $linkColor;
}
.reveal .controls div.navigate-up,
.reveal .controls div.navigate-up.enabled {
.reveal .controls .navigate-up,
.reveal .controls .navigate-up.enabled {
border-bottom-color: $linkColor;
}
.reveal .controls div.navigate-down,
.reveal .controls div.navigate-down.enabled {
.reveal .controls .navigate-down,
.reveal .controls .navigate-down.enabled {
border-top-color: $linkColor;
}
.reveal .controls div.navigate-left.enabled:hover {
.reveal .controls .navigate-left.enabled:hover {
border-right-color: $linkColorHover;
}
.reveal .controls div.navigate-right.enabled:hover {
.reveal .controls .navigate-right.enabled:hover {
border-left-color: $linkColorHover;
}
.reveal .controls div.navigate-up.enabled:hover {
.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: $linkColorHover;
}
.reveal .controls div.navigate-down.enabled:hover {
.reveal .controls .navigate-down.enabled:hover {
border-top-color: $linkColorHover;
}

View file

@ -222,28 +222,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #2a76dd; }
.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #2a76dd; }
.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #2a76dd; }
.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #2a76dd; }
.reveal .controls div.navigate-left.enabled:hover {
.reveal .controls .navigate-left.enabled:hover {
border-right-color: #6ca2e8; }
.reveal .controls div.navigate-right.enabled:hover {
.reveal .controls .navigate-right.enabled:hover {
border-left-color: #6ca2e8; }
.reveal .controls div.navigate-up.enabled:hover {
.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #6ca2e8; }
.reveal .controls div.navigate-down.enabled:hover {
.reveal .controls .navigate-down.enabled:hover {
border-top-color: #6ca2e8; }
/*********************************************