mirror of
https://github.com/Rafostar/clapper.git
synced 2025-08-30 07:42:23 +02:00
cff65a989d
This reverts commit 1c82b2288a.
The margin turns out to be necessary for uneven scaling on
some displays resolutions.
201 lines
3.5 KiB
CSS
201 lines
3.5 KiB
CSS
/* Defaults */
|
|
scale marks {
|
|
color: currentColor;
|
|
}
|
|
radio {
|
|
margin-left: -2px;
|
|
}
|
|
.osd popover box {
|
|
text-shadow: none;
|
|
font-size: 21px;
|
|
font-weight: 500;
|
|
}
|
|
.osd button {
|
|
min-width: 32px;
|
|
min-height: 32px;
|
|
-gtk-icon-shadow: none;
|
|
}
|
|
.osd radio {
|
|
margin-left: 0px;
|
|
margin-right: 4px;
|
|
border: 2px solid;
|
|
min-width: 17px;
|
|
min-height: 17px;
|
|
}
|
|
.osd .playercontrols {
|
|
-gtk-icon-size: 24px;
|
|
}
|
|
.playbackicon {
|
|
-gtk-icon-size: 20px;
|
|
}
|
|
.osd .playbackicon {
|
|
-gtk-icon-size: 28px;
|
|
}
|
|
.labelbutton {
|
|
margin-left: -4px;
|
|
margin-right: -4px;
|
|
margin-top: 1px;
|
|
min-width: 8px;
|
|
font-family: 'Cantarell', sans-serif;
|
|
font-variant-numeric: tabular-nums;
|
|
font-weight: 600;
|
|
}
|
|
.osd .labelbutton {
|
|
margin-top: 0px;
|
|
font-size: 23px;
|
|
text-shadow: none;
|
|
}
|
|
.reavealertop {
|
|
min-height: 88px;
|
|
box-shadow: inset 0px 200px 10px -132px rgba(0,0,0,0.4);
|
|
font-family: 'Cantarell', sans-serif;
|
|
font-size: 28px;
|
|
font-weight: 500;
|
|
text-shadow: none;
|
|
background: transparent;
|
|
}
|
|
.osdtime {
|
|
margin-top: -2px;
|
|
margin-right: -4px;
|
|
min-width: 4px;
|
|
font-size: 38px;
|
|
font-weight: 700;
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
.osdendtime {
|
|
margin-top: 36px;
|
|
margin-right: -4px;
|
|
min-width: 4px;
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
/* Position Scale */
|
|
.positionscale trough highlight {
|
|
min-height: 4px;
|
|
}
|
|
.osd .positionscale trough slider {
|
|
color: transparent;
|
|
background: transparent;
|
|
border-color: transparent;
|
|
box-shadow: none;
|
|
}
|
|
.osd .positionscale {
|
|
margin-top: 1px;
|
|
}
|
|
.osd .positionscale trough highlight {
|
|
border-radius: 3px;
|
|
min-height: 20px;
|
|
}
|
|
.osd .positionscale.dragging trough highlight {
|
|
border-radius: 3px;
|
|
min-height: 20px;
|
|
}
|
|
|
|
/* Volume Scale */
|
|
.volumescale {
|
|
margin: -2px;
|
|
margin-left: -8px;
|
|
margin-right: -6px;
|
|
min-height: 180px;
|
|
}
|
|
.osd .volumescale {
|
|
margin: 2px;
|
|
margin-left: -6px;
|
|
margin-right: -4px;
|
|
min-height: 260px;
|
|
}
|
|
.volumescale marks label {
|
|
margin-right: 4px;
|
|
margin-top: -4px;
|
|
margin-bottom: -6px;
|
|
}
|
|
.osd .volumescale trough highlight {
|
|
min-width: 6px;
|
|
}
|
|
.overamp trough highlight {
|
|
background: @error_color;
|
|
}
|
|
|
|
/* Floating Mode */
|
|
.floatingwindow {
|
|
border-radius: 12px;
|
|
}
|
|
.osd.floatingcontrols .playercontrols {
|
|
-gtk-icon-size: 16px;
|
|
}
|
|
.osd.floatingcontrols .playbackicon {
|
|
-gtk-icon-size: 20px;
|
|
}
|
|
.osd.floatingcontrols button {
|
|
border-radius: 10px;
|
|
min-width: 24px;
|
|
min-height: 24px;
|
|
}
|
|
.osd.floatingcontrols .positionscale trough highlight {
|
|
border-radius: 3px;
|
|
min-height: 12px;
|
|
}
|
|
.osd.floatingcontrols .positionscale.dragging trough highlight {
|
|
border-radius: 3px;
|
|
min-height: 12px;
|
|
}
|
|
|
|
.narrowbutton {
|
|
min-width: 8px;
|
|
}
|
|
@keyframes halfrotation {
|
|
to { transform: rotate(0.5turn); }
|
|
}
|
|
.halfrotate {
|
|
animation-name: halfrotation;
|
|
animation-duration: 200ms;
|
|
animation-delay: 280ms;
|
|
animation-timing-function: linear;
|
|
animation-fill-mode: forwards;
|
|
animation-iteration-count: 1;
|
|
}
|
|
|
|
/* Preferences */
|
|
.prefsnotebook grid {
|
|
margin: 10px;
|
|
}
|
|
.prefssubpage header {
|
|
background: none;
|
|
}
|
|
.prefssubpage header tabs tab {
|
|
box-shadow: none;
|
|
margin: 0px;
|
|
margin-right: 1px;
|
|
}
|
|
.prefssubpage header tabs tab:checked {
|
|
color: initial;
|
|
background: @theme_selected_bg_color;
|
|
}
|
|
|
|
/* Open URI Dialog */
|
|
.uridialogbox {
|
|
margin: 12px;
|
|
}
|
|
|
|
/* Tweaks */
|
|
.nobackground {
|
|
background: none;
|
|
}
|
|
.noborder {
|
|
border: none;
|
|
}
|
|
.controlsbox {
|
|
background: @theme_bg_color;
|
|
}
|
|
.gpufriendly {
|
|
box-shadow: -8px -8px transparent, 8px 8px transparent;
|
|
}
|
|
.gpufriendlyfs {
|
|
box-shadow: none;
|
|
}
|
|
.brightscale trough highlight {
|
|
filter: brightness(120%);
|
|
}
|