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