summaryrefslogtreecommitdiff
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
parentfcf3ac14c08a8d4e50b0cf9a32c234d9ab095640 (diff)
downloadmate-themes-df394c1c5f239349d0635f10e8faf2230b6b834c.tar.bz2
mate-themes-df394c1c5f239349d0635f10e8faf2230b6b834c.tar.xz
Menta themes GTK3: add transition effect for buttons and menu-buttons/items
-rw-r--r--desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css3
-rw-r--r--desktop-themes/BlueMenta/gtk-3.0/mate-applications.css14
-rw-r--r--desktop-themes/Menta/gtk-3.0/gtk-widgets.css3
-rw-r--r--desktop-themes/Menta/gtk-3.0/mate-applications.css12
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),