GTK+-3.20 Menta themes: adjust headerbar settings for gedit

4 files changed, 304 insertions, 270 deletions

diff --git a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
index 94036a96..fdf37817 100644
--- a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
@@ -3131,40 +3131,6 @@ toolbar menubar {
 }
 
 /***************
- * Header bars *
- ***************/
-
-.titlebar, calendar.header,
-headerbar {
-	border-width: 0 0 1px;
-	border-style: solid;
-	border-color: shade(@borders, 0.90);
-	box-shadow: inset 0 -1px shade(@wm_bg_b, 0.95);
-	background-color: @theme_bg_color;
-	padding: 6px;
-}
-
-headerbar button.text-button {
-	padding: 2px 16px;
-}
-
-headerbar button.image-button {
-    padding: 4px 5px;
-}
-
-.titlebar .title, calendar.header .title,
-headerbar .title {
-	font: Bold;
-	padding: 0px 12px;
-}
-
-.titlebar .subtitle, calendar.header .subtitle,
-headerbar .subtitle {
-	font-size: smaller;
-	padding: 0px 12px;
-}
-
-/***************
  * Action bars *
  ***************/
 
@@ -4684,11 +4650,25 @@ calendar.view {
 }
 
 calendar.header {
-	border-radius: 0;
+	border-width: 0 0 1px;
+	border-style: solid;
+	border-color: shade(@borders, 0.90);
+	background-color: @theme_bg_color;
 	background-image: linear-gradient(to bottom,
 		shade(@theme_bg_color, 1.04),
 		shade(@theme_bg_color, 0.89));
-	border-width: 0;
+	box-shadow: inset 0 -1px shade(@wm_bg_b, 0.95);
+	padding: 6px;
+}
+
+calendar.header .title {
+	font: Bold;
+	padding: 0px 12px;
+}
+
+calendar.header .subtitle {
+	font-size: smaller;
+	padding: 0px 12px;
 }
 
 /* this makes no sense for gtk+-3.20 :) */
@@ -5045,18 +5025,36 @@ cursor-handle.bottom {
     color: @menu_controls_color;
 }
 
+/***************
+ * Header bars *
+ ***************/
+
 /*******
  * CSD *
  *******/
 
+headerbar,
 .titlebar {
     text-shadow: 0 1px @wm_title_shadow;
+	background-color: @theme_bg_color;
     background-image: linear-gradient(to bottom,
                                       @wm_bg_a,
                                       @wm_bg_b);
     border-radius: 6px 6px 0px 0px;
+	border-width: 0 0 1px;
+	border-style: solid;
     box-shadow: inset 0 -1px alpha(@theme_base_color, 0.4);
     border-color: @borders;
+	padding: 6px;
+}
+
+/* fix for gedit, .titlebar does not match headerbar selector */
+.background.csd > paned.horizontal.titlebar,
+.background.solid-csd > paned.horizontal.titlebar {
+    background-color: transparent;
+    padding: 0px 0px 0px 0px;
+    margin: 0px -2px 0px -2px;
+    border-width: 0px;
 }
 
 .tiled .titlebar {
@@ -5076,8 +5074,16 @@ cursor-handle.bottom {
     box-shadow: none;
 }
 
-.titlebar .title {
-    font: Bold 10;
+.titlebar .title,
+headerbar .title {
+	font: Bold;
+	padding: 0px 12px;
+}
+
+.titlebar .subtitle,
+headerbar .subtitle {
+	font-size: smaller;
+	padding: 0px 12px;
 }
 
 .titlebar:backdrop {
@@ -5093,6 +5099,16 @@ cursor-handle.bottom {
     -gtk-icon-shadow: none;
 }
 
+headerbar button.text-button,
+.titlebar button.text-button {
+	padding: 2px 16px;
+}
+
+headerbar button.image-button,
+.titlebar button.image-button {
+    padding: 4px 5px;
+}
+
 /* use icons from window-crontrols */
 .titlebar button.close.titlebutton,
 .titlebar button.close.titlebutton:hover,
diff --git a/desktop-themes/BlueMenta/gtk-3.0/window-controls.css b/desktop-themes/BlueMenta/gtk-3.0/window-controls.css
index f1693f76..1dc6f45a 100644
--- a/desktop-themes/BlueMenta/gtk-3.0/window-controls.css
+++ b/desktop-themes/BlueMenta/gtk-3.0/window-controls.css
@@ -1,16 +1,16 @@
 
-headerbar.titlebar .right button.minimize.titlebutton,
-headerbar.titlebar .right:dir(rtl) button.minimize.titlebutton,
-headerbar.titlebar .left button.minimize.titlebutton,
-headerbar.titlebar .left:dir(rtl) button.minimize.titlebutton,
-headerbar.titlebar .right button.maximize.titlebutton,
-headerbar.titlebar .right:dir(rtl) button.maximize.titlebutton,
-headerbar.titlebar .left button.maximize.titlebutton,
-headerbar.titlebar .left:dir(rtl) button.maximize.titlebutton,
-headerbar.titlebar .right button.close.titlebutton,
-headerbar.titlebar .right:dir(rtl) button.close.titlebutton,
-headerbar.titlebar .left button.close.titlebutton,
-headerbar.titlebar .left:dir(rtl) button.close.titlebutton {
+headerbar .right button.minimize.titlebutton,
+headerbar .right:dir(rtl) button.minimize.titlebutton,
+headerbar .left button.minimize.titlebutton,
+headerbar .left:dir(rtl) button.minimize.titlebutton,
+headerbar .right button.maximize.titlebutton,
+headerbar .right:dir(rtl) button.maximize.titlebutton,
+headerbar .left button.maximize.titlebutton,
+headerbar .left:dir(rtl) button.maximize.titlebutton,
+headerbar .right button.close.titlebutton,
+headerbar .right:dir(rtl) button.close.titlebutton,
+headerbar .left button.close.titlebutton,
+headerbar .left:dir(rtl) button.close.titlebutton {
 	color: transparent;
 	background-position: center;
 	background-repeat: no-repeat;
@@ -25,123 +25,123 @@ headerbar.titlebar .left:dir(rtl) button.close.titlebutton {
 
 /* minimize */
 
-headerbar.titlebar .right button.minimize.titlebutton,
-headerbar.titlebar .right:dir(rtl) button.minimize.titlebutton,
-headerbar.titlebar .left button.minimize.titlebutton,
-headerbar.titlebar .left:dir(rtl) button.minimize.titlebutton {
+headerbar .right button.minimize.titlebutton,
+headerbar .right:dir(rtl) button.minimize.titlebutton,
+headerbar .left button.minimize.titlebutton,
+headerbar .left:dir(rtl) button.minimize.titlebutton {
 	background-image: url('window-controls/minimize_focused_normal.png');
 }
 
-headerbar.titlebar .right button.minimize.titlebutton:hover,
-headerbar.titlebar .right:dir(rtl) button.minimize.titlebutton:hover,
-headerbar.titlebar .left button.minimize.titlebutton:hover,
-headerbar.titlebar .left:dir(rtl) button.minimize.titlebutton:hover {
+headerbar .right button.minimize.titlebutton:hover,
+headerbar .right:dir(rtl) button.minimize.titlebutton:hover,
+headerbar .left button.minimize.titlebutton:hover,
+headerbar .left:dir(rtl) button.minimize.titlebutton:hover {
 	background-image: url('window-controls/minimize_focused_prelight.png');
 }
 
-headerbar.titlebar .right button.minimize.titlebutton:active,
-headerbar.titlebar .right:dir(rtl) button.minimize.titlebutton:active,
-headerbar.titlebar .left button.minimize.titlebutton:active,
-headerbar.titlebar .left:dir(rtl) button.minimize.titlebutton:active,
-headerbar.titlebar .right button.minimize.titlebutton:checked,
-headerbar.titlebar .right:dir(rtl) button.minimize.titlebutton:checked,
-headerbar.titlebar .left button.minimize.titlebutton:checked,
-headerbar.titlebar .left:dir(rtl) button.minimize.titlebutton:checked {
+headerbar .right button.minimize.titlebutton:active,
+headerbar .right:dir(rtl) button.minimize.titlebutton:active,
+headerbar .left button.minimize.titlebutton:active,
+headerbar .left:dir(rtl) button.minimize.titlebutton:active,
+headerbar .right button.minimize.titlebutton:checked,
+headerbar .right:dir(rtl) button.minimize.titlebutton:checked,
+headerbar .left button.minimize.titlebutton:checked,
+headerbar .left:dir(rtl) button.minimize.titlebutton:checked {
 	background-image: url('window-controls/minimize_focused_pressed.png');
 }
 
-headerbar.titlebar .right button.minimize.titlebutton:backdrop,
-headerbar.titlebar .right:dir(rtl) button.minimize.titlebutton:backdrop,
-headerbar.titlebar .left button.minimize.titlebutton:backdrop,
-headerbar.titlebar .left:dir(rtl) button.minimize.titlebutton:backdrop {
+headerbar .right button.minimize.titlebutton:backdrop,
+headerbar .right:dir(rtl) button.minimize.titlebutton:backdrop,
+headerbar .left button.minimize.titlebutton:backdrop,
+headerbar .left:dir(rtl) button.minimize.titlebutton:backdrop {
 	background-image: url('window-controls/minimize_unfocused.png');
 }
 
-headerbar.titlebar .right button.minimize.titlebutton:backdrop:hover,
-headerbar.titlebar .right:dir(rtl) button.minimize.titlebutton:backdrop:hover,
-headerbar.titlebar .left button.minimize.titlebutton:backdrop:hover,
-headerbar.titlebar .left:dir(rtl) button.minimize.titlebutton:backdrop:hover {
+headerbar .right button.minimize.titlebutton:backdrop:hover,
+headerbar .right:dir(rtl) button.minimize.titlebutton:backdrop:hover,
+headerbar .left button.minimize.titlebutton:backdrop:hover,
+headerbar .left:dir(rtl) button.minimize.titlebutton:backdrop:hover {
 	background-image: url('window-controls/minimize_unfocused_prelight.png');
 }
 
 /* maximize */
-headerbar.titlebar .right button.maximize.titlebutton,
-headerbar.titlebar .right:dir(rtl) button.maximize.titlebutton,
-headerbar.titlebar .left button.maximize.titlebutton,
-headerbar.titlebar .left:dir(rtl) button.maximize.titlebutton {
+headerbar .right button.maximize.titlebutton,
+headerbar .right:dir(rtl) button.maximize.titlebutton,
+headerbar .left button.maximize.titlebutton,
+headerbar .left:dir(rtl) button.maximize.titlebutton {
 	background-image: url('window-controls/maximize_focused_normal.png');
 }
 
-headerbar.titlebar .right button.maximize.titlebutton:hover,
-headerbar.titlebar .right:dir(rtl) button.maximize.titlebutton:hover,
-headerbar.titlebar .left button.maximize.titlebutton:hover,
-headerbar.titlebar .left:dir(rtl) button.maximize.titlebutton:hover {
+headerbar .right button.maximize.titlebutton:hover,
+headerbar .right:dir(rtl) button.maximize.titlebutton:hover,
+headerbar .left button.maximize.titlebutton:hover,
+headerbar .left:dir(rtl) button.maximize.titlebutton:hover {
 	background-image: url('window-controls/maximize_focused_prelight.png');
 }
 
-headerbar.titlebar .right button.maximize.titlebutton:active,
-headerbar.titlebar .right:dir(rtl) button.maximize.titlebutton:active,
-headerbar.titlebar .left button.maximize.titlebutton:active,
-headerbar.titlebar .left:dir(rtl) button.maximize.titlebutton:active,
-headerbar.titlebar .right button.maximize.titlebutton:checked,
-headerbar.titlebar .right:dir(rtl) button.maximize.titlebutton:checked,
-headerbar.titlebar .left button.maximize.titlebutton:checked,
-headerbar.titlebar .left:dir(rtl) button.maximize.titlebutton:checked {
+headerbar .right button.maximize.titlebutton:active,
+headerbar .right:dir(rtl) button.maximize.titlebutton:active,
+headerbar .left button.maximize.titlebutton:active,
+headerbar .left:dir(rtl) button.maximize.titlebutton:active,
+headerbar .right button.maximize.titlebutton:checked,
+headerbar .right:dir(rtl) button.maximize.titlebutton:checked,
+headerbar .left button.maximize.titlebutton:checked,
+headerbar .left:dir(rtl) button.maximize.titlebutton:checked {
 	background-image: url('window-controls/maximize_focused_pressed.png');
 }
 
-headerbar.titlebar .right button.maximize.titlebutton:backdrop,
-headerbar.titlebar .right:dir(rtl) button.maximize.titlebutton:backdrop,
-headerbar.titlebar .left button.maximize.titlebutton:backdrop,
-headerbar.titlebar .left:dir(rtl) button.maximize.titlebutton:backdrop {
+headerbar .right button.maximize.titlebutton:backdrop,
+headerbar .right:dir(rtl) button.maximize.titlebutton:backdrop,
+headerbar .left button.maximize.titlebutton:backdrop,
+headerbar .left:dir(rtl) button.maximize.titlebutton:backdrop {
 	background-image: url('window-controls/maximize_unfocused.png');
 }
 
-headerbar.titlebar .right button.maximize.titlebutton:backdrop:hover,
-headerbar.titlebar .right:dir(rtl) button.maximize.titlebutton:backdrop:hover,
-headerbar.titlebar .left button.maximize.titlebutton:backdrop:hover,
-headerbar.titlebar .left:dir(rtl) button.maximize.titlebutton:backdrop:hover {
+headerbar .right button.maximize.titlebutton:backdrop:hover,
+headerbar .right:dir(rtl) button.maximize.titlebutton:backdrop:hover,
+headerbar .left button.maximize.titlebutton:backdrop:hover,
+headerbar .left:dir(rtl) button.maximize.titlebutton:backdrop:hover {
 	background-image: url('window-controls/maximize_unfocused_prelight.png');
 }
 
 /* close */
-headerbar.titlebar .right button.close.titlebutton,
-headerbar.titlebar .right:dir(rtl) button.close.titlebutton,
-headerbar.titlebar .left button.close.titlebutton,
-headerbar.titlebar .left:dir(rtl) button.close.titlebutton {
+headerbar .right button.close.titlebutton,
+headerbar .right:dir(rtl) button.close.titlebutton,
+headerbar .left button.close.titlebutton,
+headerbar .left:dir(rtl) button.close.titlebutton {
 	background-image: url('window-controls/close_focused_normal.png');
 	/*padding: 2px 6px 3px 3px;*/ /* FIXME: Uncomment this shit when using the Faenza icon theme and maybe some other icon themes */
 }
 
-headerbar.titlebar .right button.close.titlebutton:hover,
-headerbar.titlebar .right:dir(rtl) button.close.titlebutton:hover,
-headerbar.titlebar .left button.close.titlebutton:hover,
-headerbar.titlebar .left:dir(rtl) button.close.titlebutton:hover {
+headerbar .right button.close.titlebutton:hover,
+headerbar .right:dir(rtl) button.close.titlebutton:hover,
+headerbar .left button.close.titlebutton:hover,
+headerbar .left:dir(rtl) button.close.titlebutton:hover {
 	background-image: url('window-controls/close_focused_prelight.png');
 }
 
-headerbar.titlebar .right button.close.titlebutton:active,
-headerbar.titlebar .right:dir(rtl) button.close.titlebutton:active,
-headerbar.titlebar .left button.close.titlebutton:active,
-headerbar.titlebar .left:dir(rtl) button.close.titlebutton:active,
-headerbar.titlebar .right button.close.titlebutton:checked,
-headerbar.titlebar .right:dir(rtl) button.close.titlebutton:checked,
-headerbar.titlebar .left button.close.titlebutton:checked,
-headerbar.titlebar .left:dir(rtl) button.close.titlebutton:checked {
+headerbar .right button.close.titlebutton:active,
+headerbar .right:dir(rtl) button.close.titlebutton:active,
+headerbar .left button.close.titlebutton:active,
+headerbar .left:dir(rtl) button.close.titlebutton:active,
+headerbar .right button.close.titlebutton:checked,
+headerbar .right:dir(rtl) button.close.titlebutton:checked,
+headerbar .left button.close.titlebutton:checked,
+headerbar .left:dir(rtl) button.close.titlebutton:checked {
 	background-image: url('window-controls/close_focused_pressed.png');
 }
 
-headerbar.titlebar .right button.close.titlebutton:backdrop,
-headerbar.titlebar .right:dir(rtl) button.close.titlebutton:backdrop,
-headerbar.titlebar .left button.close.titlebutton:backdrop,
-headerbar.titlebar .left:dir(rtl) button.close.titlebutton:backdrop {
+headerbar .right button.close.titlebutton:backdrop,
+headerbar .right:dir(rtl) button.close.titlebutton:backdrop,
+headerbar .left button.close.titlebutton:backdrop,
+headerbar .left:dir(rtl) button.close.titlebutton:backdrop {
 	background-image: url('window-controls/close_unfocused.png');
 }
 
-headerbar.titlebar .right button.close.titlebutton:backdrop:hover,
-headerbar.titlebar .right:dir(rtl) button.close.titlebutton:backdrop:hover,
-headerbar.titlebar .left button.close.titlebutton:backdrop:hover,
-headerbar.titlebar .left:dir(rtl) button.close.titlebutton:backdrop:hover {
+headerbar .right button.close.titlebutton:backdrop:hover,
+headerbar .right:dir(rtl) button.close.titlebutton:backdrop:hover,
+headerbar .left button.close.titlebutton:backdrop:hover,
+headerbar .left:dir(rtl) button.close.titlebutton:backdrop:hover {
 	background-image: url('window-controls/close_unfocused_prelight.png');
 }
 
@@ -152,30 +152,31 @@ headerbar.titlebar .left:dir(rtl) button.close.titlebutton:backdrop:hover {
 
 /* Menu button when fallback kicks in (XFCE, Cinnamon etc.) */
 /*
-headerbar.titlebar .button.menu-button.titlebutton {
+headerbar .button.menu-button.titlebutton {
 	background-image: url('window-controls/menu.png');
 }
 
-headerbar.titlebar .button.menu-button.titlebutton:hover {
+headerbar .button.menu-button.titlebutton:hover {
 	background-image: url('window-controls/menu_prelight.png');
 }
 
-headerbar.titlebar .button.menu-button.titlebutton:active {
+headerbar .button.menu-button.titlebutton:active {
 	background-image: url('window-controls/menu.png');
 }
 */
 
-/* application adjustments gtk+-3.20 *//*
-headerbar.titlebar button.titlebutton.toggle.popup,
-headerbar.titlebar button.titlebutton.toggle.popup:hover,
-headerbar.titlebar button.titlebutton.toggle.popup:checked {
-	background-image: none;
-}
-*/
 /* gtk+-3.20 */
-.titlebar button.close.titlebutton image,
-.titlebar button.minimize.titlebutton image,
-.titlebar button.maximize.titlebutton image {
+headerbar button.close.titlebutton,
+headerbar button.minimize.titlebutton,
+headerbar button.maximize.titlebutton {
+    border-width: 0px;
+    border-image: none;
+    background-color: transparent;
+}
+
+headerbar button.close.titlebutton image,
+headerbar button.minimize.titlebutton image,
+headerbar button.maximize.titlebutton image {
         color: transparent;
 }
 
diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
index e7f69284..d78655d5 100644
--- a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
@@ -3147,40 +3147,6 @@ toolbar menubar {
 }
 
 /***************
- * Header bars *
- ***************/
-
-.titlebar, calendar.header,
-headerbar {
-	border-width: 0 0 1px;
-	border-style: solid;
-	border-color: shade(@borders, 0.90);
-	box-shadow: inset 0 -1px shade(@wm_bg_b, 0.95);
-	background-color: @theme_bg_color;
-	padding: 6px;
-}
-
-headerbar button.text-button {
-	padding: 2px 16px;
-}
-
-headerbar button.image-button {
-    padding: 4px 5px;
-}
-
-.titlebar .title, calendar.header .title,
-headerbar .title {
-	font: Bold;
-	padding: 0px 12px;
-}
-
-.titlebar .subtitle, calendar.header .subtitle,
-headerbar .subtitle {
-	font-size: smaller;
-	padding: 0px 12px;
-}
-
-/***************
  * Action bars *
  ***************/
 
@@ -4700,11 +4666,25 @@ calendar.view {
 }
 
 calendar.header {
-	border-radius: 0;
+	border-width: 0 0 1px;
+	border-style: solid;
+	border-color: shade(@borders, 0.90);
+	background-color: @theme_bg_color;
 	background-image: linear-gradient(to bottom,
 		shade(@theme_bg_color, 1.04),
 		shade(@theme_bg_color, 0.89));
-	border-width: 0;
+	box-shadow: inset 0 -1px shade(@wm_bg_b, 0.95);
+	padding: 6px;
+}
+
+calendar.header .title {
+	font: Bold;
+	padding: 0px 12px;
+}
+
+calendar.header .subtitle {
+	font-size: smaller;
+	padding: 0px 12px;
 }
 
 /* this makes no sense for gtk+-3.20 :) */
@@ -5061,18 +5041,36 @@ cursor-handle.bottom {
     color: @menu_controls_color;
 }
 
+/***************
+ * Header bars *
+ ***************/
+
 /*******
  * CSD *
  *******/
 
+headerbar,
 .titlebar {
     text-shadow: 0 1px @wm_title_shadow;
+	background-color: @theme_bg_color;
     background-image: linear-gradient(to bottom,
                                       @wm_bg_a,
                                       @wm_bg_b);
     border-radius: 6px 6px 0px 0px;
+	border-width: 0 0 1px;
+	border-style: solid;
     box-shadow: inset 0 -1px alpha(@theme_base_color, 0.4);
     border-color: @borders;
+	padding: 6px;
+}
+
+/* fix for gedit, .titlebar does not match headerbar selector */
+.background.csd > paned.horizontal.titlebar,
+.background.solid-csd > paned.horizontal.titlebar {
+    background-color: transparent;
+    padding: 0px 0px 0px 0px;
+    margin: 0px -2px 0px -2px;
+    border-width: 0px;
 }
 
 .tiled .titlebar {
@@ -5092,8 +5090,16 @@ cursor-handle.bottom {
     box-shadow: none;
 }
 
-.titlebar .title {
-    font: Bold 10;
+.titlebar .title,
+headerbar .title {
+	font: Bold;
+	padding: 0px 12px;
+}
+
+.titlebar .subtitle,
+headerbar .subtitle {
+	font-size: smaller;
+	padding: 0px 12px;
 }
 
 .titlebar:backdrop {
@@ -5109,6 +5115,16 @@ cursor-handle.bottom {
     -gtk-icon-shadow: none;
 }
 
+headerbar button.text-button,
+.titlebar button.text-button {
+	padding: 2px 16px;
+}
+
+headerbar button.image-button,
+.titlebar button.image-button {
+    padding: 4px 5px;
+}
+
 /* use icons from window-crontrols */
 .titlebar button.close.titlebutton,
 .titlebar button.close.titlebutton:hover,
diff --git a/desktop-themes/Menta/gtk-3.0/window-controls.css b/desktop-themes/Menta/gtk-3.0/window-controls.css
index f1693f76..1dc6f45a 100644
--- a/desktop-themes/Menta/gtk-3.0/window-controls.css
+++ b/desktop-themes/Menta/gtk-3.0/window-controls.css
@@ -1,16 +1,16 @@
 
-headerbar.titlebar .right button.minimize.titlebutton,
-headerbar.titlebar .right:dir(rtl) button.minimize.titlebutton,
-headerbar.titlebar .left button.minimize.titlebutton,
-headerbar.titlebar .left:dir(rtl) button.minimize.titlebutton,
-headerbar.titlebar .right button.maximize.titlebutton,
-headerbar.titlebar .right:dir(rtl) button.maximize.titlebutton,
-headerbar.titlebar .left button.maximize.titlebutton,
-headerbar.titlebar .left:dir(rtl) button.maximize.titlebutton,
-headerbar.titlebar .right button.close.titlebutton,
-headerbar.titlebar .right:dir(rtl) button.close.titlebutton,
-headerbar.titlebar .left button.close.titlebutton,
-headerbar.titlebar .left:dir(rtl) button.close.titlebutton {
+headerbar .right button.minimize.titlebutton,
+headerbar .right:dir(rtl) button.minimize.titlebutton,
+headerbar .left button.minimize.titlebutton,
+headerbar .left:dir(rtl) button.minimize.titlebutton,
+headerbar .right button.maximize.titlebutton,
+headerbar .right:dir(rtl) button.maximize.titlebutton,
+headerbar .left button.maximize.titlebutton,
+headerbar .left:dir(rtl) button.maximize.titlebutton,
+headerbar .right button.close.titlebutton,
+headerbar .right:dir(rtl) button.close.titlebutton,
+headerbar .left button.close.titlebutton,
+headerbar .left:dir(rtl) button.close.titlebutton {
 	color: transparent;
 	background-position: center;
 	background-repeat: no-repeat;
@@ -25,123 +25,123 @@ headerbar.titlebar .left:dir(rtl) button.close.titlebutton {
 
 /* minimize */
 
-headerbar.titlebar .right button.minimize.titlebutton,
-headerbar.titlebar .right:dir(rtl) button.minimize.titlebutton,
-headerbar.titlebar .left button.minimize.titlebutton,
-headerbar.titlebar .left:dir(rtl) button.minimize.titlebutton {
+headerbar .right button.minimize.titlebutton,
+headerbar .right:dir(rtl) button.minimize.titlebutton,
+headerbar .left button.minimize.titlebutton,
+headerbar .left:dir(rtl) button.minimize.titlebutton {
 	background-image: url('window-controls/minimize_focused_normal.png');
 }
 
-headerbar.titlebar .right button.minimize.titlebutton:hover,
-headerbar.titlebar .right:dir(rtl) button.minimize.titlebutton:hover,
-headerbar.titlebar .left button.minimize.titlebutton:hover,
-headerbar.titlebar .left:dir(rtl) button.minimize.titlebutton:hover {
+headerbar .right button.minimize.titlebutton:hover,
+headerbar .right:dir(rtl) button.minimize.titlebutton:hover,
+headerbar .left button.minimize.titlebutton:hover,
+headerbar .left:dir(rtl) button.minimize.titlebutton:hover {
 	background-image: url('window-controls/minimize_focused_prelight.png');
 }
 
-headerbar.titlebar .right button.minimize.titlebutton:active,
-headerbar.titlebar .right:dir(rtl) button.minimize.titlebutton:active,
-headerbar.titlebar .left button.minimize.titlebutton:active,
-headerbar.titlebar .left:dir(rtl) button.minimize.titlebutton:active,
-headerbar.titlebar .right button.minimize.titlebutton:checked,
-headerbar.titlebar .right:dir(rtl) button.minimize.titlebutton:checked,
-headerbar.titlebar .left button.minimize.titlebutton:checked,
-headerbar.titlebar .left:dir(rtl) button.minimize.titlebutton:checked {
+headerbar .right button.minimize.titlebutton:active,
+headerbar .right:dir(rtl) button.minimize.titlebutton:active,
+headerbar .left button.minimize.titlebutton:active,
+headerbar .left:dir(rtl) button.minimize.titlebutton:active,
+headerbar .right button.minimize.titlebutton:checked,
+headerbar .right:dir(rtl) button.minimize.titlebutton:checked,
+headerbar .left button.minimize.titlebutton:checked,
+headerbar .left:dir(rtl) button.minimize.titlebutton:checked {
 	background-image: url('window-controls/minimize_focused_pressed.png');
 }
 
-headerbar.titlebar .right button.minimize.titlebutton:backdrop,
-headerbar.titlebar .right:dir(rtl) button.minimize.titlebutton:backdrop,
-headerbar.titlebar .left button.minimize.titlebutton:backdrop,
-headerbar.titlebar .left:dir(rtl) button.minimize.titlebutton:backdrop {
+headerbar .right button.minimize.titlebutton:backdrop,
+headerbar .right:dir(rtl) button.minimize.titlebutton:backdrop,
+headerbar .left button.minimize.titlebutton:backdrop,
+headerbar .left:dir(rtl) button.minimize.titlebutton:backdrop {
 	background-image: url('window-controls/minimize_unfocused.png');
 }
 
-headerbar.titlebar .right button.minimize.titlebutton:backdrop:hover,
-headerbar.titlebar .right:dir(rtl) button.minimize.titlebutton:backdrop:hover,
-headerbar.titlebar .left button.minimize.titlebutton:backdrop:hover,
-headerbar.titlebar .left:dir(rtl) button.minimize.titlebutton:backdrop:hover {
+headerbar .right button.minimize.titlebutton:backdrop:hover,
+headerbar .right:dir(rtl) button.minimize.titlebutton:backdrop:hover,
+headerbar .left button.minimize.titlebutton:backdrop:hover,
+headerbar .left:dir(rtl) button.minimize.titlebutton:backdrop:hover {
 	background-image: url('window-controls/minimize_unfocused_prelight.png');
 }
 
 /* maximize */
-headerbar.titlebar .right button.maximize.titlebutton,
-headerbar.titlebar .right:dir(rtl) button.maximize.titlebutton,
-headerbar.titlebar .left button.maximize.titlebutton,
-headerbar.titlebar .left:dir(rtl) button.maximize.titlebutton {
+headerbar .right button.maximize.titlebutton,
+headerbar .right:dir(rtl) button.maximize.titlebutton,
+headerbar .left button.maximize.titlebutton,
+headerbar .left:dir(rtl) button.maximize.titlebutton {
 	background-image: url('window-controls/maximize_focused_normal.png');
 }
 
-headerbar.titlebar .right button.maximize.titlebutton:hover,
-headerbar.titlebar .right:dir(rtl) button.maximize.titlebutton:hover,
-headerbar.titlebar .left button.maximize.titlebutton:hover,
-headerbar.titlebar .left:dir(rtl) button.maximize.titlebutton:hover {
+headerbar .right button.maximize.titlebutton:hover,
+headerbar .right:dir(rtl) button.maximize.titlebutton:hover,
+headerbar .left button.maximize.titlebutton:hover,
+headerbar .left:dir(rtl) button.maximize.titlebutton:hover {
 	background-image: url('window-controls/maximize_focused_prelight.png');
 }
 
-headerbar.titlebar .right button.maximize.titlebutton:active,
-headerbar.titlebar .right:dir(rtl) button.maximize.titlebutton:active,
-headerbar.titlebar .left button.maximize.titlebutton:active,
-headerbar.titlebar .left:dir(rtl) button.maximize.titlebutton:active,
-headerbar.titlebar .right button.maximize.titlebutton:checked,
-headerbar.titlebar .right:dir(rtl) button.maximize.titlebutton:checked,
-headerbar.titlebar .left button.maximize.titlebutton:checked,
-headerbar.titlebar .left:dir(rtl) button.maximize.titlebutton:checked {
+headerbar .right button.maximize.titlebutton:active,
+headerbar .right:dir(rtl) button.maximize.titlebutton:active,
+headerbar .left button.maximize.titlebutton:active,
+headerbar .left:dir(rtl) button.maximize.titlebutton:active,
+headerbar .right button.maximize.titlebutton:checked,
+headerbar .right:dir(rtl) button.maximize.titlebutton:checked,
+headerbar .left button.maximize.titlebutton:checked,
+headerbar .left:dir(rtl) button.maximize.titlebutton:checked {
 	background-image: url('window-controls/maximize_focused_pressed.png');
 }
 
-headerbar.titlebar .right button.maximize.titlebutton:backdrop,
-headerbar.titlebar .right:dir(rtl) button.maximize.titlebutton:backdrop,
-headerbar.titlebar .left button.maximize.titlebutton:backdrop,
-headerbar.titlebar .left:dir(rtl) button.maximize.titlebutton:backdrop {
+headerbar .right button.maximize.titlebutton:backdrop,
+headerbar .right:dir(rtl) button.maximize.titlebutton:backdrop,
+headerbar .left button.maximize.titlebutton:backdrop,
+headerbar .left:dir(rtl) button.maximize.titlebutton:backdrop {
 	background-image: url('window-controls/maximize_unfocused.png');
 }
 
-headerbar.titlebar .right button.maximize.titlebutton:backdrop:hover,
-headerbar.titlebar .right:dir(rtl) button.maximize.titlebutton:backdrop:hover,
-headerbar.titlebar .left button.maximize.titlebutton:backdrop:hover,
-headerbar.titlebar .left:dir(rtl) button.maximize.titlebutton:backdrop:hover {
+headerbar .right button.maximize.titlebutton:backdrop:hover,
+headerbar .right:dir(rtl) button.maximize.titlebutton:backdrop:hover,
+headerbar .left button.maximize.titlebutton:backdrop:hover,
+headerbar .left:dir(rtl) button.maximize.titlebutton:backdrop:hover {
 	background-image: url('window-controls/maximize_unfocused_prelight.png');
 }
 
 /* close */
-headerbar.titlebar .right button.close.titlebutton,
-headerbar.titlebar .right:dir(rtl) button.close.titlebutton,
-headerbar.titlebar .left button.close.titlebutton,
-headerbar.titlebar .left:dir(rtl) button.close.titlebutton {
+headerbar .right button.close.titlebutton,
+headerbar .right:dir(rtl) button.close.titlebutton,
+headerbar .left button.close.titlebutton,
+headerbar .left:dir(rtl) button.close.titlebutton {
 	background-image: url('window-controls/close_focused_normal.png');
 	/*padding: 2px 6px 3px 3px;*/ /* FIXME: Uncomment this shit when using the Faenza icon theme and maybe some other icon themes */
 }
 
-headerbar.titlebar .right button.close.titlebutton:hover,
-headerbar.titlebar .right:dir(rtl) button.close.titlebutton:hover,
-headerbar.titlebar .left button.close.titlebutton:hover,
-headerbar.titlebar .left:dir(rtl) button.close.titlebutton:hover {
+headerbar .right button.close.titlebutton:hover,
+headerbar .right:dir(rtl) button.close.titlebutton:hover,
+headerbar .left button.close.titlebutton:hover,
+headerbar .left:dir(rtl) button.close.titlebutton:hover {
 	background-image: url('window-controls/close_focused_prelight.png');
 }
 
-headerbar.titlebar .right button.close.titlebutton:active,
-headerbar.titlebar .right:dir(rtl) button.close.titlebutton:active,
-headerbar.titlebar .left button.close.titlebutton:active,
-headerbar.titlebar .left:dir(rtl) button.close.titlebutton:active,
-headerbar.titlebar .right button.close.titlebutton:checked,
-headerbar.titlebar .right:dir(rtl) button.close.titlebutton:checked,
-headerbar.titlebar .left button.close.titlebutton:checked,
-headerbar.titlebar .left:dir(rtl) button.close.titlebutton:checked {
+headerbar .right button.close.titlebutton:active,
+headerbar .right:dir(rtl) button.close.titlebutton:active,
+headerbar .left button.close.titlebutton:active,
+headerbar .left:dir(rtl) button.close.titlebutton:active,
+headerbar .right button.close.titlebutton:checked,
+headerbar .right:dir(rtl) button.close.titlebutton:checked,
+headerbar .left button.close.titlebutton:checked,
+headerbar .left:dir(rtl) button.close.titlebutton:checked {
 	background-image: url('window-controls/close_focused_pressed.png');
 }
 
-headerbar.titlebar .right button.close.titlebutton:backdrop,
-headerbar.titlebar .right:dir(rtl) button.close.titlebutton:backdrop,
-headerbar.titlebar .left button.close.titlebutton:backdrop,
-headerbar.titlebar .left:dir(rtl) button.close.titlebutton:backdrop {
+headerbar .right button.close.titlebutton:backdrop,
+headerbar .right:dir(rtl) button.close.titlebutton:backdrop,
+headerbar .left button.close.titlebutton:backdrop,
+headerbar .left:dir(rtl) button.close.titlebutton:backdrop {
 	background-image: url('window-controls/close_unfocused.png');
 }
 
-headerbar.titlebar .right button.close.titlebutton:backdrop:hover,
-headerbar.titlebar .right:dir(rtl) button.close.titlebutton:backdrop:hover,
-headerbar.titlebar .left button.close.titlebutton:backdrop:hover,
-headerbar.titlebar .left:dir(rtl) button.close.titlebutton:backdrop:hover {
+headerbar .right button.close.titlebutton:backdrop:hover,
+headerbar .right:dir(rtl) button.close.titlebutton:backdrop:hover,
+headerbar .left button.close.titlebutton:backdrop:hover,
+headerbar .left:dir(rtl) button.close.titlebutton:backdrop:hover {
 	background-image: url('window-controls/close_unfocused_prelight.png');
 }
 
@@ -152,30 +152,31 @@ headerbar.titlebar .left:dir(rtl) button.close.titlebutton:backdrop:hover {
 
 /* Menu button when fallback kicks in (XFCE, Cinnamon etc.) */
 /*
-headerbar.titlebar .button.menu-button.titlebutton {
+headerbar .button.menu-button.titlebutton {
 	background-image: url('window-controls/menu.png');
 }
 
-headerbar.titlebar .button.menu-button.titlebutton:hover {
+headerbar .button.menu-button.titlebutton:hover {
 	background-image: url('window-controls/menu_prelight.png');
 }
 
-headerbar.titlebar .button.menu-button.titlebutton:active {
+headerbar .button.menu-button.titlebutton:active {
 	background-image: url('window-controls/menu.png');
 }
 */
 
-/* application adjustments gtk+-3.20 *//*
-headerbar.titlebar button.titlebutton.toggle.popup,
-headerbar.titlebar button.titlebutton.toggle.popup:hover,
-headerbar.titlebar button.titlebutton.toggle.popup:checked {
-	background-image: none;
-}
-*/
 /* gtk+-3.20 */
-.titlebar button.close.titlebutton image,
-.titlebar button.minimize.titlebutton image,
-.titlebar button.maximize.titlebutton image {
+headerbar button.close.titlebutton,
+headerbar button.minimize.titlebutton,
+headerbar button.maximize.titlebutton {
+    border-width: 0px;
+    border-image: none;
+    background-color: transparent;
+}
+
+headerbar button.close.titlebutton image,
+headerbar button.minimize.titlebutton image,
+headerbar button.maximize.titlebutton image {
         color: transparent;
 }