Add script files of the separated Gallery.app.

ui/file_manager/gallery/css/gallery.css

 /* Copyright (c) 2014 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 {
   -webkit-user-select: none;
   font-family: Open Sans, Droid Sans Fallback, sans-serif;
   font-size: 84%;
   margin: 0;
 }
@@ skipping 23 matching lines @@
   position: absolute;
   top: 1px;
   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 > .back-button div {
   background-image: -webkit-image-set(
-    url('../images/100/back_to_files.png') 1x,
-    url('../images/200/back_to_files.png') 2x);
+      url(../images/100/back_to_files.png) 1x,
+      url(../images/200/back_to_files.png) 2x);
   background-position: center center;
   background-repeat: no-repeat;
   height: 40px;
   opacity: 0;
   width: 64px;
 }
 
 .gallery[tools] > .back-button div {
   opacity: 0.5;
 }
@@ skipping 10 matching lines @@
   position: absolute;
   width: 100%;
 }
 
 .gallery[tools] .image-container[cursor='default'] {
   cursor: default;
 }
 
 .gallery[tools] .image-container[cursor='move'] {
   cursor: -webkit-image-set(
-    url('../images/100/cursor_move.png') 1x,
-    url('../images/200/cursor_move.png') 2x) 15 15, auto;
+      url(../images/100/cursor_move.png) 1x,
+      url(../images/200/cursor_move.png) 2x) 15 15, auto;
 }
 
 .gallery[tools] .image-container[cursor='crop'] {
   cursor: -webkit-image-set(
-    url('../images/100/cursor_crop.png') 1x,
-    url('../images/200/cursor_crop.png') 2x) 15 15, auto;
+      url(../images/100/cursor_crop.png) 1x,
+      url(../images/200/cursor_crop.png) 2x) 15 15, auto;
 }
 
 .gallery[tools] .image-container[cursor='n-resize'],
 .gallery[tools] .image-container[cursor='s-resize'] {
   cursor: -webkit-image-set(
-    url('../images/100/cursor_updown.png') 1x,
-    url('../images/200/cursor_updown.png') 2x) 15 15, auto;
+      url(../images/100/cursor_updown.png) 1x,
+      url(../images/200/cursor_updown.png) 2x) 15 15, auto;
 }
 
 .gallery[tools] .image-container[cursor='e-resize'],
 .gallery[tools] .image-container[cursor='w-resize'] {
   cursor: -webkit-image-set(
-    url('../images/100/cursor_leftright.png') 1x,
-    url('../images/200/cursor_leftright.png') 2x) 15 15, auto;
+      url(../images/100/cursor_leftright.png) 1x,
+      url(../images/200/cursor_leftright.png) 2x) 15 15, auto;
 }
 
 .gallery[tools] .image-container[cursor='nw-resize'],
 .gallery[tools] .image-container[cursor='se-resize'] {
   cursor: -webkit-image-set(
-    url('../images/100/cursor_nwse.png') 1x,
-    url('../images/200/cursor_nwse.png') 2x) 15 15, auto;
+      url(../images/100/cursor_nwse.png) 1x,
+      url(../images/200/cursor_nwse.png) 2x) 15 15, auto;
 }
 
 .gallery[tools] .image-container[cursor='ne-resize'],
 .gallery[tools] .image-container[cursor='sw-resize'] {
   cursor: -webkit-image-set(
-    url('../images/100/cursor_swne.png') 1x,
-    url('../images/200/cursor_swne.png') 2x) 15 15, auto;
+      url(../images/100/cursor_swne.png) 1x,
+      url(../images/200/cursor_swne.png) 2x) 15 15, auto;
 }
 
 .gallery .image-container > .image {
   pointer-events: none;
   position: absolute;
   /* Duration and timing function are set in Javascript. */
   transition-property: -webkit-transform, opacity;
 }
 
 .gallery .image-container > .image[fade] {
@@ skipping 128 matching lines @@
 .gallery[tools] .arrow-box[active] .arrow div {
   opacity: 0.25;
 }
 
 .gallery[tools] .arrow-box[active] .arrow div:hover {
   opacity: 1;
 }
 
 .gallery .arrow.left div {
   background-image: -webkit-image-set(
-    url('../images/100/arrow_left.png') 1x,
-    url('../images/200/arrow_left.png') 2x);
+      url(../images/100/arrow_left.png) 1x,
+      url(../images/200/arrow_left.png) 2x);
 }
 
 .gallery .arrow.right div {
   background-image: -webkit-image-set(
-    url('../images/100/arrow_right.png') 1x,
-    url('../images/200/arrow_right.png') 2x);
+      url(../images/100/arrow_right.png) 1x,
+      url(../images/200/arrow_right.png) 2x);
 }
 
 /* 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;
 }
 
@@ skipping 306 matching lines @@
 /* By default, labels are hidden. */
 .gallery > .toolbar button span {
   display: none;
 }
 
 /* Show labels if there is enough space. */
 @media (min-width: 1180px) {
 
   .gallery .edit-main button,
   .gallery .edit-main button[disabled] {
-    background-position: 5px center;
+      background-position: 5px center;
     max-width: 60px;
     min-width: 0;  /* Reset. */
     padding: 0 10px 0 35px;
     width: auto;
   }
 
   .gallery > .toolbar button span {
     display: inline;
   }
 
@@ skipping 10 matching lines @@
 .gallery .header button[pressed],
 .gallery .toolbar button[pressed],
 .gallery .header button[pressed]:hover,
 .gallery .toolbar button[pressed]:hover {
   background-color: rgba(240, 240, 240, 1);
   color: black;
 }
 
 .gallery > .toolbar button.autofix {
   background-image: -webkit-image-set(
-    url('../images/100/icon_autofix.png') 1x,
-    url('../images/200/icon_autofix.png') 2x);
+      url(../images/100/icon_autofix.png) 1x,
+      url(../images/200/icon_autofix.png) 2x);
 }
 
 .gallery > .toolbar button.autofix:active,
 .gallery > .toolbar button.autofix[pressed] {
   background-image: -webkit-image-set(
-    url('../images/100/icon_autofix_selected.png') 1x,
-    url('../images/200/icon_autofix_selected.png') 2x);
+      url(../images/100/icon_autofix_selected.png) 1x,
+      url(../images/200/icon_autofix_selected.png) 2x);
 }
 
 .gallery > .toolbar button.crop {
   background-image:  -webkit-image-set(
-    url('../images/100/icon_crop.png') 1x,
-    url('../images/200/icon_crop.png') 2x);
+      url(../images/100/icon_crop.png) 1x,
+      url(../images/200/icon_crop.png) 2x);
 }
 
 .gallery > .toolbar button.crop:active,
 .gallery > .toolbar button.crop[pressed] {
   background-image:  -webkit-image-set(
-    url('../images/100/icon_crop_selected.png') 1x,
-    url('../images/200/icon_crop_selected.png') 2x);
+      url(../images/100/icon_crop_selected.png) 1x,
+      url(../images/200/icon_crop_selected.png) 2x);
 }
 
 .gallery > .toolbar button.exposure {
   background-image: -webkit-image-set(
-    url('../images/100/icon_brightness.png') 1x,
-    url('../images/200/icon_brightness.png') 2x);
+      url(../images/100/icon_brightness.png) 1x,
+      url(../images/200/icon_brightness.png) 2x);
 }
 
 .gallery > .toolbar button.exposure:active,
 .gallery > .toolbar button.exposure[pressed] {
   background-image: -webkit-image-set(
-    url('../images/100/icon_brightness_selected.png') 1x,
-    url('../images/200/icon_brightness_selected.png') 2x);
+      url(../images/100/icon_brightness_selected.png) 1x,
+      url(../images/200/icon_brightness_selected.png) 2x);
 }
 
 .gallery > .toolbar button.rotate_right {
   background-image: -webkit-image-set(
-    url('../images/100/icon_rotate.png') 1x,
-    url('../images/200/icon_rotate.png') 2x);
+      url(../images/100/icon_rotate.png) 1x,
+      url(../images/200/icon_rotate.png) 2x);
 }
 
 .gallery > .toolbar button.rotate_right:active,
 .gallery > .toolbar button.rotate_right[pressed] {
   background-image: -webkit-image-set(
-    url('../images/100/icon_rotate_selected.png') 1x,
-    url('../images/200/icon_rotate_selected.png') 2x);
+      url(../images/100/icon_rotate_selected.png) 1x,
+      url(../images/200/icon_rotate_selected.png) 2x);
 }
 
 .gallery > .toolbar button.rotate_left {
   background-image: -webkit-image-set(
-    url('../images/100/icon_rotate_left.png') 1x,
-    url('../images/200/icon_rotate_left.png') 2x);
+      url(../images/100/icon_rotate_left.png) 1x,
+      url(../images/200/icon_rotate_left.png) 2x);
 }
 
 .gallery > .toolbar button.rotate_left:active,
 .gallery > .toolbar button.rotate_left[pressed] {
   background-image: -webkit-image-set(
-    url('../images/100/icon_rotate_left_selected.png') 1x,
-    url('../images/200/icon_rotate_left_selected.png') 2x);
+      url(../images/100/icon_rotate_left_selected.png) 1x,
+      url(../images/200/icon_rotate_left_selected.png) 2x);
 }
 
 .gallery > .toolbar button.undo {
   background-image: -webkit-image-set(
-    url('../images/100/icon_undo.png') 1x,
-    url('../images/200/icon_undo.png') 2x);
+      url(../images/100/icon_undo.png) 1x,
+      url(../images/200/icon_undo.png) 2x);
 }
 
 .gallery > .toolbar button.undo:active,
 .gallery > .toolbar button.undo[pressed] {
   background-image: -webkit-image-set(
-    url('../images/100/icon_undo_selected.png') 1x,
-    url('../images/200/icon_undo_selected.png') 2x);
+      url(../images/100/icon_undo_selected.png) 1x,
+      url(../images/200/icon_undo_selected.png) 2x);
 }
 
 .gallery > .toolbar button.redo {
   background-image: -webkit-image-set(
-    url('../images/100/icon_redo.png') 1x,
-    url('../images/200/icon_redo.png') 2x);
+      url(../images/100/icon_redo.png) 1x,
+      url(../images/200/icon_redo.png) 2x);
   position: absolute;  /* Exclude from center-packing*/
 }
 
 .gallery > .toolbar button.redo:active,
 .gallery > .toolbar button.redo[pressed] {
   background-image: -webkit-image-set(
-    url('../images/100/icon_redo_selected.png') 1x,
-    url('../images/200/icon_redo_selected.png') 2x);
+      url(../images/100/icon_redo_selected.png) 1x,
+      url(../images/200/icon_redo_selected.png) 2x);
 }
 
 .gallery > .toolbar button[disabled],
 .gallery[tools][locked] > .toolbar button {
   opacity: 0.5;
   pointer-events: none;
 }
 
 .gallery > .toolbar button[hidden] {
   display: none;
 }
 
 .gallery[mode='slide'] > .toolbar > button.mode {
   background-image: -webkit-image-set(
-    url('../images/100/icon_mosaic.png') 1x,
-    url('../images/200/icon_mosaic.png') 2x);
+      url(../images/100/icon_mosaic.png) 1x,
+      url(../images/200/icon_mosaic.png) 2x);
 }
 
 .gallery[mode='slide'] > .toolbar > button.mode:active {
   background-image: -webkit-image-set(
-    url('../images/100/icon_mosaic_selected.png') 1x,
-    url('../images/200/icon_mosaic_selected.png') 2x);
+      url(../images/100/icon_mosaic_selected.png) 1x,
+      url(../images/200/icon_mosaic_selected.png) 2x);
 }
 
 .gallery[mode='mosaic'] > .toolbar > button.mode {
   background-image: -webkit-image-set(
-    url('../images/100/icon_1up.png') 1x,
-    url('../images/200/icon_1up.png') 2x);
+      url(../images/100/icon_1up.png) 1x,
+      url(../images/200/icon_1up.png) 2x);
 }
 
 .gallery[mode='mosaic'] > .toolbar > button.mode:active {
   background-image: -webkit-image-set(
-    url('../images/100/icon_1up_selected.png') 1x,
-    url('../images/200/icon_1up_selected.png') 2x);
+      url(../images/100/icon_1up_selected.png) 1x,
+      url(../images/200/icon_1up_selected.png) 2x);
 }
 
 .gallery > .toolbar > button.slideshow {
   background-image: -webkit-image-set(
-    url('../images/100/icon_slideshow.png') 1x,
-    url('../images/200/icon_slideshow.png') 2x);
+      url(../images/100/icon_slideshow.png) 1x,
+      url(../images/200/icon_slideshow.png) 2x);
 }
 
 .gallery > .toolbar > button.slideshow:active,
 .gallery > .toolbar > button.slideshow[pressed] {
-    background-image: -webkit-image-set(
-        url('../images/100/icon_slideshow_selected.png') 1x,
-        url('../images/200/icon_slideshow_selected.png') 2x);
+  background-image: -webkit-image-set(
+      url(../images/100/icon_slideshow_selected.png) 1x,
+      url(../images/200/icon_slideshow_selected.png) 2x);
 }
 
 .gallery > .toolbar > button.delete {
   background-image: -webkit-image-set(
-    url('../images/100/icon_delete.png') 1x,
-    url('../images/200/icon_delete.png') 2x);
+      url(../images/100/icon_delete.png) 1x,
+      url(../images/200/icon_delete.png) 2x);
 }
 
 .gallery > .toolbar > button.delete:active {
   background-image: -webkit-image-set(
-    url('../images/100/icon_delete_selected.png') 1x,
-    url('../images/200/icon_delete_selected.png') 2x);
+      url(../images/100/icon_delete_selected.png) 1x,
+      url(../images/200/icon_delete_selected.png) 2x);
 }
 
 .gallery > .toolbar > button.edit {
   background-image: -webkit-image-set(
-    url('../images/100/icon_edit.png') 1x,
-    url('../images/200/icon_edit.png') 2x);
+      url(../images/100/icon_edit.png) 1x,
+      url(../images/200/icon_edit.png) 2x);
 }
 
 .gallery > .toolbar > button.edit:active,
 .gallery > .toolbar > button.edit[pressed] {
   background-image: -webkit-image-set(
-    url('../images/100/icon_edit_selected.png') 1x,
-    url('../images/200/icon_edit_selected.png') 2x);
+      url(../images/100/icon_edit_selected.png) 1x,
+      url(../images/200/icon_edit_selected.png) 2x);
 }
 
 .gallery > .toolbar > button.print {
   background-image: -webkit-image-set(
-    url('../images/100/icon_print.png') 1x,
-    url('../images/200/icon_print.png') 2x);
+      url(../images/100/icon_print.png) 1x,
+      url(../images/200/icon_print.png) 2x);
 }
 
 .gallery > .toolbar > button.print:active,
 .gallery > .toolbar > button.print[pressed] {
   background-image: -webkit-image-set(
-    url('../images/100/icon_print_selected.png') 1x,
-    url('../images/200/icon_print_selected.png') 2x);
+      url(../images/100/icon_print_selected.png) 1x,
+      url(../images/200/icon_print_selected.png) 2x);
 }
 
 .gallery > .toolbar > button.share {
   background-image: -webkit-image-set(
-    url('../images/100/icon_share.png') 1x,
-    url('../images/200/icon_share.png') 2x);
+      url(../images/100/icon_share.png) 1x,
+      url(../images/200/icon_share.png) 2x);
 }
 
 .gallery > .toolbar > button.share:active,
 .gallery > .toolbar > button.share[pressed] {
   background-image: -webkit-image-set(
-    url('../images/100/icon_share_selected.png') 1x,
-    url('../images/200/icon_share_selected.png') 2x);
+      url(../images/100/icon_share_selected.png) 1x,
+      url(../images/200/icon_share_selected.png) 2x);
 }
 
 .gallery > .toolbar > button.share[disabled] {
   display: none;
 }
 
 /* Secondary toolbar (mode-specific tools) */
 
 .gallery .edit-modal {
   -webkit-box-orient: horizontal;
@@ skipping 27 matching lines @@
   background-position: 20px center;
   background-repeat: no-repeat;
   display: -webkit-box;
   height: 20px;
   padding-left: 50px;
   padding-right: 10px;
 }
 
 .gallery .edit-modal .label.brightness {
   background-image: -webkit-image-set(
-    url('../images/100/icon_brightness.png') 1x,
-    url('../images/200/icon_brightness.png') 2x);
+      url(../images/100/icon_brightness.png) 1x,
+      url(../images/200/icon_brightness.png) 2x);
 }
 
 .gallery .edit-modal .label.contrast {
   background-image: -webkit-image-set(
-    url('../images/100/icon_contrast.png') 1x,
-    url('../images/200/icon_contrast.png') 2x);
+      url(../images/100/icon_contrast.png) 1x,
+      url(../images/200/icon_contrast.png) 2x);
   height: 24px;
   margin-left: 15px;
 }
 
 .gallery .edit-modal .range {
   -webkit-appearance: none !important;
   height: 3px;
   margin-right: 10px;
   margin-top: 1px;
 }
 
 .gallery .edit-modal .range::-webkit-slider-thumb {
   -webkit-appearance: none;
   background-image: -webkit-image-set(
-    url('../images/100/slider_thumb.png') 1x,
-    url('../images/200/slider_thumb.png') 2x);
+      url(../images/100/slider_thumb.png) 1x,
+      url(../images/200/slider_thumb.png) 2x);
   height: 29px;
   width: 16px;
 }
 
 /* Crop frame */
 
 .gallery .crop-overlay {
   -webkit-box-orient: vertical;
   display: -webkit-box;
   pointer-events: none;
@@ skipping 125 matching lines @@
   opacity: 0;
   top: 0;
 }
 
 .gallery .prompt-wrapper[pos=top] .prompt {
   padding-right: 10px;
 }
 
 .gallery .prompt .back-button {
   background-image: -webkit-image-set(
-    url('../images/100/butterbar_close_button.png') 1x,
-    url('../images/200/butterbar_close_button.png') 2x);
+      url(../images/100/butterbar_close_button.png) 1x,
+      url(../images/200/butterbar_close_button.png) 2x);
   background-position: center center;
   background-repeat: no-repeat;
   height: 16px;
   margin-left: 16px;
   opacity: 0.65;
   pointer-events: auto;
   width: 16px;
 }
 
 .gallery .prompt .back-button:hover {
@@ skipping 12 matching lines @@
   display: -webkit-box;
   opacity: 1.0;
   padding: 8px;
   position: absolute;
   right: 10px;
   transition: opacity 500ms ease-in-out;
 }
 
 .gallery .share-menu .bubble-point {
   background-image: -webkit-image-set(
-    url('../images/100/bubble_point.png') 1x,
-    url('../images/200/bubble_point.png') 2x);
+      url(../images/100/bubble_point.png) 1x,
+      url(../images/200/bubble_point.png) 2x);
   background-position: center top;
   background-repeat: no-repeat;
   bottom: -8px;
   height: 8px;
   padding: 0;
   position: absolute;
   right: 20px;
   width: 20px;
 }
 
@@ skipping 17 matching lines @@
 }
 
 .gallery .share-menu > div > img {
   display: block;
   margin-right: 5px;
 }
 
 /* Load spinner and error banner. */
 
 .gallery .spinner {
-  background-image: url(../images/100/common/spinner.svg);
+  background-image:
+      url(../../file_manager/foreground/images/common/spinner.svg);
   background-size: 100%;
   height: 16px;
   left: 50%;
   margin-left: -8px;
   margin-top: -8px;
   position: absolute;
   top: 50%;
   width: 16px;
 }
 
 .gallery:not([spinner]) .spinner {
   display: none;
 }
 
 .gallery .error-banner {
   -webkit-box-align: center;
   -webkit-box-orient: horizontal;
   -webkit-box-pack: center;
   background-color: rgba(24, 24, 24, 1);
   background-image: -webkit-image-set(
-    url('../images/100/media/error.png') 1x,
-    url('../images/100/media/2x/error.png') 2x);
+      url(../../file_manager/foreground/images/media/error.png) 1x,
+      url(../../file_manager/foreground/images/media/2x/error.png) 2x);
   background-position: 25px center;
   background-repeat: no-repeat;
   color: white;
   display: -webkit-box;
   height: 54px;
   padding-left: 70px;
   padding-right: 35px;
 }
 
 .gallery:not([error]) .error-banner {
@@ skipping 193 matching lines @@
   pointer-events: auto;
   width: 68px;
 }
 
 .slideshow-toolbar > div:hover {
   opacity: 1;
 }
 
 .slideshow-toolbar > .slideshow-play {
   background-image: -webkit-image-set(
-    url('../images/100/slideshow-play.png') 1x,
-    url('../images/200/slideshow-play.png') 2x);
+      url(../images/100/slideshow-play.png) 1x,
+      url(../images/200/slideshow-play.png) 2x);
   margin-right: -2px;
 }
 
 .gallery[slideshow='playing'] .slideshow-toolbar > .slideshow-play {
   background-image: -webkit-image-set(
-    url('../images/100/slideshow-pause.png') 1x,
-    url('../images/200/slideshow-pause.png') 2x);
+      url(../images/100/slideshow-pause.png) 1x,
+      url(../images/200/slideshow-pause.png) 2x);
 }
 
 .slideshow-toolbar > .slideshow-end {
   background-image: -webkit-image-set(
-    url('../images/100/slideshow-end.png') 1x,
-    url('../images/200/slideshow-end.png') 2x);
+      url(../images/100/slideshow-end.png) 1x,
+      url(../images/200/slideshow-end.png) 2x);
   margin-left: -2px;
 }
 
 .gallery > .header > button {
   -webkit-margin-start: 10px;
   cursor: default;
   height: 32px;
   min-width: 32px;
   width: 32px;
 }
 
 .gallery > .header > .minimize-button {
   background: -webkit-image-set(
-    url('chrome://resources/images/apps/topbar_button_minimize.png') 1x,
-    url('chrome://resources/images/2x/apps/topbar_button_minimize.png') 2x)
-    center;
+      url(chrome://resources/images/apps/topbar_button_minimize.png) 1x,
+      url(chrome://resources/images/2x/apps/topbar_button_minimize.png) 2x)
+      center;
 }
 
 .gallery > .header > .maximize-button {
   background: -webkit-image-set(
-    url('chrome://resources/images/apps/topbar_button_maximize.png') 1x,
-    url('chrome://resources/images/2x/apps/topbar_button_maximize.png') 2x)
-    center;
+      url(chrome://resources/images/apps/topbar_button_maximize.png) 1x,
+      url(chrome://resources/images/2x/apps/topbar_button_maximize.png) 2x)
+      center;
 }
 
 .gallery > .header > .close-button {
   background: -webkit-image-set(
-    url('chrome://resources/images/apps/topbar_button_close.png') 1x,
-    url('chrome://resources/images/2x/apps/topbar_button_close.png') 2x)
-    center;
+      url(chrome://resources/images/apps/topbar_button_close.png) 1x,
+      url(chrome://resources/images/2x/apps/topbar_button_close.png) 2x)
+      center;
 }