Initial restyle of the gallery.

chrome/browser/resources/file_manager/css/file_manager.css

Index: chrome/browser/resources/file_manager/css/file_manager.css
diff --git a/chrome/browser/resources/file_manager/css/file_manager.css b/chrome/browser/resources/file_manager/css/file_manager.css
index d5be452b034eaff28226a3ce2d1ad427c43b4878..3e5228cd930ab836050292cb0208beea0969395c 100644
--- a/chrome/browser/resources/file_manager/css/file_manager.css
+++ b/chrome/browser/resources/file_manager/css/file_manager.css
@@ -1225,7 +1225,6 @@ body[new-ui] .preview-thumbnails {
   padding-left: 25px;
 }
 
-
 .preview-thumbnails > .thumbnail {
   -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
   background-color: #f2f2f2;
@@ -1264,6 +1263,22 @@ body[new-ui] .preview-thumbnails > .thumbnail > .img-container {
   width: 35px;
 }
 
+body[new-ui] .preview-thumbnails > .thumbnail > .img-container >
+    img.not(.cached) {
+  -webkit-animation: fadeIn ease-in 1;

[yoshiki, 2013/04/20 01:49:20]

nit: they should be separated to keep consistency with #1269-1270.

-webkit-animation-name: fadeIn
-webkit-animation-timing-function: ease-in
-webkit-animation-iteration-count: 1

[mtomasz, 2013/04/22 02:51:44]

I've moved it to a one line, since it is more frequent I think. Done.

+  -webkit-animation-duration: 500ms;
+  -webkit-animation-fill-mode: forwards;
+}
+
+@-webkit-keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
 .preview-thumbnails > .popup {
   -webkit-transform: translate(0, 3px) scale(0.95);
   background-color: #f2f2f2;
@@ -2045,3 +2060,13 @@ body[new-ui] menuitem#thumbnail-view {
     url('../images/files/ui/new-ui/button_mosaic_view.png') 1x,
     url('../images/files/ui/new-ui/2x/button_mosaic_view.png') 2x);
 }
+
+body[new-ui] #iframe-drag-area {
+  -webkit-app-region: drag;
+  height: 45px;
+  left: 64px;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 101;
+}