GrennLaguna GTK3: add transition effeffect for buttons and menu-buttons/items

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 48306a80..ae56ee56 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
@@ -887,19 +887,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,
@@ -1203,23 +1202,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));