GTK+-3.20 Blue-Submarine menu: port to 3.20

author: Wolfgang Ulbrich <[email protected]> 2016-02-16 22:43:54 +0100
committer: Wolfgang Ulbrich <[email protected]> 2016-02-16 22:46:43 +0100
commit: 6087b0bd9d9722cfc1e13987e9ab676c6e070f67 (patch)
tree: 4fb947a0e90bb496e67684c7e828ab6808b6a2a8 /desktop-themes/Blue-Submarine
parent: 20e3eb29bbd5e4bb229e4c8148f103c0ada78b26 (diff)
download: mate-themes-6087b0bd9d9722cfc1e13987e9ab676c6e070f67.tar.bz2
mate-themes-6087b0bd9d9722cfc1e13987e9ab676c6e070f67.tar.xz
1 files changed, 174 insertions, 157 deletions
diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/menu.css b/desktop-themes/Blue-Submarine/gtk-3.0/menu.css
index 21ea28c9..6c158ed1 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/menu.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/menu.css
@@ -3,8 +3,8 @@
 *
 *************************/
 
-.toolbar .raised .menu,
-.menu {
+toolbar .raised menu,
+menu {
 /* menu contextual */
 background-color: @menu_bg_dark_color;
 background-image: -gtk-gradient (linear,
@@ -18,25 +18,25 @@
 border-image: none;
 }
 
-.menu:selected {
+menu:selected {
 background-color: @theme_selected_bg_color;
 }
 
-GtkMenuItem,
-GtkMenuItem:insensitive {
+menuitem,
+menuitem:disabled {
 background-color: @menu_bg_dark_color;
 }
 
-.menubar .menu.button:hover,
-.menubar .menu.button:active,
-.menubar .menu.button:active:insensitive,
-.menubar .menu.button:insensitive,
-.menubar .menu.button,
-.primary-toolbar .menu.button:hover,
-.primary-toolbar .menu.button:active,
-.primary-toolbar .menu.button:active:insensitive,
-.primary-toolbar .menu.button:insensitive,
-.primary-toolbar .menu.button {
+menubar menu button:hover,
+menubar menu button:active,
+menubar menu button:active:disabled,
+menubar menu button:disabled,
+menubar menu button,
+toolbar.primary-toolbar menu button:hover,
+toolbar.primary-toolbar menu button:active,
+toolbar.primary-toolbar menu button:active:disabled,
+toolbar.primary-toolbar menu button:disabled,
+toolbar.primary-toolbar menu button {
 background-color: shade (@menu_bg_dark_color, 1.07);
 background-image: -gtk-gradient (linear,
 left top, left bottom,
@@ -46,10 +46,9 @@ GtkMenuItem:insensitive {
 border-style: none;
 border-width: 1px;
 border-image: none;
-
 }
 
-.menu.button {
+menu button {
 padding: 0px;
 background-image: none;
 background-color: shade (@menu_bg_dark_color, 0.95);
@@ -59,7 +58,7 @@ GtkMenuItem:insensitive {
 border-style: none;
 }
 
-.menu.button GtkArrow {
+menu button arrow {
 color: @menu_fg_dark_color;
 }
 
@@ -67,7 +66,7 @@ GtkMenuItem:insensitive {
 /***********
 * menubar *
 ***********/
-.menubar {
+menubar {
 -GtkWidget-window-dragging: true;
 /* line 3D (dark) */
 box-shadow: inset 0px -1px @menu_line_dark_color;
@@ -84,15 +83,14 @@ GtkMenuItem:insensitive {
 /***************
 * menubaritem *
 ***************/
-.menubar.menuitem {
+menubar menuitem {
 padding: 5px 5px;
 transition: all 300ms ease-out;
 border-radius: 0px;
 border-width: 0px;
 }
 
-.menubar.menuitem:hover,
-.menubar .menuitem:hover {
+menubar menuitem:hover {
 padding: 5px 5px;
 background-color: shade (@theme_bg_dark_color, 1.2);
 border-radius: 6px;
@@ -103,40 +101,35 @@ GtkMenuItem:insensitive {
 /************
 * menuitem *
 ************/
-.menubar .menuitem {
+window.background.popup menubar menuitem {
 padding: 5px 5px;
 transition: all 300ms ease-out;
 color: @theme_fg_dark_color;
 text-shadow: 1px 1px @theme_shadow_dark_color;
 }
 
-Genericmenuitem .menuitem *,
-DbusmenuGtkMenu .menuitem *,
-.toolbar .raised .button .menuitem *,
-.toolbar.menubar .button .menuitem *,
-.toolbar .menuitem *,
-.primary-toolbar .menuitem *,
-.primary-toolbar .button .menuitem *,
-.menu .menuitem *, 
-.menuitem {
+toolbar .raised button menuitem *,
+toolbar menubar button menuitem *,
+toolbar menuitem *,
+toolbar.primary-toolbar menuitem *,
+toolbar.primary-toolbar button menuitem *,
+window.background.popup menu menuitem *, 
+window.background.popup menuitem {
 /* Fix height change in nautilus menu item view options */
 padding: 0px;
 border-width: 0px;
-
 }
 
-Genericmenuitem .menuitem,
-DbusmenuGtkMenu .menuitem,
-.toolbar .raised .button .menuitem,
-.toolbar.menubar .button .menuitem,
-.toolbar.menubar .linked .button .menuitem,
-.toolbar .menuitem,
-.primary-toolbar .menuitem,
-.primary-toolbar .button .menuitem,
-.menu .menuitem, 
-.menuitem {
+toolbar .raised button menuitem,
+toolbar menubar button menuitem,
+toolbar menubar .linked button menuitem,
+toolbar menuitem,
+toolbar.primary-toolbar menuitem,
+toolbar.primary-toolbar button menuitem,
+window.background.popup menu menuitem, 
+window.background.popup menuitem {
 transition: all 300ms ease-out;
- -GtkMenuItem-arrow-scaling: 0.7;
+/* -GtkMenuItem-arrow-scaling: 0.7; */
 padding: 2px 4px;
 border-radius: 0px;
 color: @menu_fg_dark_color;
@@ -144,41 +137,47 @@ DbusmenuGtkMenu .menuitem,
 padding: 5px 5px;
 }
 
-.toolbar .menuitem GtkLabel,
-.primary-toolbar .menuitem GtkLabel,
-.toolbar .raised .button .menuitem GtkLabel,
-.toolbar.menubar .button .menuitem GtkLabel,
-.primary-toolbar .button .menuitem GtkLabel {
+toolbar menuitem label,
+toolbar.primary-toolbar menuitem label,
+toolbar .raised button menuitem label,
+toolbar menubar button menuitem label,
+toolbar.primary-toolbar button menuitem label {
 color: @menu_fg_dark_color;
 text-shadow: 1px 1px @menu_shadow_dark_color;
 }
 
-GtkTreeMenu.menu {
+treemenu menu {
 background-color: @menu_bg_dark_color;
 }
 
-GtkTreeMenu .menuitem {
+treemenu menuitem {
 border-style: none;
 border-width: 0px;
 }
 
-.toolbar GtkComboBox .menuitem,
-GtkComboBox .menuitem {
+toolbar combobox menuitem,
+combobox menuitem {
 transition: all 500ms ease-out;
 color: @menu_fg_dark_color;
 text-shadow: 0px 1px @menu_shadow_dark_color;
 }
 
+/* needed for .menuitem with gtk+-3.20 !!! */
+combobox menuitem .cell {
+ color: @menu_fg_dark_color;
+ text-shadow: 0px 1px @menu_shadow_dark_color;
+}
+
 /* needed for .menuitem with gtk+-3.18 */
-GtkTreeMenu.menu .menuitem GtkCellView {
+treemenu menu menuitem .cell {
 background-image: none;
 background-color: transparent;
 color: @menu_fg_dark_color;
 text-shadow: 0px 1px @menu_shadow_dark_color;
 }
 
-GtkTreeMenu.menu .menuitem:hover,
-GtkComboBox .menuitem:hover {
+treemenu menu menuitem:hover,
+combobox menuitem:hover {
 background-image: -gtk-gradient (linear,
 left top, left bottom,
 from (shade(@menu_bg_dark_color, 2.03)),
@@ -187,13 +186,14 @@ GtkComboBox .menuitem:hover {
 text-shadow: 0px 1px @theme_selected_shadow_color;
 }
 
-GtkTreeMenu.menu .menuitem:hover GtkCellView {
+treemenu menu menuitem:hover .cell,
+combobox menuitem:hover .cell {
 color: shade (@theme_selected_bg_color, 1.6);
 text-shadow: 0px 1px @theme_selected_shadow_color;
 }
 
-.menuitem:hover,
-.menu .menuitem:hover {
+window.background.popup menuitem:hover,
+window.background.popup menu menuitem:hover {
 /* contextual menu item-selected */
 background-color: shade (@theme_bg_dark_color, 1.2);
 background-image: -gtk-gradient (linear,
@@ -212,64 +212,65 @@ GtkTreeMenu.menu .menuitem:hover GtkCellView {
 inset 0px -1px shade (@theme_selected_bg_color, 1.3);
 }
 
-.toolbar .menuitem *:hover,
-.primary-toolbar .toolbar .button .menuitem *:hover,
-.primary-toolbar.toolbar .button .menuitem *:hover,
-.toolbar .raised .button .menuitem *:hover, /* menuitem opciones visualizacion nautilus */
-.toolbar.menubar .button .menuitem *:hover, 
-GtkComboBox .menuitem *:hover, 
-GtkTreeMenu .menuitem *:active,
-GtkTreeMenu .menuitem *:prelight,
-.menuitem *:active,
-.menuitem *:prelight,
-.menuitem *:hover, 
-.menuitem:hover,
-.menu .menuitem:hover {
+toolbar menuitem *:hover,
+toolbar.primary-toolbar button menuitem *:hover,
+toolbar .raised button menuitem *:hover, /* menuitem opciones visualizacion nautilus */
+toolbar menubar button menuitem *:hover, 
+combobox menuitem *:hover, 
+treemenu menuitem *:active,
+treemenu menuitem *:hover,
+window.background.popup menuitem *:active,
+window.background.popup menuitem *:hover, 
+window.background.popup menuitem:hover,
+window.background.popup menu menuitem:hover {
 color: shade (@theme_selected_bg_color, 1.6);
 text-shadow: 0px 1px @theme_selected_shadow_color;
 }
 
-.primary-toolbar .menuitem *:insensitive,
-.toolbar .raised .button .menuitem *:insensitive,
-.toolbar.menubar .button .menuitem *:insensitive,
-.primary-toolbar .button .menuitem *:insensitive,
-.toolbar .menuitem *:insensitive,
-.menuitem:insensitive,
-.menuitem *:insensitive {
- /* contextual menu insensitive */
+toolbar.primary-toolbar menuitem *:disabled,
+toolbar .raised button menuitem *:disabled,
+toolbar.menubar button menuitem *:disabled,
+toolbar.primary-toolbar button menuitem *:disabled,
+toolbar menuitem *:disabled,
+window.background.popup menuitem:disabled,
+window.background.popup menuitem *:disabled {
+ /* contextual menu disabled */
 color: mix (@menu_fg_dark_color, @menu_bg_dark_color, 0.4);
 text-shadow: none;
 }
 
-.menuitem.check,
-.menuitem.radio,
-.menuitem.check:hover,
-.menuitem.radio:hover,
-.menuitem.check:insensitive,
-.menuitem.radio:insensitive,
-.menuitem.check:active:insensitive,
-.menuitem.radio:active:insensitive,
-.menuitem.check:checked:insensitive,
-.menuitem.radio:checked:insensitive,
-.menuitem.check:inconsistent:insensitive,
-.menuitem.radio:inconsistent:insensitive {
+window.background.popup menuitem check,
+window.background.popup menuitem radio,
+window.background.popup menuitem check:hover,
+window.background.popup menuitem radio:hover,
+window.background.popup menuitem check:disabled,
+window.background.popup menuitem radio:disabled,
+window.background.popup menuitem check:active:disabled,
+window.background.popup menuitem radio:active:disabled,
+window.background.popup menuitem check:checked:disabled,
+window.background.popup menuitem radio:checked:disabled,
+window.background.popup menuitem check:indeterminate:disabled,
+window.background.popup menuitem radio:indeterminate:disabled {
 border-width: 0px;
 border-style: none;
 background-image: none;
-}
-
-.toolbar .raised .button .menuitem.check:inconsistent,
-.toolbar .raised .button .menuitem.radio:inconsistent,
-.menuitem.check:inconsistent,
-.menuitem.radio:inconsistent,
-.toolbar .raised .button .menuitem.check:active,
-.toolbar .raised .button .menuitem.radio:active,
-.menuitem.check:active,
-.menuitem.radio:active,
-.toolbar .raised .button .menuitem.check:checked,
-.toolbar .raised .button .menuitem.radio:checked,
-.menuitem.check:checked,
-.menuitem.radio:checked {
+ min-height: 12px;
+ min-width: 12px;
+ background-position: center center;
+}
+
+toolbar .raised button menuitem check:indeterminate,
+toolbar .raised button menuitem radio:indeterminate,
+window.background.popup menuitem check:indeterminate,
+window.background.popup menuitem radio:indeterminate,
+toolbar .raised button menuitem check:active,
+toolbar .raised button menuitem radio:active,
+window.background.popup menuitem check:active,
+window.background.popup menuitem radio:active,
+toolbar .raised button menuitem check:checked,
+toolbar .raised button menuitem radio:checked,
+window.background.popup menuitem check:checked,
+window.background.popup menuitem radio:checked {
 border-width: 0px;
 border-style: none;
 background-image: none;
@@ -278,47 +279,70 @@ GtkTreeMenu .menuitem *:prelight,
 color: @menu_fg_dark_color;
 }
 
-.toolbar .raised .button .menuitem.check:inconsistent:hover,
-.toolbar .raised .button .menuitem.radio:inconsistent:hover,
-.menuitem.check:inconsistent:hover,
-.menuitem.radio:inconsistent:hover,
-.toolbar .raised .button .menuitem.check:active:hover,
-.toolbar .raised .button .menuitem.radio:active:hover,
-.menuitem.check:active:hover,
-.menuitem.radio:active:hover,
-.toolbar .raised .button .menuitem.check:checked:hover,
-.toolbar .raised .button .menuitem.radio:checked:hover,
-.menuitem.check:checked:hover,
-.menuitem.radio:checked:hover {
+toolbar .raised button menuitem check:indeterminate:hover,
+toolbar .raised button menuitem radio:indeterminate:hover,
+window.background.popup menuitem check:indeterminate:hover,
+window.background.popup menuitem radio:indeterminate:hover,
+toolbar .raised button menuitem check:active:hover,
+toolbar .raised button menuitem radio:active:hover,
+window.background.popup menuitem check:active:hover,
+window.background.popup menuitem radio:active:hover,
+toolbar .raised button menuitem check:checked:hover,
+toolbar .raised button menuitem radio:checked:hover,
+window.background.popup menuitem check:checked:hover,
+window.background.popup menuitem radio:checked:hover {
 border-color: @theme_selected_fg_color;
 color: @theme_selected_fg_color;
 }
 
-.menuitem.arrow:hover {
+window.background.popup menuitem arrow {
+ min-height: 16px;
+ min-width: 16px;
+ margin-left: 10px;
+ color: @menu_fg_color;
+}
+
+window.background.popup menu menuitem arrow:dir(ltr) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+window.background.popup menu menuitem arrow:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+}
+
+window.background.popup menu arrow.top {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+window.background.popup menu arrow.bottom {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+window.background.popup menu arrow:hover {
 border-color: @theme_selected_fg_color;
 color: shade (@theme_selected_bg_color, 1.6);
 }
 
-.menuitem.check:insensitive,
-.menuitem.radio:insensitive,
-.menuitem.check:active:insensitive,
-.menuitem.radio:active:insensitive,
-.menuitem.check:checked:insensitive,
-.menuitem.radio:checked:insensitive,
-.menuitem.check:inconsistent:insensitive,
-.menuitem.radio:inconsistent:insensitive {
+window.background.popup menuitem check:disabled,
+window.background.popup menuitem radio:disabled,
+window.background.popup menuitem check:active:disabled,
+window.background.popup menuitem radio:active:disabled,
+window.background.popup menuitem check:checked:disabled,
+window.background.popup menuitem radio:checked:disabled,
+window.background.popup menuitem check:indeterminate:disabled,
+window.background.popup menuitem radio:indeterminate:disabled {
 color: mix (@menu_fg_dark_color, @menu_bg_dark_color, 0.6);
 text-shadow: none;
 }
 
-.menubar .menuitem GtkCalendar,
-.menubar .menuitem GtkCalendar.button,
-.menubar .menuitem GtkCalendar.header,
-.menubar .menuitem GtkCalendar.view,
-.primary-toolbar .menuitem GtkCalendar,
-.primary-toolbar .menuitem GtkCalendar.button,
-.primary-toolbar .menuitem GtkCalendar.header,
-.primary-toolbar .menuitem GtkCalendar.view {
+menubar menuitem calendar,
+menubar menuitem calendar.button,
+menubar menuitem calendar.header,
+menubar menuitem calendar.view,
+toolbar.primary-toolbar menuitem calendar,
+toolbar.primary-toolbar menuitem calendar.button,
+toolbar.primary-toolbar menuitem calendar.header,
+toolbar.primary-toolbar menuitem calendar.view {
 background-color: @menu_bg_dark_color;
 background-image: none;
 border-radius: 0;
@@ -328,13 +352,13 @@ GtkTreeMenu .menuitem *:prelight,
 color: @menu_fg_dark_color;
 }
 
-.menubar .menuitem GtkCalendar,
-.primary-toolbar .menuitem GtkCalendar {
+menubar menuitem calendar,
+toolbar.primary-toolbar menuitem calendar {
 background-color: shade (@menu_bg_dark_color, 1.3);
 background-image: none;
 }
 
-.menubar .menuitem GtkScale.trough {
+menubar menuitem scale trough {
 background-image: -gtk-gradient (linear,
 left top,
 left bottom,
@@ -348,33 +372,26 @@ GtkTreeMenu .menuitem *:prelight,
 inset -1px -1px alpha(#000, 0.08);
 }
 
-Genericmenuitem .menuitem .accelerator,
-DbusmenuGtkMenu .menuitem .accelerator,
-.menubar .menuitem .accelerator,
-.primary-toolbar .menuitem .accelerator {
+menubar menuitem accelerator,
+toolbar.primary-toolbar menuitem accelerator {
 color: alpha (@menu_fg_dark_color, 0.8);
 }
 
-Genericmenuitem .menuitem .accelerator:hover,
-DbusmenuGtkMenu .menuitem .accelerator:hover,
-.menubar .menuitem .accelerator:hover,
-.primary-toolbar .menuitem .accelerator:hover {
+menubar menuitem accelerator:hover,
+toolbar.primary-toolbar menuitem accelerator:hover {
 color: alpha (@theme_selected_fg_color, 0.8);
 }
 
-Genericmenuitem .menuitem .accelerator:insensitive,
-DbusmenuGtkMenu .menuitem .accelerator:insensitive,
-.menubar .menuitem .accelerator:insensitive,
-.primary-toolbar .menuitem .accelerator:insensitive {
+menubar menuitem accelerator:disabled,
+toolbar.primary-toolbar menuitem accelerator:disabled {
 color: alpha (mix (@menu_fg_dark_color, @menu_bg_dark_color, 0.4), 0.8);
 text-shadow: none;
 }
 
-.menuitem.separator {
- -GtkMenuItem-horizontal-padding: 0;
- -GtkWidget-separator-height: 1;
- /* border-color: shade (@menu_bg_dark_color, 0.90);
- -unico-inner-stroke-color: alpha (shade (@menu_bg_dark_color, 1.18), 0.6); */
+window.background.popup menu separator {
+/* -GtkMenuItem-horizontal-padding: 0; deprecated */
+/* -GtkWidget-separator-height: 1; */
+ min-height: 1px;
 border-image: -gtk-gradient (linear,
 left top, right top,
 from (alpha (#000, 0.00)),
@@ -387,8 +404,8 @@ DbusmenuGtkMenu .menuitem .accelerator:insensitive,
 * Menu Button *
 ***************/
 
-.button.menuitem.menubar:active,
-.button.menuitem.menubar *:active {
+button menuitem menubar:active,
+button menuitem menubar *:active {
 color: @menu_fg_dark_color;
 background-image: none;
 background-color: @menu_bg_dark_color;
author	Wolfgang Ulbrich <[email protected]>	2016-02-16 22:43:54 +0100
committer	Wolfgang Ulbrich <[email protected]>	2016-02-16 22:46:43 +0100
commit	6087b0bd9d9722cfc1e13987e9ab676c6e070f67 (patch)
tree	4fb947a0e90bb496e67684c7e828ab6808b6a2a8 /desktop-themes/Blue-Submarine
parent	20e3eb29bbd5e4bb229e4c8148f103c0ada78b26 (diff)
download	mate-themes-6087b0bd9d9722cfc1e13987e9ab676c6e070f67.tar.bz2 mate-themes-6087b0bd9d9722cfc1e13987e9ab676c6e070f67.tar.xz