From 1696994fffd4e4eedfb42a28a9dd4d7581f5a63f Mon Sep 17 00:00:00 2001 From: raveit65 Date: Tue, 5 May 2015 22:10:38 +0200 Subject: All themes themes GTK3: enable spinner animation to use mate logo with latest commits from mate-icon-theme --- .../ContrastHighInverse/gtk-3.0/gtk-widgets.css | 27 ++++++++++++++++++++++ 1 file changed, 27 insertions(+) (limited to 'desktop-themes/ContrastHighInverse') diff --git a/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css b/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css index 6a079efa..0171b743 100644 --- a/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css @@ -301,6 +301,33 @@ GtkLevelBar.vertical { margin: 1px 0; } +/********************* + * Spinner Animation * + *********************/ +/* This is could be CPU-intensive */ + +@keyframes spin { + to { -gtk-icon-transform: rotate(1turn); } +} + +.spinner { + background-image: none; + background-color: blue; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +.spinner:active { + opacity: 1; + animation: spin 1s linear infinite; } +.spinner:active:insensitive { + opacity: 0.5; +} + +.button .spinner:active { + color: @theme_fg_color; +} + /*********** * Buttons * ***********/ -- cgit v1.2.1