aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorHorst31802016-03-21 21:59:14 +0100
committerHorst31802016-03-21 21:59:14 +0100
commit8b4ed4c295e9d90fde26a064942d33aab38f86a5 (patch)
tree9f427e2a56effafed8e195bf7b7a7ad06b9ef5b8
parent770bcd460f5fec8ea3e82b6c4b9dcf0045b41427 (diff)
downloadsolarc-theme-8b4ed4c295e9d90fde26a064942d33aab38f86a5.tar.gz
solarc-theme-8b4ed4c295e9d90fde26a064942d33aab38f86a5.tar.xz
solarc-theme-8b4ed4c295e9d90fde26a064942d33aab38f86a5.zip
refactoring
-rw-r--r--common/gtk-3.0/3.20/gtk-dark.css36
-rw-r--r--common/gtk-3.0/3.20/gtk-darker.css36
-rw-r--r--common/gtk-3.0/3.20/gtk-solid-dark.css36
-rw-r--r--common/gtk-3.0/3.20/gtk-solid-darker.css36
-rw-r--r--common/gtk-3.0/3.20/gtk-solid.css36
-rw-r--r--common/gtk-3.0/3.20/gtk.css36
-rw-r--r--common/gtk-3.0/3.20/sass/_common.scss20
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; }