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 .photo-import { | 5 .photo-import { |
6 -webkit-user-select: none; | 6 -webkit-user-select: none; |
7 bottom: 0; | 7 bottom: 0; |
8 font-family: Noto Sans UI, Droid Sans Fallback, sans-serif; | 8 font-family: Noto Sans UI, Droid Sans Fallback, sans-serif; |
9 font-size: 84%; | 9 font-size: 84%; |
10 left: 0; | 10 left: 0; |
(...skipping 133 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
144 position: relative; | 144 position: relative; |
145 width: 100%; | 145 width: 100%; |
146 } | 146 } |
147 | 147 |
148 .img-container > img { | 148 .img-container > img { |
149 -webkit-user-drag: none; | 149 -webkit-user-drag: none; |
150 box-sizing: border-box; | 150 box-sizing: border-box; |
151 position: absolute; | 151 position: absolute; |
152 } | 152 } |
153 | 153 |
| 154 .img-container > img:not(.cached) { |
| 155 -webkit-animation: fadeIn ease-in 1; |
| 156 -webkit-animation-duration: 100ms; |
| 157 -webkit-animation-fill-mode: forwards; |
| 158 } |
| 159 |
| 160 @-webkit-keyframes fadeIn { |
| 161 from { |
| 162 opacity: 0; |
| 163 } |
| 164 to { |
| 165 opacity :1; |
| 166 } |
| 167 } |
| 168 |
154 .grid-item[lead] { | 169 .grid-item[lead] { |
155 border: 2px solid transparent !important; | 170 border: 2px solid transparent !important; |
156 } | 171 } |
157 | 172 |
158 .grid-item[selected], | 173 .grid-item[selected], |
159 .grid-item[lead][selected], | 174 .grid-item[lead][selected], |
160 .grid-item:hover { | 175 .grid-item:hover { |
161 border: 2px solid rgb(51, 153, 255) !important; | 176 border: 2px solid rgb(51, 153, 255) !important; |
162 } | 177 } |
163 | 178 |
(...skipping 56 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
220 font-size: 90%; | 235 font-size: 90%; |
221 min-height: 26px; | 236 min-height: 26px; |
222 min-width: 87px; | 237 min-width: 87px; |
223 position: absolute; | 238 position: absolute; |
224 right: 10px; | 239 right: 10px; |
225 } | 240 } |
226 | 241 |
227 .importing-dialog .progress-bar { | 242 .importing-dialog .progress-bar { |
228 -webkit-box-flex: 1; | 243 -webkit-box-flex: 1; |
229 } | 244 } |
OLD | NEW |