diff options
| -rw-r--r-- | desktop-themes/Green-Submarine/gtk-3.0/scrollbar.css | 72 |
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); |