profile-image

sadi

Sadi Yumu┼čak Istanbul, Turkey
Ashes Theme GTK3 Themes
Jan 02 2017
Ashes Theme GTK3 Themes
Jan 02 2017
Ashes Theme GTK3 Themes
Dec 29 2016
Ashes Theme GTK3 Themes
Aug 06 2016
Vivacious Icon Suite Icon Themes
Apr 30 2016
Vivacious Icon Suite Icon Themes
Apr 30 2016
Ultimate Serie for right handed Cursors
Apr 10 2016
Alkano All In One Cursors
Apr 10 2016
GTX GTK3 Themes
Mar 10 2016
GTX GTK3 Themes
Mar 10 2016
GTX GTK3 Themes
Mar 07 2016
GTX GTK3 Themes
Adding the following to gtk-widgets.css enables the new overshoot/undershoot effect when scrolling:
Quote:

.overshoot {
background-color: rgba(64, 128, 251, 0.2); }

.overshoot.top {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(64, 128, 251, 0.2)), to(rgba(64, 128, 251, 0)));
background-size: 100% 60%;
background-repeat: no-repeat;
background-position: center top;
background-color: transparent;
border: none;
box-shadow: none; }

.overshoot.bottom {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(64, 128, 251, 0.2)), to(rgba(64, 128, 251, 0)));
background-size: 100% 60%;
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
border: none;
box-shadow: none; }

.overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(64, 128, 251, 0.2)), to(rgba(64, 128, 251, 0)));
background-size: 60% 100%;
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
border: none;
box-shadow: none; }

.overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(64, 128, 251, 0.2)), to(rgba(64, 128, 251, 0)));
background-size: 60% 100%;
background-repeat: no-repeat;
background-position: right center;
background-color: transparent;
border: none;
box-shadow: none; }

.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%);
padding-top: 1px;
background-size: 10px 1px;
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%);
padding-bottom: 1px;
background-size: 10px 1px;
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%);
padding-left: 1px;
background-size: 1px 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%);
padding-right: 1px;
background-size: 1px 10px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: right center; }

PS: I don't know how to enter code in comments here better than this "quote" format that removes indenting : -(
Mar 06 2016
GTX GTK3 Themes
Mar 06 2016
GTX GTK3 Themes
Mar 06 2016
SnowBird GTK3 Themes
Nov 15 2015