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 |