From df394c1c5f239349d0635f10e8faf2230b6b834c Mon Sep 17 00:00:00 2001 From: raveit65 Date: Mon, 15 Dec 2014 12:51:59 +0100 Subject: Menta themes GTK3: add transition effect for buttons and menu-buttons/items --- desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css | 3 +++ desktop-themes/BlueMenta/gtk-3.0/mate-applications.css | 14 +++++++++++--- desktop-themes/Menta/gtk-3.0/gtk-widgets.css | 3 +++ desktop-themes/Menta/gtk-3.0/mate-applications.css | 12 ++++++++---- 4 files changed, 25 insertions(+), 7 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 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), -- cgit v1.2.1