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

Side by Side Diff: chrome/browser/resources/file_manager/css/gallery.css

Issue 12316118: Enabled Mosaic view on each volume. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Rebased. Created 7 years, 9 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 unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « no previous file | chrome/browser/resources/file_manager/css/photo_import.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */ 3 * found in the LICENSE file. */
4 4
5 body { 5 body {
6 -webkit-user-select: none; 6 -webkit-user-select: none;
7 font-family: Open Sans, Droid Sans Fallback, sans-serif; 7 font-family: Open Sans, Droid Sans Fallback, sans-serif;
8 font-size: 84%; 8 font-size: 84%;
9 margin: 0; 9 margin: 0;
10 } 10 }
(...skipping 1210 matching lines...) Expand 10 before | Expand all | Expand 10 after
1221 } 1221 }
1222 1222
1223 .mosaic-tile .img-wrapper { 1223 .mosaic-tile .img-wrapper {
1224 bottom: 0; 1224 bottom: 0;
1225 left: 0; 1225 left: 0;
1226 position: absolute; 1226 position: absolute;
1227 right: 0; 1227 right: 0;
1228 top: 0; 1228 top: 0;
1229 } 1229 }
1230 1230
1231 .mosaic-tile img { 1231 .mosaic-tile .img-wrapper[generic-thumbnail],
1232 -webkit-user-drag: none; 1232 .mosaic-tile .img-wrapper:not([generic-thumbnail]) canvas {
1233 position: absolute; 1233 -webkit-animation: fadeIn ease-in 1;
1234 -webkit-animation-duration: 500ms;
1235 -webkit-animation-fill-mode: forwards;
1236 }
1237
1238 @-webkit-keyframes fadeIn {
1239 from {
1240 opacity: 0;
1241 }
1242 to {
1243 opacity: 1;
1244 }
1234 } 1245 }
1235 1246
1236 /* In order to do mode animated transitions smoothly we keep both mosaic and 1247 /* In order to do mode animated transitions smoothly we keep both mosaic and
1237 image-container but transparent. */ 1248 image-container but transparent. */
1238 .gallery:not([mode='mosaic']) .mosaic, 1249 .gallery:not([mode='mosaic']) .mosaic,
1239 .gallery:not([mode='slide']) .image-container { 1250 .gallery:not([mode='slide']) .image-container {
1240 pointer-events: none; 1251 pointer-events: none;
1241 } 1252 }
1242 1253
1243 .gallery:not([mode='slide']) .ribbon, 1254 .gallery:not([mode='slide']) .ribbon,
(...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after
1296 url('../images/gallery/slideshow-pause.png') 1x, 1307 url('../images/gallery/slideshow-pause.png') 1x,
1297 url('../images/gallery/2x/slideshow-pause.png') 2x); 1308 url('../images/gallery/2x/slideshow-pause.png') 2x);
1298 } 1309 }
1299 1310
1300 .slideshow-toolbar > .slideshow-end { 1311 .slideshow-toolbar > .slideshow-end {
1301 background-image: -webkit-image-set( 1312 background-image: -webkit-image-set(
1302 url('../images/gallery/slideshow-end.png') 1x, 1313 url('../images/gallery/slideshow-end.png') 1x,
1303 url('../images/gallery/2x/slideshow-end.png') 2x); 1314 url('../images/gallery/2x/slideshow-end.png') 2x);
1304 margin-left: -2px; 1315 margin-left: -2px;
1305 } 1316 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/file_manager/css/photo_import.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698