From 8b4ed4c295e9d90fde26a064942d33aab38f86a5 Mon Sep 17 00:00:00 2001
From: Horst3180 <horst3180@users.noreply.github.com>
Date: Mon, 21 Mar 2016 21:59:14 +0100
Subject: [PATCH] refactoring

---
 common/gtk-3.0/3.20/gtk-dark.css         | 36 +++++++++++-------------
 common/gtk-3.0/3.20/gtk-darker.css       | 36 +++++++++++-------------
 common/gtk-3.0/3.20/gtk-solid-dark.css   | 36 +++++++++++-------------
 common/gtk-3.0/3.20/gtk-solid-darker.css | 36 +++++++++++-------------
 common/gtk-3.0/3.20/gtk-solid.css        | 36 +++++++++++-------------
 common/gtk-3.0/3.20/gtk.css              | 36 +++++++++++-------------
 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; }