fix theme control arrow selectors #1257

main
Hakim El Hattab 7 years ago
parent d3b2ed9462
commit c96a5d6ae3
  1. 20
      css/reveal.css
  2. 20
      css/reveal.scss
  3. 16
      css/theme/beige.css
  4. 16
      css/theme/black.css
  5. 16
      css/theme/blood.css
  6. 16
      css/theme/league.css
  7. 16
      css/theme/moon.css
  8. 16
      css/theme/night.css
  9. 16
      css/theme/serif.css
  10. 16
      css/theme/simple.css
  11. 16
      css/theme/sky.css
  12. 16
      css/theme/solarized.css
  13. 24
      css/theme/template/theme.scss
  14. 16
      css/theme/white.css

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Loading…
Cancel
Save