Upstream version 7.36.149.0

[platform/framework/web/crosswalk.git] / src / chrome / browser / resources / chromeos / wallpaper_manager / css / wallpaper_manager.css

diff --git a/src/chrome/browser/resources/chromeos/wallpaper_manager/css/wallpaper_manager.css b/src/chrome/browser/resources/chromeos/wallpaper_manager/css/wallpaper_manager.css
index 01d01c8..1c18ab2 100644 (file)
--- a/src/chrome/browser/resources/chromeos/wallpaper_manager/css/wallpaper_manager.css
+++ b/src/chrome/browser/resources/chromeos/wallpaper_manager/css/wallpaper_manager.css
@@ -22,9 +22,12 @@ body {
  */
 .dialog-topbar #navstrip,
 .dialog-topbar #window-close-button,
-.image-picker,
 .overlay-container .page,
 #author-website,
+/* TODO(bshe): Once http://crbug.com/369651 fixed, use .image-picker instead of
+ * #category-container.
+ */
+#category-container,
 #surprise-me {
   -webkit-app-region: no-drag;
 }
@@ -122,6 +125,40 @@ body {
   -webkit-box-flex: 1;
   -webkit-box-orient: vertical;
   display: -webkit-box;
+  position: relative;
+}
+
+#spinner-container {
+  -webkit-box-align: center;
+  -webkit-box-pack: center;
+  display: -webkit-box;
+  height: 287px;
+  padding-bottom: 15px;
+  padding-top: 5px;
+  position: absolute;
+  top: 0;
+  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;
 }
 
 .image-picker {