diff options
| author | raveit65 <[email protected]> | 2014-12-15 12:51:59 +0100 |
|---|---|---|
| committer | raveit65 <[email protected]> | 2014-12-15 13:16:44 +0100 |
| commit | afeab109297cb7ac8624a5958a74c3e051e419dd (patch) | |
| tree | 01e83a19c72f8b10e5e468566739e258c47dbbe1 /desktop-themes/Menta | |
| 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/Menta')
| -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 |
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), |