diff options
Diffstat (limited to 'common')
-rw-r--r-- | common/gtk-3.0/3.20/gtk-dark.css | 36 | ||||
-rw-r--r-- | common/gtk-3.0/3.20/gtk-darker.css | 36 | ||||
-rw-r--r-- | common/gtk-3.0/3.20/gtk-solid-dark.css | 36 | ||||
-rw-r--r-- | common/gtk-3.0/3.20/gtk-solid-darker.css | 36 | ||||
-rw-r--r-- | common/gtk-3.0/3.20/gtk-solid.css | 36 | ||||
-rw-r--r-- | common/gtk-3.0/3.20/gtk.css | 36 | ||||
-rw-r--r-- | common/gtk-3.0/3.20/sass/_common.scss | 20 |
7 files changed, 113 insertions, 123 deletions
diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index bff4d3e..3e22dfe 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -450,21 +450,16 @@ button { .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } - .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 > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } - .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 > 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; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } - .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 > 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; } .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; @@ -2138,10 +2133,10 @@ frame > border, .frame.flat { border-style: none; } -scrolledwindow viewport.frame, placessidebar viewport.frame { +scrolledwindow viewport.frame { 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-size: 100% 60%; background-repeat: no-repeat; @@ -2150,7 +2145,7 @@ scrolledwindow overshoot.top, placessidebar overshoot.top { border: 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-size: 100% 60%; background-repeat: no-repeat; @@ -2159,7 +2154,7 @@ scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { border: 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-size: 60% 100%; background-repeat: no-repeat; @@ -2168,7 +2163,7 @@ scrolledwindow overshoot.left, placessidebar overshoot.left { border: 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-size: 60% 100%; background-repeat: no-repeat; @@ -2177,7 +2172,7 @@ scrolledwindow overshoot.right, placessidebar overshoot.right { border: none; box-shadow: none; } -scrolledwindow undershoot.top, placessidebar undershoot.top { +scrolledwindow undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; @@ -2187,7 +2182,7 @@ scrolledwindow undershoot.top, placessidebar undershoot.top { background-position: center top; border: none; } -scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { +scrolledwindow undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; @@ -2197,7 +2192,7 @@ scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { background-position: center bottom; border: none; } -scrolledwindow undershoot.left, placessidebar undershoot.left { +scrolledwindow undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; @@ -2207,7 +2202,7 @@ scrolledwindow undershoot.left, placessidebar undershoot.left { background-position: left center; border: none; } -scrolledwindow undershoot.right, placessidebar undershoot.right { +scrolledwindow undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; @@ -2217,11 +2212,11 @@ scrolledwindow undershoot.right, placessidebar undershoot.right { background-position: right center; border: none; } -scrolledwindow junction, placessidebar junction { +scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #2b2e39 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #3e434f; } - scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { + scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } separator, .sidebar separator { @@ -2391,6 +2386,9 @@ stacksidebar row { stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } +placessidebar > viewport.frame { + border-style: none; } + placessidebar list { background-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index b114acf..0fc5268 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -449,21 +449,16 @@ button { .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } - .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 > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } - .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 > 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; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } - .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 > 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; } .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; @@ -2137,10 +2132,10 @@ frame > border, .frame.flat { border-style: none; } -scrolledwindow viewport.frame, placessidebar viewport.frame { +scrolledwindow viewport.frame { 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-size: 100% 60%; background-repeat: no-repeat; @@ -2149,7 +2144,7 @@ scrolledwindow overshoot.top, placessidebar overshoot.top { border: 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-size: 100% 60%; background-repeat: no-repeat; @@ -2158,7 +2153,7 @@ scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { border: 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-size: 60% 100%; background-repeat: no-repeat; @@ -2167,7 +2162,7 @@ scrolledwindow overshoot.left, placessidebar overshoot.left { border: 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-size: 60% 100%; background-repeat: no-repeat; @@ -2176,7 +2171,7 @@ scrolledwindow overshoot.right, placessidebar overshoot.right { border: none; box-shadow: none; } -scrolledwindow undershoot.top, placessidebar undershoot.top { +scrolledwindow undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; @@ -2186,7 +2181,7 @@ scrolledwindow undershoot.top, placessidebar undershoot.top { background-position: center top; border: none; } -scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { +scrolledwindow undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; @@ -2196,7 +2191,7 @@ scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { background-position: center bottom; border: none; } -scrolledwindow undershoot.left, placessidebar undershoot.left { +scrolledwindow undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; @@ -2206,7 +2201,7 @@ scrolledwindow undershoot.left, placessidebar undershoot.left { background-position: left center; border: none; } -scrolledwindow undershoot.right, placessidebar undershoot.right { +scrolledwindow undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; @@ -2216,11 +2211,11 @@ scrolledwindow undershoot.right, placessidebar undershoot.right { background-position: right center; border: none; } -scrolledwindow junction, placessidebar junction { +scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } - scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { + scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } separator, .sidebar separator { @@ -2390,6 +2385,9 @@ stacksidebar row { stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } +placessidebar > viewport.frame { + border-style: none; } + placessidebar list { background-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 0b3b046..14606ac 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -450,21 +450,16 @@ button { .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } - .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 > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } - .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 > 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; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } - .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 > 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; } .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; @@ -2138,10 +2133,10 @@ frame > border, .frame.flat { border-style: none; } -scrolledwindow viewport.frame, placessidebar viewport.frame { +scrolledwindow viewport.frame { 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-size: 100% 60%; background-repeat: no-repeat; @@ -2150,7 +2145,7 @@ scrolledwindow overshoot.top, placessidebar overshoot.top { border: 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-size: 100% 60%; background-repeat: no-repeat; @@ -2159,7 +2154,7 @@ scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { border: 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-size: 60% 100%; background-repeat: no-repeat; @@ -2168,7 +2163,7 @@ scrolledwindow overshoot.left, placessidebar overshoot.left { border: 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-size: 60% 100%; background-repeat: no-repeat; @@ -2177,7 +2172,7 @@ scrolledwindow overshoot.right, placessidebar overshoot.right { border: none; box-shadow: none; } -scrolledwindow undershoot.top, placessidebar undershoot.top { +scrolledwindow undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; @@ -2187,7 +2182,7 @@ scrolledwindow undershoot.top, placessidebar undershoot.top { background-position: center top; border: none; } -scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { +scrolledwindow undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; @@ -2197,7 +2192,7 @@ scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { background-position: center bottom; border: none; } -scrolledwindow undershoot.left, placessidebar undershoot.left { +scrolledwindow undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; @@ -2207,7 +2202,7 @@ scrolledwindow undershoot.left, placessidebar undershoot.left { background-position: left center; border: none; } -scrolledwindow undershoot.right, placessidebar undershoot.right { +scrolledwindow undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; @@ -2217,11 +2212,11 @@ scrolledwindow undershoot.right, placessidebar undershoot.right { background-position: right center; border: none; } -scrolledwindow junction, placessidebar junction { +scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #2b2e39 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #3e434f; } - scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { + scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } separator, .sidebar separator { @@ -2391,6 +2386,9 @@ stacksidebar row { stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } +placessidebar > viewport.frame { + border-style: none; } + placessidebar list { background-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index dd60dd0..d7b5b20 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -449,21 +449,16 @@ button { .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } - .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 > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } - .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 > 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; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } - .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 > 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; } .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; @@ -2137,10 +2132,10 @@ frame > border, .frame.flat { border-style: none; } -scrolledwindow viewport.frame, placessidebar viewport.frame { +scrolledwindow viewport.frame { 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-size: 100% 60%; background-repeat: no-repeat; @@ -2149,7 +2144,7 @@ scrolledwindow overshoot.top, placessidebar overshoot.top { border: 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-size: 100% 60%; background-repeat: no-repeat; @@ -2158,7 +2153,7 @@ scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { border: 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-size: 60% 100%; background-repeat: no-repeat; @@ -2167,7 +2162,7 @@ scrolledwindow overshoot.left, placessidebar overshoot.left { border: 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-size: 60% 100%; background-repeat: no-repeat; @@ -2176,7 +2171,7 @@ scrolledwindow overshoot.right, placessidebar overshoot.right { border: none; box-shadow: none; } -scrolledwindow undershoot.top, placessidebar undershoot.top { +scrolledwindow undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; @@ -2186,7 +2181,7 @@ scrolledwindow undershoot.top, placessidebar undershoot.top { background-position: center top; border: none; } -scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { +scrolledwindow undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; @@ -2196,7 +2191,7 @@ scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { background-position: center bottom; border: none; } -scrolledwindow undershoot.left, placessidebar undershoot.left { +scrolledwindow undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; @@ -2206,7 +2201,7 @@ scrolledwindow undershoot.left, placessidebar undershoot.left { background-position: left center; border: none; } -scrolledwindow undershoot.right, placessidebar undershoot.right { +scrolledwindow undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; @@ -2216,11 +2211,11 @@ scrolledwindow undershoot.right, placessidebar undershoot.right { background-position: right center; border: none; } -scrolledwindow junction, placessidebar junction { +scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } - scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { + scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } separator, .sidebar separator { @@ -2390,6 +2385,9 @@ stacksidebar row { stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } +placessidebar > viewport.frame { + border-style: none; } + placessidebar list { background-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index abe634f..19216a0 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -449,21 +449,16 @@ button { .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } - .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 > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } - .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 > 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; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } - .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 > 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; } .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; @@ -2141,10 +2136,10 @@ frame > border, .frame.flat { border-style: none; } -scrolledwindow viewport.frame, placessidebar viewport.frame { +scrolledwindow viewport.frame { 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-size: 100% 60%; background-repeat: no-repeat; @@ -2153,7 +2148,7 @@ scrolledwindow overshoot.top, placessidebar overshoot.top { border: 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-size: 100% 60%; background-repeat: no-repeat; @@ -2162,7 +2157,7 @@ scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { border: 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-size: 60% 100%; background-repeat: no-repeat; @@ -2171,7 +2166,7 @@ scrolledwindow overshoot.left, placessidebar overshoot.left { border: 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-size: 60% 100%; background-repeat: no-repeat; @@ -2180,7 +2175,7 @@ scrolledwindow overshoot.right, placessidebar overshoot.right { border: none; box-shadow: none; } -scrolledwindow undershoot.top, placessidebar undershoot.top { +scrolledwindow undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; @@ -2190,7 +2185,7 @@ scrolledwindow undershoot.top, placessidebar undershoot.top { background-position: center top; border: none; } -scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { +scrolledwindow undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; @@ -2200,7 +2195,7 @@ scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { background-position: center bottom; border: none; } -scrolledwindow undershoot.left, placessidebar undershoot.left { +scrolledwindow undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; @@ -2210,7 +2205,7 @@ scrolledwindow undershoot.left, placessidebar undershoot.left { background-position: left center; border: none; } -scrolledwindow undershoot.right, placessidebar undershoot.right { +scrolledwindow undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; @@ -2220,11 +2215,11 @@ scrolledwindow undershoot.right, placessidebar undershoot.right { background-position: right center; border: none; } -scrolledwindow junction, placessidebar junction { +scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } - scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { + scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } separator, .sidebar separator { @@ -2394,6 +2389,9 @@ stacksidebar row { stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } +placessidebar > viewport.frame { + border-style: none; } + placessidebar list { background-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 9ccd571..dd63b38 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -449,21 +449,16 @@ button { .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } - .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 > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } - .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 > 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; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } - .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 > 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; } .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; @@ -2141,10 +2136,10 @@ frame > border, .frame.flat { border-style: none; } -scrolledwindow viewport.frame, placessidebar viewport.frame { +scrolledwindow viewport.frame { 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-size: 100% 60%; background-repeat: no-repeat; @@ -2153,7 +2148,7 @@ scrolledwindow overshoot.top, placessidebar overshoot.top { border: 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-size: 100% 60%; background-repeat: no-repeat; @@ -2162,7 +2157,7 @@ scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { border: 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-size: 60% 100%; background-repeat: no-repeat; @@ -2171,7 +2166,7 @@ scrolledwindow overshoot.left, placessidebar overshoot.left { border: 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-size: 60% 100%; background-repeat: no-repeat; @@ -2180,7 +2175,7 @@ scrolledwindow overshoot.right, placessidebar overshoot.right { border: none; box-shadow: none; } -scrolledwindow undershoot.top, placessidebar undershoot.top { +scrolledwindow undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; @@ -2190,7 +2185,7 @@ scrolledwindow undershoot.top, placessidebar undershoot.top { background-position: center top; border: none; } -scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { +scrolledwindow undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; @@ -2200,7 +2195,7 @@ scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { background-position: center bottom; border: none; } -scrolledwindow undershoot.left, placessidebar undershoot.left { +scrolledwindow undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; @@ -2210,7 +2205,7 @@ scrolledwindow undershoot.left, placessidebar undershoot.left { background-position: left center; border: none; } -scrolledwindow undershoot.right, placessidebar undershoot.right { +scrolledwindow undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; @@ -2220,11 +2215,11 @@ scrolledwindow undershoot.right, placessidebar undershoot.right { background-position: right center; border: none; } -scrolledwindow junction, placessidebar junction { +scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } - scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { + scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } separator, .sidebar separator { @@ -2394,6 +2389,9 @@ stacksidebar row { stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } +placessidebar > viewport.frame { + border-style: none; } + placessidebar list { background-color: transparent; } diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index b32d817..d041833 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -468,14 +468,16 @@ button { padding-right: 2px; } - &.needs-attention > label, - &.needs-attention > image { @extend %needs_attention; } - &.needs-attention:active > label, - &.needs-attention:active > image, - &.needs-attention:checked > label, - &.needs-attention:checked > image { - animation: none; - background-image: none; + &.needs-attention { + + > label, > image { @extend %needs_attention; } + + &:active, &:checked { + > label, > image { + animation: none; + background-image: none; + } + } } } @@ -2529,7 +2531,7 @@ stacksidebar { placessidebar { - @extend scrolledwindow; + > viewport.frame { border-style: none; } list { background-color: transparent; } |