| 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 18 matching lines...) Expand all Loading... |
| 29 border-radius: 2px; | 29 border-radius: 2px; |
| 30 box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), | 30 box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), |
| 31 0 2px 6px rgba(0, 0, 0, 0.15), | 31 0 2px 6px rgba(0, 0, 0, 0.15), |
| 32 0 3px 0 rgba(0, 0, 0, 0.08); | 32 0 3px 0 rgba(0, 0, 0, 0.08); |
| 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; |
| 40 z-index: 0; |
| 41 } |
| 42 |
| 43 #account_picker.flying-pods .pod { |
| 44 transition: all 180ms; |
| 45 } |
| 46 |
| 47 .pod.flying-pin-pod { |
| 39 transition: height 180ms ease-in-out, | 48 transition: height 180ms ease-in-out, |
| 40 padding 180ms ease-in-out, | 49 padding 180ms ease-in-out, |
| 41 top 180ms ease-in-out, | 50 top 180ms ease-in-out, |
| 42 width 180ms ease-in-out; | 51 width 180ms ease-in-out; |
| 43 width: 180px; | |
| 44 z-index: 0; | |
| 45 } | 52 } |
| 46 | 53 |
| 47 .pod.pin-enabled { | 54 .pod.pin-enabled { |
| 48 height: 600px; | 55 height: 600px; |
| 49 padding: 10px; | 56 padding: 10px; |
| 50 top: -200px !important; | 57 top: -200px !important; |
| 51 width: 256px; | 58 width: 256px; |
| 52 } | 59 } |
| 53 | 60 |
| 54 .pod .pin-container { | 61 .pod .pin-container { |
| (...skipping 822 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 877 -webkit-animation: ellipsis-component2 1.5s infinite; | 884 -webkit-animation: ellipsis-component2 1.5s infinite; |
| 878 } | 885 } |
| 879 | 886 |
| 880 @-webkit-keyframes ellipsis-component2 { | 887 @-webkit-keyframes ellipsis-component2 { |
| 881 0% { opacity: 0; } | 888 0% { opacity: 0; } |
| 882 25% { opacity: 0; } | 889 25% { opacity: 0; } |
| 883 50% { opacity: 0; } | 890 50% { opacity: 0; } |
| 884 75% { opacity: 1; } | 891 75% { opacity: 1; } |
| 885 100% { opacity: 0; } | 892 100% { opacity: 0; } |
| 886 } | 893 } |
| OLD | NEW |