diff options
| -rw-r--r-- | desktop-themes/Green-Submarine/gtk-3.0/menu.css | 380 |
1 files changed, 199 insertions, 181 deletions
diff --git a/desktop-themes/Green-Submarine/gtk-3.0/menu.css b/desktop-themes/Green-Submarine/gtk-3.0/menu.css index 8809b7aa..12de5c40 100644 --- a/desktop-themes/Green-Submarine/gtk-3.0/menu.css +++ b/desktop-themes/Green-Submarine/gtk-3.0/menu.css @@ -15,7 +15,7 @@ menu { border-width: 1px; border-radius: 0px; border-color: shade(@menu_bg_dark_color, 0.97); - border-image: none; + border-image: none; } menu:selected { @@ -27,16 +27,16 @@ menuitem:disabled { background-color: @menu_bg_dark_color; } -menubar menu button:hover, -menubar menu button:active, -menubar menu button:active:disabled, -menubar menu button:disabled, -menubar menu button, -primary-toolbar menu button:hover, -primary-toolbar menu button:active, -primary-toolbar menu button:active:disabled, -primary-toolbar menu button:disabled, -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, @@ -62,11 +62,6 @@ menu button arrow { color: @menu_fg_dark_color; } -menuitem check, menuitem radio { - min-height: 16px; - min-width: 16px; -} - /*********** * menubar * @@ -83,75 +78,74 @@ menubar { border-bottom-color: shade(@theme_bg_dark_color, 1.60); background-color: shade (@theme_bg_dark_color, 1.00); color: @menu_fg_dark_color; + min-height: 20px; } /*************** * menubaritem * ***************/ -menubar menuitem { +menubar > menuitem { padding: 5px 5px; transition: all 300ms ease-out; border-radius: 0px; border-width: 0px; + min-height: 16px; } -menubar menuitem:hover, -menubar menuitem:hover { - padding: 5px 5px; +menubar > menuitem:hover { background-color: shade (@theme_bg_dark_color, 1.2); - border-radius: 5px; - color: shade (@theme_selected_bg_color, 1.3); + border-radius: 6px; + color: shade (@theme_selected_bg_color, 1.6); text-shadow: 0px 1px @theme_selected_shadow_color; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); + box-shadow: inset 0px 1px shade(@selected_bg_color, 1.05), + inset 1px 0px shade(@selected_bg_color, 0.97), + inset -1px 0px shade(@selected_bg_color, 0.93), + inset 0px -1px shade(@selected_bg_color, 0.93); } /************ * menuitem * ************/ -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; FIXME this caused items jumpings*/ +/* -GtkMenuItem-arrow-scaling: 0.7; */ transition: all 300ms ease-out; - -menuitem-arrow-scaling: 0.7; - padding: 2px 4px; border-radius: 0px; color: @menu_fg_dark_color; text-shadow: 1px 1px @menu_shadow_dark_color; padding: 5px 5px; + min-height: 22px; } -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; } @@ -160,28 +154,34 @@ treemenu menu { background-color: @menu_bg_dark_color; } -treemenu menuitem { +treemenu menuitem { border-style: none; border-width: 0px; } -toolbar combobox menuitem, -combobox menuitem { - transition: all 500ms ease-out; +toolbar combobox menuitem, +combobox menuitem { + transition: all 300ms ease-out; color: @menu_fg_dark_color; text-shadow: 0px 1px @menu_shadow_dark_color; } -/* needed for menuitem with gtk+-3.18 */ -treemenu menu menuitem cellview { +/* 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 */ +treemenu menu menuitem .cell { background-image: none; background-color: transparent; color: @menu_fg_dark_color; text-shadow: 0px 1px @menu_shadow_dark_color; } -treemenu menu menuitem:hover, -combobox 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)), @@ -190,89 +190,91 @@ combobox menuitem:hover { text-shadow: 0px 1px @theme_selected_shadow_color; } -treemenu menu menuitem:hover cellview { - color: shade (@theme_selected_bg_color, 1.3); - text-shadow: 0px 1px @theme_selected_shadow_color; +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, left top, left bottom, from (shade(@menu_bg_dark_color, 2.03)), to (shade(@menu_bg_dark_color, 1.17))); - color: shade (@theme_selected_bg_color, 1.3); + color: shade (@theme_selected_bg_color, 1.6); text-shadow: 0px 1px @theme_selected_shadow_color; - border-radius: 5px; + border-radius: 6px; border-width: 1px; border-image: none; padding: 5px 5px; - box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), - inset 1px 0px shade (@theme_selected_bg_color, 1.3), - inset -1px 0px shade (@theme_selected_bg_color, 1.3), - 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, -combobox menuitem *:hover, -treemenu menuitem *:active, -treemenu menuitem *:hover, -menuitem *:active, - menuitem *:hover, - menuitem *:hover, - menuitem:hover, - menu menuitem:hover { - color: shade (@theme_selected_bg_color, 1.3); + box-shadow: inset 0px 1px shade(@selected_bg_color, 1.05), + inset 1px 0px shade(@selected_bg_color, 0.97), + inset -1px 0px shade(@selected_bg_color, 0.93), + inset 0px -1px shade(@selected_bg_color, 0.93); +} + +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 *:disabled, -toolbar .raised button menuitem *:disabled, -toolbar menubar button menuitem *:disabled, -primary-toolbar button menuitem *:disabled, -toolbar menuitem *:disabled, -menuitem:disabled, -menuitem *:disabled { - /* 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:disabled, -menuitem radio:disabled, -menuitem check:active:disabled, -menuitem radio:active:disabled, -menuitem check:checked:disabled, -menuitem radio:checked:disabled, -menuitem check:indeterminate:disabled, -menuitem radio:indeterminate:disabled { +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:indeterminate, -toolbar .raised button menuitem radio:indeterminate, -menuitem check:indeterminate, -menuitem radio:indeterminate, -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; @@ -281,47 +283,70 @@ menuitem radio:checked { color: @menu_fg_dark_color; } -toolbar .raised button menuitem check:indeterminate:hover, -toolbar .raised button menuitem radio:indeterminate:hover, -menuitem check:indeterminate:hover, -menuitem radio:indeterminate: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:disabled, -menuitem radio:disabled, -menuitem check:active:disabled, -menuitem radio:active:disabled, -menuitem check:checked:disabled, -menuitem radio:checked:disabled, -menuitem check:indeterminate:disabled, -menuitem radio:indeterminate:disabled { +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 calendar, -menubar menuitem calendar button, -menubar menuitem calendar.header, -menubar menuitem calendar.view, -primary-toolbar menuitem calendar, -primary-toolbar menuitem calendar button, -primary-toolbar menuitem calendar.header, -primary-toolbar menuitem calendar.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; @@ -331,13 +356,13 @@ primary-toolbar menuitem calendar.view { color: @menu_fg_dark_color; } -menubar menuitem calendar, -primary-toolbar menuitem calendar { +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, @@ -351,45 +376,38 @@ menubar menuitem GtkScale.trough { 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:disabled, -DbusmenuGtkMenu menuitem .accelerator:disabled,*/ -menubar menuitem .accelerator:disabled, -primary-toolbar menuitem .accelerator:disabled { + +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 { - -menuitem-horizontal-padding: 0; +window.background.popup menu separator { +/* -GtkMenuItem-horizontal-padding: 0; deprecated */ +/* -GtkWidget-separator-height: 1; */ min-height: 1px; - /* border-color: shade (@menu_bg_dark_color, 0.90); - -unico-inner-stroke-color: alpha (shade (@menu_bg_dark_color, 1.18), 0.6); */ border-image: -gtk-gradient (linear, - left top, right top, - from (alpha (#000, 0.00)), - color-stop (0.25, alpha (#000, 0.03)), - color-stop (0.85, alpha (#000, 0.03)), - to (alpha (#000, 0.00))) 1; + left top, right top, + from (alpha (#000, 0.00)), + color-stop (0.25, alpha (#000, 0.03)), + color-stop (0.85, alpha (#000, 0.03)), + to (alpha (#000, 0.00))) 1; } /*************** * Menu Button * ***************/ + button menuitem menubar:active, button menuitem menubar *:active { color: @menu_fg_dark_color; |