Gallery.app: Add empty place holders for new separated Gallery app.

chrome/browser/resources/gallery/css/gallery.css

-/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
+/* 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 22 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/gallery/back_to_files.png') 1x,
-    url('../images/gallery/2x/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/gallery/cursor_move.png') 1x,
-    url('../images/gallery/2x/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/gallery/cursor_crop.png') 1x,
-    url('../images/gallery/2x/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/gallery/cursor_updown.png') 1x,
-    url('../images/gallery/2x/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/gallery/cursor_leftright.png') 1x,
-    url('../images/gallery/2x/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/gallery/cursor_nwse.png') 1x,
-    url('../images/gallery/2x/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/gallery/cursor_swne.png') 1x,
-    url('../images/gallery/2x/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/gallery/arrow_left.png') 1x,
-    url('../images/gallery/2x/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/gallery/arrow_right.png') 1x,
-    url('../images/gallery/2x/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 337 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/gallery/icon_autofix.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_autofix_selected.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_crop.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_crop_selected.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_brightness.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_brightness_selected.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_rotate.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_rotate_selected.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_rotate_left.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_rotate_left_selected.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_undo.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_undo_selected.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_redo.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_redo_selected.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_mosaic.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_mosaic_selected.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_1up.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_1up_selected.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_slideshow.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_slideshow_selected.png') 1x,
-        url('../images/gallery/2x/icon_slideshow_selected.png') 2x);
+        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/gallery/icon_delete.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_delete_selected.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_edit.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_edit_selected.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_print.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_print_selected.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_share.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_share_selected.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_brightness.png') 1x,
-    url('../images/gallery/2x/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/gallery/icon_contrast.png') 1x,
-    url('../images/gallery/2x/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/gallery/slider_thumb.png') 1x,
-    url('../images/gallery/2x/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/gallery/butterbar_close_button.png') 1x,
-    url('../images/gallery/2x/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/gallery/bubble_point.png') 1x,
-    url('../images/gallery/2x/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/common/spinner.svg);
+  background-image: url(../images/100/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/media/error.png') 1x,
-    url('../images/media/2x/error.png') 2x);
+    url('../images/100/media/error.png') 1x,
+    url('../images/100/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/gallery/slideshow-play.png') 1x,
-    url('../images/gallery/2x/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/gallery/slideshow-pause.png') 1x,
-    url('../images/gallery/2x/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/gallery/slideshow-end.png') 1x,
-    url('../images/gallery/2x/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;
 }
@@ skipping 11 matching lines @@
     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;
 }