From a1cde9604db4f776c350c382a1b917e95eb19431 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Mon, 15 Dec 2014 03:44:25 +0100 Subject: GrennLaguna GTK3: add transition effeffect for buttons and menu-buttons/items --- desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css | 48 +++++++++++----------- .../GreenLaguna/gtk-3.0/mate-applications.css | 12 +----- 2 files changed, 26 insertions(+), 34 deletions(-) diff --git a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css index c9a53c78..732a53cd 100644 --- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css @@ -941,19 +941,18 @@ GtkTreeMenu .menuitem * { * Buttons * ***********/ .button { - /* Due to a bug somewhere in gtk or cairo, - a padding of zero (or even one) doesn't work always! */ - padding: 2px; - -GtkWidget-focus-line-width: 0; - - border-radius: 3px; - border-width: 1px; - border-style: solid; - /*border-image is defined in gtk-widgets-assets.css*/ - - background-image: linear-gradient(to bottom, - @button_gradient_color_a, - @button_gradient_color_b); + /* Due to a bug somewhere in gtk or cairo, + a padding of zero (or even one) doesn't work always! */ + padding: 2px; + -GtkWidget-focus-line-width: 0; + border-radius: 3px; + border-width: 1px; + border-style: solid; + /*border-image is defined in gtk-widgets-assets.css*/ + background-image: linear-gradient(to bottom, + @button_gradient_color_a, + @button_gradient_color_b); + transition: all 200ms ease-out; } .button.image-button, @@ -1267,23 +1266,24 @@ GtkTreeMenu .menuitem * { /* this controls the general appearance of the menubar */ .menubar { - background-image: none; - background-color: @theme_bg_color; - border-width: 0px; - border-style: none; - padding: 0px; - color: @theme_text_color; - - -GtkWidget-window-dragging: true; - /*-GtkMenuBar-internal-padding: 0;*/ + background-image: none; + background-color: @theme_bg_color; + border-width: 0px; + border-style: none; + padding: 0px; + color: @theme_text_color; + -GtkWidget-window-dragging: true; + /*-GtkMenuBar-internal-padding: 0;*/ } .menubar .menuitem { - padding: 3px 7px; + transition: all 200ms ease-out; + padding: 3px 7px; } .menu .menuitem { - padding: 3px 4px; + transition: all 200ms ease-out; + padding: 3px 4px; } .menubar .menuitem, diff --git a/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css b/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css index f28012c5..eaba52ce 100644 --- a/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css +++ b/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css @@ -201,18 +201,9 @@ MatePanelApplet { text-shadow: none; } -/* needed for a working top panel with 24px (default) */ -PanelMenuBar.menubar * { - background-image: none; - background-color: transparent; - border-width: 0px; - border-style: none; - padding: 0px; - text-shadow: none; -} - /* set selected menubar button */ PanelMenuBar.menubar .menuitem:hover { + transition: all 300ms ease-out; background-image: none; background-color: shade(@theme_selected_bg_color, 1.1); border-style: none; @@ -227,6 +218,7 @@ PanelMenuBar.menubar .menuitem:hover { PanelMenuBar.menubar .menu .menuitem:checked:hover, PanelMenuBar.menubar .menu .menuitem:active:hover, PanelMenuBar.menubar .menu .menuitem:hover { + transition: all 300ms ease-out; background-image: linear-gradient(to bottom, shade(@theme_selected_bg_color, 1.6), shade(@theme_selected_bg_color, 0.6)); -- cgit v1.2.1