mirror of
https://github.com/Rafostar/clapper.git
synced 2025-08-30 07:42:23 +02:00
164 lines
2.8 KiB
CSS
164 lines
2.8 KiB
CSS
/* Defaults */
|
|
scale marks {
|
|
color: currentColor;
|
|
}
|
|
.osd {
|
|
text-shadow: none;
|
|
font-size: 22px;
|
|
font-weight: 500;
|
|
}
|
|
.osd .playercontrols {
|
|
-gtk-icon-size: 24px;
|
|
}
|
|
.osd button {
|
|
min-width: 36px;
|
|
min-height: 36px;
|
|
}
|
|
.osd radio {
|
|
margin: 6px;
|
|
border: 2px solid;
|
|
min-width: 18px;
|
|
min-height: 18px;
|
|
}
|
|
.playbackicon {
|
|
-gtk-icon-size: 20px;
|
|
}
|
|
.osd .playbackicon {
|
|
-gtk-icon-size: 28px;
|
|
}
|
|
.labelbutton {
|
|
margin-top: 1px;
|
|
font-family: 'Cantarell', sans-serif;
|
|
font-variant-numeric: tabular-nums;
|
|
font-weight: 600;
|
|
}
|
|
.reavealertop {
|
|
min-height: 96px;
|
|
box-shadow: inset 0px 200px 10px -124px rgba(0,0,0,0.35);
|
|
font-family: 'Cantarell', sans-serif;
|
|
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;
|
|
}
|
|
.osd .labelbutton {
|
|
margin-top: 0px;
|
|
font-size: 24px;
|
|
}
|
|
|
|
/* 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: 2px;
|
|
}
|
|
.osd .positionscale trough highlight {
|
|
border-radius: 3px;
|
|
min-height: 22px;
|
|
}
|
|
.osd .positionscale.dragging trough highlight {
|
|
border-radius: 3px;
|
|
min-height: 22px;
|
|
}
|
|
|
|
/* Volume Scale */
|
|
.volumescale {
|
|
min-height: 180px;
|
|
}
|
|
.osd .volumescale {
|
|
margin: 6px;
|
|
min-height: 280px;
|
|
}
|
|
.volumescale marks label {
|
|
margin-right: 4px;
|
|
margin-top: -4px;
|
|
margin-bottom: -6px;
|
|
}
|
|
.osd .volumescale marks label {
|
|
margin-bottom: -8px;
|
|
}
|
|
.osd .volumescale trough highlight {
|
|
min-width: 6px;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* Preferences */
|
|
.prefsnotebook grid {
|
|
margin: 10px;
|
|
}
|
|
.prefssubpage header {
|
|
background: transparent;
|
|
}
|
|
.prefssubpage header tabs tab {
|
|
margin: 0px;
|
|
}
|
|
.prefssubpage header tabs tab:hover {
|
|
box-shadow: none;
|
|
background: rgba(0,0,0,0.08);
|
|
}
|
|
.prefssubpage header tabs tab:checked {
|
|
box-shadow: inset 200px 0 @theme_selected_bg_color;
|
|
color: initial;
|
|
}
|
|
|
|
/* Open URI Dialog */
|
|
.uridialogbox {
|
|
margin: 12px;
|
|
}
|
|
|
|
/* Tweaks */
|
|
.nobackground {
|
|
background: 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%);
|
|
}
|