From dbf2018e2940571b2345cca4dd72f31fcf9317a4 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Thu, 24 Mar 2016 22:14:16 +0100 Subject: GTK+-3.18: TOK themes: re-work panel settings --- .../TraditionalGreen/gtk-3.0/mate-applications.css | 94 ++++++++++++++-------- .../TraditionalOk/gtk-3.0/mate-applications.css | 80 ++++++++++-------- 2 files changed, 109 insertions(+), 65 deletions(-) diff --git a/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css b/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css index bc125b2b..c1ecc82a 100644 --- a/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css +++ b/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css @@ -74,15 +74,24 @@ CajaNavigationWindow.background .view.caja-canvas-item:selected { * mate-panel * ***************/ -.mate-panel-menu-bar, -MatePanelApplet > GtkMenuBar.menubar, -PanelToplevel, -PanelWidget, -PanelFrame, -PanelAppletFrame, -MatePanelAppletFrameDBus, -MatePanelAppletContainer, -MatePanelApplet { +/* first make all transparent */ +WnckSelector.menubar, +PanelMenuBar.menubar, +WnckSelector GtkMenuItem, +PanelMenuBar GtkMenuItem, +#clock-applet-button.button, +MatePanelApplet GtkToggleButton.button, +PanelToplevel.background, +.mate-panel-menu-bar { + background-color: transparent; + background: transparent; + border-image: none; + background-image: none; + box-shadow: none; +} + +PanelToplevel.background.horizontal, +.mate-panel-menu-bar { background-image: -gtk-gradient (linear, left top, left bottom, @@ -125,8 +134,6 @@ PanelMenuBar.menubar .menu .menuitem { } /* set selected menubar menuitem */ -PanelMenuBar.menubar .menu .menuitem:checked:hover, -PanelMenuBar.menubar .menu .menuitem:active:hover, PanelMenuBar.menubar .menu .menuitem:hover { background-image: none; color: @theme_text_color; @@ -151,8 +158,6 @@ PanelSeparator { /* desktop-applet, clockapplet, drivemount, character-map, dictionary */ MatePanelApplet .button { - /* Due to a bug somewhere in gtk or cairo, - a padding of zero (or even one) doesn't work always!!! */ padding: 0px; border-radius: 3px; border-width: 1px; @@ -168,11 +173,13 @@ MatePanelApplet .button { to (@button_gradient_d)); } +#clock-applet-button.button.flat:checked:hover, +#clock-applet-button.button.flat:checked, MatePanelApplet .button:checked:hover, -MatePanelApplet .button:checked, -MatePanelApplet .button:active:hover, -MatePanelApplet .button:active { +MatePanelApplet .button:checked { border-style: solid; + border-width: 1px; + border-color: @border_color; background-image: linear-gradient(to bottom, @button_active_gradient_a, @button_active_gradient_b 3px, @@ -182,36 +189,42 @@ MatePanelApplet .button:active { @button_active_gradient_f); } +#clock-applet-button.button.flat:hover, MatePanelApplet .button:hover { border-style: solid; + border-width: 1px; + border-color: @border_color; background-image: linear-gradient(to bottom, @button_gradient_color_b, @button_gradient_color_a); } +#clock-applet-button.button.flat { + border-style: solid; + border-color: transparent; + border-width: 1px; +} + /*Wncklist */ -WnckTasklist .button { - padding: 0px; +WnckTasklist .button.flat { + padding: 4px 2px; border-radius: 3px; border-width: 1px; border-style: solid; + border-color: transparent; text-shadow: none; color: @theme_fg_color; background-color: transparent; - background-image: -gtk-gradient (linear, - left top, - left bottom, - from (@button_gradient_a), - color-stop (0.50, @button_gradient_b), - color-stop (0.50, @button_gradient_c), - to (@button_gradient_d)); + background-image: none; } -WnckTasklist .button:checked:hover, -WnckTasklist .button:checked, -WnckTasklist .button:active:hover, -WnckTasklist .button:active { +WnckTasklist .button.flat:checked:hover, +WnckTasklist .button.flat:checked { + padding: 4px 2px; border-style: solid; + border-width: 1px; + border-radius: 3px; + border-color: @border_color; background-color: transparent; background-image: linear-gradient(to bottom, @button_active_gradient_a, @@ -222,8 +235,11 @@ WnckTasklist .button:active { @button_active_gradient_f); } -WnckTasklist .button:hover { +WnckTasklist .button.flat:hover { + padding: 4px 2px; border-style: solid; + border-width: 1px; + border-radius: 3px; background-color: transparent; background-image: linear-gradient(to bottom, @button_hover_gradient_c); @@ -243,6 +259,20 @@ MatePanelApplet > WnckSelector.menubar .menuitem:hover { @button_active_gradient_f); } +/* set selected button WnckSelector */ +.mate-panel-window-menu-menu-bar .menuitem:hover, +MatePanelApplet > WnckSelector.menubar .menuitem:hover { + color: @theme_fg_color; + border-style: solid; + background-image: linear-gradient(to bottom, + @button_active_gradient_a, + @button_active_gradient_b 3px, + @button_active_gradient_c 4px, + @button_active_gradient_d 50%, + @button_active_gradient_e 50%, + @button_active_gradient_f); +} + /* set WnckSelector selected menuitem */ .mate-panel-window-menu-menu-bar .menu .menuitem:hover, MatePanelApplet > WnckSelector.menubar .menu .menuitem:hover { @@ -273,7 +303,7 @@ WnckPager { WnckPager:hover { background-image: linear-gradient(to bottom, shade (@theme_selected_bg_color, 1.86), - shade (@theme_selected_bg_color, 0.8)); + shade (@theme_selected_bg_color, 1.0)); background-color: @theme_base_color; } @@ -310,7 +340,7 @@ NaTrayApplet { margin: 0px; } -.mate-panel-applet-slider .frame .frame{ +.mate-panel-applet-slider .frame .frame { background-color:transparent; border-style: none; box-shadow: none; diff --git a/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css b/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css index 8fe89332..e3fc3816 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css @@ -73,15 +73,24 @@ CajaNavigationWindow.background .view.caja-canvas-item:selected { * mate-panel * ***************/ -.mate-panel-menu-bar, -MatePanelApplet > GtkMenuBar.menubar, -PanelToplevel, -PanelWidget, -PanelFrame, -PanelAppletFrame, -MatePanelAppletFrameDBus, -MatePanelAppletContainer, -MatePanelApplet { +/* first make all transparent */ +WnckSelector.menubar, +PanelMenuBar.menubar, +WnckSelector GtkMenuItem, +PanelMenuBar GtkMenuItem, +#clock-applet-button.button, +MatePanelApplet GtkToggleButton.button, +PanelToplevel.background, +.mate-panel-menu-bar { + background-color: transparent; + background: transparent; + border-image: none; + background-image: none; + box-shadow: none; +} + +PanelToplevel.background.horizontal, +.mate-panel-menu-bar { background-image: -gtk-gradient (linear, left top, left bottom, @@ -124,8 +133,6 @@ PanelMenuBar.menubar .menu .menuitem { } /* set selected menubar menuitem */ -PanelMenuBar.menubar .menu .menuitem:checked:hover, -PanelMenuBar.menubar .menu .menuitem:active:hover, PanelMenuBar.menubar .menu .menuitem:hover { background-image: none; color: @theme_text_color; @@ -150,8 +157,6 @@ PanelSeparator { /* desktop-applet, clockapplet, drivemount, character-map, dictionary */ MatePanelApplet .button { - /* Due to a bug somewhere in gtk or cairo, - a padding of zero (or even one) doesn't work always!!! */ padding: 0px; border-radius: 3px; border-width: 1px; @@ -167,11 +172,13 @@ MatePanelApplet .button { to (@button_gradient_d)); } +#clock-applet-button.button.flat:checked:hover, +#clock-applet-button.button.flat:checked, MatePanelApplet .button:checked:hover, -MatePanelApplet .button:checked, -MatePanelApplet .button:active:hover, -MatePanelApplet .button:active { +MatePanelApplet .button:checked { border-style: solid; + border-width: 1px; + border-color: @border_color; background-image: linear-gradient(to bottom, @button_active_gradient_a, @button_active_gradient_b 3px, @@ -181,37 +188,42 @@ MatePanelApplet .button:active { @button_active_gradient_f); } +#clock-applet-button.button.flat:hover, MatePanelApplet .button:hover { border-style: solid; + border-width: 1px; + border-color: @border_color; background-image: linear-gradient(to bottom, @button_gradient_color_b, @button_gradient_color_a); } +#clock-applet-button.button.flat { + border-style: solid; + border-color: transparent; + border-width: 1px; +} + /*Wncklist */ -WnckTasklist .button { - padding: 0px; +WnckTasklist .button.flat { + padding: 4px 2px; border-radius: 3px; border-width: 1px; border-style: solid; + border-color: transparent; text-shadow: none; color: @theme_fg_color; background-color: transparent; - background-image: -gtk-gradient (linear, - left top, - left bottom, - from (@button_gradient_a), - color-stop (0.50, @button_gradient_b), - color-stop (0.50, @button_gradient_c), - to (@button_gradient_d)); + background-image: none; } -WnckTasklist .button:checked:hover, -WnckTasklist .button:checked, -WnckTasklist .button:active:hover, -WnckTasklist .button:active { - padding: 0px; +WnckTasklist .button.flat:checked:hover, +WnckTasklist .button.flat:checked { + padding: 4px 2px; border-style: solid; + border-width: 1px; + border-radius: 3px; + border-color: @border_color; background-color: transparent; background-image: linear-gradient(to bottom, @button_active_gradient_a, @@ -222,9 +234,11 @@ WnckTasklist .button:active { @button_active_gradient_f); } -WnckTasklist .button:hover { - padding: 0px; +WnckTasklist .button.flat:hover { + padding: 4px 2px; border-style: solid; + border-width: 1px; + border-radius: 3px; background-color: transparent; background-image: linear-gradient(to bottom, @button_hover_gradient_c); @@ -311,7 +325,7 @@ NaTrayApplet { margin: 0px; } -.mate-panel-applet-slider .frame .frame{ +.mate-panel-applet-slider .frame .frame { background-color:transparent; border-style: none; box-shadow: none; -- cgit v1.2.1