Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(717)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: ui/file_manager/gallery/css/gallery.css

Issue 246543002: Add script files of the separated Gallery.app. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Rebased. Created 6 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « ui/file_manager/file_manager_resources.grd ('k') | ui/file_manager/gallery/gallery.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: ui/file_manager/gallery/css/gallery.css
diff --git a/ui/file_manager/gallery/css/gallery.css b/ui/file_manager/gallery/css/gallery.css
index ae32e9676348202291bd48062111ffcd85f4c349..fdd4501da7bef99dd98937580b1d92b6c43f7a8b 100644
--- a/ui/file_manager/gallery/css/gallery.css
+++ b/ui/file_manager/gallery/css/gallery.css
@@ -41,8 +41,8 @@ body {
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;
@@ -73,42 +73,42 @@ body {
.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 {
@@ -257,14 +257,14 @@ body {
.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.
@@ -591,7 +591,7 @@ body {
.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;
@@ -622,94 +622,94 @@ body {
.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],
@@ -724,90 +724,90 @@ body {
.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] {
@@ -855,14 +855,14 @@ body {
.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;
}
@@ -877,8 +877,8 @@ body {
.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;
}
@@ -1024,8 +1024,8 @@ body {
.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;
@@ -1058,8 +1058,8 @@ body {
.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;
@@ -1097,7 +1097,8 @@ body {
/* 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%;
@@ -1118,8 +1119,8 @@ body {
-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;
@@ -1333,21 +1334,21 @@ body {
.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;
}
@@ -1361,21 +1362,21 @@ body {
.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;
}
« no previous file with comments | « ui/file_manager/file_manager_resources.grd ('k') | ui/file_manager/gallery/gallery.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698