Update some spinners on ChromeOS

chrome/browser/resources/chromeos/wallpaper_manager/css/wallpaper_manager.css

Index: chrome/browser/resources/chromeos/wallpaper_manager/css/wallpaper_manager.css
diff --git a/chrome/browser/resources/chromeos/wallpaper_manager/css/wallpaper_manager.css b/chrome/browser/resources/chromeos/wallpaper_manager/css/wallpaper_manager.css
index 65683e38e067e54d824efc440b50258ebaa451b3..62060fa8d1ea5dee54708665cce5946de514c10e 100644
--- a/chrome/browser/resources/chromeos/wallpaper_manager/css/wallpaper_manager.css
+++ b/chrome/browser/resources/chromeos/wallpaper_manager/css/wallpaper_manager.css
@@ -129,6 +129,7 @@ body {
 #spinner-container {
   -webkit-box-align: center;
   -webkit-box-pack: center;
+  background: url(../images/ui/spinner.svg) center/32px no-repeat;

[yoshiki, 2015/05/19 02:30:50]

I think we can refer and use "chrome://resources/images/throbber.svg" instead of
embedding spinner.svg.

We may also need to add CSP section in manifest.json to refer external content.

[Evan Stade, 2015/05/19 16:36:41]

thanks. Both references updated.

   display: -webkit-box;
   height: 287px;
   padding-bottom: 15px;
@@ -138,27 +139,6 @@ body {
   width: 100%;
 }
 
-@-webkit-keyframes spin {
-  from {
-    -webkit-transform: rotate(0);
-  }
-  to {
-    -webkit-transform: rotate(360deg);
-  }
-}
-
-#spinner-container #spinner {
-  -webkit-animation-duration: 1s;
-  -webkit-animation-iteration-count: infinite;
-  -webkit-animation-name: spin;
-  -webkit-animation-timing-function: linear;
-  background-image: url(../images/ui/spinner.png);
-  background-position: center;
-  background-repeat: no-repeat;
-  height: 16px;
-  width: 16px;
-}
-
 #wallpaper-set-by-message {
   -webkit-padding-end: 5px;
   -webkit-padding-start: 15px;