diff --git a/assets/css/player.css b/assets/css/player.css index b66a1955..c79ea146 100644 --- a/assets/css/player.css +++ b/assets/css/player.css @@ -12,7 +12,7 @@ } .video-js.player-style-youtube .vjs-control-bar { - background: linear-gradient(rgba(0,0,0,0.1), rgba(0, 0, 0,0.5)); + background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.5)); } .video-js.player-style-youtube .vjs-slider { @@ -142,7 +142,8 @@ ul.vjs-menu-content::-webkit-scrollbar { .video-js .vjs-control-bar, .vjs-menu-button-popup .vjs-menu .vjs-menu-content { - background-color: rgba(35, 35, 35, 0.75); + background-color: transparent; + z-index: 100; } .vjs-menu li.vjs-menu-item:focus, @@ -205,7 +206,7 @@ ul.vjs-menu-content::-webkit-scrollbar { left: calc(50% - 1.5em); padding: 1.45em !important; cursor: pointer; - opacity: 1; + /*opacity: 1;*/ border: 0.7vmin solid #dddddd; background-color: rgba(47, 121, 160, 1); background-size: 50%; @@ -217,7 +218,7 @@ ul.vjs-menu-content::-webkit-scrollbar { } .video-js:hover .vjs-big-play-button { - background-color: rgba(35, 35, 35, 0.75); + background-color: rgba(35, 35, 35, 0.5); } .video-js .vjs-current-time, @@ -271,7 +272,8 @@ video.video-js { top: 1.5em; } -.video-js .vjs-control-bar::before { +/*.video-js .vjs-control-bar */ +#contents #player-container ~ .h-box h1::before { content: ''; display: block; width: calc(16.3vw * 0.75);