roundabout,
created on Wednesday, 3 August 2016, 13:38:12 (1470231492),
received on Sunday, 11 May 2025, 13:21:58 (1746969718)
Author identity: nana-4 <hnmaigo@gmail.com>
3091635b0a1fe6ea0bb9d27392f41d0ea41f4a3a
gtk-3.0/_common.scss
@@ -2493,7 +2493,7 @@ scrolledwindow {
// This is used when content is touch-dragged past boundaries.
// draws a box on top of the content, the size changes programmatically.
overshoot {
@at-root overshoot {
&.top { @include overshoot(top); }
&.bottom { @include overshoot(bottom); }
@@ -2504,7 +2504,7 @@ scrolledwindow {
}
// Overflow indication, works similarly to the overshoot, the size if fixed tho.
undershoot {
@at-root undershoot {
&.top { @include undershoot(top); }
&.bottom { @include undershoot(bottom); }
@@ -2514,7 +2514,7 @@ scrolledwindow {
&.right { @include undershoot(right); }
}
junction { // the small square between two scrollbars
@at-root junction { // the small square between two scrollbars
border-style: solid none none solid;
border-width: 1px;
border-color: $borders_color;
gtk-3.0/gtk-dark.css
@@ -2042,35 +2042,35 @@ actionbar > revealer > box {
scrolledwindow viewport.frame {
border-style: none; }
scrolledwindow overshoot.top {
overshoot.top {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
background-repeat: no-repeat;
background-position: center top;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow overshoot.bottom {
overshoot.bottom {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow overshoot.left {
overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow overshoot.right {
overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
background-repeat: no-repeat;
background-position: right center;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow undershoot.top {
undershoot.top {
background-color: transparent;
background-image: linear-gradient(to left, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
padding-top: 1px;
@@ -2078,7 +2078,7 @@ scrolledwindow undershoot.top {
background-repeat: repeat-x;
background-origin: content-box;
background-position: left top; }
scrolledwindow undershoot.bottom {
undershoot.bottom {
background-color: transparent;
background-image: linear-gradient(to left, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
padding-bottom: 1px;
@@ -2086,7 +2086,7 @@ scrolledwindow undershoot.bottom {
background-repeat: repeat-x;
background-origin: content-box;
background-position: left bottom; }
scrolledwindow undershoot.left {
undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
padding-left: 1px;
@@ -2094,7 +2094,7 @@ scrolledwindow undershoot.left {
background-repeat: repeat-y;
background-origin: content-box;
background-position: left top; }
scrolledwindow undershoot.right {
undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
padding-right: 1px;
@@ -2102,12 +2102,12 @@ scrolledwindow undershoot.right {
background-repeat: repeat-y;
background-origin: content-box;
background-position: right top; }
scrolledwindow junction {
junction {
border-style: solid none none solid;
border-width: 1px;
border-color: rgba(0, 0, 0, 0.2);
background-color: #546E7A; }
scrolledwindow junction:dir(rtl) {
junction:dir(rtl) {
border-style: solid solid none none; }
separator {
gtk-3.0/gtk-dark_laptop.css
@@ -2042,35 +2042,35 @@ actionbar > revealer > box {
scrolledwindow viewport.frame {
border-style: none; }
scrolledwindow overshoot.top {
overshoot.top {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
background-repeat: no-repeat;
background-position: center top;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow overshoot.bottom {
overshoot.bottom {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow overshoot.left {
overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow overshoot.right {
overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
background-repeat: no-repeat;
background-position: right center;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow undershoot.top {
undershoot.top {
background-color: transparent;
background-image: linear-gradient(to left, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
padding-top: 1px;
@@ -2078,7 +2078,7 @@ scrolledwindow undershoot.top {
background-repeat: repeat-x;
background-origin: content-box;
background-position: left top; }
scrolledwindow undershoot.bottom {
undershoot.bottom {
background-color: transparent;
background-image: linear-gradient(to left, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
padding-bottom: 1px;
@@ -2086,7 +2086,7 @@ scrolledwindow undershoot.bottom {
background-repeat: repeat-x;
background-origin: content-box;
background-position: left bottom; }
scrolledwindow undershoot.left {
undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
padding-left: 1px;
@@ -2094,7 +2094,7 @@ scrolledwindow undershoot.left {
background-repeat: repeat-y;
background-origin: content-box;
background-position: left top; }
scrolledwindow undershoot.right {
undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
padding-right: 1px;
@@ -2102,12 +2102,12 @@ scrolledwindow undershoot.right {
background-repeat: repeat-y;
background-origin: content-box;
background-position: right top; }
scrolledwindow junction {
junction {
border-style: solid none none solid;
border-width: 1px;
border-color: rgba(0, 0, 0, 0.2);
background-color: #546E7A; }
scrolledwindow junction:dir(rtl) {
junction:dir(rtl) {
border-style: solid solid none none; }
separator {
gtk-3.0/gtk.css
@@ -2042,35 +2042,35 @@ actionbar > revealer > box {
scrolledwindow viewport.frame {
border-style: none; }
scrolledwindow overshoot.top {
overshoot.top {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
background-repeat: no-repeat;
background-position: center top;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow overshoot.bottom {
overshoot.bottom {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow overshoot.left {
overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow overshoot.right {
overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
background-repeat: no-repeat;
background-position: right center;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow undershoot.top {
undershoot.top {
background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
padding-top: 1px;
@@ -2078,7 +2078,7 @@ scrolledwindow undershoot.top {
background-repeat: repeat-x;
background-origin: content-box;
background-position: left top; }
scrolledwindow undershoot.bottom {
undershoot.bottom {
background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
padding-bottom: 1px;
@@ -2086,7 +2086,7 @@ scrolledwindow undershoot.bottom {
background-repeat: repeat-x;
background-origin: content-box;
background-position: left bottom; }
scrolledwindow undershoot.left {
undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
padding-left: 1px;
@@ -2094,7 +2094,7 @@ scrolledwindow undershoot.left {
background-repeat: repeat-y;
background-origin: content-box;
background-position: left top; }
scrolledwindow undershoot.right {
undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
padding-right: 1px;
@@ -2102,12 +2102,12 @@ scrolledwindow undershoot.right {
background-repeat: repeat-y;
background-origin: content-box;
background-position: right top; }
scrolledwindow junction {
junction {
border-style: solid none none solid;
border-width: 1px;
border-color: rgba(0, 0, 0, 0.1);
background-color: #FFFFFF; }
scrolledwindow junction:dir(rtl) {
junction:dir(rtl) {
border-style: solid solid none none; }
separator {
gtk-3.0/gtk_laptop.css
@@ -2042,35 +2042,35 @@ actionbar > revealer > box {
scrolledwindow viewport.frame {
border-style: none; }
scrolledwindow overshoot.top {
overshoot.top {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
background-repeat: no-repeat;
background-position: center top;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow overshoot.bottom {
overshoot.bottom {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow overshoot.left {
overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow overshoot.right {
overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
background-repeat: no-repeat;
background-position: right center;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow undershoot.top {
undershoot.top {
background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
padding-top: 1px;
@@ -2078,7 +2078,7 @@ scrolledwindow undershoot.top {
background-repeat: repeat-x;
background-origin: content-box;
background-position: left top; }
scrolledwindow undershoot.bottom {
undershoot.bottom {
background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
padding-bottom: 1px;
@@ -2086,7 +2086,7 @@ scrolledwindow undershoot.bottom {
background-repeat: repeat-x;
background-origin: content-box;
background-position: left bottom; }
scrolledwindow undershoot.left {
undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
padding-left: 1px;
@@ -2094,7 +2094,7 @@ scrolledwindow undershoot.left {
background-repeat: repeat-y;
background-origin: content-box;
background-position: left top; }
scrolledwindow undershoot.right {
undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
padding-right: 1px;
@@ -2102,12 +2102,12 @@ scrolledwindow undershoot.right {
background-repeat: repeat-y;
background-origin: content-box;
background-position: right top; }
scrolledwindow junction {
junction {
border-style: solid none none solid;
border-width: 1px;
border-color: rgba(0, 0, 0, 0.1);
background-color: #FFFFFF; }
scrolledwindow junction:dir(rtl) {
junction:dir(rtl) {
border-style: solid solid none none; }
separator {