Turn off CSS animation on loading graphic; make it red instead.

diff --git a/apps/workbench/app/assets/stylesheets/loading.css b/apps/workbench/app/assets/stylesheets/loading.css
index 7a0736ad1f3ba015060691672aa0d7d822832b3c..640f702510f6abfc9403955cc0082d0b5948a606 100644 (file)
--- a/apps/workbench/app/assets/stylesheets/loading.css
+++ b/apps/workbench/app/assets/stylesheets/loading.css
@@ -3,21 +3,22 @@
 }
 
 .rotating {
-    animation-name: rotateThis;
-    animation-duration: 2s;
-    animation-iteration-count: infinite;
-    animation-timing-function: linear;
-    -moz-animation-name: rotateThis;
-    -moz-animation-duration: 2s;
-    -moz-animation-iteration-count: infinite;
-    -moz-animation-timing-function: linear;
-    -ms-animation-name: rotateThis;
-    -ms-animation-duration: 2s;
-    -ms-animation-iteration-count: infinite;
-    -ms-animation-timing-function: linear;
-    /* Chrome, at least in Linux, renders a horrible shaky mess -- better
-       not to bother.
+    color: #f00;
+    /* Chrome and Firefox, at least in Linux, render a horrible shaky
+       mess -- better not to bother.
 
+      animation-name: rotateThis;
+      animation-duration: 2s;
+      animation-iteration-count: infinite;
+      animation-timing-function: linear;
+      -moz-animation-name: rotateThis;
+      -moz-animation-duration: 2s;
+      -moz-animation-iteration-count: infinite;
+      -moz-animation-timing-function: linear;
+      -ms-animation-name: rotateThis;
+      -ms-animation-duration: 2s;
+      -ms-animation-iteration-count: infinite;
+      -ms-animation-timing-function: linear;
       -webkit-animation-name: rotateThis;
       -webkit-animation-duration: 2s;
       -webkit-animation-iteration-count: infinite;