[File Manager] Cleanup: Moving js/css/html files to dedicated directories

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

Index: chrome/browser/resources/file_manager/js/image_editor/gallery.css
diff --git a/chrome/browser/resources/file_manager/js/image_editor/gallery.css b/chrome/browser/resources/file_manager/js/image_editor/gallery.css
deleted file mode 100644
index 8fc8d3d6398ff417a639a1a6150f90ec543143a3..0000000000000000000000000000000000000000
--- a/chrome/browser/resources/file_manager/js/image_editor/gallery.css
+++ /dev/null
@@ -1,797 +0,0 @@
-/*
- * Copyright (c) 2012 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.
- */
-
-body {
-  margin: 0;
-  -webkit-user-select: none;
-  font-family: Open Sans,Droid Sans Fallback,sans-serif;
-  font-size: 84%;
-}
-
-.gallery {
-  background: black;
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  overflow: hidden;
-}
-
-/* Close button */
-.gallery > .close {
-  position: absolute;
-  right: 5px;
-  top: 5px;
-  cursor: pointer;
-  z-index: 200;
-}
-
-/* The close icon is in a nested div so that its opacity can be manipulated
-   independently from its parent (which can be dimmed when the crop frame
-   overlaps it) */
-.gallery > .close div {
-  opacity: 0;
-  width: 20px;
-  height: 20px;
-  background-image: url(../../images/gallery/close_x.png);
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-
-.gallery[tools] > .close div {
-  opacity: 0.5;
-}
-
-.gallery[tools] > .close div:hover {
-  opacity: 0.7;
-  background-color: rgba(81,81,81,1);
-}
-
-/* Image container and canvas elements */
-
-.gallery > .image-container {
-  position: absolute;
-  height: 100%;
-  width: 100%;
-  background-color: rgba(0,0,0,1);
-  cursor: none;   /* Only visible when the toolbar is active */
-}
-
-.gallery[tools][locked] *,
-.gallery[tools][locked] .image-container[cursor] {
-  cursor: wait;
-}
-
-.gallery[tools] .image-container[cursor='default'] {
-  cursor: default;
-}
-
-.gallery[tools] .image-container[cursor='move'] {
-  cursor: url(../../images/gallery/cursor_move.png) 18 18;
-}
-
-.gallery[tools] .image-container[cursor='crop'] {
-  cursor: url(../../images/gallery/cursor_crop.png) 18 18;
-}
-
-.gallery[tools] .image-container[cursor='n-resize'],
-.gallery[tools] .image-container[cursor='s-resize'] {
-  cursor: url(../../images/gallery/cursor_updown.png) 18 18;
-}
-
-.gallery[tools] .image-container[cursor='e-resize'],
-.gallery[tools] .image-container[cursor='w-resize'] {
-  cursor: url(../../images/gallery/cursor_leftright.png) 18 18;
-}
-
-.gallery[tools] .image-container[cursor='nw-resize'],
-.gallery[tools] .image-container[cursor='se-resize'] {
-  cursor: url(../../images/gallery/cursor_nwse.png) 18 18;
-}
-
-.gallery[tools] .image-container[cursor='ne-resize'],
-.gallery[tools] .image-container[cursor='sw-resize'] {
-  cursor: url(../../images/gallery/cursor_swne.png) 18 18;
-}
-
-.gallery > .image-container > .image {
-  position: absolute;
-  pointer-events: none;
-
-  -webkit-transition-property: -webkit-transform, opacity;
-  -webkit-transition-timing-function: ease-in-out;
-
-  /* Keep in sync with ImageView.ANIMATION_DURATION in image_view.js*/
-  -webkit-transition-duration: 180ms;
-}
-
-.gallery > .image-container > .image[fade] {
-  opacity: 0;
-}
-
-.gallery > .image-container > .image[fade='left'] {
-  -webkit-transform: translate(-40px,0);
-}
-
-.gallery > .image-container > .image[fade='right'] {
-  -webkit-transform: translate(40px,0);
-}
-
-/* Toolbar */
-
-.gallery > .toolbar {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  height: 55px;
-  display: -webkit-box;
-  -webkit-box-orient: horizontal;
-  -webkit-box-pack: start;
-  -webkit-box-align: stretch;
-  background-color: rgba(18,18,18,0.75);
-  border-top: 1px solid rgba(31,31,31,0.75);
-
-  pointer-events: none;
-  opacity: 0;
-  -webkit-transform: translate(0, 0);
-
-  -webkit-transition-property: webkit-transform, opacity;
-  -webkit-transition-duration: 300ms;
-  -webkit-transition-timing-function: ease;
-}
-
-.gallery[tools] > .toolbar {
-  pointer-events: auto;
-  opacity: 1;
-  -webkit-transform: translate(0, 0);
-}
-
-.gallery[tools][locked] > .toolbar {
-  pointer-events: none;
-}
-
-.gallery .arrow-box {
-  position: absolute;
-  z-index: 100;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  display: -webkit-box;
-  -webkit-box-orient: horizontal;
-  -webkit-box-align: center;
-  -webkit-box-pack: center;
-}
-
-.gallery .arrow-box .arrow {
-  pointer-events: none;
-}
-
-.gallery .arrow-box .arrow-spacer {
-  -webkit-box-flex: 1;
-  pointer-events: none;
-}
-
-.gallery[tools] .arrow[active] {
-  pointer-events: auto;
-  cursor: pointer;
-}
-
-/* The arrow icons are in nested divs so that their opacity can be manipulated
-   independently from their parent (which can be dimmed when the crop frame
-   overlaps it) */
-.gallery .arrow div{
-  width: 105px;
-  height: 193px;
-  background-repeat: no-repeat;
-  background-position: center center;
-  opacity: 0;
-}
-
-.gallery[tools] .arrow[active] div{
-  opacity: 0.25;
-}
-
-.gallery[tools] .arrow[active] div:hover{
-  opacity: 1;
-}
-
-.gallery .arrow.left div{
-  background-image: url(../../images/gallery/arrow_left.png);
-}
-
-.gallery .arrow.right div{
-  background-image: url(../../images/gallery/arrow_right.png);
-}
-
-/* Special behavior on mouse drag.
-  Redundant .gallery attributes included to make the rules more specific */
-
-/* Everything but the image container should become mouse-transparent */
-.gallery[tools][editing][mousedrag] * {
-  pointer-events: none;
-}
-
-.gallery[tools][editing][mousedrag] .image-container {
-  pointer-events: auto;
-}
-
-/* The editor marks elements with 'dimmed' attribute to get them out of the way
- of the crop frame */
-.gallery[tools][editing] *[dimmed],
-.gallery[tools][editing] *[dimmed] * {
-  pointer-events: none;
-}
-
-.gallery[tools][editing] *[dimmed] {
-  opacity: 0.2;
-}
-
-/* Filename */
-
-.gallery .filename-spacer {
-  position: relative;
-  width: 270px;
-}
-
-.gallery[renaming] .filename-spacer > div,
-.gallery .filename-spacer > input {
-  opacity: 0;
-  z-index: 0;
-}
-
-.gallery .filename-spacer > div,
-.gallery[renaming] .filename-spacer > input {
-  opacity: 1;
-  z-index: 1;
-}
-
-.gallery .filename-spacer > input,
-.gallery .filename-spacer > div {
-  font-family: Open Sans,Droid Sans Fallback,sans-serif;
-  position: absolute;
-  left: 10px;
-  top: 15px;
-  background-color: transparent;
-  color: white;
-  width: 260px;
-  height: 21px;
-  border: none;
-  outline: none;
-  font-size: 120%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.gallery .filename-spacer > div:hover {
-  background-color: rgba(48, 48, 48, 1.0);
-  cursor: pointer;
-}
-
-.gallery .filename-spacer > input:focus,
-.gallery .filename-spacer > input:focus:hover {
-  background-color: white;
-  color: black;
-  border-right: 1px solid white;
-  border-bottom: 1px solid white;
-}
-
-.gallery .button-spacer {
-  display: -webkit-box;
-  -webkit-box-flex: 1;
-}
-
-/* Thumbnails */
-
-.gallery .ribbon-spacer {
-  position: absolute;
-  left: 280px;
-  right: 280px;
-  height: 100%;
-  display: -webkit-box;
-  -webkit-box-orient: horizontal;
-  -webkit-box-pack: center;
-  -webkit-box-align: center;
-}
-
-.gallery .toolbar .ribbon {
-  overflow: hidden;
-  height: 100%;
-  -webkit-box-flex: 0;
-  display: -webkit-box;
-  -webkit-box-orient: horizontal;
-  -webkit-box-pack: start;
-
-  -webkit-transition: opacity 180ms linear;
-  z-index: 0;
-}
-
-.gallery[editing] .toolbar .ribbon {
-  opacity: 0;
-}
-
-.gallery .ribbon-image {
-  display: -webkit-box;
-  -webkit-box-orient: horizontal;
-  -webkit-box-pack: center;
-  -webkit-box-align: center;
-  overflow: hidden;
-  cursor: pointer;
-  width: 47px;
-  height: 47px;
-  margin: 2px;
-  border: 2px solid rgba(255,255,255,0); /* transparent white */
-  -webkit-transition: margin-left 180ms linear;
-}
-
-.gallery .ribbon-image[selected] {
-  border: 2px solid rgba(255,233,168,1);
-}
-
-.gallery .toolbar .ribbon.fade-left {
-  -webkit-mask-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,1) 40px);
-}
-
-.gallery .toolbar .ribbon.fade-right {
-  -webkit-mask-image: -webkit-linear-gradient(right, rgba(0,0,0,0) 0, rgba(0,0,0,1) 40px);
-}
-
-.gallery .toolbar .ribbon.fade-left.fade-right {
-  -webkit-mask-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,1) 40px, rgba(0,0,0,1) 230px, rgba(0,0,0,0) 100%);
-}
-
-.gallery .image-wrapper {
-  position: relative;
-  overflow: hidden;
-  width: 45px;
-  height: 45px;
-  border: 1px solid rgba(0,0,0,0); /* transparent black */
-}
-
-/* Editor buttons */
-
-.gallery .toolbar .edit-bar {
-  position: absolute;
-  overflow: hidden;
-  pointer-events: none;
-  right: 0;
-  width: 100%;
-  opacity: 0;
-  height: 55px;
-  color: white;
-  display: -webkit-box;
-  -webkit-box-orient: horizontal;
-  -webkit-box-pack: center;
-  -webkit-transition: opacity 180ms linear;
-}
-
-.gallery[editing] .toolbar .edit-bar {
-  opacity: 1;
-}
-
-.gallery .edit-main {
-  display: -webkit-box;
-  -webkit-box-orient: horizontal;
-  opacity: 0;
-  -webkit-transition: opacity 250ms ease-in-out;
-}
-
-.gallery[editing] .edit-main {
-  pointer-events: auto;
-  opacity: 1.0;
-}
-
-.gallery > .toolbar .button {
-  -webkit-box-flex: 0;
-  padding: 0 10px 0 35px;
-  cursor: pointer;
-  margin: 8px 0 7px 3px;
-  height: 40px;
-
-  display: -webkit-box;
-  -webkit-box-orient: horizontal;
-  -webkit-box-align: center;
-  -webkit-box-pack: end;
-
-  background-repeat: no-repeat;
-  background-position: 5px center;
-
-  opacity: 0.99;  /* Workaround for http://crosbug.com/21065 */
-}
-
-.gallery > .toolbar .button {
-  background-color: rgba(0,0,0,0);
-  color: white;
-}
-
-.gallery > .toolbar .button:hover {
-  background-color: rgba(31,31,31,1);
-  color: white;
-}
-
-.gallery > .toolbar .button[pressed] {
-  background-color: rgba(240,240,240,1);
-  color: black;
-}
-
-.gallery > .toolbar .button[pressed]:hover {
-  background-color: rgba(240,240,240,1);
-  color: black;
-}
-
-.gallery > .toolbar .button.autofix {
-  background-image: url(../../images/gallery/icon_autofix.png);
-}
-
-.gallery > .toolbar .button.autofix[pressed] {
-  background-image: url(../../images/gallery/icon_autofix_selected.png);
-}
-
-.gallery > .toolbar .button.crop {
-  background-image: url(../../images/gallery/icon_crop.png);
-}
-
-.gallery > .toolbar .button.crop[pressed] {
-  background-image: url(../../images/gallery/icon_crop_selected.png);
-}
-
-.gallery > .toolbar .button.exposure {
-  background-image: url(../../images/gallery/icon_brightness.png);
-}
-
-.gallery > .toolbar .button.exposure[pressed] {
-  background-image: url(../../images/gallery/icon_brightness_selected.png);
-}
-
-.gallery > .toolbar .button.rotate_right {
-  background-image: url(../../images/gallery/icon_rotate.png);
-}
-
-.gallery > .toolbar .button.rotate_right[pressed] {
-  background-image: url(../../images/gallery/icon_rotate_selected.png);
-}
-
-.gallery > .toolbar .button.rotate_left {
-  background-image: url(../../images/gallery/icon_rotate_left.png);
-}
-
-.gallery > .toolbar .button.rotate_left[pressed] {
-  background-image: url(../../images/gallery/icon_rotate_left_selected.png);
-}
-
-.gallery > .toolbar .button.undo {
-  background-image: url(../../images/gallery/icon_undo.png);
-}
-
-.gallery > .toolbar .button.redo {
-  position: absolute; /* Exclude from center-packing*/
-  background-image: url(../../images/gallery/icon_redo.png);
-}
-
-.gallery > .toolbar .button[disabled] {
-  pointer-events: none;
-  opacity: 0.5;
-}
-
-.gallery > .toolbar .button[hidden] {
-  display: none;
-}
-
-.gallery > .toolbar > .button.edit {
-  position: relative;
-  z-index: 10;
-  background-image: url(../../images/gallery/icon_edit.png);
-}
-
-.gallery > .toolbar > .button.edit[pressed] {
-  background-image: url(../../images/gallery/icon_edit_selected.png);
-}
-
-.gallery > .toolbar > .button.share {
-  position: relative;
-  z-index: 10;
-  background-image: url(../../images/gallery/icon_share.png);
-}
-
-.gallery > .toolbar > .button.share[pressed] {
-  background-image: url(../../images/gallery/icon_share_selected.png);
-}
-
-.gallery > .toolbar > .button:last-child {
-  margin-right: 8px;
-}
-
-/* Secondary toolbar (mode-specific tools) */
-
-.gallery .edit-modal {
-  position: absolute;
-  width: 100%;
-  bottom: 80px;
-  height: 40px;
-  display: -webkit-box;
-  -webkit-box-orient: horizontal;
-  -webkit-box-pack: center;
-  pointer-events: none;
-}
-
-.gallery .edit-modal-wrapper[hidden] {
-  display: none;
-}
-
-.gallery .edit-modal-wrapper {
-  color: white;
-  padding-right: 5px;
-  background-color: rgba(0, 0, 0, 0.75);
-  display: -webkit-box;
-  -webkit-box-orient: horizontal;
-  -webkit-box-pack: center;
-  -webkit-box-align: center;
-  pointer-events: auto;
-}
-
-.gallery .edit-modal .label {
-  height: 20px;
-  padding-left: 50px;
-  padding-right: 10px;
-
-  display: -webkit-box;
-  -webkit-box-orient: horizontal;
-  -webkit-box-align: center;
-
-  background-repeat: no-repeat;
-  background-position: 20px center;
-}
-
-.gallery .edit-modal .label.brightness {
-  background-image: url(../../images/gallery/icon_brightness.png);
-}
-
-.gallery .edit-modal .label.contrast {
-  margin-left: 15px;
-  background-image: url(../../images/gallery/icon_contrast.png);
-}
-
-.gallery .edit-modal .range {
-  -webkit-appearance: none !important;
-  height: 3px;
-  margin-top: 1px;
-  margin-right: 10px;
-}
-
-.gallery .edit-modal .range::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  width: 16px;
-  height: 29px;
-  background-image: url(../../images/gallery/slider_thumb.png);
-}
-
-/* Crop frame */
-
-.gallery .crop-overlay {
-  position: absolute;
-  pointer-events: none;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-}
-
-.gallery .crop-overlay .shadow {
-  background-color: rgba(0,0,0,0.65);
-}
-
-.gallery .crop-overlay .middle-box {
-  display: -webkit-box;
-  -webkit-box-orient: horizontal;
-  -webkit-box-flex: 1;
-}
-
-.gallery .crop-frame {
-  position: relative;
-  display: -webkit-box;
-  -webkit-box-flex: 1;
-}
-
-.gallery .crop-frame div{
-  position: absolute;
-  background-color: rgba(255, 255, 255, 1);
-  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
-}
-
-.gallery .crop-frame .horizontal {
-  left: 7px;
-  right: 7px;
-  height: 1px;
-}
-
-.gallery .crop-frame .horizontal.top {
-  top: 0;
-}
-
-.gallery .crop-frame .horizontal.bottom {
-  bottom: 0;
-}
-
-.gallery .crop-frame .vertical {
-  top: 7px;
-  bottom: 7px;
-  width: 1px;
-}
-
-.gallery .crop-frame .vertical.left {
-  left: 0;
-}
-
-.gallery .crop-frame .vertical.right {
-  right: 0;
-}
-
-.gallery .crop-frame .corner {
-  border-radius: 6px;
-  width: 13px;
-  height: 13px;
-}
-
-.gallery .crop-frame .corner.left {
-  left: -6px;
-}
-
-.gallery .crop-frame .corner.right {
-  right: -6px;
-}
-
-.gallery .crop-frame .corner.top {
-  top: -6px;
-}
-
-.gallery .crop-frame .corner.bottom {
-  bottom: -6px;
-}
-
-/* Prompt/notification panel */
-
-.gallery .prompt-wrapper {
-  position: absolute;
-  pointer-events: none;
-
-  width: 100%;
-  height: 100%;
-
-  display: -webkit-box;
-  -webkit-box-orient: horizontal;
-  -webkit-box-align: center;
-  -webkit-box-pack: center;
-}
-
-.gallery .prompt-wrapper > div.dimmable {
-  opacity: 1;
-  -webkit-transition: opacity 220ms ease;
-}
-
-.gallery .prompt {
-  font-size: 120%;
-  height: 40px;
-  padding: 0 20px;
-  color: white;
-  background-color: rgba(0, 0, 0, 0.8);
-
-  display: -webkit-box;
-  -webkit-box-orient: horizontal;
-  -webkit-box-align: center;
-
-  position: relative;
-  top: 5px;
-  opacity: 0;
-  -webkit-transition: all 180ms ease;
-}
-
-.gallery .prompt[state='fadein'] {
-  top: 0;
-  opacity: 1;
-}
-
-.gallery .prompt[state='fadeout'] {
-  top: 0;
-  opacity: 0;
-}
-
-.gallery .share-menu {
-  position: absolute;
-  right: 10px;
-  bottom: 60px;
-  background-color: white;
-  opacity: 1.0;
-  -webkit-transition: opacity 500ms ease-in-out;
-  padding: 8px;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-box-align: stretch;
-  -webkit-box-pack: start;
-  border: 1px solid #7f7f7f;
-  -webkit-border-radius: 1px;
-}
-
-.gallery .share-menu .bubble-point {
-  background-image: url(../../images/gallery/bubble_point.png);
-  background-position: center top;
-  background-repeat: no-repeat;
-  position: absolute;
-  width: 20px;
-  height: 8px;
-  bottom: -8px;
-  right: 20px;
-  padding: 0;
-}
-
-.gallery .share-menu[hidden] {
-  opacity: 0.0;
-  bottom: -100%;  /* offscreen so that 'dimmed' attribute does not show it*/
-  pointer-events: none;
-}
-
-.gallery .share-menu > div {
-  cursor: pointer;
-  background-color: rgba(0,0,0,0);
-  padding: 5px;
-  display: -webkit-box;
-  -webkit-box-align: center;
-  -webkit-box-pack: start;
-}
-
-.gallery .share-menu > div:hover {
-  background-color: rgba(240,240,240,1);
-}
-
-.gallery .share-menu > div > img {
-  margin-right: 5px;
-  display: block;
-}
-
-/* Video playback support. */
-
-.gallery video {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-}
-
-.gallery .video-controls-spacer {
-  position: absolute;
-  left: 0;
-  right: 0;
-  height: 30px;
-  bottom: 60px; /* Just above the toolbar */
-  display: -webkit-box;
-  -webkit-box-orient: horizontal;
-  -webkit-box-align: center;
-  -webkit-box-pack: center;
-  pointer-events: none;
-  opacity: 0;
-}
-
-.gallery[video] .video-controls-spacer {
-  /* Animate opacity on 'tools' attribute toggle. */
-  /* Change opacity immediately on 'video' attribute change. */
-  -webkit-transition: opacity 0.28s ease;
-}
-
-.gallery[video][tools] .video-controls-spacer {
-  opacity: 1;
-}
-
-.gallery .video-controls {
-  max-width: 800px;
-  display: none;
-}
-
-.gallery[video] .video-controls {
-  display: -webkit-box;
-  -webkit-box-flex: 1;
-}
-
-.gallery[video] > .toolbar .button.edit,
-.gallery[video] > .toolbar .edit-bar {
-  display: none;
-}