VeritableValor/invidious
1
0
Fork 0
mirror of https://github.com/iv-org/invidious.git synced 2025-10-25 10:18:29 -05:00
Code Issues Packages Projects Releases Wiki Activity

border video

Browse Source
This commit is contained in:
@CyberAndi 2024-02-03 03:45:30 +01:00 committed by GitHub
parent a28118b57d
commit 466f024c95
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
assets/css/player.css
View File

@ -276,14 +276,23 @@ video.video-js {
height: 0; height: 0;
} }
.on-video_player::after { #player {
border-radius: 13px;
border: 3px solid rgba(255,255,255,1);
box-shadow: 0.3em 0.3em 0.5em rgba(0,0,0,0.8);
background-color: rgba(0,0,0,0.8) !important;
backdrop-filter: blur(2.5px);
}
#player::after {
content: ''; content: '';
display: block; display: block;
width: calc(16.3vw * 0.75); width: calc(16.3vw * 0.75);
height: calc(8.645833vw * 0.75); height: calc(8.645833vw * 0.75);
border: solid 3px rgb(230,230,230); border: solid 3px rgb(230,230,230);
position: relative; position: relative;
top: calc(100% - (6px + 8.645833vw * 0.75) - 4.5em); left: -3px;
top: calc(100% - (3px + 8.645833vw * 0.75) - 4.5em);
background-image: url(../CMovie.svg), url(../Wasser.png); background-image: url(../CMovie.svg), url(../Wasser.png);
background-repeat: no-repeat; background-repeat: no-repeat;
border-bottom-left-radius: 13px; border-bottom-left-radius: 13px;
@ -292,6 +301,21 @@ video.video-js {
z-index: 11 !important; z-index: 11 !important;
} }
.vjs-modal-dialog.vjs-text-track-settings {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.75);
color: #fff;
border-radius: 13px;
height: 70%;
}
.video-js .vjs-modal-dialog {
background: rgba(0, 0, 0, 0.8);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
border-radius: 13px;
overflow: auto;
}
.mobile-operations-bar { .mobile-operations-bar {
display: flex; display: flex;
position: absolute; position: absolute;