| OLD | NEW |
| 1 /* Copyright (c) 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2014 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-size: 84%; | 7 font-size: 84%; |
| 8 margin: 0; | 8 margin: 0; |
| 9 } | 9 } |
| 10 | 10 |
| (...skipping 106 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 117 pointer-events: none; | 117 pointer-events: none; |
| 118 position: absolute; | 118 position: absolute; |
| 119 /* Duration and timing function are set in Javascript. */ | 119 /* Duration and timing function are set in Javascript. */ |
| 120 transition-property: transform, opacity; | 120 transition-property: transform, opacity; |
| 121 } | 121 } |
| 122 | 122 |
| 123 .gallery .image-container > .image[fade] { | 123 .gallery .image-container > .image[fade] { |
| 124 opacity: 0; | 124 opacity: 0; |
| 125 } | 125 } |
| 126 | 126 |
| 127 /* Full resolution image is invisible unless printing. */ | |
| 128 .gallery .image-container > canvas.fullres { | |
| 129 opacity: 0; | |
| 130 position: absolute; | |
| 131 } | |
| 132 | |
| 133 @media print { | 127 @media print { |
| 134 /* Do not print anything but the image content. */ | 128 /* Do not print anything but the image content. */ |
| 135 .gallery > :not(.content) { | 129 .gallery > :not(.content) { |
| 136 display: none !important; | 130 display: none !important; |
| 137 } | 131 } |
| 138 | 132 |
| 139 /* Center the printed image. */ | 133 /* Center the printed image. */ |
| 140 .gallery .image-container { | 134 .gallery .image-container { |
| 141 -webkit-box-align: center; | 135 -webkit-box-align: center; |
| 142 -webkit-box-orient: horizontal; | 136 -webkit-box-orient: horizontal; |
| 143 -webkit-box-pack: center; | 137 -webkit-box-pack: center; |
| 144 display: -webkit-box; | 138 display: -webkit-box; |
| 145 } | 139 } |
| 146 | 140 |
| 147 /* Do not print the screen resolution image. */ | |
| 148 .gallery .image-container > canvas.image { | |
| 149 display: none !important; | |
| 150 } | |
| 151 | |
| 152 /* Print the full resolution image instead. */ | 141 /* Print the full resolution image instead. */ |
| 153 .gallery .image-container > canvas.fullres { | 142 .gallery .image-container > .image { |
| 154 height: auto !important; | 143 height: auto !important; |
| 155 max-height: 100%; | 144 max-height: 100%; |
| 156 max-width: 100%; | 145 max-width: 100%; |
| 157 opacity: 1 !important; | 146 opacity: 1 !important; |
| 158 position: static !important; | 147 position: static !important; |
| 159 transform: none !important; | 148 transform: none !important; |
| 160 visibility: visible !important; | 149 visibility: visible !important; |
| 161 width: auto !important; | 150 width: auto !important; |
| 162 } | 151 } |
| 163 } | 152 } |
| (...skipping 1168 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1332 .thumbnail-view .animation-thumbnail { | 1321 .thumbnail-view .animation-thumbnail { |
| 1333 background-repeat: no-repeat; | 1322 background-repeat: no-repeat; |
| 1334 background-size: cover; | 1323 background-size: cover; |
| 1335 display: none; | 1324 display: none; |
| 1336 position: absolute; | 1325 position: absolute; |
| 1337 } | 1326 } |
| 1338 | 1327 |
| 1339 .thumbnail-view .animation-thumbnail.animating { | 1328 .thumbnail-view .animation-thumbnail.animating { |
| 1340 display: block; | 1329 display: block; |
| 1341 } | 1330 } |
| OLD | NEW |