[gtk+/gtk-3-6] win32: Bring back spinner animation
- From: Ignacio Casal Quinteiro <icq src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk+/gtk-3-6] win32: Bring back spinner animation
- Date: Fri, 24 Jan 2014 14:10:15 +0000 (UTC)
commit 6089c2ffac0a75fc816ee043909afef405402f74
Author: Tarnyko <tarnyko tarnyko net>
Date: Sat Mar 23 17:42:55 2013 -0400
win32: Bring back spinner animation
Define the spinner animation in css.
https://bugzilla.gnome.org/show_bug.cgi?id=696202
gtk/gtk-win32-base.css | 351 ++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 351 insertions(+), 0 deletions(-)
---
diff --git a/gtk/gtk-win32-base.css b/gtk/gtk-win32-base.css
index ee9882f..24e2f94 100644
--- a/gtk/gtk-win32-base.css
+++ b/gtk/gtk-win32-base.css
@@ -834,3 +834,354 @@ GtkStatusbar > GtkFrame {
background-image: -gtk-win32-theme-part(status, 3 1);
}
*/
+
+ keyframes spinner {
+ 0% { background-image: none,
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)); }
+ 0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)); }
+ 8% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)),
+ none; }
+ 8% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)); }
+ 16% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)),
+ none,
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)); }
+ 16% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)); }
+ 25% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)),
+ none,
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)); }
+ 25% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)); }
+ 33% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)),
+ none,
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)); }
+ 33% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)); }
+ 41% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)),
+ none,
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)); }
+ 41% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)); }
+ 50% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)),
+ none,
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)); }
+ 50% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)); }
+ 58% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)),
+ none,
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)); }
+ 58% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)); }
+ 66% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)),
+ none,
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)); }
+ 66% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)); }
+ 75% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)),
+ none,
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)); }
+ 75% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)); }
+ 83% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)),
+ none,
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)); }
+ 83% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)); }
+ 91% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)),
+ none,
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)); }
+ 91% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)); }
+ 100% { background-image: none,
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)); }
+ 100% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)); }
+}
+
+.spinner {
+ background-color: transparent;
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent));
+ background-position: 25.00% 6.70%, 6.70% 25.00%, 0.00% 50.00%, 6.70% 75.00%, 25.00% 93.30%, 50.00%
100.00%, 75.00% 93.30%, 93.30% 75.00%, 100.00% 50.00%, 93.30% 25.00%, 75.00% 6.70%, 50.00% 0.00%;
+ background-size: 20% 20%;
+ background-repeat: no-repeat;
+ transition: background-image 500ms ease-out;
+}
+
+.spinner:active {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.916667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.75)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.666667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.583333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.5)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.416667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.333333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.25)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.166667)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,
0.0833333)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent));
+ animation: spinner 1s infinite linear;
+}
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]
