summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorraveit65 <[email protected]>2014-12-16 03:51:01 +0100
committerraveit65 <[email protected]>2014-12-16 03:51:01 +0100
commit4cd5ba539162955a77536448a44a3f028215d665 (patch)
tree713f1092fa6a9c3b3bf8568a284535482bebd194
parent76d4fad2473317bbc01b4f990b5fdd56b90644f9 (diff)
downloadmate-themes-4cd5ba539162955a77536448a44a3f028215d665.tar.bz2
mate-themes-4cd5ba539162955a77536448a44a3f028215d665.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.css42
-rw-r--r--desktop-themes/Menta/gtk-3.0/gtk-widgets.css3
-rw-r--r--desktop-themes/Menta/gtk-3.0/mate-applications.css40
4 files changed, 79 insertions, 9 deletions
diff --git a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
index b9fc2e61..3b3f9288 100644
--- a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
@@ -1028,6 +1028,7 @@ GtkComboBox.combobox-entry .button {
}
.button {
+ transition: all 200ms ease-out;
-GtkButton-image-spacing: 4;
-GtkButton-interior-focus: true;
-GtkButton-default-border: 0;
@@ -2002,6 +2003,7 @@ GtkTreeMenu .menuitem,
}
.menubar .menuitem {
+ transition: all 200ms ease-out;
border-style: none;
padding: 4px 6px;
text-shadow: 0 1px @button_text_shadow;
@@ -2019,6 +2021,7 @@ GtkTreeMenu .menuitem,
.menu .menuitem {
-GtkMenuItem-arrow-scaling: 0.4;
+ 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 eddab3ea..1f7fa4c8 100644
--- a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
+++ b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
@@ -250,7 +250,7 @@ PanelMenuBar.menubar .menu .menuitem:hover {
/* desktop-applet, clockapplet, drivemount, character-map,
dictionary */
MatePanelApplet .button {
- padding: 1px 0px 1px 0px;
+ transition: all 300ms ease-out;
background-image: none;
background-color: @theme_bg_color;
color: @theme_text_color;
@@ -265,6 +265,7 @@ MatePanelApplet .button {
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));
@@ -280,6 +281,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));
@@ -296,6 +298,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));
@@ -305,13 +308,14 @@ WnckTasklist .button {
border-image: none;
border-style: solid;
border-width: 0px;
- border-radius: 0px;
+ border-radius: 5px;
text-shadow: none;
-GtkWidget-window-dragging: true;
}
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));
@@ -327,6 +331,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));
@@ -341,6 +346,35 @@ WnckTasklist .button:hover {
-GtkWidget-window-dragging: true;
}
+/* 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));
+ background-color: @theme_base_color;
+ color: shade (@theme_selected_fg_color, 1.00);
+ text-shadow: none;
+ border-style: solid;
+ border-width: 0px;
+ border-radius: 5px;
+}
+
+/* set selected menubar menuitem */
+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),
+ shade (@theme_selected_bg_color, 0.85));
+ color: shade (@theme_selected_fg_color, 1.00);
+ text-shadow: none;
+ border-style: none;
+ border-width: 0px;
+ border-radius: 0px;
+}
+
/* set normal button WnckSelector */
.mate-panel-window-menu-menu-bar .menuitem,
MatePanelApplet > WnckSelector.menubar .menuitem {
@@ -396,8 +430,8 @@ MatePanelApplet *:hover {
}
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 cb14da08..3712f90d 100644
--- a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
@@ -1028,6 +1028,7 @@ GtkComboBox.combobox-entry .button {
}
.button {
+ transition: all 200ms ease-out;
-GtkButton-image-spacing: 4;
-GtkButton-interior-focus: true;
-GtkButton-default-border: 0;
@@ -2003,6 +2004,7 @@ GtkTreeMenu .menuitem,
}
.menubar .menuitem {
+ transition: all 200ms ease-out;
border-style: none;
padding: 4px 6px;
text-shadow: 0 1px @button_text_shadow;
@@ -2020,6 +2022,7 @@ GtkTreeMenu .menuitem,
.menu .menuitem {
-GtkMenuItem-arrow-scaling: 0.4;
+ 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 eddab3ea..4fdc75d9 100644
--- a/desktop-themes/Menta/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Menta/gtk-3.0/mate-applications.css
@@ -250,7 +250,7 @@ PanelMenuBar.menubar .menu .menuitem:hover {
/* desktop-applet, clockapplet, drivemount, character-map,
dictionary */
MatePanelApplet .button {
- padding: 1px 0px 1px 0px;
+ transition: all 300ms ease-out;
background-image: none;
background-color: @theme_bg_color;
color: @theme_text_color;
@@ -265,12 +265,12 @@ MatePanelApplet .button {
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;
@@ -280,12 +280,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;
@@ -296,6 +296,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));
@@ -312,12 +313,12 @@ WnckTasklist .button {
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;
@@ -327,12 +328,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;
@@ -341,6 +342,35 @@ WnckTasklist .button:hover {
-GtkWidget-window-dragging: true;
}
+/* 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));
+ background-color: @theme_base_color;
+ color: shade (@theme_selected_fg_color, 1.00);
+ text-shadow: none;
+ border-style: solid;
+ border-width: 0px;
+ border-radius: 5px;
+}
+
+/* set selected menubar menuitem */
+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),
+ shade (@theme_selected_bg_color, 0.85));
+ color: shade (@theme_selected_fg_color, 1.00);
+ text-shadow: none;
+ border-style: none;
+ border-width: 0px;
+ border-radius: 0px;
+}
+
/* set normal button WnckSelector */
.mate-panel-window-menu-menu-bar .menuitem,
MatePanelApplet > WnckSelector.menubar .menuitem {