From 23dd85bcb8619efd9312375f90273376b8454db9 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(-) (limited to 'desktop-themes') diff --git a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css index f0cbdfc3..38c7a53a 100644 --- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css @@ -873,19 +873,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, @@ -1198,23 +1197,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 2de053e7..7043efd7 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; @@ -226,6 +217,7 @@ PanelMenuBar.menubar .menuitem:hover { /* set selected menubar menuitem */ 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