Adjust styles
This commit is contained in:
parent
29aaefd4f7
commit
9b9b9de88a
1 changed files with 18 additions and 5 deletions
|
@ -13,9 +13,10 @@
|
||||||
.video-controls, video {
|
.video-controls, video {
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
*:focus {
|
*:focus-visible {
|
||||||
border: 2px white solid;
|
outline: none;
|
||||||
transition: 1s border;
|
background: rgba(255, 255, 255, 0.5) !important;
|
||||||
|
transition: 1s background;
|
||||||
}
|
}
|
||||||
video {
|
video {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -81,7 +82,7 @@
|
||||||
transition: 0.3s opacity;
|
transition: 0.3s opacity;
|
||||||
}
|
}
|
||||||
.vc-center {
|
.vc-center {
|
||||||
width: calc(100% - 220px);
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 12px;
|
gap: 12px;
|
||||||
|
@ -127,7 +128,9 @@
|
||||||
top: -8px;
|
top: -8px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
*:focus-visible {
|
||||||
|
border-radius: 3rem !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
#seek[type="range"] {
|
#seek[type="range"] {
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
|
@ -249,6 +252,16 @@
|
||||||
width: 14px;
|
width: 14px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.vc-menu-whitelabel {
|
||||||
|
opacity: 0.5;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 14px;
|
||||||
|
margin: 0px 0px 6px 0px;
|
||||||
|
&:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
button#has-switch svg {
|
button#has-switch svg {
|
||||||
|
|
Loading…
Reference in a new issue