From bf50f4644a81e7cb15f4119907011b81c41943e0 Mon Sep 17 00:00:00 2001 From: Florian Pritz Date: Thu, 3 May 2018 17:35:09 +0200 Subject: Update asciinema-player to 2.6.1 Signed-off-by: Florian Pritz --- public_html/data/css/asciinema-player.css | 94 ++++++++++--------------------- 1 file changed, 31 insertions(+), 63 deletions(-) (limited to 'public_html/data/css/asciinema-player.css') 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; -- cgit v1.2.3-24-g4f1b