Gtk+-3.20 Green-Submarine: port scrollbar.css to GTK 3.20

1 files changed, 37 insertions, 35 deletions

diff --git a/desktop-themes/Green-Submarine/gtk-3.0/scrollbar.css b/desktop-themes/Green-Submarine/gtk-3.0/scrollbar.css
index 50e0e7de..ea2a721f 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/scrollbar.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/scrollbar.css
@@ -2,7 +2,7 @@
  * Scrollbars *
  **************/
 
-.scrollbar {
+scrollbar {
     background-image: none;
     border-style: solid;
     -GtkRange-stepper-size: 16;
@@ -21,7 +21,7 @@
 
  /* the small square between scrollbars!!!
      no borders with background-image */
-.scrollbars-junction {
+scrollbars-junction {
     background-image: linear-gradient(to bottom,
                                       shade(@theme_bg_color, 1.05),
                                       shade(@theme_bg_color, 1.05));
@@ -34,8 +34,8 @@
     box-shadow: none;
 }
 
-.scrollbar.trough,
-.scrollbar.trough.vertical {
+scrollbar trough,
+scrollbar.vertical trough {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@theme_bg_color, 0.98)),
                                      to (shade (@theme_bg_color, 1.06)));
@@ -49,7 +49,7 @@
     box-shadow: none;
 }
 
-.scrollbar.trough.horizontal {
+scrollbar.horizontal trough {
     background-image: -gtk-gradient (linear, left top, right top,
                                      from (shade (@theme_bg_color, 0.98)),
                                      to (shade (@theme_bg_color, 1.06)));
@@ -63,17 +63,18 @@
 }
 
 /* Sliders and buttons */
-.scrollbar.slider.vertical {
+scrollbar.vertical slider {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@theme_bg_color, 0.95)),
                                      to (shade (@theme_bg_color, 0.8)));
+	border-style:solid;
     border-color: shade (@theme_bg_color, 0.65);
     border-radius: 10px;
     border-width: 1px;
 }
 
-.scrollbar.slider.vertical:hover,
-.scrollbar.slider.vertical:hover:active {
+scrollbar.vertical slider:hover,
+scrollbar.vertical slider:hover:active {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@theme_bg_color, 0.85)),
                                      to (shade (@theme_bg_color, 0.7)));
@@ -81,17 +82,18 @@
     border-width: 0 0 0 0;
 }
 
-.scrollbar.slider.horizontal {
+scrollbar.horizontal slider {
     background-image: -gtk-gradient (linear, left top, right top,
                                      from (shade (@theme_bg_color, 0.95)),
                                      to (shade (@theme_bg_color, 0.8)));
+	border-style:solid;
     border-color: shade (@theme_bg_color, 0.65);
     border-radius: 10px;
     border-width: 1px;
 }
 
-.scrollbar.slider.horizontal:hover,
-.scrollbar.slider.horizontal:hover:active {
+scrollbar.horizontal slider:hover,
+scrollbar.horizontal slider:hover:active {
     background-image: -gtk-gradient (linear, left top, right top,
                                      from (shade (@theme_bg_color, 0.85)),
                                      to (shade (@theme_bg_color, 0.7)));
@@ -99,18 +101,18 @@
     border-width: 0 0 0 0;
 }
 
-.scrollbar.slider:insensitive {
+scrollbar slider:disabled {
     background-color: shade (@theme_bg_color, 0.9);
 }
 
-.scrollbar.trough:insensitive {
+scrollbar trough:disabled {
     background-color: shade (@theme_bg_color, 1.06);
 }
 
-.scrollbar.button,
-.scrollbar.button:hover,
-.scrollbar.button:hover:active,
-.scrollbar.button:insensitive {
+scrollbar button,
+scrollbar button:hover,
+scrollbar button:hover:active,
+scrollbar button:disabled {
     box-shadow: none;
     border-style: none;
     border-image: none;
@@ -119,44 +121,44 @@
     background-color: transparent;
 }
 
-.scrollbar.button:hover,
-.scrollbar.button:hover:active {
+scrollbar button:hover,
+scrollbar button:hover:active {
     background-color: alpha(shade(@scrollbar_trough, 0.8), 0.5);
 }
-
-.scrollbar.button.top:hover {
+/* -gtk-image-effect is an invalid property name in GTK 3.20
+scrollbar.button.top:hover {
     box-shadow: none;
     -gtk-image-effect: highlight;
 }
 
-.scrollbar.button.bottom:hover {
+scrollbar.button.bottom:hover {
     box-shadow: none;
     -gtk-image-effect: highlight;
 }
 
-.scrollbar.button.right:hover {
+scrollbar.button.right:hover {
     box-shadow: none;
     -gtk-image-effect: highlight;
 }
 
-.scrollbar.button.left:hover {
+scrollbar.button.left:hover {
     box-shadow: none;
     -gtk-image-effect: highlight;
 }
-
-.scrollbar.button {
+*/
+scrollbar button {
     color: @theme_fg_color;
 }
 
-.scrollbar.button:hover {
+scrollbar button:hover {
     color: @theme_fg_color;
 }
 
-.scrollbar.button:insensitive {
+scrollbar button:disabled {
     color: @insensitive_fg_color;
 }
 
-.scrollbar.slider.fine-tune:prelight:active {
+scrollbar slider.fine-tune:hover:active {
     background-image: url("assets/slider_fine_horizontal.svg"),
                       linear-gradient(to top,
                                       shade(@scrollbar_slider, 0.9),
@@ -170,7 +172,7 @@
     border-width: 1px;
 }
 
-.scrollbar.slider.vertical.fine-tune:prelight:active {
+scrollbar slider.vertical.fine-tune:hover:active {
     background-image: url("assets/slider_fine_vertical.svg"),
                       linear-gradient(to left,
                                       shade(@scrollbar_slider, 0.9),
@@ -184,7 +186,7 @@
     border-width: 1px;
 }
 
-.scrollbar.slider.fine-tune:prelight:active {
+scrollbar slider.fine-tune:hover:active {
     background-image: url("assets/slider_fine_horizontal.svg"),
                       linear-gradient(to top,
                                       shade(@scrollbar_slider, 0.9),
@@ -198,7 +200,7 @@
     border-width: 1px;
 }
 
-.scrollbar.slider.vertical.fine-tune:prelight:active {
+scrollbar slider.vertical.fine-tune:hover:active {
     background-image: url("assets/slider_fine_vertical.svg"),
                       linear-gradient(to left,
                                       shade(@scrollbar_slider, 0.9),
@@ -227,15 +229,15 @@ OsScrollbar:active {
     background-color: shade (@theme_bg_color, 0.6);
 }
 
-OsThumb:insensitive,
-OsScrollbar:insensitive {
+OsThumb:disabled,
+OsScrollbar:disabled {
     background-color: shade (@theme_bg_color, 0.85);
 }
 
 /*******************
  * scrolled window *
  *******************/
-GtkScrolledWindow.frame {
+scrolledwindow.frame {
     border-top-color: shade (@theme_bg_color, 0.84);
     border-right-color: shade (@theme_bg_color, 0.76);
     border-bottom-color: shade (@theme_bg_color, 0.86);