From ee505bbbe0b4f9e442140644d1284494007815ff Mon Sep 17 00:00:00 2001 From: raveit65 Date: Sun, 19 Apr 2015 22:53:22 +0200 Subject: Contrast High themes GTK+-3.16: support overshoot/undershoot functions --- .../ContrastHigh/gtk-3.0/gtk-widgets.css | 61 ++++++++++++++++++++++ 1 file changed, 61 insertions(+) (limited to 'desktop-themes/ContrastHigh') diff --git a/desktop-themes/ContrastHigh/gtk-3.0/gtk-widgets.css b/desktop-themes/ContrastHigh/gtk-3.0/gtk-widgets.css index f0c2850d..506dc3b5 100644 --- a/desktop-themes/ContrastHigh/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/ContrastHigh/gtk-3.0/gtk-widgets.css @@ -198,6 +198,67 @@ GtkColorSwatch { color: @error_fg_color; } +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top, +.overshoot.bottom, +.overshoot.left, +.overshoot.right, +.overshoot.top:backdrop, +.overshoot.bottom:backdrop, +.overshoot.left:backdrop, +.overshoot.right:backdrop { + background-color: alpha (@theme_active_color, 0.35); +} + +/* result is disable undershoot */ +.undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, + rgba(255, 255, 255, 0.2) 50%, + rgba(0, 0, 0, 0.2) 50%); + background-size: 10px 0px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; +} + +.undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, + rgba(255, 255, 255, 0.2) 50%, + rgba(0, 0, 0, 0.2) 50%); + background-size: 10px 0px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; +} + +.undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, + rgba(255, 255, 255, 0.2) 50%, + rgba(0, 0, 0, 0.2) 50%); + background-size: 0px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; +} + +.undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, + rgba(255, 255, 255, 0.2) 50%, + rgba(0, 0, 0, 0.2) 50%); + background-size: 0px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; +} + /************* * Level bar * *************/ -- cgit v1.2.1