diff options
author | raveit65 <chat-to-me@raveit.de> | 2014-12-15 12:51:59 +0100 |
---|---|---|
committer | raveit65 <chat-to-me@raveit.de> | 2014-12-15 13:16:44 +0100 |
commit | afeab109297cb7ac8624a5958a74c3e051e419dd (patch) | |
tree | 01e83a19c72f8b10e5e468566739e258c47dbbe1 /desktop-themes | |
parent | 803fa88d08aca328b01ff15507a037ee79dfaf0a (diff) | |
download | mate-themes-afeab109297cb7ac8624a5958a74c3e051e419dd.tar.bz2 mate-themes-afeab109297cb7ac8624a5958a74c3e051e419dd.tar.xz |
Menta themes GTK3: add transition effect for buttons and menu-buttons/items
Diffstat (limited to 'desktop-themes')
-rw-r--r-- | desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css | 3 | ||||
-rw-r--r-- | desktop-themes/BlueMenta/gtk-3.0/mate-applications.css | 14 | ||||
-rw-r--r-- | desktop-themes/Menta/gtk-3.0/gtk-widgets.css | 3 | ||||
-rw-r--r-- | desktop-themes/Menta/gtk-3.0/mate-applications.css | 12 |
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), |