diff options
author | raveit65 <[email protected]> | 2015-05-05 22:10:38 +0200 |
---|---|---|
committer | raveit65 <[email protected]> | 2015-05-05 22:15:14 +0200 |
commit | 43a858f9746515db3a97f7b6577bbf0b4ab490a6 (patch) | |
tree | 4eb923e45e6039b36f16dc8606d8cf9855aa43df | |
parent | 13f9fb34cf859cd8f7890105303c058d71364bee (diff) | |
download | mate-themes-43a858f9746515db3a97f7b6577bbf0b4ab490a6.tar.bz2 mate-themes-43a858f9746515db3a97f7b6577bbf0b4ab490a6.tar.xz |
All themes themes GTK3: enable spinner animation to use mate logo with latest commits from mate-icon-theme
9 files changed, 150 insertions, 55 deletions
diff --git a/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css b/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css index 3b979ecc..d5e17d59 100644 --- a/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css @@ -290,11 +290,32 @@ GtkTreeView .separator, border-radius: 0; } -/************ - * Spinners * - ************/ +/********************* + * Spinner Animation * + *********************/ +/* This is could be CPU-intensive */ -/* This 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; +} /**************** * Text Entries * diff --git a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css index 38a68130..e39eca92 100644 --- a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css @@ -150,15 +150,10 @@ GtkTextView { /********************* * Spinner Animation * *********************/ -/* This is CPU-intensive, no animation */ -/* -@keyframes spin { - to { -gtk-icon-transform: rotate(1turn); } -} -*/ +/* This is could be CPU-intensive */ @keyframes spin { - to { -gtk-icon-transform: rotate(0turn); } + to { -gtk-icon-transform: rotate(1turn); } } .spinner { diff --git a/desktop-themes/ContrastHigh/gtk-3.0/gtk-widgets.css b/desktop-themes/ContrastHigh/gtk-3.0/gtk-widgets.css index 506dc3b5..80729a4c 100644 --- a/desktop-themes/ContrastHigh/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/ContrastHigh/gtk-3.0/gtk-widgets.css @@ -308,6 +308,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 * ***********/ diff --git a/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css b/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css index 15ae40fd..0568a543 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 * ***********/ diff --git a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css index a1d1f454..e8b58ee2 100644 --- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css @@ -435,11 +435,32 @@ GtkTreeView .separator, border-radius: 0px; } -/************ - * Spinners * - ************/ +/********************* + * Spinner Animation * + *********************/ +/* This is could be CPU-intensive */ -/* This 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; +} /**************** * Text Entries * diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css index 4160f4de..16a13cf8 100644 --- a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css @@ -150,15 +150,10 @@ GtkTextView { /********************* * Spinner Animation * *********************/ -/* This is CPU-intensive, no animation */ -/* -@keyframes spin { - to { -gtk-icon-transform: rotate(1turn); } -} -*/ +/* This is could be CPU-intensive */ @keyframes spin { - to { -gtk-icon-transform: rotate(0turn); } + to { -gtk-icon-transform: rotate(1turn); } } .spinner { diff --git a/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css index a4ec61d4..6c2f5abd 100644 --- a/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css @@ -97,34 +97,37 @@ GtkGrid:insensitive { background-color: transparent; } -/***************** - * Miscellaneous * - *****************/ +/********************* + * Spinner Animation * + *********************/ +/* This is could be CPU-intensive */ -/* This is CPU-intensive, no animation */ -/* @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } -*/ -@keyframes spin { - to { -gtk-icon-transform: rotate(0turn); } -} .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; -} + animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } +.button .spinner:active { + color: @theme_fg_color; +} + +/***************** + * Miscellaneous * + *****************/ + .floating-bar { background-image: linear-gradient( to bottom, diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css index fe2a7755..4ee64110 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css @@ -97,34 +97,37 @@ GtkGrid:insensitive { background-color: transparent; } -/***************** - * Miscellaneous * - *****************/ +/********************* + * Spinner Animation * + *********************/ +/* This is could be CPU-intensive */ -/* This is CPU-intensive, no animation */ -/* @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } -*/ -@keyframes spin { - to { -gtk-icon-transform: rotate(0turn); } -} .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; -} + animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } +.button .spinner:active { + color: @theme_fg_color; +} + +/***************** + * Miscellaneous * + *****************/ + .floating-bar { background-image: linear-gradient( to bottom, diff --git a/desktop-themes/TraditionalOkTest/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOkTest/gtk-3.0/gtk-widgets.css index b7178163..2bdd10ee 100644 --- a/desktop-themes/TraditionalOkTest/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/TraditionalOkTest/gtk-3.0/gtk-widgets.css @@ -97,34 +97,37 @@ GtkGrid:insensitive { background-color: transparent; } -/***************** - * Miscellaneous * - *****************/ +/********************* + * Spinner Animation * + *********************/ +/* This is could be CPU-intensive */ -/* This is CPU-intensive, no animation */ -/* @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } -*/ -@keyframes spin { - to { -gtk-icon-transform: rotate(0turn); } -} .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; -} + animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } +.button .spinner:active { + color: @theme_fg_color; +} + +/***************** + * Miscellaneous * + *****************/ + .floating-bar { background-image: linear-gradient( to bottom, |