diff options
| author | raveit65 <[email protected]> | 2015-04-19 22:53:22 +0200 |
|---|---|---|
| committer | raveit65 <[email protected]> | 2015-04-19 22:53:22 +0200 |
| commit | 12d1dcbc29fd605996ae07db8852fbf58cc94a31 (patch) | |
| tree | 5af5aa3f0635e6ed6c60adba0d33b7647cc78e0d | |
| parent | c2585950b8deb13add51a569161ba8bcb8f77129 (diff) | |
| download | mate-themes-12d1dcbc29fd605996ae07db8852fbf58cc94a31.tar.bz2 mate-themes-12d1dcbc29fd605996ae07db8852fbf58cc94a31.tar.xz | |
Contrast High themes GTK+-3.16: support overshoot/undershoot functions
| -rw-r--r-- | desktop-themes/ContrastHigh/gtk-3.0/gtk-widgets.css | 61 | ||||
| -rw-r--r-- | desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css | 54 |
2 files changed, 115 insertions, 0 deletions
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 * *************/ diff --git a/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css b/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css index 1564e40a..15ae40fd 100644 --- a/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css @@ -198,6 +198,60 @@ GtkColorSwatch { color: @error_fg_color; } +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot { + 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 * *************/ |