mirror of
https://github.com/iv-org/invidious.git
synced 2025-10-25 02:08:30 -05:00
insert player Border
This commit is contained in:
parent
6b52af8b54
commit
9d8d6669e5
@ -1530,6 +1530,60 @@ a.feed-menu-item.pure-menu-heading {
|
|||||||
background-color: rgba(47, 121, 160, 0.8) !important;
|
background-color: rgba(47, 121, 160, 0.8) !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;
|
||||||
|
}
|
||||||
|
|
||||||
|
#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::before {
|
||||||
|
display: flex;
|
||||||
|
content: "";
|
||||||
|
background-image: linear-gradient(32.5deg, rgba(17,17,17,.65), rgba(94,149,183,1));
|
||||||
|
position: relative;
|
||||||
|
top: calc(100% - 7.5em);
|
||||||
|
width: 100%;
|
||||||
|
backdrop-filter: blur(2.5px);
|
||||||
|
box-shadow: 0.3em 0.3em 0.5em rgba(32,32,32,0.8), 0em -0.15em 0.25em rgba(230,230,230,0.35);
|
||||||
|
height: 4.5em;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
#player::after {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
width: calc(16.3vw * 0.75);
|
||||||
|
height: calc(8.645833vw * 0.75);
|
||||||
|
border: solid 3px rgb(230,230,230);
|
||||||
|
position: relative;
|
||||||
|
left: -3px;
|
||||||
|
top: calc(100% - (3px + 8.645833vw * 0.75) - 4.5em);
|
||||||
|
background-image: url(../CMovie.svg), url(../Wasser.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
border-bottom-left-radius: 13px;
|
||||||
|
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: 11 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Page navigation
|
* Page navigation
|
||||||
*/
|
*/
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user