Menta themes GTK3: add transition effect for buttons and menu-buttons/items

4 files changed, 25 insertions, 7 deletions

diff --git a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
index 44bf1740..3726df27 100644
--- a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
@@ -883,6 +883,7 @@ GtkComboBox.combobox-entry .button {
 }
 
 .button {
+	transition: all 200ms ease-out;
 	-GtkButton-image-spacing: 4;
 	-GtkButton-interior-focus: true;
 	-GtkButton-default-border: 0;
@@ -2085,6 +2086,7 @@ GtkTreeMenu .menuitem,
 }
 
 .menubar .menuitem {
+	transition: all 200ms ease-out;
 	border-style: none;
 	padding: 4px 6px;
 	text-shadow: 0 1px @button_text_shadow;
@@ -2102,6 +2104,7 @@ GtkTreeMenu .menuitem,
 
 .menu .menuitem {
 	-GtkMenuItem-arrow-scaling: 0.6;
+	transition: all 100ms ease-out;
 	padding: 4px;
 }
 
diff --git a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
index a1f8f3a6..ccdad641 100644
--- a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
+++ b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
@@ -227,6 +227,7 @@ MatePanelApplet *:hover {
 /* desktop-applet, clockapplet, drivemount, character-map,
 dictionary */
 MatePanelApplet .button {
+	transition: all 300ms ease-out;
 	background-image: none;
 	background-color: @theme_bg_color;
 	color: @theme_text_color;
@@ -243,6 +244,7 @@ MatePanelApplet .button:checked:hover,
 MatePanelApplet .button:checked,
 MatePanelApplet .button:active:hover,
 MatePanelApplet .button:active {
+	transition: all 300ms ease-out;
 	background-image: linear-gradient(to bottom,
 		shade (@theme_selected_bg_color, 0.86),
 		shade (@theme_selected_bg_color, 0.26));
@@ -258,6 +260,7 @@ MatePanelApplet .button:active {
 }
 
 MatePanelApplet .button:hover {
+	transition: all 300ms ease-out;
 	background-image: linear-gradient(to bottom,
 		@theme_bg_color,
 		shade (@theme_selected_bg_color, 0.86));
@@ -274,6 +277,7 @@ MatePanelApplet .button:hover {
 
 /*Wncklist */
 WnckTasklist .button {
+	transition: all 300ms ease-out;
 	background-image: linear-gradient(to bottom,
 		shade (@theme_bg_color, 1.0),
 		shade (@theme_bg_color, 0.96));
@@ -283,7 +287,7 @@ WnckTasklist .button {
 	border-image: none;
 	border-style: solid;
 	border-width: 0px;
-	border-radius: 0px;
+	border-radius: 5px;
 	text-shadow: none;
 	-GtkWidget-window-dragging: true;
 }
@@ -292,6 +296,7 @@ WnckTasklist .button:checked:hover,
 WnckTasklist .button:checked,
 WnckTasklist .button:active:hover,
 WnckTasklist .button:active {
+	transition: all 300ms ease-out;
 	background-image: linear-gradient(to bottom,
 		shade (@theme_selected_bg_color, 0.86),
 		shade (@theme_selected_bg_color, 0.26));
@@ -307,6 +312,7 @@ WnckTasklist .button:active {
 }
 
 WnckTasklist .button:hover {
+	transition: all 300ms ease-out;
 	background-image: linear-gradient(to bottom,
 		@theme_bg_color,
 		shade (@theme_selected_bg_color, 0.86));
@@ -323,6 +329,7 @@ WnckTasklist .button:hover {
 
 /* set selected menubar button */
 PanelMenuBar.menubar .menuitem:hover {
+	transition: all 300ms ease-out;
 	background-image: linear-gradient(to bottom,
 		shade (@theme_selected_bg_color, 0.86),
 		shade (@theme_selected_bg_color, 0.26));
@@ -338,6 +345,7 @@ PanelMenuBar.menubar .menuitem:hover {
 PanelMenuBar.menubar .menu .menuitem:checked:hover,
 PanelMenuBar.menubar .menu .menuitem:active:hover,
 PanelMenuBar.menubar .menu .menuitem:hover {
+	transition: all 200ms ease-out;
 	background-color: @theme_selected_bg_color;
 	background-image: linear-gradient(to bottom,
 		shade (@theme_selected_bg_color, 1.0),
@@ -395,8 +403,8 @@ WnckPager {
 }
 
 NaTrayApplet {
-/*	-NaTrayApplet-icon-padding: 12;
-	-NaTrayApplet-icon-size: 16;*/
+	-NaTrayApplet-icon-padding: 12px;
+	-NaTrayApplet-icon-size: 16;
 }
 
 /* Classic icon style */
diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
index eeea1ad4..71c47c06 100644
--- a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
@@ -883,6 +883,7 @@ GtkComboBox.combobox-entry .button {
 }
 
 .button {
+	transition: all 200ms ease-out;
 	-GtkButton-image-spacing: 4;
 	-GtkButton-interior-focus: true;
 	-GtkButton-default-border: 0;
@@ -2084,6 +2085,7 @@ GtkTreeMenu .menuitem,
 }
 
 .menubar .menuitem {
+	transition: all 200ms ease-out;
 	border-style: none;
 	padding: 4px 6px;
 	text-shadow: 0 1px @button_text_shadow;
@@ -2101,6 +2103,7 @@ GtkTreeMenu .menuitem,
 
 .menu .menuitem {
 	-GtkMenuItem-arrow-scaling: 0.6;
+	transition: all 100ms ease-out;
 	padding: 4px;
 }
 
diff --git a/desktop-themes/Menta/gtk-3.0/mate-applications.css b/desktop-themes/Menta/gtk-3.0/mate-applications.css
index a1f8f3a6..aca5b8f1 100644
--- a/desktop-themes/Menta/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Menta/gtk-3.0/mate-applications.css
@@ -227,6 +227,7 @@ MatePanelApplet *:hover {
 /* desktop-applet, clockapplet, drivemount, character-map,
 dictionary */
 MatePanelApplet .button {
+	transition: all 300ms ease-out;
 	background-image: none;
 	background-color: @theme_bg_color;
 	color: @theme_text_color;
@@ -243,12 +244,12 @@ MatePanelApplet .button:checked:hover,
 MatePanelApplet .button:checked,
 MatePanelApplet .button:active:hover,
 MatePanelApplet .button:active {
+	transition: all 300ms ease-out;
 	background-image: linear-gradient(to bottom,
 		shade (@theme_selected_bg_color, 0.86),
 		shade (@theme_selected_bg_color, 0.26));
 	background-color: @theme_base_color;
 	color: shade (@theme_selected_fg_color, 1.00);
-
 	border-image: none;
 	border-style: solid;
 	border-width: 0px;
@@ -258,12 +259,12 @@ MatePanelApplet .button:active {
 }
 
 MatePanelApplet .button:hover {
+	transition: all 300ms ease-out;
 	background-image: linear-gradient(to bottom,
 		@theme_bg_color,
 		shade (@theme_selected_bg_color, 0.86));
 	background-color: @theme_base_color;
 	color: shade (@theme_text_color, 1.0);
-
 	border-image: none;
 	border-style: solid;
 	border-width: 0px;
@@ -274,6 +275,7 @@ MatePanelApplet .button:hover {
 
 /*Wncklist */
 WnckTasklist .button {
+	transition: all 300ms ease-out;
 	background-image: linear-gradient(to bottom,
 		shade (@theme_bg_color, 1.0),
 		shade (@theme_bg_color, 0.96));
@@ -292,12 +294,12 @@ WnckTasklist .button:checked:hover,
 WnckTasklist .button:checked,
 WnckTasklist .button:active:hover,
 WnckTasklist .button:active {
+	transition: all 300ms ease-out;
 	background-image: linear-gradient(to bottom,
 		shade (@theme_selected_bg_color, 0.86),
 		shade (@theme_selected_bg_color, 0.26));
 	background-color: @theme_base_color;
 	color: shade (@theme_selected_fg_color, 1.00);
-
 	border-image: none;
 	border-style: solid;
 	border-width: 0px;
@@ -307,12 +309,12 @@ WnckTasklist .button:active {
 }
 
 WnckTasklist .button:hover {
+	transition: all 300ms ease-out;
 	background-image: linear-gradient(to bottom,
 		@theme_bg_color,
 		shade (@theme_selected_bg_color, 0.86));
 	background-color: @theme_base_color;
 	color: shade (@theme_text_color, 1.0);
-
 	border-image: none;
 	border-style: solid;
 	border-width: 0px;
@@ -323,6 +325,7 @@ WnckTasklist .button:hover {
 
 /* set selected menubar button */
 PanelMenuBar.menubar .menuitem:hover {
+	transition: all 300ms ease-out;
 	background-image: linear-gradient(to bottom,
 		shade (@theme_selected_bg_color, 0.86),
 		shade (@theme_selected_bg_color, 0.26));
@@ -338,6 +341,7 @@ PanelMenuBar.menubar .menuitem:hover {
 PanelMenuBar.menubar .menu .menuitem:checked:hover,
 PanelMenuBar.menubar .menu .menuitem:active:hover,
 PanelMenuBar.menubar .menu .menuitem:hover {
+	transition: all 200ms ease-out;
 	background-color: @theme_selected_bg_color;
 	background-image: linear-gradient(to bottom,
 		shade (@theme_selected_bg_color, 1.0),