Update player.css

This commit is contained in:
@CyberAndi 2024-01-27 06:48:08 +01:00 committed by GitHub
parent f4765c2d23
commit 81a4c641f5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -272,7 +272,7 @@ video.video-js {
top: 1.5em; top: 1.5em;
} }
/*.video-js .vjs-control-bar */ /*.video-js .vjs-control-bar
#contents #player-container ~ .h-box h1::before { #contents #player-container ~ .h-box h1::before {
content: ''; content: '';
display: block; display: block;
@ -281,18 +281,45 @@ video.video-js {
border: solid; border: solid;
position: relative; position: relative;
top: calc(0px - 8.645833vw * 0.75); top: calc(0px - 8.645833vw * 0.75);
left: calc(0px - 16.3vw * 0.75);
background-image: url(../CMovie.svg), url(../Wasser.png); background-image: url(../CMovie.svg), url(../Wasser.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-y: calc(8.645833vw * 0.75 * 0.22), 0; 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); box-shadow: 0.3em 0.3em 0.5em rgba(32,32,32,0.8);
z-index: 100; 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 h1 { #contents #player-container ~ .h-box h1 {
background-image: linear-gradient(to right, rgba(17,17,17,.9), rgba(94,149,183,1)); background-image: linear-gradient(to right, rgba(17,17,17,.9), rgba(94,149,183,1));
position: relative; position: relative;
height: calc(0px - 8.645833vw * 0.75);
top: -2.8em; top: -2.8em;
padding-left: 200px; 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);
height: auto;
padding-left: calc(200px + 1em);
z-index: 90; z-index: 90;
} }