1 files changed, 31 insertions, 63 deletions
diff --git a/public_html/data/css/asciinema-player.css b/public_html/data/css/asciinema-player.css
index 8df91b964..8d77df46e 100644
--- a/public_html/data/css/asciinema-player.css
+++ b/public_html/data/css/asciinema-player.css
@@ -176,23 +176,24 @@
 .asciinema-terminal.font-big {
   font-size: 24px;
 }
-.asciinema-player:hover .control-bar {
-  color: #ffffff;
-}
-.asciinema-player:hover .control-bar .progressbar .bar .gutter span {
-  background-color: #ffffff;
-}
-.asciinema-player:hover .control-bar svg.icon path {
-  fill: #ffffff;
-}
 .asciinema-player .control-bar {
   width: 100%;
   height: 32px;
-  background-color: #000;
+  background: rgba(0, 0, 0, 0.8);
+  /* no gradient fallback */
+  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, #000000 25%, #000000 100%);
+  /* FF3.6-15 */
+  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, #000000 25%, #000000 100%);
+  /* Chrome10-25,Safari5.1-6 */
+  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, #000000 25%, #000000 100%);
+  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   color: #bbbbbb;
-  border-top: 1px solid #222;
   box-sizing: content-box;
   line-height: 1;
+  position: absolute;
+  bottom: -35px;
+  left: 0;
+  transition: bottom 0.15s linear;
 }
 .asciinema-player .control-bar * {
   box-sizing: inherit;
@@ -283,66 +284,33 @@
 .asciinema-player .control-bar .fullscreen-button svg:last-child {
   display: none;
 }
+.asciinema-player-wrapper.hud .control-bar {
+  bottom: 0px;
+}
 .asciinema-player-wrapper:fullscreen .fullscreen-button svg:first-child {
   display: none;
 }
 .asciinema-player-wrapper:fullscreen .fullscreen-button svg:last-child {
   display: inline;
 }
-.asciinema-player-wrapper:fullscreen .control-bar {
-  position: absolute;
-  bottom: -35px;
-  left: 0;
-  transition: bottom 0.15s linear;
-}
-.asciinema-player-wrapper:fullscreen.hud .control-bar {
-  bottom: 0px;
-}
 .asciinema-player-wrapper:-webkit-full-screen .fullscreen-button svg:first-child {
   display: none;
 }
 .asciinema-player-wrapper:-webkit-full-screen .fullscreen-button svg:last-child {
   display: inline;
 }
-.asciinema-player-wrapper:-webkit-full-screen .control-bar {
-  position: absolute;
-  bottom: -35px;
-  left: 0;
-  transition: bottom 0.15s linear;
-}
-.asciinema-player-wrapper:-webkit-full-screen.hud .control-bar {
-  bottom: 0px;
-}
 .asciinema-player-wrapper:-moz-full-screen .fullscreen-button svg:first-child {
   display: none;
 }
 .asciinema-player-wrapper:-moz-full-screen .fullscreen-button svg:last-child {
   display: inline;
 }
-.asciinema-player-wrapper:-moz-full-screen .control-bar {
-  position: absolute;
-  bottom: -35px;
-  left: 0;
-  transition: bottom 0.15s linear;
-}
-.asciinema-player-wrapper:-moz-full-screen.hud .control-bar {
-  bottom: 0px;
-}
 .asciinema-player-wrapper:-ms-fullscreen .fullscreen-button svg:first-child {
   display: none;
 }
 .asciinema-player-wrapper:-ms-fullscreen .fullscreen-button svg:last-child {
   display: inline;
 }
-.asciinema-player-wrapper:-ms-fullscreen .control-bar {
-  position: absolute;
-  bottom: -35px;
-  left: 0;
-  transition: bottom 0.15s linear;
-}
-.asciinema-player-wrapper:-ms-fullscreen.hud .control-bar {
-  bottom: 0px;
-}
 .asciinema-player .loading {
   z-index: 10;
   background-repeat: no-repeat;
@@ -2263,10 +2231,10 @@
   background-color: #657b83;
 }
 .asciinema-theme-solarized-light .fg-0 {
-  color: #eee8d5;
+  color: #073642;
 }
 .asciinema-theme-solarized-light .bg-0 {
-  background-color: #eee8d5;
+  background-color: #073642;
 }
 .asciinema-theme-solarized-light .fg-1 {
   color: #dc322f;
@@ -2305,16 +2273,16 @@
   background-color: #2aa198;
 }
 .asciinema-theme-solarized-light .fg-7 {
-  color: #073642;
+  color: #eee8d5;
 }
 .asciinema-theme-solarized-light .bg-7 {
-  background-color: #073642;
+  background-color: #eee8d5;
 }
 .asciinema-theme-solarized-light .fg-8 {
-  color: #fdf6e3;
+  color: #002b36;
 }
 .asciinema-theme-solarized-light .bg-8 {
-  background-color: #fdf6e3;
+  background-color: #002b36;
 }
 .asciinema-theme-solarized-light .fg-9 {
   color: #cb4b16;
@@ -2323,22 +2291,22 @@
   background-color: #cb4b16;
 }
 .asciinema-theme-solarized-light .fg-10 {
-  color: #93a1a1;
+  color: #586e75;
 }
 .asciinema-theme-solarized-light .bg-10 {
-  background-color: #93a1a1;
+  background-color: #586e75;
 }
 .asciinema-theme-solarized-light .fg-11 {
-  color: #839496;
+  color: #657c83;
 }
 .asciinema-theme-solarized-light .bg-11 {
-  background-color: #839496;
+  background-color: #657c83;
 }
 .asciinema-theme-solarized-light .fg-12 {
-  color: #657b83;
+  color: #839496;
 }
 .asciinema-theme-solarized-light .bg-12 {
-  background-color: #657b83;
+  background-color: #839496;
 }
 .asciinema-theme-solarized-light .fg-13 {
   color: #6c71c4;
@@ -2347,16 +2315,16 @@
   background-color: #6c71c4;
 }
 .asciinema-theme-solarized-light .fg-14 {
-  color: #586e75;
+  color: #93a1a1;
 }
 .asciinema-theme-solarized-light .bg-14 {
-  background-color: #586e75;
+  background-color: #93a1a1;
 }
 .asciinema-theme-solarized-light .fg-15 {
-  color: #002b36;
+  color: #fdf6e3;
 }
 .asciinema-theme-solarized-light .bg-15 {
-  background-color: #002b36;
+  background-color: #fdf6e3;
 }
 .asciinema-theme-seti .asciinema-terminal {
   color: #cacecd;