From 4cd5ba539162955a77536448a44a3f028215d665 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Tue, 16 Dec 2014 03:51:01 +0100 Subject: Menta themes GTK3: add transition effect for buttons and menu-buttons/items --- desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css | 3 ++ .../BlueMenta/gtk-3.0/mate-applications.css | 42 +++++++++++++++++++--- desktop-themes/Menta/gtk-3.0/gtk-widgets.css | 3 ++ desktop-themes/Menta/gtk-3.0/mate-applications.css | 40 ++++++++++++++++++--- 4 files changed, 79 insertions(+), 9 deletions(-) (limited to 'desktop-themes') 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 { -- cgit v1.2.1