Archives/horst3180_arc-theme
1
0
Fork 0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00
Code Issues Projects Releases Wiki Activity

refactoring

Browse Source
This commit is contained in:
Horst3180 2016-03-21 21:59:14 +01:00
parent 770bcd460f
commit 8b4ed4c295
7 changed files with 113 additions and 123 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
common/gtk-3.0/3.20/gtk-dark.css
View File

@ -450,21 +450,16 @@ button {
.stack-switcher > button.image-button { .stack-switcher > button.image-button {
padding-left: 2px; padding-left: 2px;
padding-right: 2px; } padding-right: 2px; }
.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image {
.stack-switcher > button.needs-attention:active > image,
.stack-switcher > button.needs-attention:checked > label,
.stack-switcher > button.needs-attention:checked > image {
animation: none; animation: none;
background-image: none; } background-image: none; }
.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
.stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
animation: needs_attention 150ms ease-in; animation: needs_attention 150ms ease-in;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent));
background-size: 6px 6px, 6px 6px; background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right 3px, right 2px; } background-position: right 3px, right 2px; }
.stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
.stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
background-position: left 3px, left 2px; } background-position: left 3px, left 2px; }
.inline-toolbar button, .inline-toolbar button:backdrop { .inline-toolbar button, .inline-toolbar button:backdrop {
border-radius: 2px; border-radius: 2px;
@ -2138,10 +2133,10 @@ frame > border,
.frame.flat { .frame.flat {
border-style: none; } border-style: none; }
scrolledwindow viewport.frame, placessidebar viewport.frame { scrolledwindow viewport.frame {
border-style: none; } border-style: none; }
scrolledwindow overshoot.top, placessidebar overshoot.top { scrolledwindow overshoot.top {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 100% 60%; background-size: 100% 60%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2150,7 +2145,7 @@ scrolledwindow overshoot.top, placessidebar overshoot.top {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { scrolledwindow overshoot.bottom {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 100% 60%; background-size: 100% 60%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2159,7 +2154,7 @@ scrolledwindow overshoot.bottom, placessidebar overshoot.bottom {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.left, placessidebar overshoot.left { scrolledwindow overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 60% 100%; background-size: 60% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2168,7 +2163,7 @@ scrolledwindow overshoot.left, placessidebar overshoot.left {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.right, placessidebar overshoot.right { scrolledwindow overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 60% 100%; background-size: 60% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2177,7 +2172,7 @@ scrolledwindow overshoot.right, placessidebar overshoot.right {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow undershoot.top, placessidebar undershoot.top { scrolledwindow undershoot.top {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-top: 1px; padding-top: 1px;
@ -2187,7 +2182,7 @@ scrolledwindow undershoot.top, placessidebar undershoot.top {
background-position: center top; background-position: center top;
border: none; } border: none; }
scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { scrolledwindow undershoot.bottom {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-bottom: 1px; padding-bottom: 1px;
@ -2197,7 +2192,7 @@ scrolledwindow undershoot.bottom, placessidebar undershoot.bottom {
background-position: center bottom; background-position: center bottom;
border: none; } border: none; }
scrolledwindow undershoot.left, placessidebar undershoot.left { scrolledwindow undershoot.left {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-left: 1px; padding-left: 1px;
@ -2207,7 +2202,7 @@ scrolledwindow undershoot.left, placessidebar undershoot.left {
background-position: left center; background-position: left center;
border: none; } border: none; }
scrolledwindow undershoot.right, placessidebar undershoot.right { scrolledwindow undershoot.right {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-right: 1px; padding-right: 1px;
@ -2217,11 +2212,11 @@ scrolledwindow undershoot.right, placessidebar undershoot.right {
background-position: right center; background-position: right center;
border: none; } border: none; }
scrolledwindow junction, placessidebar junction { scrolledwindow junction {
border-color: transparent; border-color: transparent;
border-image: linear-gradient(to bottom, #2b2e39 1px, transparent 1px) 0 0 0 1/0 1px stretch; border-image: linear-gradient(to bottom, #2b2e39 1px, transparent 1px) 0 0 0 1/0 1px stretch;
background-color: #3e434f; } background-color: #3e434f; }
scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { scrolledwindow junction:dir(rtl) {
border-image-slice: 0 1 0 0; } border-image-slice: 0 1 0 0; }
separator, .sidebar separator { separator, .sidebar separator {
@ -2391,6 +2386,9 @@ stacksidebar row {
stacksidebar row.needs-attention > label { stacksidebar row.needs-attention > label {
background-size: 6px 6px, 0 0; } background-size: 6px 6px, 0 0; }
placessidebar > viewport.frame {
border-style: none; }
placessidebar list { placessidebar list {
background-color: transparent; } background-color: transparent; }

36
common/gtk-3.0/3.20/gtk-darker.css
View File

@ -449,21 +449,16 @@ button {
.stack-switcher > button.image-button { .stack-switcher > button.image-button {
padding-left: 2px; padding-left: 2px;
padding-right: 2px; } padding-right: 2px; }
.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image {
.stack-switcher > button.needs-attention:active > image,
.stack-switcher > button.needs-attention:checked > label,
.stack-switcher > button.needs-attention:checked > image {
animation: none; animation: none;
background-image: none; } background-image: none; }
.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
.stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
animation: needs_attention 150ms ease-in; animation: needs_attention 150ms ease-in;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent));
background-size: 6px 6px, 6px 6px; background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right 3px, right 4px; } background-position: right 3px, right 4px; }
.stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
.stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
background-position: left 3px, left 4px; } background-position: left 3px, left 4px; }
.inline-toolbar button, .inline-toolbar button:backdrop { .inline-toolbar button, .inline-toolbar button:backdrop {
border-radius: 2px; border-radius: 2px;
@ -2137,10 +2132,10 @@ frame > border,
.frame.flat { .frame.flat {
border-style: none; } border-style: none; }
scrolledwindow viewport.frame, placessidebar viewport.frame { scrolledwindow viewport.frame {
border-style: none; } border-style: none; }
scrolledwindow overshoot.top, placessidebar overshoot.top { scrolledwindow overshoot.top {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 100% 60%; background-size: 100% 60%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2149,7 +2144,7 @@ scrolledwindow overshoot.top, placessidebar overshoot.top {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { scrolledwindow overshoot.bottom {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 100% 60%; background-size: 100% 60%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2158,7 +2153,7 @@ scrolledwindow overshoot.bottom, placessidebar overshoot.bottom {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.left, placessidebar overshoot.left { scrolledwindow overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 60% 100%; background-size: 60% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2167,7 +2162,7 @@ scrolledwindow overshoot.left, placessidebar overshoot.left {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.right, placessidebar overshoot.right { scrolledwindow overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 60% 100%; background-size: 60% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2176,7 +2171,7 @@ scrolledwindow overshoot.right, placessidebar overshoot.right {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow undershoot.top, placessidebar undershoot.top { scrolledwindow undershoot.top {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-top: 1px; padding-top: 1px;
@ -2186,7 +2181,7 @@ scrolledwindow undershoot.top, placessidebar undershoot.top {
background-position: center top; background-position: center top;
border: none; } border: none; }
scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { scrolledwindow undershoot.bottom {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-bottom: 1px; padding-bottom: 1px;
@ -2196,7 +2191,7 @@ scrolledwindow undershoot.bottom, placessidebar undershoot.bottom {
background-position: center bottom; background-position: center bottom;
border: none; } border: none; }
scrolledwindow undershoot.left, placessidebar undershoot.left { scrolledwindow undershoot.left {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-left: 1px; padding-left: 1px;
@ -2206,7 +2201,7 @@ scrolledwindow undershoot.left, placessidebar undershoot.left {
background-position: left center; background-position: left center;
border: none; } border: none; }
scrolledwindow undershoot.right, placessidebar undershoot.right { scrolledwindow undershoot.right {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-right: 1px; padding-right: 1px;
@ -2216,11 +2211,11 @@ scrolledwindow undershoot.right, placessidebar undershoot.right {
background-position: right center; background-position: right center;
border: none; } border: none; }
scrolledwindow junction, placessidebar junction { scrolledwindow junction {
border-color: transparent; border-color: transparent;
border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch;
background-color: #fcfcfc; } background-color: #fcfcfc; }
scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { scrolledwindow junction:dir(rtl) {
border-image-slice: 0 1 0 0; } border-image-slice: 0 1 0 0; }
separator, .sidebar separator { separator, .sidebar separator {
@ -2390,6 +2385,9 @@ stacksidebar row {
stacksidebar row.needs-attention > label { stacksidebar row.needs-attention > label {
background-size: 6px 6px, 0 0; } background-size: 6px 6px, 0 0; }
placessidebar > viewport.frame {
border-style: none; }
placessidebar list { placessidebar list {
background-color: transparent; } background-color: transparent; }

36
common/gtk-3.0/3.20/gtk-solid-dark.css
View File

@ -450,21 +450,16 @@ button {
.stack-switcher > button.image-button { .stack-switcher > button.image-button {
padding-left: 2px; padding-left: 2px;
padding-right: 2px; } padding-right: 2px; }
.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image {
.stack-switcher > button.needs-attention:active > image,
.stack-switcher > button.needs-attention:checked > label,
.stack-switcher > button.needs-attention:checked > image {
animation: none; animation: none;
background-image: none; } background-image: none; }
.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
.stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
animation: needs_attention 150ms ease-in; animation: needs_attention 150ms ease-in;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent));
background-size: 6px 6px, 6px 6px; background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right 3px, right 2px; } background-position: right 3px, right 2px; }
.stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
.stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
background-position: left 3px, left 2px; } background-position: left 3px, left 2px; }
.inline-toolbar button, .inline-toolbar button:backdrop { .inline-toolbar button, .inline-toolbar button:backdrop {
border-radius: 2px; border-radius: 2px;
@ -2138,10 +2133,10 @@ frame > border,
.frame.flat { .frame.flat {
border-style: none; } border-style: none; }
scrolledwindow viewport.frame, placessidebar viewport.frame { scrolledwindow viewport.frame {
border-style: none; } border-style: none; }
scrolledwindow overshoot.top, placessidebar overshoot.top { scrolledwindow overshoot.top {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 100% 60%; background-size: 100% 60%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2150,7 +2145,7 @@ scrolledwindow overshoot.top, placessidebar overshoot.top {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { scrolledwindow overshoot.bottom {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 100% 60%; background-size: 100% 60%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2159,7 +2154,7 @@ scrolledwindow overshoot.bottom, placessidebar overshoot.bottom {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.left, placessidebar overshoot.left { scrolledwindow overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 60% 100%; background-size: 60% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2168,7 +2163,7 @@ scrolledwindow overshoot.left, placessidebar overshoot.left {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.right, placessidebar overshoot.right { scrolledwindow overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 60% 100%; background-size: 60% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2177,7 +2172,7 @@ scrolledwindow overshoot.right, placessidebar overshoot.right {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow undershoot.top, placessidebar undershoot.top { scrolledwindow undershoot.top {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-top: 1px; padding-top: 1px;
@ -2187,7 +2182,7 @@ scrolledwindow undershoot.top, placessidebar undershoot.top {
background-position: center top; background-position: center top;
border: none; } border: none; }
scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { scrolledwindow undershoot.bottom {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-bottom: 1px; padding-bottom: 1px;
@ -2197,7 +2192,7 @@ scrolledwindow undershoot.bottom, placessidebar undershoot.bottom {
background-position: center bottom; background-position: center bottom;
border: none; } border: none; }
scrolledwindow undershoot.left, placessidebar undershoot.left { scrolledwindow undershoot.left {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-left: 1px; padding-left: 1px;
@ -2207,7 +2202,7 @@ scrolledwindow undershoot.left, placessidebar undershoot.left {
background-position: left center; background-position: left center;
border: none; } border: none; }
scrolledwindow undershoot.right, placessidebar undershoot.right { scrolledwindow undershoot.right {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-right: 1px; padding-right: 1px;
@ -2217,11 +2212,11 @@ scrolledwindow undershoot.right, placessidebar undershoot.right {
background-position: right center; background-position: right center;
border: none; } border: none; }
scrolledwindow junction, placessidebar junction { scrolledwindow junction {
border-color: transparent; border-color: transparent;
border-image: linear-gradient(to bottom, #2b2e39 1px, transparent 1px) 0 0 0 1/0 1px stretch; border-image: linear-gradient(to bottom, #2b2e39 1px, transparent 1px) 0 0 0 1/0 1px stretch;
background-color: #3e434f; } background-color: #3e434f; }
scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { scrolledwindow junction:dir(rtl) {
border-image-slice: 0 1 0 0; } border-image-slice: 0 1 0 0; }
separator, .sidebar separator { separator, .sidebar separator {
@ -2391,6 +2386,9 @@ stacksidebar row {
stacksidebar row.needs-attention > label { stacksidebar row.needs-attention > label {
background-size: 6px 6px, 0 0; } background-size: 6px 6px, 0 0; }
placessidebar > viewport.frame {
border-style: none; }
placessidebar list { placessidebar list {
background-color: transparent; } background-color: transparent; }

36
common/gtk-3.0/3.20/gtk-solid-darker.css
View File

@ -449,21 +449,16 @@ button {
.stack-switcher > button.image-button { .stack-switcher > button.image-button {
padding-left: 2px; padding-left: 2px;
padding-right: 2px; } padding-right: 2px; }
.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image {
.stack-switcher > button.needs-attention:active > image,
.stack-switcher > button.needs-attention:checked > label,
.stack-switcher > button.needs-attention:checked > image {
animation: none; animation: none;
background-image: none; } background-image: none; }
.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
.stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
animation: needs_attention 150ms ease-in; animation: needs_attention 150ms ease-in;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent));
background-size: 6px 6px, 6px 6px; background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right 3px, right 4px; } background-position: right 3px, right 4px; }
.stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
.stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
background-position: left 3px, left 4px; } background-position: left 3px, left 4px; }
.inline-toolbar button, .inline-toolbar button:backdrop { .inline-toolbar button, .inline-toolbar button:backdrop {
border-radius: 2px; border-radius: 2px;
@ -2137,10 +2132,10 @@ frame > border,
.frame.flat { .frame.flat {
border-style: none; } border-style: none; }
scrolledwindow viewport.frame, placessidebar viewport.frame { scrolledwindow viewport.frame {
border-style: none; } border-style: none; }
scrolledwindow overshoot.top, placessidebar overshoot.top { scrolledwindow overshoot.top {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 100% 60%; background-size: 100% 60%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2149,7 +2144,7 @@ scrolledwindow overshoot.top, placessidebar overshoot.top {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { scrolledwindow overshoot.bottom {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 100% 60%; background-size: 100% 60%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2158,7 +2153,7 @@ scrolledwindow overshoot.bottom, placessidebar overshoot.bottom {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.left, placessidebar overshoot.left { scrolledwindow overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 60% 100%; background-size: 60% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2167,7 +2162,7 @@ scrolledwindow overshoot.left, placessidebar overshoot.left {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.right, placessidebar overshoot.right { scrolledwindow overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 60% 100%; background-size: 60% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2176,7 +2171,7 @@ scrolledwindow overshoot.right, placessidebar overshoot.right {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow undershoot.top, placessidebar undershoot.top { scrolledwindow undershoot.top {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-top: 1px; padding-top: 1px;
@ -2186,7 +2181,7 @@ scrolledwindow undershoot.top, placessidebar undershoot.top {
background-position: center top; background-position: center top;
border: none; } border: none; }
scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { scrolledwindow undershoot.bottom {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-bottom: 1px; padding-bottom: 1px;
@ -2196,7 +2191,7 @@ scrolledwindow undershoot.bottom, placessidebar undershoot.bottom {
background-position: center bottom; background-position: center bottom;
border: none; } border: none; }
scrolledwindow undershoot.left, placessidebar undershoot.left { scrolledwindow undershoot.left {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-left: 1px; padding-left: 1px;
@ -2206,7 +2201,7 @@ scrolledwindow undershoot.left, placessidebar undershoot.left {
background-position: left center; background-position: left center;
border: none; } border: none; }
scrolledwindow undershoot.right, placessidebar undershoot.right { scrolledwindow undershoot.right {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-right: 1px; padding-right: 1px;
@ -2216,11 +2211,11 @@ scrolledwindow undershoot.right, placessidebar undershoot.right {
background-position: right center; background-position: right center;
border: none; } border: none; }
scrolledwindow junction, placessidebar junction { scrolledwindow junction {
border-color: transparent; border-color: transparent;
border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch;
background-color: #fcfcfc; } background-color: #fcfcfc; }
scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { scrolledwindow junction:dir(rtl) {
border-image-slice: 0 1 0 0; } border-image-slice: 0 1 0 0; }
separator, .sidebar separator { separator, .sidebar separator {
@ -2390,6 +2385,9 @@ stacksidebar row {
stacksidebar row.needs-attention > label { stacksidebar row.needs-attention > label {
background-size: 6px 6px, 0 0; } background-size: 6px 6px, 0 0; }
placessidebar > viewport.frame {
border-style: none; }
placessidebar list { placessidebar list {
background-color: transparent; } background-color: transparent; }

36
common/gtk-3.0/3.20/gtk-solid.css
View File

@ -449,21 +449,16 @@ button {
.stack-switcher > button.image-button { .stack-switcher > button.image-button {
padding-left: 2px; padding-left: 2px;
padding-right: 2px; } padding-right: 2px; }
.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image {
.stack-switcher > button.needs-attention:active > image,
.stack-switcher > button.needs-attention:checked > label,
.stack-switcher > button.needs-attention:checked > image {
animation: none; animation: none;
background-image: none; } background-image: none; }
.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
.stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
animation: needs_attention 150ms ease-in; animation: needs_attention 150ms ease-in;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent));
background-size: 6px 6px, 6px 6px; background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right 3px, right 4px; } background-position: right 3px, right 4px; }
.stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
.stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
background-position: left 3px, left 4px; } background-position: left 3px, left 4px; }
.inline-toolbar button, .inline-toolbar button:backdrop { .inline-toolbar button, .inline-toolbar button:backdrop {
border-radius: 2px; border-radius: 2px;
@ -2141,10 +2136,10 @@ frame > border,
.frame.flat { .frame.flat {
border-style: none; } border-style: none; }
scrolledwindow viewport.frame, placessidebar viewport.frame { scrolledwindow viewport.frame {
border-style: none; } border-style: none; }
scrolledwindow overshoot.top, placessidebar overshoot.top { scrolledwindow overshoot.top {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 100% 60%; background-size: 100% 60%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2153,7 +2148,7 @@ scrolledwindow overshoot.top, placessidebar overshoot.top {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { scrolledwindow overshoot.bottom {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 100% 60%; background-size: 100% 60%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2162,7 +2157,7 @@ scrolledwindow overshoot.bottom, placessidebar overshoot.bottom {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.left, placessidebar overshoot.left { scrolledwindow overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 60% 100%; background-size: 60% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2171,7 +2166,7 @@ scrolledwindow overshoot.left, placessidebar overshoot.left {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.right, placessidebar overshoot.right { scrolledwindow overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 60% 100%; background-size: 60% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2180,7 +2175,7 @@ scrolledwindow overshoot.right, placessidebar overshoot.right {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow undershoot.top, placessidebar undershoot.top { scrolledwindow undershoot.top {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-top: 1px; padding-top: 1px;
@ -2190,7 +2185,7 @@ scrolledwindow undershoot.top, placessidebar undershoot.top {
background-position: center top; background-position: center top;
border: none; } border: none; }
scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { scrolledwindow undershoot.bottom {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-bottom: 1px; padding-bottom: 1px;
@ -2200,7 +2195,7 @@ scrolledwindow undershoot.bottom, placessidebar undershoot.bottom {
background-position: center bottom; background-position: center bottom;
border: none; } border: none; }
scrolledwindow undershoot.left, placessidebar undershoot.left { scrolledwindow undershoot.left {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-left: 1px; padding-left: 1px;
@ -2210,7 +2205,7 @@ scrolledwindow undershoot.left, placessidebar undershoot.left {
background-position: left center; background-position: left center;
border: none; } border: none; }
scrolledwindow undershoot.right, placessidebar undershoot.right { scrolledwindow undershoot.right {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-right: 1px; padding-right: 1px;
@ -2220,11 +2215,11 @@ scrolledwindow undershoot.right, placessidebar undershoot.right {
background-position: right center; background-position: right center;
border: none; } border: none; }
scrolledwindow junction, placessidebar junction { scrolledwindow junction {
border-color: transparent; border-color: transparent;
border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch;
background-color: #fcfcfc; } background-color: #fcfcfc; }
scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { scrolledwindow junction:dir(rtl) {
border-image-slice: 0 1 0 0; } border-image-slice: 0 1 0 0; }
separator, .sidebar separator { separator, .sidebar separator {
@ -2394,6 +2389,9 @@ stacksidebar row {
stacksidebar row.needs-attention > label { stacksidebar row.needs-attention > label {
background-size: 6px 6px, 0 0; } background-size: 6px 6px, 0 0; }
placessidebar > viewport.frame {
border-style: none; }
placessidebar list { placessidebar list {
background-color: transparent; } background-color: transparent; }

36
common/gtk-3.0/3.20/gtk.css
View File

@ -449,21 +449,16 @@ button {
.stack-switcher > button.image-button { .stack-switcher > button.image-button {
padding-left: 2px; padding-left: 2px;
padding-right: 2px; } padding-right: 2px; }
.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image {
.stack-switcher > button.needs-attention:active > image,
.stack-switcher > button.needs-attention:checked > label,
.stack-switcher > button.needs-attention:checked > image {
animation: none; animation: none;
background-image: none; } background-image: none; }
.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
.stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
animation: needs_attention 150ms ease-in; animation: needs_attention 150ms ease-in;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent));
background-size: 6px 6px, 6px 6px; background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right 3px, right 4px; } background-position: right 3px, right 4px; }
.stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
.stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
background-position: left 3px, left 4px; } background-position: left 3px, left 4px; }
.inline-toolbar button, .inline-toolbar button:backdrop { .inline-toolbar button, .inline-toolbar button:backdrop {
border-radius: 2px; border-radius: 2px;
@ -2141,10 +2136,10 @@ frame > border,
.frame.flat { .frame.flat {
border-style: none; } border-style: none; }
scrolledwindow viewport.frame, placessidebar viewport.frame { scrolledwindow viewport.frame {
border-style: none; } border-style: none; }
scrolledwindow overshoot.top, placessidebar overshoot.top { scrolledwindow overshoot.top {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 100% 60%; background-size: 100% 60%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2153,7 +2148,7 @@ scrolledwindow overshoot.top, placessidebar overshoot.top {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { scrolledwindow overshoot.bottom {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 100% 60%; background-size: 100% 60%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2162,7 +2157,7 @@ scrolledwindow overshoot.bottom, placessidebar overshoot.bottom {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.left, placessidebar overshoot.left { scrolledwindow overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 60% 100%; background-size: 60% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2171,7 +2166,7 @@ scrolledwindow overshoot.left, placessidebar overshoot.left {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.right, placessidebar overshoot.right { scrolledwindow overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 60% 100%; background-size: 60% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2180,7 +2175,7 @@ scrolledwindow overshoot.right, placessidebar overshoot.right {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow undershoot.top, placessidebar undershoot.top { scrolledwindow undershoot.top {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-top: 1px; padding-top: 1px;
@ -2190,7 +2185,7 @@ scrolledwindow undershoot.top, placessidebar undershoot.top {
background-position: center top; background-position: center top;
border: none; } border: none; }
scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { scrolledwindow undershoot.bottom {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-bottom: 1px; padding-bottom: 1px;
@ -2200,7 +2195,7 @@ scrolledwindow undershoot.bottom, placessidebar undershoot.bottom {
background-position: center bottom; background-position: center bottom;
border: none; } border: none; }
scrolledwindow undershoot.left, placessidebar undershoot.left { scrolledwindow undershoot.left {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-left: 1px; padding-left: 1px;
@ -2210,7 +2205,7 @@ scrolledwindow undershoot.left, placessidebar undershoot.left {
background-position: left center; background-position: left center;
border: none; } border: none; }
scrolledwindow undershoot.right, placessidebar undershoot.right { scrolledwindow undershoot.right {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-right: 1px; padding-right: 1px;
@ -2220,11 +2215,11 @@ scrolledwindow undershoot.right, placessidebar undershoot.right {
background-position: right center; background-position: right center;
border: none; } border: none; }
scrolledwindow junction, placessidebar junction { scrolledwindow junction {
border-color: transparent; border-color: transparent;
border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch;
background-color: #fcfcfc; } background-color: #fcfcfc; }
scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { scrolledwindow junction:dir(rtl) {
border-image-slice: 0 1 0 0; } border-image-slice: 0 1 0 0; }
separator, .sidebar separator { separator, .sidebar separator {
@ -2394,6 +2389,9 @@ stacksidebar row {
stacksidebar row.needs-attention > label { stacksidebar row.needs-attention > label {
background-size: 6px 6px, 0 0; } background-size: 6px 6px, 0 0; }
placessidebar > viewport.frame {
border-style: none; }
placessidebar list { placessidebar list {
background-color: transparent; } background-color: transparent; }

16
common/gtk-3.0/3.20/sass/_common.scss
View File

@ -468,16 +468,18 @@ button {
padding-right: 2px; padding-right: 2px;
} }
&.needs-attention > label, &.needs-attention {
&.needs-attention > image { @extend %needs_attention; }
&.needs-attention:active > label, > label, > image { @extend %needs_attention; }
&.needs-attention:active > image,
&.needs-attention:checked > label, &:active, &:checked {
&.needs-attention:checked > image { > label, > image {
animation: none; animation: none;
background-image: none; background-image: none;
} }
} }
}
}
%needs_attention { %needs_attention {
animation: needs_attention 150ms ease-in; animation: needs_attention 150ms ease-in;
@ -2529,7 +2531,7 @@ stacksidebar {
placessidebar { placessidebar {
@extend scrolledwindow; > viewport.frame { border-style: none; }
list { background-color: transparent; } list { background-color: transparent; }