summaryrefslogtreecommitdiff
path: root/desktop-themes/Green-Submarine/gtk-3.0
diff options
context:
space:
mode:
authorlukefromdc <[email protected]>2016-01-26 02:16:07 -0500
committerWolfgang Ulbrich <[email protected]>2016-01-27 22:12:56 +0100
commit21a3a3fd9840e29d83289c9bbfcc40300a6b273c (patch)
tree14603dbff5bbcbd4bbfd17dca33065e1df7490f3 /desktop-themes/Green-Submarine/gtk-3.0
parente4d03c56f229ef23e48124514402c53341e22971 (diff)
downloadmate-themes-21a3a3fd9840e29d83289c9bbfcc40300a6b273c.tar.bz2
mate-themes-21a3a3fd9840e29d83289c9bbfcc40300a6b273c.tar.xz
Gtk+-3.20 Green-Submarine: port scrollbar.css to GTK 3.20
Diffstat (limited to 'desktop-themes/Green-Submarine/gtk-3.0')
-rw-r--r--desktop-themes/Green-Submarine/gtk-3.0/scrollbar.css72
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);