fix fallback menubutton in titlebars

horst3180 · Sep 24, 2014 · 6b5f4b9 · 6b5f4b9
1 parent 6d7087e
commit 6b5f4b9
Showing 1 changed file with 59 additions and 32 deletions.
diff --git a/Vertex-gtk-3.14/gtk-3.0/window-controls.css b/Vertex-gtk-3.14/gtk-3.0/window-controls.css
@@ -1,37 +1,39 @@
 .header-bar .button.titlebutton,
 .titlebar .button.titlebutton,
 GtkCalendar.header .button.titlebutton {
-    background: none;
-    border-width: 1px 0px 2px 0px;
-    padding-right: 7px;
-    padding-left: 0px;
-    border-color: transparent;
-    border-style: solid;
-    border-image: none; }
+  background: none;
+  border-width: 1px 0px 2px 0px;
+  padding-right: 7px;
+  padding-left: 0px;
+  border-color: transparent;
+  border-style: solid;
+  border-image: none;
+  icon-shadow: none;
+  box-shadow: none; }
 
 .header-bar .right .button.titlebutton,
 .titlebar .right .button.titlebutton,
 GtkCalendar .right .header .button.titlebutton {
-    padding-right: 7px;
-    padding-left: 0px; }
+  padding-right: 7px;
+  padding-left: 0px; }
 
 .header-bar .left .button.titlebutton,
 .titlebar .left .button.titlebutton,
 GtkCalendar .left .header .button.titlebutton {
-    padding-left: 7px;
-    padding-right: 0px; }
+  padding-left: 7px;
+  padding-right: 0px; }
 
 .titlebar .titlebutton:hover {
-    transition: all 200ms ease-out;
+  transition: all 200ms ease-out;
 }
 
 .titlebar .titlebutton:hover,
 .titlebar .titlebutton:active,
 .titlebar .titlebutton:active:hover {
-	background-image: none;
-	box-shadow: none;
-	border-color: transparent;
-	border-image: none;
+  background-image: none;
+  box-shadow: none;
+  border-color: transparent;
+  border-image: none;
 }
 
 .titlebar .right .titlebutton:first-child,
@@ -40,10 +42,11 @@ GtkCalendar .left .header .button.titlebutton {
 .titlebar .right .titlebutton:last-child,
 .titlebar .left .titlebutton:first-child,
 .titlebar .left .titlebutton:nth-child(2),
-.titlebar .left .titlebutton:nth-child(3) {
-	color: transparent;
-	background-position: center;
-	background-repeat: no-repeat;
+.titlebar .left .titlebutton:nth-child(3),
+.titlebar .left .titlebutton:last-child {
+  color: transparent;
+  background-position: center;
+  background-repeat: no-repeat;
 }
 
 /* Set correct layout with 
@@ -54,67 +57,91 @@ GtkCalendar .left .header .button.titlebutton {
 
 /* minimize */
 .titlebar .left .titlebutton:nth-child(3),
+.titlebar .left .titlebutton:last-child,
 .titlebar .right .titlebutton:nth-child(2),
 .titlebar .right .titlebutton:first-child {
-	background-image: url('window-controls/min.svg');
+  background-image: url('window-controls/min.svg');
 }
 
 .titlebar .left .titlebutton:nth-child(3):backdrop,
+.titlebar .left .titlebutton:last-child:backdrop,
 .titlebar .right .titlebutton:nth-child(2):backdrop,
 .titlebar .right .titlebutton:first-child:backdrop {
-	background-image: url('window-controls/min_unfocused.svg');
+  background-image: url('window-controls/min_unfocused.svg');
 }
 
 .titlebar .left .titlebutton:nth-child(3):hover,
+.titlebar .left .titlebutton:last-child:hover,
 .titlebar .right .titlebutton:nth-child(2):hover,
 .titlebar .right .titlebutton:first-child:hover {
-	background-image: url('window-controls/min_prelight.svg');
+  background-image: url('window-controls/min_prelight.svg');
 }
 
 .titlebar .left .titlebutton:nth-child(3):active,
+.titlebar .left .titlebutton:last-child:active,
 .titlebar .right .titlebutton:nth-child(2):active,
 .titlebar .right .titlebutton:first-child:active {
-	background-image: url('window-controls/min_pressed.svg');
+  background-image: url('window-controls/min_pressed.svg');
 }
 
 /* maximize */
 .titlebar .left .titlebutton:nth-child(2),
 .titlebar .right .titlebutton:nth-child(3) {
-	background-image: url('window-controls/max.svg');
+  background-image: url('window-controls/max.svg');
 }
 
 .titlebar .left .titlebutton:nth-child(2):backdrop,
 .titlebar .right .titlebutton:nth-child(3):backdrop {
-	background-image: url('window-controls/max_unfocused.svg');
+  background-image: url('window-controls/max_unfocused.svg');
 }
 
 .titlebar .left .titlebutton:nth-child(2):hover,
 .titlebar .right .titlebutton:nth-child(3):hover {
-	background-image: url('window-controls/max_prelight.svg');
+  background-image: url('window-controls/max_prelight.svg');
 }
 
 .titlebar .left .titlebutton:nth-child(2):active,
 .titlebar .right .titlebutton:nth-child(3):active {
-	background-image: url('window-controls/max_pressed.svg');
+  background-image: url('window-controls/max_pressed.svg');
 }
 
 /* close */
 .titlebar .left .titlebutton:first-child,
 .titlebar .right .titlebutton:last-child {
-	background-image: url('window-controls/close.svg');
+  background-image: url('window-controls/close.svg');
 }
 
 .titlebar .left .titlebutton:first-child:backdrop,
 .titlebar .right .titlebutton:last-child:backdrop {
-	background-image: url('window-controls/close_unfocused.svg');
+  background-image: url('window-controls/close_unfocused.svg');
 }
 
 .titlebar .left .titlebutton:first-child:hover,
 .titlebar .right .titlebutton:last-child:hover {
-	background-image: url('window-controls/close_prelight.svg');
+  background-image: url('window-controls/close_prelight.svg');
 }
 
 .titlebar .left .titlebutton:first-child:active,
 .titlebar .right .titlebutton:last-child:active {
-	background-image: url('window-controls/close_pressed.svg');
+  background-image: url('window-controls/close_pressed.svg');
+}
+
+/*GtkMenuButton*/
+.titlebar .left GtkMenuButton.titlebutton:first-child,
+.titlebar .left GtkMenuButton.titlebutton:first-child:hover,
+.titlebar .left GtkMenuButton.titlebutton:first-child:active,
+.titlebar .right GtkMenuButton.titlebutton:last-child,
+.titlebar .right GtkMenuButton.titlebutton:last-child:hover,
+.titlebar .right GtkMenuButton.titlebutton:last-child:active {
+  background-image: none;
+}
+
+.titlebar .left GtkMenuButton.titlebutton:first-child,
+.titlebar .right GtkMenuButton.titlebutton:last-child {
+  color: @wm_title;
+}
+
+.titlebar .left GtkMenuButton.titlebutton:first-child:hover,
+.titlebar .right GtkMenuButton.titlebutton:last-child:hover {
+  color: @theme_selected_bg_color;
 }