[gtk+] win32: Bring back spinner animation



commit 0f59ff4550580d3b21b7a3bc0740a57c256c9768
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]