OLD | NEW |
1 /* Copyright 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright 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 /* TODO(xdai): Remove hard-coded font-family for 'Roboto'. */ | 5 /* TODO(xdai): Remove hard-coded font-family for 'Roboto'. */ |
6 | 6 |
7 * { | 7 * { |
8 box-sizing: border-box; | 8 box-sizing: border-box; |
9 color: rgba(0, 0, 0, .54); | 9 color: rgba(0, 0, 0, .54); |
10 font-family: Roboto, 'Noto Sans', sans-serif; | 10 font-family: Roboto, 'Noto Sans', sans-serif; |
(...skipping 156 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
167 display: inline-block; | 167 display: inline-block; |
168 line-height: 13px; | 168 line-height: 13px; |
169 padding-top: 3px; | 169 padding-top: 3px; |
170 vertical-align: top; | 170 vertical-align: top; |
171 } | 171 } |
172 | 172 |
173 .train.recorded .text { | 173 .train.recorded .text { |
174 color: rgba(66, 133, 244, 1); | 174 color: rgba(66, 133, 244, 1); |
175 } | 175 } |
176 | 176 |
177 @-webkit-keyframes rotate { | 177 @keyframes rotate { |
178 from { transform: rotate(0); } | 178 from { transform: rotate(0); } |
179 to { transform: rotate(359deg); } | 179 to { transform: rotate(359deg); } |
180 } | 180 } |
181 | 181 |
182 .train.listening .icon { | 182 .train.listening .icon { |
183 -webkit-animation: rotate 2s linear infinite; | 183 animation: rotate 2s linear infinite; |
184 background: -webkit-image-set( | 184 background: -webkit-image-set( |
185 url(../images/placeholder-loader-1x.png) 1x, | 185 url(../images/placeholder-loader-1x.png) 1x, |
186 url(../images/placeholder-loader-2x.png) 2x) | 186 url(../images/placeholder-loader-2x.png) 2x) |
187 no-repeat; | 187 no-repeat; |
188 } | 188 } |
189 | 189 |
190 .train.not-started .icon { | 190 .train.not-started .icon { |
191 background: -webkit-image-set( | 191 background: -webkit-image-set( |
192 url(../images/ic-check-gray-1x.png) 1x, | 192 url(../images/ic-check-gray-1x.png) 1x, |
193 url(../images/ic-check-gray-2x.png) 2x) | 193 url(../images/ic-check-gray-2x.png) 2x) |
(...skipping 89 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
283 | 283 |
284 .buttonbar .message .icon { | 284 .buttonbar .message .icon { |
285 display: inline-block; | 285 display: inline-block; |
286 height: 18px; | 286 height: 18px; |
287 margin-right: 8px; | 287 margin-right: 8px; |
288 vertical-align: top; | 288 vertical-align: top; |
289 width: 18px; | 289 width: 18px; |
290 } | 290 } |
291 | 291 |
292 .buttonbar .message.wait .icon { | 292 .buttonbar .message.wait .icon { |
293 -webkit-animation: rotate 2s linear infinite; | 293 animation: rotate 2s linear infinite; |
294 background: -webkit-image-set( | 294 background: -webkit-image-set( |
295 url(../images/placeholder-loader-1x.png) 1x, | 295 url(../images/placeholder-loader-1x.png) 1x, |
296 url(../images/placeholder-loader-2x.png) 2x) | 296 url(../images/placeholder-loader-2x.png) 2x) |
297 no-repeat; | 297 no-repeat; |
298 } | 298 } |
299 | 299 |
300 .buttonbar .message.error .icon { | 300 .buttonbar .message.error .icon { |
301 background: -webkit-image-set( | 301 background: -webkit-image-set( |
302 url(../images/ic-error-1x.png) 1x, | 302 url(../images/ic-error-1x.png) 1x, |
303 url(../images/ic-error-2x.png) 2x) | 303 url(../images/ic-error-2x.png) 2x) |
(...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
352 background: none; | 352 background: none; |
353 border: none; | 353 border: none; |
354 color: rgb(58, 218, 255); | 354 color: rgb(58, 218, 255); |
355 float: right; | 355 float: right; |
356 height: 32px; | 356 height: 32px; |
357 margin-left: 18px; | 357 margin-left: 18px; |
358 min-width: 56px; | 358 min-width: 56px; |
359 padding: 0 8px 0 8px; | 359 padding: 0 8px 0 8px; |
360 text-transform: uppercase; | 360 text-transform: uppercase; |
361 } | 361 } |
OLD | NEW |