diff --git a/assets/css/player.css b/assets/css/player.css index db8936c4..b037e0d9 100644 --- a/assets/css/player.css +++ b/assets/css/player.css @@ -283,38 +283,6 @@ video.video-js { top: 1.5em; } -/*.video-js .vjs-control-bar -#contents #player-container ~ .h-box h1::before { - content: ''; - display: block; - width: calc(16.3vw * 0.75); - height: calc(8.645833vw * 0.75); - border: solid; - position: relative; - top: calc(0px - 8.645833vw * 0.75); - left: calc(0px - 16.3vw * 0.75); - background-image: url(../CMovie.svg), url(../Wasser.png); - background-repeat: no-repeat; - background-position-y: calc(8.645833vw * 0.75 * 0.22), 0; - box-shadow: 0.3em 0.3em 0.5em rgba(32,32,32,0.8); - z-index: 100; -}*/ -/* -#contents #player-container ~ .h-box::before { - content: ''; - display: block; - width: calc(16.3vw * 0.75); - height: calc(8.645833vw * 0.75); - border: solid; - position: relative; - bottom: calc(-3px + 8.645833vw * 0.75); - background-image: url( - ../CMovie.svg), url(../Wasser.png); - background-repeat: no-repeat; - background-position-y: calc(8.645833vw * 0.75 * 0.22), 0; - box-shadow: 0.3em 0.3em 0.5em rgba(32,32,32,0.8); - z-index: 100; -}*/ #contents #player-container ~ .h-box::before { content: ''; display: block; @@ -331,22 +299,17 @@ video.video-js { box-shadow: 0.3em 0.3em 0.5em rgba(32,32,32,0.8); z-index: 100; } -/* -#contents #player-container ~ .h-box h1 { - background-image: linear-gradient(to right, rgba(17,17,17,.9), rgba(94,149,183,1)); - position: relative; - height: calc(0px - 8.645833vw * 0.75); - top: -2.8em; - padding-left: calc(200px + 1em); - z-index: 90; -}*/ + #contents #player-container ~ .h-box h1 { background-image: linear-gradient(to right, rgba(17,17,17,.9), rgba(94,149,183,1)); position: relative; display: block; - bottom: calc(3em + 8.645833vw * 0.75 - 6px); + bottom: calc(4em + 8.645833vw * 0.75 + 6px); height: auto; + max-height: 2.25em; + backdrop-filter: blur(2.5px); padding-left: calc(200px + 1em); + box-shadow: 0.3em 0.3em 0.5em rgba(32,32,32,0.8); z-index: 90; } @@ -389,7 +352,9 @@ a:not([data-id]) > .icon, .pure-u-lg-1-5 > .h-box > a[href^="/watch?"], .playlis .video-js.vjs-fullscreen .vjs-control-bar::before { content: ''; - display: block; + display: block !important; + visibility: visible !important; + opacity: 1 !important; width: calc(16.3vw * 0.75); height: calc(8.645833vw * 0.75); border: solid 3px rgb(230,230,230);