summaryrefslogtreecommitdiff
path: root/desktop-themes/Menta
diff options
context:
space:
mode:
authorraveit65 <[email protected]>2014-12-15 12:51:59 +0100
committerraveit65 <[email protected]>2014-12-15 12:51:59 +0100
commitdf394c1c5f239349d0635f10e8faf2230b6b834c (patch)
tree22d47bb110ae621200ad256a5104e88b8b0f9a44 /desktop-themes/Menta
parentfcf3ac14c08a8d4e50b0cf9a32c234d9ab095640 (diff)
downloadmate-themes-df394c1c5f239349d0635f10e8faf2230b6b834c.tar.bz2
mate-themes-df394c1c5f239349d0635f10e8faf2230b6b834c.tar.xz
Menta themes GTK3: add transition effect for buttons and menu-buttons/items
Diffstat (limited to 'desktop-themes/Menta')
-rw-r--r--desktop-themes/Menta/gtk-3.0/gtk-widgets.css3
-rw-r--r--desktop-themes/Menta/gtk-3.0/mate-applications.css12
2 files changed, 11 insertions, 4 deletions
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),