roundabout,
created on Sunday, 7 August 2016, 19:02:20 (1470596540),
received on Sunday, 11 May 2025, 13:21:58 (1746969718)
Author identity: nana-4 <hnmaigo@gmail.com>
4cfdc805c985913a1ca0dc313cf2254668311613
gtk-3.0/_apps.scss
@@ -294,7 +294,7 @@ notebook > stack:not(:only-child) revealer .gedit-search-slider .linked:not(.ver
.tweak.title {
// padding-top: 10px;
&:hover { background-image: none; }
&:hover { box-shadow: none; }
}
.tweak-titlebar-left:dir(ltr),
gtk-3.0/_common.scss
@@ -2601,27 +2601,24 @@ list {
}
row {
transition: $material_transition;
&:hover { transition: none; }
&.activatable {
transition: $material_transition;
box-shadow: inset 0 0 0 10000px gtkalpha(currentColor, 0);
background-image: radial-gradient(circle farthest-corner at center,
gtkalpha(currentColor, 0) 100%,
transparent 0%),
image(gtkalpha(currentColor, 0));
&:hover {
background-image: radial-gradient(circle farthest-corner at center,
gtkalpha(currentColor, 0) 100%,
transparent 0%),
image(gtkalpha(currentColor, 0.05));
transition: $material_transition, box-shadow 0;
box-shadow: inset 0 0 0 10000px gtkalpha(currentColor, 0.05);
}
&.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411
&:active {
transition: $material_transition, background-image 0;
animation: row_ripple_effect $material_slower $material_ease_out forwards;
box-shadow: inset 0 0 0 10000px gtkalpha(currentColor, $lower_opacity / 2);
}
}
gtk-3.0/_drawing.scss
@@ -56,14 +56,14 @@ $z-depth-5: 0 19px 19px rgba(0, 0, 0, 0.30), 0 15px 6px rgba(0, 0, 0, 0.22);
background-image: radial-gradient(circle farthest-corner at center,
gtkalpha(currentColor, $lower_opacity / 2) 0%,
transparent 0%),
image(gtkalpha(currentColor, 0.05));
image(gtkalpha(currentColor, 0));
}
to {
background-image: radial-gradient(circle farthest-corner at center,
gtkalpha(currentColor, $lower_opacity / 2) 100%,
transparent 0%),
image(gtkalpha(currentColor, $lower_opacity / 2));
image(gtkalpha(currentColor, 0));
}
}
gtk-3.0/gtk-dark.css
@@ -10,9 +10,9 @@
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 100%, transparent 0%), image(alpha(currentColor, 0.15)); } }
@keyframes row_ripple_effect {
from {
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 0%, transparent 0%), image(alpha(currentColor, 0.05)); }
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 0%, transparent 0%), image(alpha(currentColor, 0)); }
to {
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 100%, transparent 0%), image(alpha(currentColor, 0.15)); } }
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 100%, transparent 0%), image(alpha(currentColor, 0)); } }
@keyframes tab_ripple_effect {
from {
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 165, 245, 0.6) 0%, transparent 0%); }
@@ -2152,17 +2152,17 @@ list {
list row {
padding: 2px; }
row {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0; }
row:hover {
transition: none; }
row.activatable, .view, iconview, treeview.view header button {
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0)); }
row.activatable:hover, .view:hover, iconview:hover, treeview.view header button:hover {
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0.05)); }
row.activatable.has-open-popup, .has-open-popup.view, iconview.has-open-popup, treeview.view header button.has-open-popup, row.activatable:active, .view:active, iconview:active, treeview.view header button:active {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, background-image 0;
animation: row_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
row.activatable, .view, iconview, treeview.view header button {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
box-shadow: inset 0 0 0 10000px alpha(currentColor, 0);
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0)); }
row.activatable:hover, .view:hover, iconview:hover, treeview.view header button:hover {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, box-shadow 0;
box-shadow: inset 0 0 0 10000px alpha(currentColor, 0.05); }
row.activatable.has-open-popup, .has-open-popup.view, iconview.has-open-popup, treeview.view header button.has-open-popup, row.activatable:active, .view:active, iconview:active, treeview.view header button:active {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, background-image 0;
animation: row_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
box-shadow: inset 0 0 0 10000px alpha(currentColor, 0.15); }
/*********************
* App Notifications *
@@ -2754,7 +2754,7 @@ notebook > stack:not(:only-child) revealer .gedit-search-slider .linked:not(.ver
padding: 3px; }
.tweak.title:hover {
background-image: none; }
box-shadow: none; }
.tweak-group-white,
.tweak-white,
gtk-3.0/gtk-dark_laptop.css
@@ -10,9 +10,9 @@
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 100%, transparent 0%), image(alpha(currentColor, 0.15)); } }
@keyframes row_ripple_effect {
from {
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 0%, transparent 0%), image(alpha(currentColor, 0.05)); }
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 0%, transparent 0%), image(alpha(currentColor, 0)); }
to {
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 100%, transparent 0%), image(alpha(currentColor, 0.15)); } }
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 100%, transparent 0%), image(alpha(currentColor, 0)); } }
@keyframes tab_ripple_effect {
from {
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 165, 245, 0.6) 0%, transparent 0%); }
@@ -2152,17 +2152,17 @@ list {
list row {
padding: 2px; }
row {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0; }
row:hover {
transition: none; }
row.activatable, .view, iconview, treeview.view header button {
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0)); }
row.activatable:hover, .view:hover, iconview:hover, treeview.view header button:hover {
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0.05)); }
row.activatable.has-open-popup, .has-open-popup.view, iconview.has-open-popup, treeview.view header button.has-open-popup, row.activatable:active, .view:active, iconview:active, treeview.view header button:active {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, background-image 0;
animation: row_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
row.activatable, .view, iconview, treeview.view header button {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
box-shadow: inset 0 0 0 10000px alpha(currentColor, 0);
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0)); }
row.activatable:hover, .view:hover, iconview:hover, treeview.view header button:hover {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, box-shadow 0;
box-shadow: inset 0 0 0 10000px alpha(currentColor, 0.05); }
row.activatable.has-open-popup, .has-open-popup.view, iconview.has-open-popup, treeview.view header button.has-open-popup, row.activatable:active, .view:active, iconview:active, treeview.view header button:active {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, background-image 0;
animation: row_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
box-shadow: inset 0 0 0 10000px alpha(currentColor, 0.15); }
/*********************
* App Notifications *
@@ -2754,7 +2754,7 @@ notebook > stack:not(:only-child) revealer .gedit-search-slider .linked:not(.ver
padding: 3px; }
.tweak.title:hover {
background-image: none; }
box-shadow: none; }
.tweak-group-white,
.tweak-white,
gtk-3.0/gtk.css
@@ -10,9 +10,9 @@
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 100%, transparent 0%), image(alpha(currentColor, 0.15)); } }
@keyframes row_ripple_effect {
from {
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 0%, transparent 0%), image(alpha(currentColor, 0.05)); }
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 0%, transparent 0%), image(alpha(currentColor, 0)); }
to {
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 100%, transparent 0%), image(alpha(currentColor, 0.15)); } }
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 100%, transparent 0%), image(alpha(currentColor, 0)); } }
@keyframes tab_ripple_effect {
from {
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 165, 245, 0.6) 0%, transparent 0%); }
@@ -2152,17 +2152,17 @@ list {
list row {
padding: 2px; }
row {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0; }
row:hover {
transition: none; }
row.activatable, .view, iconview, treeview.view header button {
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0)); }
row.activatable:hover, .view:hover, iconview:hover, treeview.view header button:hover {
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0.05)); }
row.activatable.has-open-popup, .has-open-popup.view, iconview.has-open-popup, treeview.view header button.has-open-popup, row.activatable:active, .view:active, iconview:active, treeview.view header button:active {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, background-image 0;
animation: row_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
row.activatable, .view, iconview, treeview.view header button {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
box-shadow: inset 0 0 0 10000px alpha(currentColor, 0);
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0)); }
row.activatable:hover, .view:hover, iconview:hover, treeview.view header button:hover {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, box-shadow 0;
box-shadow: inset 0 0 0 10000px alpha(currentColor, 0.05); }
row.activatable.has-open-popup, .has-open-popup.view, iconview.has-open-popup, treeview.view header button.has-open-popup, row.activatable:active, .view:active, iconview:active, treeview.view header button:active {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, background-image 0;
animation: row_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
box-shadow: inset 0 0 0 10000px alpha(currentColor, 0.15); }
/*********************
* App Notifications *
@@ -2754,7 +2754,7 @@ notebook > stack:not(:only-child) revealer .gedit-search-slider .linked:not(.ver
padding: 3px; }
.tweak.title:hover {
background-image: none; }
box-shadow: none; }
.tweak-group-white,
.tweak-white,
gtk-3.0/gtk_laptop.css
@@ -10,9 +10,9 @@
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 100%, transparent 0%), image(alpha(currentColor, 0.15)); } }
@keyframes row_ripple_effect {
from {
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 0%, transparent 0%), image(alpha(currentColor, 0.05)); }
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 0%, transparent 0%), image(alpha(currentColor, 0)); }
to {
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 100%, transparent 0%), image(alpha(currentColor, 0.15)); } }
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 100%, transparent 0%), image(alpha(currentColor, 0)); } }
@keyframes tab_ripple_effect {
from {
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 165, 245, 0.6) 0%, transparent 0%); }
@@ -2152,17 +2152,17 @@ list {
list row {
padding: 2px; }
row {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0; }
row:hover {
transition: none; }
row.activatable, .view, iconview, treeview.view header button {
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0)); }
row.activatable:hover, .view:hover, iconview:hover, treeview.view header button:hover {
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0.05)); }
row.activatable.has-open-popup, .has-open-popup.view, iconview.has-open-popup, treeview.view header button.has-open-popup, row.activatable:active, .view:active, iconview:active, treeview.view header button:active {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, background-image 0;
animation: row_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
row.activatable, .view, iconview, treeview.view header button {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
box-shadow: inset 0 0 0 10000px alpha(currentColor, 0);
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0)); }
row.activatable:hover, .view:hover, iconview:hover, treeview.view header button:hover {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, box-shadow 0;
box-shadow: inset 0 0 0 10000px alpha(currentColor, 0.05); }
row.activatable.has-open-popup, .has-open-popup.view, iconview.has-open-popup, treeview.view header button.has-open-popup, row.activatable:active, .view:active, iconview:active, treeview.view header button:active {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, background-image 0;
animation: row_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
box-shadow: inset 0 0 0 10000px alpha(currentColor, 0.15); }
/*********************
* App Notifications *
@@ -2754,7 +2754,7 @@ notebook > stack:not(:only-child) revealer .gedit-search-slider .linked:not(.ver
padding: 3px; }
.tweak.title:hover {
background-image: none; }
box-shadow: none; }
.tweak-group-white,
.tweak-white,