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 93 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
104 -webkit-transition-property: -webkit-transform, opacity; | 104 -webkit-transition-property: -webkit-transform, opacity; |
105 -webkit-transition-timing-function: ease-in-out; | 105 -webkit-transition-timing-function: ease-in-out; |
106 pointer-events: none; | 106 pointer-events: none; |
107 position: absolute; | 107 position: absolute; |
108 } | 108 } |
109 | 109 |
110 .gallery > .image-container > .image[fade] { | 110 .gallery > .image-container > .image[fade] { |
111 opacity: 0; | 111 opacity: 0; |
112 } | 112 } |
113 | 113 |
| 114 /* Full resolution image is invisible unless printing. */ |
| 115 .gallery > .image-container > canvas.fullres { |
| 116 display: none; |
| 117 } |
| 118 |
| 119 @media print { |
| 120 /* Do not print anything but the image. */ |
| 121 .gallery > :not(.image-container) { |
| 122 display: none !important; |
| 123 } |
| 124 |
| 125 /* Center the printed image. */ |
| 126 .gallery > .image-container { |
| 127 -webkit-box-align: center; |
| 128 -webkit-box-orient: horizontal; |
| 129 -webkit-box-pack: center; |
| 130 display: -webkit-box; |
| 131 } |
| 132 |
| 133 /* Do not print the screen resolution image. */ |
| 134 .gallery > .image-container > canvas.image { |
| 135 display: none !important; |
| 136 } |
| 137 |
| 138 /* Print the full resolution image instead. */ |
| 139 .gallery > .image-container > canvas.fullres { |
| 140 display: block !important; |
| 141 max-height: 100%; |
| 142 max-width: 100%; |
| 143 } |
| 144 |
| 145 /* Print video at the center of the page */ |
| 146 .gallery > .image-container > video.image { |
| 147 position: auto !important; |
| 148 } |
| 149 } |
| 150 |
114 /* Toolbar */ | 151 /* Toolbar */ |
115 | 152 |
116 .gallery > .toolbar { | 153 .gallery > .toolbar { |
117 -webkit-box-align: stretch; | 154 -webkit-box-align: stretch; |
118 -webkit-box-orient: horizontal; | 155 -webkit-box-orient: horizontal; |
119 -webkit-box-pack: start; | 156 -webkit-box-pack: start; |
120 -webkit-transform: translate(0, 0); | 157 -webkit-transform: translate(0, 0); |
121 -webkit-transition-duration: 300ms; | 158 -webkit-transition-duration: 300ms; |
122 -webkit-transition-property: webkit-transform, opacity; | 159 -webkit-transition-property: webkit-transform, opacity; |
123 -webkit-transition-timing-function: ease; | 160 -webkit-transition-timing-function: ease; |
(...skipping 881 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1005 max-height: 100%; | 1042 max-height: 100%; |
1006 max-width: 100%; | 1043 max-width: 100%; |
1007 object-fit: contain; | 1044 object-fit: contain; |
1008 top: 0 !important; | 1045 top: 0 !important; |
1009 } | 1046 } |
1010 | 1047 |
1011 .gallery .tool { | 1048 .gallery .tool { |
1012 opacity: 0 !important; | 1049 opacity: 0 !important; |
1013 } | 1050 } |
1014 } | 1051 } |
OLD | NEW |