| 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 * This is the stylesheet used by user pods row of account picker UI. | 5 * This is the stylesheet used by user pods row of account picker UI. |
| 6 */ | 6 */ |
| 7 | 7 |
| 8 podrow { | 8 podrow { |
| 9 /* Temporarily disabled because animation interferes with updating screen's | 9 /* Temporarily disabled because animation interferes with updating screen's |
| 10 size. */ | 10 size. */ |
| (...skipping 22 matching lines...) Expand all Loading... |
| 33 cursor: pointer; | 33 cursor: pointer; |
| 34 height: 213px; | 34 height: 213px; |
| 35 outline: none; | 35 outline: none; |
| 36 position: absolute; | 36 position: absolute; |
| 37 top: 0; | 37 top: 0; |
| 38 transform: scale3d(0.9, 0.9, 0.9); | 38 transform: scale3d(0.9, 0.9, 0.9); |
| 39 width: 180px; | 39 width: 180px; |
| 40 z-index: 0; | 40 z-index: 0; |
| 41 } | 41 } |
| 42 | 42 |
| 43 #account_picker.flying-pods .pod { | 43 .account-picker.flying-pods .pod { |
| 44 transition: all 180ms; | 44 transition: all 180ms; |
| 45 } | 45 } |
| 46 | 46 |
| 47 .pod.flying-pin-pod { | 47 .pod.flying-pin-pod { |
| 48 transition: height 180ms ease-in-out, | 48 transition: height 180ms ease-in-out, |
| 49 top 180ms ease-in-out; | 49 top 180ms ease-in-out; |
| 50 } | 50 } |
| 51 | 51 |
| 52 .pod.pin-enabled { | 52 .pod.pin-enabled { |
| 53 height: 417px; | 53 height: 417px; |
| (...skipping 843 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 897 -webkit-animation: ellipsis-component2 1.5s infinite; | 897 -webkit-animation: ellipsis-component2 1.5s infinite; |
| 898 } | 898 } |
| 899 | 899 |
| 900 @-webkit-keyframes ellipsis-component2 { | 900 @-webkit-keyframes ellipsis-component2 { |
| 901 0% { opacity: 0; } | 901 0% { opacity: 0; } |
| 902 25% { opacity: 0; } | 902 25% { opacity: 0; } |
| 903 50% { opacity: 0; } | 903 50% { opacity: 0; } |
| 904 75% { opacity: 1; } | 904 75% { opacity: 1; } |
| 905 100% { opacity: 0; } | 905 100% { opacity: 0; } |
| 906 } | 906 } |
| OLD | NEW |