[gtk+/wip/cosimoc/range-gadget] Adwaita: WIP for new range theme

[Cosimo Cecchi <cosimoc src gnome org>]

commit 72982b53ff325ee59d627a03325c985f38566c5d
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Wed Feb 24 13:36:14 2016 -0800

    Adwaita: WIP for new range theme

 gtk/theme/Adwaita/_common.scss           |   83 +++--
 gtk/theme/Adwaita/gtk-contained-dark.css |  701 +++++++++++++++---------------
 gtk/theme/Adwaita/gtk-contained.css      |  701 +++++++++++++++---------------
 3 files changed, 748 insertions(+), 737 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 99ff57c..0eef6d0 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -2489,40 +2489,43 @@ treeview.view radio {
 }
 
 scale {
-  outline-offset: -10px;
-  -gtk-outline-radius: 7px;
-
+  // sizing
   &.horizontal {
+    min-height: 34px;
+    padding-left: 12px;
+    padding-right: 12px;
+
     trough {
-      margin: 15px 12px;
-      min-height: 3px;
-    }
-    slider {
-      margin: 5px 1px;
-      min-height: 22px;
-      min-width: 22px;
+      padding-left: 2px;
+      padding-right: 2px;
+
+      fill,
+      highlight { margin: -1px -3px; }
     }
   }
 
   &.vertical {
+    min-width: 34px;
+    padding-top: 12px;
+    padding-bottom: 12px;
+
     trough {
-      margin: 12px 15px;
-      min-width: 3px;
-    }
-    slider {
-      margin: 1px 5px;
-      min-height: 22px;
-      min-width: 22px;
+      padding-top: 2px;
+      padding-bottom: 2px;
+
+      fill,
+      highlight { margin: -3px -1px; }
     }
   }
 
-  &.fine-tune {
-    outline-offset: -8px;
-    -gtk-outline-radius: 10px;
+  trough {
+    outline-offset: 11px;
+    -gtk-outline-radius: 4px;
 
-    trough {
-      margin: 12px;
-      &, fill, highlight { border-radius: 5px; }
+    slider {
+      min-height: 20px;
+      min-width: 20px;
+      margin: -9px;
     }
   }
 
@@ -2621,10 +2624,11 @@ scale {
 
         @at-root %#{$marks_infix}-#{$dir_infix},
         &.#{$dir_class} trough#{$nth_child} {
-          slider {
+          > slider {
             &#{$state} {
-              margin: 0 1px;
               $_scale_asset: 'assets/slider-#{$dir_infix}-#{$marks_infix}#{$state_infix}#{$suffix}';
+              //@warn $dir_class;
+              //@warn $marks_pos;
               //@warn $_scale_asset; // uncomment for debuggin purpose...
               border-style: none;
               border-radius: 0;
@@ -2632,20 +2636,33 @@ scale {
               background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset} 2 png'));
 
               $_scale_slider_bg_pos: bottom;
-              @if $dir_infix == 'horz' {
-                min-height: 25px;
-                min-width: 20px;
+              @if $dir_class == 'horizontal' {
+                min-height: 26px;
+                min-width: 22px;
+
                 @if $marks_infix == 'scale-has-marks-above' {
+                  margin-top: -13px;
+
                   $_scale_slider_bg_pos: top;
-                  margin-top: 1px;
                 }
+                @else { margin-bottom: -13px; }
               }
 
               @else {
-                min-height: 20px;
-                min-width: 25px;
-                @if $marks_infix == 'scale-has-marks-above' { $_scale_slider_bg_pos: left bottom; }
-                @else { $_scale_slider_bg_pos: right bottom; }
+                min-height: 22px;
+                min-width: 26px;
+
+                @if $marks_infix == 'scale-has-marks-above' {
+                  margin-left: -13px;
+
+                  $_scale_slider_bg_pos: left bottom;
+                }
+
+                @else {
+                  margin-right: -13px;
+
+                  $_scale_slider_bg_pos: right bottom;
+                }
               }
 
               background-position: $_scale_slider_bg_pos;
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index cd6770a..4717e41 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -2651,375 +2651,372 @@ scale highlight, progressbar progress {
     .osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, 
progressbar .osd progress:disabled {
       border-color: transparent; }
 
-scale {
-  outline-offset: -10px;
-  -gtk-outline-radius: 7px; }
+scale.horizontal {
+  min-height: 34px;
+  padding-left: 12px;
+  padding-right: 12px; }
   scale.horizontal trough {
-    margin: 15px 12px;
-    min-height: 3px; }
-  scale.horizontal slider {
-    margin: 5px 1px;
-    min-height: 22px;
-    min-width: 22px; }
+    padding-left: 2px;
+    padding-right: 2px; }
+    scale.horizontal trough fill,
+    scale.horizontal trough highlight {
+      margin: -1px -3px; }
+scale.vertical {
+  min-width: 34px;
+  padding-top: 12px;
+  padding-bottom: 12px; }
   scale.vertical trough {
-    margin: 12px 15px;
-    min-width: 3px; }
-  scale.vertical slider {
-    margin: 1px 5px;
-    min-height: 22px;
-    min-width: 22px; }
-  scale.fine-tune {
-    outline-offset: -8px;
-    -gtk-outline-radius: 10px; }
-    scale.fine-tune trough {
-      margin: 12px; }
-      scale.fine-tune trough, scale.fine-tune trough fill, scale.fine-tune trough highlight {
-        border-radius: 5px; }
-  scale fill, scale fill:backdrop {
-    background-color: #1c1f1f;
-    box-shadow: none; }
-  scale fill:disabled, scale fill:disabled:backdrop {
+    padding-top: 2px;
+    padding-bottom: 2px; }
+    scale.vertical trough fill,
+    scale.vertical trough highlight {
+      margin: -3px -1px; }
+scale trough {
+  outline-offset: 11px;
+  -gtk-outline-radius: 4px; }
+  scale trough slider {
+    min-height: 20px;
+    min-width: 20px;
+    margin: -9px; }
+scale fill, scale fill:backdrop {
+  background-color: #1c1f1f;
+  box-shadow: none; }
+scale fill:disabled, scale fill:disabled:backdrop {
+  border-color: transparent;
+  background-color: transparent; }
+.osd scale fill {
+  background-color: rgba(91, 91, 90, 0.775); }
+  .osd scale fill:disabled, .osd scale fill:disabled:backdrop {
     border-color: transparent;
     background-color: transparent; }
-  .osd scale fill {
-    background-color: rgba(91, 91, 90, 0.775); }
-    .osd scale fill:disabled, .osd scale fill:disabled:backdrop {
-      border-color: transparent;
-      background-color: transparent; }
-  scale slider {
+scale slider {
+  color: #eeeeec;
+  outline-color: rgba(238, 238, 236, 0.3);
+  border-color: #1c1f1f;
+  text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
+  -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
+  background-image: linear-gradient(to bottom, #323737 20%, #2a2f2f 90%);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2f3434, inset 0 -1px #232727, 0 1px 
rgba(0, 0, 0, 0.1);
+  border: 1px solid #151717;
+  border-radius: 100%; }
+  scale slider:hover {
     color: #eeeeec;
     outline-color: rgba(238, 238, 236, 0.3);
     border-color: #1c1f1f;
-    text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
-    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
-    background-image: linear-gradient(to bottom, #323737 20%, #2a2f2f 90%);
-    box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2f3434, inset 0 -1px #232727, 0 1px 
rgba(0, 0, 0, 0.1);
-    border: 1px solid #151717;
-    border-radius: 100%; }
-    scale slider:hover {
-      color: #eeeeec;
-      outline-color: rgba(238, 238, 236, 0.3);
-      border-color: #1c1f1f;
-      background-image: linear-gradient(to bottom, #393f3f 20%, #2f3434 90%);
-      box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #323737, inset 0 -1px #2a2f2f, 0 1px 
rgba(0, 0, 0, 0.1); }
-    scale slider:active {
-      border-color: #0f2b48; }
-    scale slider:disabled {
-      color: #949796;
-      border-color: #1c1f1f;
-      background-image: linear-gradient(to bottom, #333636);
-      text-shadow: none;
-      -gtk-icon-shadow: none;
-      box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-    scale slider:backdrop {
-      color: #949796;
+    background-image: linear-gradient(to bottom, #393f3f 20%, #2f3434 90%);
+    box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #323737, inset 0 -1px #2a2f2f, 0 1px 
rgba(0, 0, 0, 0.1); }
+  scale slider:active {
+    border-color: #0f2b48; }
+  scale slider:disabled {
+    color: #949796;
+    border-color: #1c1f1f;
+    background-image: linear-gradient(to bottom, #333636);
+    text-shadow: none;
+    -gtk-icon-shadow: none;
+    box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+  scale slider:backdrop {
+    color: #949796;
+    border-color: #1f2222;
+    background-image: linear-gradient(to bottom, #393f3f);
+    text-shadow: none;
+    -gtk-icon-shadow: none;
+    box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+    scale slider:backdrop:disabled {
+      color: #5d6767;
       border-color: #1f2222;
-      background-image: linear-gradient(to bottom, #393f3f);
+      background-image: linear-gradient(to bottom, #333636);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-      scale slider:backdrop:disabled {
-        color: #5d6767;
-        border-color: #1f2222;
-        background-image: linear-gradient(to bottom, #333636);
-        text-shadow: none;
-        -gtk-icon-shadow: none;
-        box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-    row:selected scale slider, row:selected scale slider:disabled {
-      border-color: #0f2b48; }
-    .osd scale slider {
-      color: #eeeeec;
+  row:selected scale slider, row:selected scale slider:disabled {
+    border-color: #0f2b48; }
+  .osd scale slider {
+    color: #eeeeec;
+    border-color: rgba(0, 0, 0, 0.7);
+    background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
+    background-clip: padding-box;
+    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+    text-shadow: 0 1px black;
+    -gtk-icon-shadow: 0 1px black;
+    outline-color: rgba(238, 238, 236, 0.3);
+    border-color: rgba(0, 0, 0, 0.7);
+    background-color: #202526; }
+    .osd scale slider:hover {
+      color: white;
       border-color: rgba(0, 0, 0, 0.7);
-      background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
+      background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
       background-clip: padding-box;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
       text-shadow: 0 1px black;
       -gtk-icon-shadow: 0 1px black;
-      outline-color: rgba(238, 238, 236, 0.3);
+      outline-color: rgba(238, 238, 236, 0.3); }
+    .osd scale slider:active {
+      color: white;
       border-color: rgba(0, 0, 0, 0.7);
-      background-color: #202526; }
-      .osd scale slider:hover {
-        color: white;
-        border-color: rgba(0, 0, 0, 0.7);
-        background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
-        background-clip: padding-box;
-        box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
-        text-shadow: 0 1px black;
-        -gtk-icon-shadow: 0 1px black;
-        outline-color: rgba(238, 238, 236, 0.3); }
-      .osd scale slider:active {
-        color: white;
-        border-color: rgba(0, 0, 0, 0.7);
-        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
-        background-clip: padding-box;
-        box-shadow: none;
-        text-shadow: none;
-        -gtk-icon-shadow: none;
-        outline-color: rgba(238, 238, 236, 0.3); }
-      .osd scale slider:disabled {
-        color: #878a89;
-        border-color: rgba(0, 0, 0, 0.7);
-        background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
-        background-clip: padding-box;
-        box-shadow: none;
-        text-shadow: none;
-        -gtk-icon-shadow: none; }
-      .osd scale slider:backdrop {
-        color: #eeeeec;
-        border-color: rgba(0, 0, 0, 0.7);
-        background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
-        background-clip: padding-box;
-        box-shadow: none;
-        text-shadow: none;
-        -gtk-icon-shadow: none; }
-  scale marks {
-    color: alpha(currentColor,0.4); }
-  scale.color.horizontal trough slider, scale.horizontal trough:last-child:not(:only-child) slider {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), 
url("assets/slider-horz-scale-has-marks-above-dark 2 png"));
-    min-height: 25px;
-    min-width: 20px;
-    margin-top: 1px;
-    background-position: top;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.horizontal trough slider:hover, scale.horizontal trough:last-child:not(:only-child) 
slider:hover {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), 
url("assets/slider-horz-scale-has-marks-above-hover-dark 2 png"));
-    min-height: 25px;
-    min-width: 20px;
-    margin-top: 1px;
-    background-position: top;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.horizontal trough slider:active, scale.horizontal trough:last-child:not(:only-child) 
slider:active {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), 
url("assets/slider-horz-scale-has-marks-above-active-dark 2 png"));
-    min-height: 25px;
-    min-width: 20px;
-    margin-top: 1px;
-    background-position: top;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.horizontal trough slider:disabled, scale.horizontal trough:last-child:not(:only-child) 
slider:disabled {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), 
url("assets/slider-horz-scale-has-marks-above-insensitive-dark 2 png"));
-    min-height: 25px;
-    min-width: 20px;
-    margin-top: 1px;
-    background-position: top;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.horizontal trough slider:backdrop, scale.horizontal trough:last-child:not(:only-child) 
slider:backdrop {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), 
url("assets/slider-horz-scale-has-marks-above-backdrop-dark 2 png"));
-    min-height: 25px;
-    min-width: 20px;
-    margin-top: 1px;
-    background-position: top;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.horizontal trough slider:backdrop:disabled, scale.horizontal 
trough:last-child:not(:only-child) slider:backdrop:disabled {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: 
-gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), 
url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark 2 png"));
-    min-height: 25px;
-    min-width: 20px;
-    margin-top: 1px;
-    background-position: top;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.horizontal trough:first-child:not(:only-child) slider {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), 
url("assets/slider-horz-scale-has-marks-below-dark 2 png"));
-    min-height: 25px;
-    min-width: 20px;
-    background-position: bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.horizontal trough:first-child:not(:only-child) slider:hover {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), 
url("assets/slider-horz-scale-has-marks-below-hover-dark 2 png"));
-    min-height: 25px;
-    min-width: 20px;
-    background-position: bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.horizontal trough:first-child:not(:only-child) slider:active {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), 
url("assets/slider-horz-scale-has-marks-below-active-dark 2 png"));
-    min-height: 25px;
-    min-width: 20px;
-    background-position: bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.horizontal trough:first-child:not(:only-child) slider:disabled {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), 
url("assets/slider-horz-scale-has-marks-below-insensitive-dark 2 png"));
-    min-height: 25px;
-    min-width: 20px;
-    background-position: bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.horizontal trough:first-child:not(:only-child) slider:backdrop {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), 
url("assets/slider-horz-scale-has-marks-below-backdrop-dark 2 png"));
-    min-height: 25px;
-    min-width: 20px;
-    background-position: bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.horizontal trough:first-child:not(:only-child) slider:backdrop:disabled {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: 
-gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), 
url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark 2 png"));
-    min-height: 25px;
-    min-width: 20px;
-    background-position: bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.vertical:dir(rtl) trough slider, scale.vertical trough:last-child:not(:only-child) slider {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), 
url("assets/slider-vert-scale-has-marks-above-dark 2 png"));
-    min-height: 20px;
-    min-width: 25px;
-    background-position: left bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.vertical:dir(rtl) trough slider:hover, scale.vertical trough:last-child:not(:only-child) 
slider:hover {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), 
url("assets/slider-vert-scale-has-marks-above-hover-dark 2 png"));
-    min-height: 20px;
-    min-width: 25px;
-    background-position: left bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.vertical:dir(rtl) trough slider:active, scale.vertical trough:last-child:not(:only-child) 
slider:active {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), 
url("assets/slider-vert-scale-has-marks-above-active-dark 2 png"));
-    min-height: 20px;
-    min-width: 25px;
-    background-position: left bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.vertical:dir(rtl) trough slider:disabled, scale.vertical trough:last-child:not(:only-child) 
slider:disabled {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), 
url("assets/slider-vert-scale-has-marks-above-insensitive-dark 2 png"));
-    min-height: 20px;
-    min-width: 25px;
-    background-position: left bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.vertical:dir(rtl) trough slider:backdrop, scale.vertical trough:last-child:not(:only-child) 
slider:backdrop {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), 
url("assets/slider-vert-scale-has-marks-above-backdrop-dark 2 png"));
-    min-height: 20px;
-    min-width: 25px;
-    background-position: left bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.vertical:dir(rtl) trough slider:backdrop:disabled, scale.vertical 
trough:last-child:not(:only-child) slider:backdrop:disabled {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: 
-gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), 
url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark 2 png"));
-    min-height: 20px;
-    min-width: 25px;
-    background-position: left bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.vertical:dir(ltr) trough slider, scale.vertical trough:first-child:not(:only-child) slider {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), 
url("assets/slider-vert-scale-has-marks-below-dark 2 png"));
-    min-height: 20px;
-    min-width: 25px;
-    background-position: right bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.vertical:dir(ltr) trough slider:hover, scale.vertical trough:first-child:not(:only-child) 
slider:hover {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), 
url("assets/slider-vert-scale-has-marks-below-hover-dark 2 png"));
-    min-height: 20px;
-    min-width: 25px;
-    background-position: right bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.vertical:dir(ltr) trough slider:active, scale.vertical trough:first-child:not(:only-child) 
slider:active {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), 
url("assets/slider-vert-scale-has-marks-below-active-dark 2 png"));
-    min-height: 20px;
-    min-width: 25px;
-    background-position: right bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.vertical:dir(ltr) trough slider:disabled, scale.vertical trough:first-child:not(:only-child) 
slider:disabled {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), 
url("assets/slider-vert-scale-has-marks-below-insensitive-dark 2 png"));
-    min-height: 20px;
-    min-width: 25px;
-    background-position: right bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.vertical:dir(ltr) trough slider:backdrop, scale.vertical trough:first-child:not(:only-child) 
slider:backdrop {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), 
url("assets/slider-vert-scale-has-marks-below-backdrop-dark 2 png"));
-    min-height: 20px;
-    min-width: 25px;
-    background-position: right bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.vertical:dir(ltr) trough slider:backdrop:disabled, scale.vertical 
trough:first-child:not(:only-child) slider:backdrop:disabled {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: 
-gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), 
url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark 2 png"));
-    min-height: 20px;
-    min-width: 25px;
-    background-position: right bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
+      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
+      background-clip: padding-box;
+      box-shadow: none;
+      text-shadow: none;
+      -gtk-icon-shadow: none;
+      outline-color: rgba(238, 238, 236, 0.3); }
+    .osd scale slider:disabled {
+      color: #878a89;
+      border-color: rgba(0, 0, 0, 0.7);
+      background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
+      background-clip: padding-box;
+      box-shadow: none;
+      text-shadow: none;
+      -gtk-icon-shadow: none; }
+    .osd scale slider:backdrop {
+      color: #eeeeec;
+      border-color: rgba(0, 0, 0, 0.7);
+      background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
+      background-clip: padding-box;
+      box-shadow: none;
+      text-shadow: none;
+      -gtk-icon-shadow: none; }
+scale marks {
+  color: alpha(currentColor,0.4); }
+scale.color.horizontal trough > slider, scale.horizontal trough:last-child:not(:only-child) > slider {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), 
url("assets/slider-horz-scale-has-marks-above-dark 2 png"));
+  min-height: 26px;
+  min-width: 22px;
+  margin-top: -13px;
+  background-position: top;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.horizontal trough > slider:hover, scale.horizontal trough:last-child:not(:only-child) > 
slider:hover {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), 
url("assets/slider-horz-scale-has-marks-above-hover-dark 2 png"));
+  min-height: 26px;
+  min-width: 22px;
+  margin-top: -13px;
+  background-position: top;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.horizontal trough > slider:active, scale.horizontal trough:last-child:not(:only-child) > 
slider:active {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), 
url("assets/slider-horz-scale-has-marks-above-active-dark 2 png"));
+  min-height: 26px;
+  min-width: 22px;
+  margin-top: -13px;
+  background-position: top;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.horizontal trough > slider:disabled, scale.horizontal trough:last-child:not(:only-child) > 
slider:disabled {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), 
url("assets/slider-horz-scale-has-marks-above-insensitive-dark 2 png"));
+  min-height: 26px;
+  min-width: 22px;
+  margin-top: -13px;
+  background-position: top;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.horizontal trough > slider:backdrop, scale.horizontal trough:last-child:not(:only-child) > 
slider:backdrop {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), 
url("assets/slider-horz-scale-has-marks-above-backdrop-dark 2 png"));
+  min-height: 26px;
+  min-width: 22px;
+  margin-top: -13px;
+  background-position: top;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.horizontal trough > slider:backdrop:disabled, scale.horizontal 
trough:last-child:not(:only-child) > slider:backdrop:disabled {
+  border-style: none;
+  border-radius: 0;
+  background-image: 
-gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), 
url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark 2 png"));
+  min-height: 26px;
+  min-width: 22px;
+  margin-top: -13px;
+  background-position: top;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.horizontal trough:first-child:not(:only-child) > slider {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), 
url("assets/slider-horz-scale-has-marks-below-dark 2 png"));
+  min-height: 26px;
+  min-width: 22px;
+  margin-bottom: -13px;
+  background-position: bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.horizontal trough:first-child:not(:only-child) > slider:hover {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), 
url("assets/slider-horz-scale-has-marks-below-hover-dark 2 png"));
+  min-height: 26px;
+  min-width: 22px;
+  margin-bottom: -13px;
+  background-position: bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.horizontal trough:first-child:not(:only-child) > slider:active {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), 
url("assets/slider-horz-scale-has-marks-below-active-dark 2 png"));
+  min-height: 26px;
+  min-width: 22px;
+  margin-bottom: -13px;
+  background-position: bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.horizontal trough:first-child:not(:only-child) > slider:disabled {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), 
url("assets/slider-horz-scale-has-marks-below-insensitive-dark 2 png"));
+  min-height: 26px;
+  min-width: 22px;
+  margin-bottom: -13px;
+  background-position: bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.horizontal trough:first-child:not(:only-child) > slider:backdrop {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), 
url("assets/slider-horz-scale-has-marks-below-backdrop-dark 2 png"));
+  min-height: 26px;
+  min-width: 22px;
+  margin-bottom: -13px;
+  background-position: bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.horizontal trough:first-child:not(:only-child) > slider:backdrop:disabled {
+  border-style: none;
+  border-radius: 0;
+  background-image: 
-gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), 
url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark 2 png"));
+  min-height: 26px;
+  min-width: 22px;
+  margin-bottom: -13px;
+  background-position: bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.vertical:dir(rtl) trough > slider, scale.vertical trough:last-child:not(:only-child) > slider {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), 
url("assets/slider-vert-scale-has-marks-above-dark 2 png"));
+  min-height: 22px;
+  min-width: 26px;
+  margin-left: -13px;
+  background-position: left bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.vertical:dir(rtl) trough > slider:hover, scale.vertical trough:last-child:not(:only-child) > 
slider:hover {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), 
url("assets/slider-vert-scale-has-marks-above-hover-dark 2 png"));
+  min-height: 22px;
+  min-width: 26px;
+  margin-left: -13px;
+  background-position: left bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.vertical:dir(rtl) trough > slider:active, scale.vertical trough:last-child:not(:only-child) > 
slider:active {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), 
url("assets/slider-vert-scale-has-marks-above-active-dark 2 png"));
+  min-height: 22px;
+  min-width: 26px;
+  margin-left: -13px;
+  background-position: left bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.vertical:dir(rtl) trough > slider:disabled, scale.vertical trough:last-child:not(:only-child) > 
slider:disabled {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), 
url("assets/slider-vert-scale-has-marks-above-insensitive-dark 2 png"));
+  min-height: 22px;
+  min-width: 26px;
+  margin-left: -13px;
+  background-position: left bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.vertical:dir(rtl) trough > slider:backdrop, scale.vertical trough:last-child:not(:only-child) > 
slider:backdrop {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), 
url("assets/slider-vert-scale-has-marks-above-backdrop-dark 2 png"));
+  min-height: 22px;
+  min-width: 26px;
+  margin-left: -13px;
+  background-position: left bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.vertical:dir(rtl) trough > slider:backdrop:disabled, scale.vertical 
trough:last-child:not(:only-child) > slider:backdrop:disabled {
+  border-style: none;
+  border-radius: 0;
+  background-image: 
-gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), 
url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark 2 png"));
+  min-height: 22px;
+  min-width: 26px;
+  margin-left: -13px;
+  background-position: left bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.vertical:dir(ltr) trough > slider, scale.vertical trough:first-child:not(:only-child) > slider {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), 
url("assets/slider-vert-scale-has-marks-below-dark 2 png"));
+  min-height: 22px;
+  min-width: 26px;
+  margin-right: -13px;
+  background-position: right bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.vertical:dir(ltr) trough > slider:hover, scale.vertical trough:first-child:not(:only-child) > 
slider:hover {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), 
url("assets/slider-vert-scale-has-marks-below-hover-dark 2 png"));
+  min-height: 22px;
+  min-width: 26px;
+  margin-right: -13px;
+  background-position: right bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.vertical:dir(ltr) trough > slider:active, scale.vertical trough:first-child:not(:only-child) > 
slider:active {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), 
url("assets/slider-vert-scale-has-marks-below-active-dark 2 png"));
+  min-height: 22px;
+  min-width: 26px;
+  margin-right: -13px;
+  background-position: right bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.vertical:dir(ltr) trough > slider:disabled, scale.vertical trough:first-child:not(:only-child) > 
slider:disabled {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), 
url("assets/slider-vert-scale-has-marks-below-insensitive-dark 2 png"));
+  min-height: 22px;
+  min-width: 26px;
+  margin-right: -13px;
+  background-position: right bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.vertical:dir(ltr) trough > slider:backdrop, scale.vertical trough:first-child:not(:only-child) > 
slider:backdrop {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), 
url("assets/slider-vert-scale-has-marks-below-backdrop-dark 2 png"));
+  min-height: 22px;
+  min-width: 26px;
+  margin-right: -13px;
+  background-position: right bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.vertical:dir(ltr) trough > slider:backdrop:disabled, scale.vertical 
trough:first-child:not(:only-child) > slider:backdrop:disabled {
+  border-style: none;
+  border-radius: 0;
+  background-image: 
-gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), 
url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark 2 png"));
+  min-height: 22px;
+  min-width: 26px;
+  margin-right: -13px;
+  background-position: right bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
 
 /*****************
  * Progress bars *
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 7387e02..144e367 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -2682,375 +2682,372 @@ scale highlight, progressbar progress {
     .osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, 
progressbar .osd progress:disabled {
       border-color: transparent; }
 
-scale {
-  outline-offset: -10px;
-  -gtk-outline-radius: 7px; }
+scale.horizontal {
+  min-height: 34px;
+  padding-left: 12px;
+  padding-right: 12px; }
   scale.horizontal trough {
-    margin: 15px 12px;
-    min-height: 3px; }
-  scale.horizontal slider {
-    margin: 5px 1px;
-    min-height: 22px;
-    min-width: 22px; }
+    padding-left: 2px;
+    padding-right: 2px; }
+    scale.horizontal trough fill,
+    scale.horizontal trough highlight {
+      margin: -1px -3px; }
+scale.vertical {
+  min-width: 34px;
+  padding-top: 12px;
+  padding-bottom: 12px; }
   scale.vertical trough {
-    margin: 12px 15px;
-    min-width: 3px; }
-  scale.vertical slider {
-    margin: 1px 5px;
-    min-height: 22px;
-    min-width: 22px; }
-  scale.fine-tune {
-    outline-offset: -8px;
-    -gtk-outline-radius: 10px; }
-    scale.fine-tune trough {
-      margin: 12px; }
-      scale.fine-tune trough, scale.fine-tune trough fill, scale.fine-tune trough highlight {
-        border-radius: 5px; }
-  scale fill, scale fill:backdrop {
-    background-color: #9d9d99;
-    box-shadow: none; }
-  scale fill:disabled, scale fill:disabled:backdrop {
+    padding-top: 2px;
+    padding-bottom: 2px; }
+    scale.vertical trough fill,
+    scale.vertical trough highlight {
+      margin: -3px -1px; }
+scale trough {
+  outline-offset: 11px;
+  -gtk-outline-radius: 4px; }
+  scale trough slider {
+    min-height: 20px;
+    min-width: 20px;
+    margin: -9px; }
+scale fill, scale fill:backdrop {
+  background-color: #9d9d99;
+  box-shadow: none; }
+scale fill:disabled, scale fill:disabled:backdrop {
+  border-color: transparent;
+  background-color: transparent; }
+.osd scale fill {
+  background-color: rgba(91, 91, 90, 0.775); }
+  .osd scale fill:disabled, .osd scale fill:disabled:backdrop {
     border-color: transparent;
     background-color: transparent; }
-  .osd scale fill {
-    background-color: rgba(91, 91, 90, 0.775); }
-    .osd scale fill:disabled, .osd scale fill:disabled:backdrop {
-      border-color: transparent;
-      background-color: transparent; }
-  scale slider {
+scale slider {
+  color: #2e3436;
+  outline-color: rgba(46, 52, 54, 0.3);
+  border-color: #9d9d99;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+  -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+  background-image: linear-gradient(to bottom, #f4f4f4 20%, #e8e8e7 90%);
+  box-shadow: inset 0 1px white, inset 0 -2px #ededec, inset 0 -1px #cacac8, 0 1px rgba(0, 0, 0, 0.1);
+  border: 1px solid #969691;
+  border-radius: 100%; }
+  scale slider:hover {
     color: #2e3436;
     outline-color: rgba(46, 52, 54, 0.3);
     border-color: #9d9d99;
-    text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-    -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-    background-image: linear-gradient(to bottom, #f4f4f4 20%, #e8e8e7 90%);
-    box-shadow: inset 0 1px white, inset 0 -2px #ededec, inset 0 -1px #cacac8, 0 1px rgba(0, 0, 0, 0.1);
-    border: 1px solid #969691;
-    border-radius: 100%; }
-    scale slider:hover {
-      color: #2e3436;
-      outline-color: rgba(46, 52, 54, 0.3);
-      border-color: #9d9d99;
-      background-image: linear-gradient(to bottom, #fefefe 10%, #f2f2f1 90%);
-      box-shadow: inset 0 1px white, inset 0 -2px #f4f4f4, inset 0 -1px #cfcfcd, 0 1px rgba(0, 0, 0, 0.1); }
-    scale slider:active {
-      border-color: #184472; }
-    scale slider:disabled {
-      color: #8b8e8f;
-      border-color: #9d9d99;
-      background-image: linear-gradient(to bottom, #f1f1f1);
-      text-shadow: none;
-      -gtk-icon-shadow: none;
-      box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-    scale slider:backdrop {
-      color: #8b8e8f;
+    background-image: linear-gradient(to bottom, #fefefe 10%, #f2f2f1 90%);
+    box-shadow: inset 0 1px white, inset 0 -2px #f4f4f4, inset 0 -1px #cfcfcd, 0 1px rgba(0, 0, 0, 0.1); }
+  scale slider:active {
+    border-color: #184472; }
+  scale slider:disabled {
+    color: #8b8e8f;
+    border-color: #9d9d99;
+    background-image: linear-gradient(to bottom, #f1f1f1);
+    text-shadow: none;
+    -gtk-icon-shadow: none;
+    box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+  scale slider:backdrop {
+    color: #8b8e8f;
+    border-color: #a5a5a1;
+    background-image: linear-gradient(to bottom, #e8e8e7);
+    text-shadow: none;
+    -gtk-icon-shadow: none;
+    box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+    scale slider:backdrop:disabled {
+      color: #c3c3c0;
       border-color: #a5a5a1;
-      background-image: linear-gradient(to bottom, #e8e8e7);
+      background-image: linear-gradient(to bottom, #f1f1f1);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-      scale slider:backdrop:disabled {
-        color: #c3c3c0;
-        border-color: #a5a5a1;
-        background-image: linear-gradient(to bottom, #f1f1f1);
-        text-shadow: none;
-        -gtk-icon-shadow: none;
-        box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-    row:selected scale slider, row:selected scale slider:disabled {
-      border-color: #184472; }
-    .osd scale slider {
-      color: #eeeeec;
+  row:selected scale slider, row:selected scale slider:disabled {
+    border-color: #184472; }
+  .osd scale slider {
+    color: #eeeeec;
+    border-color: rgba(0, 0, 0, 0.7);
+    background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
+    background-clip: padding-box;
+    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+    text-shadow: 0 1px black;
+    -gtk-icon-shadow: 0 1px black;
+    outline-color: rgba(238, 238, 236, 0.3);
+    border-color: rgba(0, 0, 0, 0.7);
+    background-color: #202526; }
+    .osd scale slider:hover {
+      color: white;
       border-color: rgba(0, 0, 0, 0.7);
-      background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
+      background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
       background-clip: padding-box;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
       text-shadow: 0 1px black;
       -gtk-icon-shadow: 0 1px black;
-      outline-color: rgba(238, 238, 236, 0.3);
+      outline-color: rgba(238, 238, 236, 0.3); }
+    .osd scale slider:active {
+      color: white;
       border-color: rgba(0, 0, 0, 0.7);
-      background-color: #202526; }
-      .osd scale slider:hover {
-        color: white;
-        border-color: rgba(0, 0, 0, 0.7);
-        background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
-        background-clip: padding-box;
-        box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
-        text-shadow: 0 1px black;
-        -gtk-icon-shadow: 0 1px black;
-        outline-color: rgba(238, 238, 236, 0.3); }
-      .osd scale slider:active {
-        color: white;
-        border-color: rgba(0, 0, 0, 0.7);
-        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
-        background-clip: padding-box;
-        box-shadow: none;
-        text-shadow: none;
-        -gtk-icon-shadow: none;
-        outline-color: rgba(238, 238, 236, 0.3); }
-      .osd scale slider:disabled {
-        color: #878a89;
-        border-color: rgba(0, 0, 0, 0.7);
-        background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
-        background-clip: padding-box;
-        box-shadow: none;
-        text-shadow: none;
-        -gtk-icon-shadow: none; }
-      .osd scale slider:backdrop {
-        color: #eeeeec;
-        border-color: rgba(0, 0, 0, 0.7);
-        background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
-        background-clip: padding-box;
-        box-shadow: none;
-        text-shadow: none;
-        -gtk-icon-shadow: none; }
-  scale marks {
-    color: alpha(currentColor,0.4); }
-  scale.color.horizontal trough slider, scale.horizontal trough:last-child:not(:only-child) slider {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), 
url("assets/slider-horz-scale-has-marks-above 2 png"));
-    min-height: 25px;
-    min-width: 20px;
-    margin-top: 1px;
-    background-position: top;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.horizontal trough slider:hover, scale.horizontal trough:last-child:not(:only-child) 
slider:hover {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), 
url("assets/slider-horz-scale-has-marks-above-hover 2 png"));
-    min-height: 25px;
-    min-width: 20px;
-    margin-top: 1px;
-    background-position: top;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.horizontal trough slider:active, scale.horizontal trough:last-child:not(:only-child) 
slider:active {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), 
url("assets/slider-horz-scale-has-marks-above-active 2 png"));
-    min-height: 25px;
-    min-width: 20px;
-    margin-top: 1px;
-    background-position: top;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.horizontal trough slider:disabled, scale.horizontal trough:last-child:not(:only-child) 
slider:disabled {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), 
url("assets/slider-horz-scale-has-marks-above-insensitive 2 png"));
-    min-height: 25px;
-    min-width: 20px;
-    margin-top: 1px;
-    background-position: top;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.horizontal trough slider:backdrop, scale.horizontal trough:last-child:not(:only-child) 
slider:backdrop {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"), 
url("assets/slider-horz-scale-has-marks-above-backdrop 2 png"));
-    min-height: 25px;
-    min-width: 20px;
-    margin-top: 1px;
-    background-position: top;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.horizontal trough slider:backdrop:disabled, scale.horizontal 
trough:last-child:not(:only-child) slider:backdrop:disabled {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png"), 
url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive 2 png"));
-    min-height: 25px;
-    min-width: 20px;
-    margin-top: 1px;
-    background-position: top;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.horizontal trough:first-child:not(:only-child) slider {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), 
url("assets/slider-horz-scale-has-marks-below 2 png"));
-    min-height: 25px;
-    min-width: 20px;
-    background-position: bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.horizontal trough:first-child:not(:only-child) slider:hover {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), 
url("assets/slider-horz-scale-has-marks-below-hover 2 png"));
-    min-height: 25px;
-    min-width: 20px;
-    background-position: bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.horizontal trough:first-child:not(:only-child) slider:active {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), 
url("assets/slider-horz-scale-has-marks-below-active 2 png"));
-    min-height: 25px;
-    min-width: 20px;
-    background-position: bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.horizontal trough:first-child:not(:only-child) slider:disabled {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), 
url("assets/slider-horz-scale-has-marks-below-insensitive 2 png"));
-    min-height: 25px;
-    min-width: 20px;
-    background-position: bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.horizontal trough:first-child:not(:only-child) slider:backdrop {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"), 
url("assets/slider-horz-scale-has-marks-below-backdrop 2 png"));
-    min-height: 25px;
-    min-width: 20px;
-    background-position: bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.horizontal trough:first-child:not(:only-child) slider:backdrop:disabled {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png"), 
url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive 2 png"));
-    min-height: 25px;
-    min-width: 20px;
-    background-position: bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.vertical:dir(rtl) trough slider, scale.vertical trough:last-child:not(:only-child) slider {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), 
url("assets/slider-vert-scale-has-marks-above 2 png"));
-    min-height: 20px;
-    min-width: 25px;
-    background-position: left bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.vertical:dir(rtl) trough slider:hover, scale.vertical trough:last-child:not(:only-child) 
slider:hover {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), 
url("assets/slider-vert-scale-has-marks-above-hover 2 png"));
-    min-height: 20px;
-    min-width: 25px;
-    background-position: left bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.vertical:dir(rtl) trough slider:active, scale.vertical trough:last-child:not(:only-child) 
slider:active {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), 
url("assets/slider-vert-scale-has-marks-above-active 2 png"));
-    min-height: 20px;
-    min-width: 25px;
-    background-position: left bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.vertical:dir(rtl) trough slider:disabled, scale.vertical trough:last-child:not(:only-child) 
slider:disabled {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), 
url("assets/slider-vert-scale-has-marks-above-insensitive 2 png"));
-    min-height: 20px;
-    min-width: 25px;
-    background-position: left bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.vertical:dir(rtl) trough slider:backdrop, scale.vertical trough:last-child:not(:only-child) 
slider:backdrop {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), 
url("assets/slider-vert-scale-has-marks-above-backdrop 2 png"));
-    min-height: 20px;
-    min-width: 25px;
-    background-position: left bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.vertical:dir(rtl) trough slider:backdrop:disabled, scale.vertical 
trough:last-child:not(:only-child) slider:backdrop:disabled {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png"), 
url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive 2 png"));
-    min-height: 20px;
-    min-width: 25px;
-    background-position: left bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.vertical:dir(ltr) trough slider, scale.vertical trough:first-child:not(:only-child) slider {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), 
url("assets/slider-vert-scale-has-marks-below 2 png"));
-    min-height: 20px;
-    min-width: 25px;
-    background-position: right bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.vertical:dir(ltr) trough slider:hover, scale.vertical trough:first-child:not(:only-child) 
slider:hover {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), 
url("assets/slider-vert-scale-has-marks-below-hover 2 png"));
-    min-height: 20px;
-    min-width: 25px;
-    background-position: right bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.vertical:dir(ltr) trough slider:active, scale.vertical trough:first-child:not(:only-child) 
slider:active {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), 
url("assets/slider-vert-scale-has-marks-below-active 2 png"));
-    min-height: 20px;
-    min-width: 25px;
-    background-position: right bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.vertical:dir(ltr) trough slider:disabled, scale.vertical trough:first-child:not(:only-child) 
slider:disabled {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), 
url("assets/slider-vert-scale-has-marks-below-insensitive 2 png"));
-    min-height: 20px;
-    min-width: 25px;
-    background-position: right bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.vertical:dir(ltr) trough slider:backdrop, scale.vertical trough:first-child:not(:only-child) 
slider:backdrop {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"), 
url("assets/slider-vert-scale-has-marks-below-backdrop 2 png"));
-    min-height: 20px;
-    min-width: 25px;
-    background-position: right bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
-  scale.color.vertical:dir(ltr) trough slider:backdrop:disabled, scale.vertical 
trough:first-child:not(:only-child) slider:backdrop:disabled {
-    margin: 0 1px;
-    border-style: none;
-    border-radius: 0;
-    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png"), 
url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive 2 png"));
-    min-height: 20px;
-    min-width: 25px;
-    background-position: right bottom;
-    background-repeat: no-repeat;
-    box-shadow: none; }
+      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
+      background-clip: padding-box;
+      box-shadow: none;
+      text-shadow: none;
+      -gtk-icon-shadow: none;
+      outline-color: rgba(238, 238, 236, 0.3); }
+    .osd scale slider:disabled {
+      color: #878a89;
+      border-color: rgba(0, 0, 0, 0.7);
+      background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
+      background-clip: padding-box;
+      box-shadow: none;
+      text-shadow: none;
+      -gtk-icon-shadow: none; }
+    .osd scale slider:backdrop {
+      color: #eeeeec;
+      border-color: rgba(0, 0, 0, 0.7);
+      background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
+      background-clip: padding-box;
+      box-shadow: none;
+      text-shadow: none;
+      -gtk-icon-shadow: none; }
+scale marks {
+  color: alpha(currentColor,0.4); }
+scale.color.horizontal trough > slider, scale.horizontal trough:last-child:not(:only-child) > slider {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), 
url("assets/slider-horz-scale-has-marks-above 2 png"));
+  min-height: 26px;
+  min-width: 22px;
+  margin-top: -13px;
+  background-position: top;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.horizontal trough > slider:hover, scale.horizontal trough:last-child:not(:only-child) > 
slider:hover {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), 
url("assets/slider-horz-scale-has-marks-above-hover 2 png"));
+  min-height: 26px;
+  min-width: 22px;
+  margin-top: -13px;
+  background-position: top;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.horizontal trough > slider:active, scale.horizontal trough:last-child:not(:only-child) > 
slider:active {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), 
url("assets/slider-horz-scale-has-marks-above-active 2 png"));
+  min-height: 26px;
+  min-width: 22px;
+  margin-top: -13px;
+  background-position: top;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.horizontal trough > slider:disabled, scale.horizontal trough:last-child:not(:only-child) > 
slider:disabled {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), 
url("assets/slider-horz-scale-has-marks-above-insensitive 2 png"));
+  min-height: 26px;
+  min-width: 22px;
+  margin-top: -13px;
+  background-position: top;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.horizontal trough > slider:backdrop, scale.horizontal trough:last-child:not(:only-child) > 
slider:backdrop {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"), 
url("assets/slider-horz-scale-has-marks-above-backdrop 2 png"));
+  min-height: 26px;
+  min-width: 22px;
+  margin-top: -13px;
+  background-position: top;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.horizontal trough > slider:backdrop:disabled, scale.horizontal 
trough:last-child:not(:only-child) > slider:backdrop:disabled {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png"), 
url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive 2 png"));
+  min-height: 26px;
+  min-width: 22px;
+  margin-top: -13px;
+  background-position: top;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.horizontal trough:first-child:not(:only-child) > slider {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), 
url("assets/slider-horz-scale-has-marks-below 2 png"));
+  min-height: 26px;
+  min-width: 22px;
+  margin-bottom: -13px;
+  background-position: bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.horizontal trough:first-child:not(:only-child) > slider:hover {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), 
url("assets/slider-horz-scale-has-marks-below-hover 2 png"));
+  min-height: 26px;
+  min-width: 22px;
+  margin-bottom: -13px;
+  background-position: bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.horizontal trough:first-child:not(:only-child) > slider:active {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), 
url("assets/slider-horz-scale-has-marks-below-active 2 png"));
+  min-height: 26px;
+  min-width: 22px;
+  margin-bottom: -13px;
+  background-position: bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.horizontal trough:first-child:not(:only-child) > slider:disabled {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), 
url("assets/slider-horz-scale-has-marks-below-insensitive 2 png"));
+  min-height: 26px;
+  min-width: 22px;
+  margin-bottom: -13px;
+  background-position: bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.horizontal trough:first-child:not(:only-child) > slider:backdrop {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"), 
url("assets/slider-horz-scale-has-marks-below-backdrop 2 png"));
+  min-height: 26px;
+  min-width: 22px;
+  margin-bottom: -13px;
+  background-position: bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.horizontal trough:first-child:not(:only-child) > slider:backdrop:disabled {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png"), 
url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive 2 png"));
+  min-height: 26px;
+  min-width: 22px;
+  margin-bottom: -13px;
+  background-position: bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.vertical:dir(rtl) trough > slider, scale.vertical trough:last-child:not(:only-child) > slider {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), 
url("assets/slider-vert-scale-has-marks-above 2 png"));
+  min-height: 22px;
+  min-width: 26px;
+  margin-left: -13px;
+  background-position: left bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.vertical:dir(rtl) trough > slider:hover, scale.vertical trough:last-child:not(:only-child) > 
slider:hover {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), 
url("assets/slider-vert-scale-has-marks-above-hover 2 png"));
+  min-height: 22px;
+  min-width: 26px;
+  margin-left: -13px;
+  background-position: left bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.vertical:dir(rtl) trough > slider:active, scale.vertical trough:last-child:not(:only-child) > 
slider:active {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), 
url("assets/slider-vert-scale-has-marks-above-active 2 png"));
+  min-height: 22px;
+  min-width: 26px;
+  margin-left: -13px;
+  background-position: left bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.vertical:dir(rtl) trough > slider:disabled, scale.vertical trough:last-child:not(:only-child) > 
slider:disabled {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), 
url("assets/slider-vert-scale-has-marks-above-insensitive 2 png"));
+  min-height: 22px;
+  min-width: 26px;
+  margin-left: -13px;
+  background-position: left bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.vertical:dir(rtl) trough > slider:backdrop, scale.vertical trough:last-child:not(:only-child) > 
slider:backdrop {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), 
url("assets/slider-vert-scale-has-marks-above-backdrop 2 png"));
+  min-height: 22px;
+  min-width: 26px;
+  margin-left: -13px;
+  background-position: left bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.vertical:dir(rtl) trough > slider:backdrop:disabled, scale.vertical 
trough:last-child:not(:only-child) > slider:backdrop:disabled {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png"), 
url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive 2 png"));
+  min-height: 22px;
+  min-width: 26px;
+  margin-left: -13px;
+  background-position: left bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.vertical:dir(ltr) trough > slider, scale.vertical trough:first-child:not(:only-child) > slider {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), 
url("assets/slider-vert-scale-has-marks-below 2 png"));
+  min-height: 22px;
+  min-width: 26px;
+  margin-right: -13px;
+  background-position: right bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.vertical:dir(ltr) trough > slider:hover, scale.vertical trough:first-child:not(:only-child) > 
slider:hover {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), 
url("assets/slider-vert-scale-has-marks-below-hover 2 png"));
+  min-height: 22px;
+  min-width: 26px;
+  margin-right: -13px;
+  background-position: right bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.vertical:dir(ltr) trough > slider:active, scale.vertical trough:first-child:not(:only-child) > 
slider:active {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), 
url("assets/slider-vert-scale-has-marks-below-active 2 png"));
+  min-height: 22px;
+  min-width: 26px;
+  margin-right: -13px;
+  background-position: right bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.vertical:dir(ltr) trough > slider:disabled, scale.vertical trough:first-child:not(:only-child) > 
slider:disabled {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), 
url("assets/slider-vert-scale-has-marks-below-insensitive 2 png"));
+  min-height: 22px;
+  min-width: 26px;
+  margin-right: -13px;
+  background-position: right bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.vertical:dir(ltr) trough > slider:backdrop, scale.vertical trough:first-child:not(:only-child) > 
slider:backdrop {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"), 
url("assets/slider-vert-scale-has-marks-below-backdrop 2 png"));
+  min-height: 22px;
+  min-width: 26px;
+  margin-right: -13px;
+  background-position: right bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
+scale.color.vertical:dir(ltr) trough > slider:backdrop:disabled, scale.vertical 
trough:first-child:not(:only-child) > slider:backdrop:disabled {
+  border-style: none;
+  border-radius: 0;
+  background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png"), 
url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive 2 png"));
+  min-height: 22px;
+  min-width: 26px;
+  margin-right: -13px;
+  background-position: right bottom;
+  background-repeat: no-repeat;
+  box-shadow: none; }
 
 /*****************
  * Progress bars *