[gtk+] Adwaita: scale with marks styling

[Lapo Calamandrei <lapo src gnome org>]

commit d46ab0f62a13885013883197c0903344707961fc
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Thu Dec 3 18:39:19 2015 +0100

    Adwaita: scale with marks styling
    
    I'm really sorry for the unlucky ones who would have to read that
    code...

 gtk/theme/Adwaita/_common.scss           |   72 ++++++++--
 gtk/theme/Adwaita/gtk-contained-dark.css |  241 ++++++++++++++++++++++++++++--
 gtk/theme/Adwaita/gtk-contained.css      |  241 ++++++++++++++++++++++++++++--
 3 files changed, 513 insertions(+), 41 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 0a333d8..e4bf43a 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -2193,31 +2193,27 @@ checkbutton.text-button, radiobutton.text-button {
 scale {
   // FIXME: rationalize
   -GtkScale-slider-length: 20;
-  -GtkRange-slider-width: 24;
+  -GtkRange-slider-width: 26;
   -GtkRange-trough-border: 2;
 
-  outline-offset: -9px;
+  outline-offset: -10px;
   outline-radius: 6px;
 
   &.fine-tune {
-    outline-offset: -7px;
+    outline-offset: -8px;
     outline-radius: 8px;
 
-    trough,
-    fill,
-    highlight {
-      margin: 10px;
-      border-radius: 4px;
+    trough {
+      margin: 11px;
+      &, fill, highlight { border-radius: 4px; }
     }
   }
 
-  trough,
-  fill,
-  highlight { margin: 12px; }
+  trough { margin: 13px; }
 
-  &:not(.vertical) slider { margin: 2px 0; }
+  &:not(.vertical) slider { margin: 3px 0; }
 
-  &.vertical slider { margin: 0 2px; }
+  &.vertical slider { margin: 0 3px; }
 
   // the backing bit
   trough { @extend %scale_trough; }
@@ -2295,6 +2291,56 @@ scale {
   }
 
   marks { color: gtkalpha(currentColor, 0.4); }
+
+  // *WARNING* scale with marks madness following
+
+  // FIXME: OSD and selected list rows missing, I don't feel like adding the other 144 assets needed for 
those...
+
+  @each $dir_class, $dir_infix in ('', 'horz'),
+                                  ('.vertical', 'vert') {
+    @each $marks_infix, $nth_child in ('scale-has-marks-above', ':last-child:not(:only-child)'),
+                                      ('scale-has-marks-below', ':first-child:not(:only-child)') {
+
+      &#{$dir_class} {
+        @each $state, $suffix in ('', ''),
+                                 (':hover', '-hover'),
+                                 (':active', '-active'),
+                                 (':insensitive', '-insensitive'),
+                                 (':backdrop', '-backdrop'),
+                                 (':backdrop:insensitive', '-backdrop-insensitive') {
+
+          &.fine-tune trough#{$nth_child} {}
+
+          trough#{$nth_child} {
+            slider{
+              margin: 0;
+              &#{$state} {
+                $_scale_asset: 'assets/slider-#{$dir_infix}-#{$marks_infix}#{$suffix}';
+                // @warn $_file_name; // uncomment for debuggin purpose...
+                border-style: none;
+                border-radius: 0;
+
+                background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset} 2 png'));
+
+                $_scale_slider_bg_pos: bottom;
+                @if $dir_infix == 'horz' {
+                  @if $marks_infix == 'scale-has-marks-above' { $_scale_slider_bg_pos: top; }
+                }
+                @else {
+                  @if $marks_infix == 'scale-has-marks-above' { $_scale_slider_bg_pos: left; }
+                  @else { $_scale_slider_bg_pos: right; }
+                }
+
+                background-position: $_scale_slider_bg_pos;
+                background-repeat: no-repeat;
+                box-shadow: none;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
 }
 
 
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 98c8fd5..95559e6 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -2955,26 +2955,23 @@ scale highlight, progressbar progress {
 
 scale {
   -GtkScale-slider-length: 20;
-  -GtkRange-slider-width: 24;
+  -GtkRange-slider-width: 26;
   -GtkRange-trough-border: 2;
-  outline-offset: -9px;
+  outline-offset: -10px;
   outline-radius: 6px; }
   scale.fine-tune {
-    outline-offset: -7px;
+    outline-offset: -8px;
     outline-radius: 8px; }
-    scale.fine-tune trough,
-    scale.fine-tune fill,
-    scale.fine-tune highlight {
-      margin: 10px;
-      border-radius: 4px; }
-  scale trough,
-  scale fill,
-  scale highlight {
-    margin: 12px; }
+    scale.fine-tune trough {
+      margin: 11px; }
+      scale.fine-tune trough, scale.fine-tune trough fill, scale.fine-tune trough highlight {
+        border-radius: 4px; }
+  scale trough {
+    margin: 13px; }
   scale:not(.vertical) slider {
-    margin: 2px 0; }
+    margin: 3px 0; }
   scale.vertical slider {
-    margin: 0 2px; }
+    margin: 0 3px; }
   scale fill, scale fill:backdrop {
     background-color: #1c1f1f;
     box-shadow: none; }
@@ -3080,6 +3077,222 @@ scale {
         -gtk-icon-shadow: none; }
   scale marks {
     color: alpha(currentColor,0.4); }
+  scale trough:last-child:not(:only-child) slider {
+    margin: 0; }
+    scale 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"));
+      background-position: top;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale trough:last-child:not(:only-child) slider {
+    margin: 0; }
+    scale 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"));
+      background-position: top;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale trough:last-child:not(:only-child) slider {
+    margin: 0; }
+    scale 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"));
+      background-position: top;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale trough:last-child:not(:only-child) slider {
+    margin: 0; }
+    scale trough:last-child:not(:only-child) slider:insensitive {
+      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"));
+      background-position: top;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale trough:last-child:not(:only-child) slider {
+    margin: 0; }
+    scale 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"));
+      background-position: top;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale trough:last-child:not(:only-child) slider {
+    margin: 0; }
+    scale trough:last-child:not(:only-child) slider:backdrop:insensitive {
+      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"));
+      background-position: top;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale trough:first-child:not(:only-child) slider {
+    margin: 0; }
+    scale 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"));
+      background-position: bottom;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale trough:first-child:not(:only-child) slider {
+    margin: 0; }
+    scale 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"));
+      background-position: bottom;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale trough:first-child:not(:only-child) slider {
+    margin: 0; }
+    scale 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"));
+      background-position: bottom;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale trough:first-child:not(:only-child) slider {
+    margin: 0; }
+    scale trough:first-child:not(:only-child) slider:insensitive {
+      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"));
+      background-position: bottom;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale trough:first-child:not(:only-child) slider {
+    margin: 0; }
+    scale 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"));
+      background-position: bottom;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale trough:first-child:not(:only-child) slider {
+    margin: 0; }
+    scale trough:first-child:not(:only-child) slider:backdrop:insensitive {
+      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"));
+      background-position: bottom;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale.vertical trough:last-child:not(:only-child) slider {
+    margin: 0; }
+    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"));
+      background-position: left;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale.vertical trough:last-child:not(:only-child) slider {
+    margin: 0; }
+    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"));
+      background-position: left;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale.vertical trough:last-child:not(:only-child) slider {
+    margin: 0; }
+    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"));
+      background-position: left;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale.vertical trough:last-child:not(:only-child) slider {
+    margin: 0; }
+    scale.vertical trough:last-child:not(:only-child) slider:insensitive {
+      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"));
+      background-position: left;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale.vertical trough:last-child:not(:only-child) slider {
+    margin: 0; }
+    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"));
+      background-position: left;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale.vertical trough:last-child:not(:only-child) slider {
+    margin: 0; }
+    scale.vertical trough:last-child:not(:only-child) slider:backdrop:insensitive {
+      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"));
+      background-position: left;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale.vertical trough:first-child:not(:only-child) slider {
+    margin: 0; }
+    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"));
+      background-position: right;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale.vertical trough:first-child:not(:only-child) slider {
+    margin: 0; }
+    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"));
+      background-position: right;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale.vertical trough:first-child:not(:only-child) slider {
+    margin: 0; }
+    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"));
+      background-position: right;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale.vertical trough:first-child:not(:only-child) slider {
+    margin: 0; }
+    scale.vertical trough:first-child:not(:only-child) slider:insensitive {
+      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"));
+      background-position: right;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale.vertical trough:first-child:not(:only-child) slider {
+    margin: 0; }
+    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"));
+      background-position: right;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale.vertical trough:first-child:not(:only-child) slider {
+    margin: 0; }
+    scale.vertical trough:first-child:not(:only-child) slider:backdrop:insensitive {
+      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"));
+      background-position: right;
+      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 a3b3ad6..47ec4c3 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -3117,26 +3117,23 @@ scale highlight, progressbar progress {
 
 scale {
   -GtkScale-slider-length: 20;
-  -GtkRange-slider-width: 24;
+  -GtkRange-slider-width: 26;
   -GtkRange-trough-border: 2;
-  outline-offset: -9px;
+  outline-offset: -10px;
   outline-radius: 6px; }
   scale.fine-tune {
-    outline-offset: -7px;
+    outline-offset: -8px;
     outline-radius: 8px; }
-    scale.fine-tune trough,
-    scale.fine-tune fill,
-    scale.fine-tune highlight {
-      margin: 10px;
-      border-radius: 4px; }
-  scale trough,
-  scale fill,
-  scale highlight {
-    margin: 12px; }
+    scale.fine-tune trough {
+      margin: 11px; }
+      scale.fine-tune trough, scale.fine-tune trough fill, scale.fine-tune trough highlight {
+        border-radius: 4px; }
+  scale trough {
+    margin: 13px; }
   scale:not(.vertical) slider {
-    margin: 2px 0; }
+    margin: 3px 0; }
   scale.vertical slider {
-    margin: 0 2px; }
+    margin: 0 3px; }
   scale fill, scale fill:backdrop {
     background-color: #a1a1a1;
     box-shadow: none; }
@@ -3242,6 +3239,222 @@ scale {
         -gtk-icon-shadow: none; }
   scale marks {
     color: alpha(currentColor,0.4); }
+  scale trough:last-child:not(:only-child) slider {
+    margin: 0; }
+    scale 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"));
+      background-position: top;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale trough:last-child:not(:only-child) slider {
+    margin: 0; }
+    scale 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"));
+      background-position: top;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale trough:last-child:not(:only-child) slider {
+    margin: 0; }
+    scale 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"));
+      background-position: top;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale trough:last-child:not(:only-child) slider {
+    margin: 0; }
+    scale trough:last-child:not(:only-child) slider:insensitive {
+      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"));
+      background-position: top;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale trough:last-child:not(:only-child) slider {
+    margin: 0; }
+    scale 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"));
+      background-position: top;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale trough:last-child:not(:only-child) slider {
+    margin: 0; }
+    scale trough:last-child:not(:only-child) slider:backdrop:insensitive {
+      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"));
+      background-position: top;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale trough:first-child:not(:only-child) slider {
+    margin: 0; }
+    scale 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"));
+      background-position: bottom;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale trough:first-child:not(:only-child) slider {
+    margin: 0; }
+    scale 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"));
+      background-position: bottom;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale trough:first-child:not(:only-child) slider {
+    margin: 0; }
+    scale 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"));
+      background-position: bottom;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale trough:first-child:not(:only-child) slider {
+    margin: 0; }
+    scale trough:first-child:not(:only-child) slider:insensitive {
+      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"));
+      background-position: bottom;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale trough:first-child:not(:only-child) slider {
+    margin: 0; }
+    scale 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"));
+      background-position: bottom;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale trough:first-child:not(:only-child) slider {
+    margin: 0; }
+    scale trough:first-child:not(:only-child) slider:backdrop:insensitive {
+      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"));
+      background-position: bottom;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale.vertical trough:last-child:not(:only-child) slider {
+    margin: 0; }
+    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"));
+      background-position: left;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale.vertical trough:last-child:not(:only-child) slider {
+    margin: 0; }
+    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"));
+      background-position: left;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale.vertical trough:last-child:not(:only-child) slider {
+    margin: 0; }
+    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"));
+      background-position: left;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale.vertical trough:last-child:not(:only-child) slider {
+    margin: 0; }
+    scale.vertical trough:last-child:not(:only-child) slider:insensitive {
+      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"));
+      background-position: left;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale.vertical trough:last-child:not(:only-child) slider {
+    margin: 0; }
+    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"));
+      background-position: left;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale.vertical trough:last-child:not(:only-child) slider {
+    margin: 0; }
+    scale.vertical trough:last-child:not(:only-child) slider:backdrop:insensitive {
+      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"));
+      background-position: left;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale.vertical trough:first-child:not(:only-child) slider {
+    margin: 0; }
+    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"));
+      background-position: right;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale.vertical trough:first-child:not(:only-child) slider {
+    margin: 0; }
+    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"));
+      background-position: right;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale.vertical trough:first-child:not(:only-child) slider {
+    margin: 0; }
+    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"));
+      background-position: right;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale.vertical trough:first-child:not(:only-child) slider {
+    margin: 0; }
+    scale.vertical trough:first-child:not(:only-child) slider:insensitive {
+      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"));
+      background-position: right;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale.vertical trough:first-child:not(:only-child) slider {
+    margin: 0; }
+    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"));
+      background-position: right;
+      background-repeat: no-repeat;
+      box-shadow: none; }
+  scale.vertical trough:first-child:not(:only-child) slider {
+    margin: 0; }
+    scale.vertical trough:first-child:not(:only-child) slider:backdrop:insensitive {
+      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"));
+      background-position: right;
+      background-repeat: no-repeat;
+      box-shadow: none; }
 
 /*****************
  * Progress bars *