[filebrowser] First step to image editor.

chrome/browser/resources/file_manager/css/gallery.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.
+ */
+
+.gallery-container {
+  position: absolute;
+  -webkit-user-select: none;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+
+  background-color: rgba(0,0,0,1);
+  -webkit-box-shadow: inset 0px 0px 100px #000;
+  opacity: 0;
+  -webkit-transition: opacity 0.25s linear;
+
+  overflow: hidden;
+
+  z-index: 9999;
+}
+
+.gallery-close {
+  position: absolute;
+  right: 10px;
+  top: 10px;
+  height: 20px;
+  display: -webkit-box;
+  -webkit-box-orient: horizontal;
+  -webkit-box-pack: end;
+  color: white;
+  cursor: pointer;
+}
+
+.gallery-image-container {
+  position: absolute;
+  top: 30px;
+  bottom: 80px;
+  width: 100%;
+  background-color: rgba(0,0,0,1);
+}
+
+.gallery-ribbon {
+  position: absolute;
+  bottom: 0px;
+  width: 100%;
+  height: 80px;
+}
+
+.gallery-ribbon-image {
+  margin: 5px;
+  width: 70px;
+  height: 70px;
+  cursor: pointer;
+}
+
+.gallery-toolbar {
+  position: absolute;
+  bottom: 0px;
+  right: 0px;
+  height: 80px;
+  text-align: right;
+  display: -webkit-box;
+  -webkit-box-orient: horizontal;
+  -webkit-box-pack: end;
+}
+
+.gallery-tools-container {
+  height: 100%;
+  color: white;
+}
+
+.gallery-edit {
+  padding: 10px;
+  height: 100%;
+  color: white;
+  cursor: pointer;
+  display: -webkit-box;
+  -webkit-box-orient: horizontal;
+  -webkit-box-align: center;
+}