diff --git a/css/styles.css b/css/styles.css index 264d8be4..be8bad13 100644 --- a/css/styles.css +++ b/css/styles.css @@ -2,23 +2,29 @@ scale marks { color: currentColor; } +radio { + margin-left: -2px; +} +/* FIXME: FOR POPUPS ONLY */ .osd { text-shadow: none; - font-size: 22px; + font-size: 21px; font-weight: 500; } .osd .playercontrols { -gtk-icon-size: 24px; } .osd button { - min-width: 36px; - min-height: 36px; + min-width: 32px; + min-height: 32px; + -gtk-icon-shadow: none; } .osd radio { - margin: 6px; + margin-left: 0px; + margin-right: 4px; border: 2px solid; - min-width: 18px; - min-height: 18px; + min-width: 17px; + min-height: 17px; } .playbackicon { -gtk-icon-size: 20px; @@ -27,32 +33,39 @@ scale marks { -gtk-icon-size: 28px; } .labelbutton { + margin-left: -4px; + margin-right: -4px; 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); + min-height: 88px; + box-shadow: inset 0px 200px 10px -132px rgba(0,0,0,0.4); font-family: 'Cantarell', sans-serif; - font-size: 30px; + font-size: 28px; font-weight: 500; background: transparent; } .osdtime { - margin-top: 0px; - font-size: 40px; + margin-top: -2px; + margin-right: -4px; + font-size: 38px; font-weight: 700; + font-variant-numeric: tabular-nums; } .osdendtime { - margin-top: 42px; + margin-top: 36px; + margin-right: -4px; font-size: 24px; font-weight: 600; + font-variant-numeric: tabular-nums; } .osd .labelbutton { margin-top: 0px; - font-size: 24px; + font-size: 23px; + text-shadow: none; } /* Position Scale */ @@ -70,29 +83,31 @@ scale marks { } .osd .positionscale trough highlight { border-radius: 3px; - min-height: 22px; + min-height: 20px; } .osd .positionscale.dragging trough highlight { border-radius: 3px; - min-height: 22px; + min-height: 20px; } /* Volume Scale */ .volumescale { + margin: -2px; + margin-left: -8px; + margin-right: -6px; min-height: 180px; } .osd .volumescale { - margin: 6px; - min-height: 280px; + 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 marks label { - margin-bottom: -8px; -} .osd .volumescale trough highlight { min-width: 6px; }