mirror of
https://github.com/Rafostar/clapper.git
synced 2025-08-30 07:42:23 +02:00
1918b30bea
Previously top revealer was set to fixed size, which caused a noticable video tearing along the revealer edge during its animation. This commit removes fixed revealer size, which in turn casues the revealer to cover whole video screen (default behavior), thus eliminates the tearing. Since overlay now becomes the top widget, all player notify signals were reconnected to it.
91 lines
1.5 KiB
CSS
91 lines
1.5 KiB
CSS
/* Defaults */
|
|
scale marks {
|
|
color: currentColor;
|
|
}
|
|
.osd {
|
|
font-size: 22px;
|
|
font-weight: 500;
|
|
}
|
|
.osd button {
|
|
margin: 2px;
|
|
min-width: 36px;
|
|
min-height: 36px;
|
|
}
|
|
.osd scale trough highlight {
|
|
min-width: 6px;
|
|
min-height: 6px;
|
|
}
|
|
.osd radio {
|
|
margin: 6px;
|
|
border: 2px solid;
|
|
min-width: 18px;
|
|
min-height: 18px;
|
|
}
|
|
.videobox {
|
|
background: black;
|
|
}
|
|
.reavealertop {
|
|
box-shadow: inset 0px 200px 10px -124px rgba(0,0,0,0.4);
|
|
font-size: 30px;
|
|
font-weight: 500;
|
|
background: transparent;
|
|
}
|
|
.osdtime {
|
|
margin-top: 0px;
|
|
font-size: 40px;
|
|
font-weight: 700;
|
|
}
|
|
.osdendtime {
|
|
margin-top: 42px;
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* Position Scale */
|
|
.positionscale value {
|
|
font-weight: 600;
|
|
color: currentColor;
|
|
}
|
|
.positionscale trough highlight {
|
|
min-height: 4px;
|
|
}
|
|
.osd .positionscale value {
|
|
font-size: 24px;
|
|
}
|
|
.positionscale contents {
|
|
margin-left: 4px;
|
|
margin-right: 2px;
|
|
}
|
|
.osd .positionscale contents {
|
|
margin-left: 8px;
|
|
margin-right: 2px;
|
|
}
|
|
.osd .positionscale trough slider {
|
|
color: transparent;
|
|
background: transparent;
|
|
border-color: transparent;
|
|
box-shadow: none;
|
|
}
|
|
.osd .positionscale trough highlight {
|
|
min-height: 22px;
|
|
}
|
|
|
|
/* Volume Scale */
|
|
.volumescale {
|
|
margin-left: 4px;
|
|
min-height: 180px;
|
|
}
|
|
.osd .volumescale {
|
|
margin: 6px;
|
|
margin-left: 10px;
|
|
min-height: 280px;
|
|
}
|
|
.volumescale marks label {
|
|
margin-right: 4px;
|
|
margin-top: -4px;
|
|
margin-bottom: -6px;
|
|
}
|
|
.osd .volumescale marks label {
|
|
margin-bottom: -8px;
|
|
}
|