[filebrowser] First step to image editor.

chrome/browser/resources/file_manager/js/image_editor/image_editor.css

 /*
  * Copyright (c) 2011 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 /* Main container div for the editor */
 .image-editor {
-  background: white;
+  background: black;
   position: absolute;
   width: 100%;
   height: 100%;
 }
 
 /* Editor toolbar */
 .toolbar {
   width: 100%;
-  height: 32px;
+  height: 100%;
+  display: -webkit-box;
+  -webkit-box-orient: horizontal;
+  -webkit-box-align: center;
+  -webkit-box-pack: center;
 }
 
 .toolbar button {
   margin: 3px;
   height: 26px;
 }
 
 .toolbar input {
   width: 200px;
 }
 
 .toolbar span {
   margin-left: 10px;
   margin-right: 10px;
 }
 
 /* The container div for the main canvas */
 .canvas-wrapper {
   position: absolute;
   width: 100%;
-  top: 32px;
+  top: 0px;
   bottom: 0;
+  background: black;
 }
 
 /* Scaling controls */
 .scale-tool {
   position: absolute;
   width: 305px;
   height: 43px;
   right: 0;
   bottom: 0;
   border: 1px solid black;
@@ skipping 44 matching lines @@
 .scale-div .scale-1to1{
   width: 32px;
   right: 29px;
 }
 
 .scale-div .scale-fit{
   width: 26px;
   right: 1px;
 }