| OLD | NEW |
| 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 Loading... |
| 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 Loading... |
| 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 } |
| OLD | NEW |