mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-19 03:11:20 -08:00
33 lines
1.0 KiB
Plaintext
33 lines
1.0 KiB
Plaintext
.art-video-player {
|
|
.art-subtitle {
|
|
.art-center(none);
|
|
flex-direction: column;
|
|
position: absolute;
|
|
z-index: 20;
|
|
width: 100%;
|
|
padding: 0 5%;
|
|
text-align: center;
|
|
pointer-events: none;
|
|
gap: var(--art-subtitle-gap);
|
|
bottom: var(--art-subtitle-bottom);
|
|
font-size: var(--art-subtitle-font-size);
|
|
transition: bottom var(--art-transition-duration) ease;
|
|
text-shadow: var(--art-subtitle-border) 1px 0 1px, var(--art-subtitle-border) 0 1px 1px,
|
|
var(--art-subtitle-border) -1px 0 1px, var(--art-subtitle-border) 0 -1px 1px,
|
|
var(--art-subtitle-border) 1px 1px 1px, var(--art-subtitle-border) -1px -1px 1px,
|
|
var(--art-subtitle-border) 1px -1px 1px, var(--art-subtitle-border) -1px 1px 1px;
|
|
}
|
|
|
|
&.art-subtitle-show {
|
|
.art-subtitle {
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
&.art-control-show {
|
|
.art-subtitle {
|
|
bottom: calc(var(--art-control-height) + var(--art-subtitle-bottom));
|
|
}
|
|
}
|
|
}
|