diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/debian/changelog radiance-flat-colors-15.10.2~wily~NoobsLab.com/debian/changelog --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/debian/changelog 2015-10-21 13:45:41.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/debian/changelog 2015-10-30 10:45:40.000000000 +0000 @@ -1,3 +1,10 @@ +radiance-flat-colors (15.10.2~wily~NoobsLab.com) wily; urgency=low + + * Better OSD buttons (Better states) used in GTK 3.16 Image Viewer and other apps. + * Pretty overshoot and undershoot scrolling feedback added. + + -- Umair Riaz Fri, 30 Oct 2015 11:44:08 +0100 + radiance-flat-colors (15.10.1~wily~NoobsLab.com) wily; urgency=low * Fixes Grey bands when scrolling on some GTK 3.16 Apps (Gnome Rubber-band Issue) diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Aqua/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Aqua/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Aqua/gtk-3.0/gtk-widgets.css 2015-10-20 21:44:57.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Aqua/gtk-3.0/gtk-widgets.css 2015-10-30 00:19:00.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Aqua-Pro/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Aqua-Pro/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Aqua-Pro/gtk-3.0/gtk-widgets.css 2015-10-20 21:45:02.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Aqua-Pro/gtk-3.0/gtk-widgets.css 2015-10-30 00:19:07.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Blue/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Blue/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Blue/gtk-3.0/gtk-widgets.css 2015-10-20 21:45:07.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Blue/gtk-3.0/gtk-widgets.css 2015-10-30 00:19:15.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Blue-Pro/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Blue-Pro/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Blue-Pro/gtk-3.0/gtk-widgets.css 2015-10-20 21:45:12.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Blue-Pro/gtk-3.0/gtk-widgets.css 2015-10-30 00:19:23.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Blue-Spring/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Blue-Spring/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Blue-Spring/gtk-3.0/gtk-widgets.css 2015-10-20 21:45:20.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Blue-Spring/gtk-3.0/gtk-widgets.css 2015-10-30 00:19:31.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Blue-Spring-Pro/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Blue-Spring-Pro/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Blue-Spring-Pro/gtk-3.0/gtk-widgets.css 2015-10-20 21:45:27.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Blue-Spring-Pro/gtk-3.0/gtk-widgets.css 2015-10-30 00:19:37.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Brown/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Brown/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Brown/gtk-3.0/gtk-widgets.css 2015-10-20 21:45:34.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Brown/gtk-3.0/gtk-widgets.css 2015-10-30 00:19:45.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Brown-Pro/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Brown-Pro/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Brown-Pro/gtk-3.0/gtk-widgets.css 2015-10-20 21:45:38.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Brown-Pro/gtk-3.0/gtk-widgets.css 2015-10-30 00:19:53.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Graphite/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Graphite/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Graphite/gtk-3.0/gtk-widgets.css 2015-10-20 21:45:43.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Graphite/gtk-3.0/gtk-widgets.css 2015-10-30 00:20:02.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Graphite-Pro/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Graphite-Pro/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Graphite-Pro/gtk-3.0/gtk-widgets.css 2015-10-20 21:45:48.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Graphite-Pro/gtk-3.0/gtk-widgets.css 2015-10-30 00:20:09.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Green/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Green/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Green/gtk-3.0/gtk-widgets.css 2015-10-20 21:45:54.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Green/gtk-3.0/gtk-widgets.css 2015-10-30 00:20:14.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Green-Pro/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Green-Pro/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Green-Pro/gtk-3.0/gtk-widgets.css 2015-10-20 21:45:58.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Green-Pro/gtk-3.0/gtk-widgets.css 2015-10-30 00:20:20.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Manila/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Manila/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Manila/gtk-3.0/gtk-widgets.css 2015-10-20 21:46:02.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Manila/gtk-3.0/gtk-widgets.css 2015-10-30 00:20:26.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Manila-Pro/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Manila-Pro/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Manila-Pro/gtk-3.0/gtk-widgets.css 2015-10-20 21:46:07.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Manila-Pro/gtk-3.0/gtk-widgets.css 2015-10-30 00:20:33.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Orange/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Orange/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Orange/gtk-3.0/gtk-widgets.css 2015-10-20 21:46:11.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Orange/gtk-3.0/gtk-widgets.css 2015-10-30 00:20:38.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Orange-Pro/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Orange-Pro/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Orange-Pro/gtk-3.0/gtk-widgets.css 2015-10-20 21:46:16.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Orange-Pro/gtk-3.0/gtk-widgets.css 2015-10-30 00:20:45.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Pink/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Pink/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Pink/gtk-3.0/gtk-widgets.css 2015-10-20 21:46:21.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Pink/gtk-3.0/gtk-widgets.css 2015-10-30 00:20:58.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Pink-Pro/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Pink-Pro/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Pink-Pro/gtk-3.0/gtk-widgets.css 2015-10-20 21:46:25.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Pink-Pro/gtk-3.0/gtk-widgets.css 2015-10-30 00:21:05.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Purple/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Purple/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Purple/gtk-3.0/gtk-widgets.css 2015-10-20 21:46:30.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Purple/gtk-3.0/gtk-widgets.css 2015-10-30 00:21:11.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Purple-Pro/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Purple-Pro/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Purple-Pro/gtk-3.0/gtk-widgets.css 2015-10-20 21:46:39.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Purple-Pro/gtk-3.0/gtk-widgets.css 2015-10-30 00:21:18.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Red/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Red/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Red/gtk-3.0/gtk-widgets.css 2015-10-20 21:46:44.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Red/gtk-3.0/gtk-widgets.css 2015-10-30 00:21:24.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Red-Pro/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Red-Pro/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Red-Pro/gtk-3.0/gtk-widgets.css 2015-10-20 21:46:55.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Red-Pro/gtk-3.0/gtk-widgets.css 2015-10-30 00:21:31.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Teal/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Teal/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Teal/gtk-3.0/gtk-widgets.css 2015-10-20 21:47:02.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Teal/gtk-3.0/gtk-widgets.css 2015-10-30 00:21:37.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Teal-Pro/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Teal-Pro/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Teal-Pro/gtk-3.0/gtk-widgets.css 2015-10-20 21:47:08.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Teal-Pro/gtk-3.0/gtk-widgets.css 2015-10-30 00:21:44.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Yellow/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Yellow/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Yellow/gtk-3.0/gtk-widgets.css 2015-10-20 21:47:13.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Yellow/gtk-3.0/gtk-widgets.css 2015-10-30 00:21:53.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * diff -Nru radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Yellow-Pro/gtk-3.0/gtk-widgets.css radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Yellow-Pro/gtk-3.0/gtk-widgets.css --- radiance-flat-colors-15.10.1~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Yellow-Pro/gtk-3.0/gtk-widgets.css 2015-10-20 21:47:18.000000000 +0000 +++ radiance-flat-colors-15.10.2~wily~NoobsLab.com/Radiance-Flat-Colors/Radiance-Flat-Yellow-Pro/gtk-3.0/gtk-widgets.css 2015-10-30 00:22:07.000000000 +0000 @@ -2090,11 +2090,23 @@ transition: all 100ms ease-in-out; } +/* buttons that are not part of an osd toolbar need a background */ +.button.osd, +.button.osd:hover, +.button.osd:active { + background: @osd_bg_color; + padding: 12px; + box-shadow: none; + border-image: none; +} + +.button.osd:hover, .osd .button:hover { color: lighter(@osd_fg_color); icon-shadow: 0 0 3px @osd_fg_color; } +.button.osd:active, .osd .button:active { color: darker(@osd_fg_color); icon-shadow: none; @@ -2105,17 +2117,187 @@ margin-right: 9px; } -/* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { - background: @osd_bg_color; - padding: 12px; +/************************ + * overshoot/undershoot * + ************************/ + +/* displays at end of mouse scrolling */ +.overshoot.top { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center top, 0, + center top, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; box-shadow: none; - border-image: none; } -.button.osd:hover, +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, + center top, 0, + center top, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.6, + from(rgba(56, 73, 87, 0.17)), + to(rgba(56, 73, 87, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, + center bottom, 0, + center bottom, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 100% 5%; + 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + left center, 0, + left center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, + left center, 0, + left center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 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.5, + to(@overshoot_bg_color), + to(rgba(137, 158, 179, 0))), + -gtk-gradient(radial, + right center, 0, + right center, 0.6, + from(rgba(56, 73, 87, 0.07)), + to(rgba(56, 73, 87, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, + right center, 0, + right center, 0.5, + to(@overshoot_backdrop_bg_color), + to(rgba(131, 137, 145, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +/* 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; +} /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] *