Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2011 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 -webkit-box-align: center; | 9 -webkit-box-align: center; |
| 10 -webkit-box-pack: center; | 10 -webkit-box-pack: center; |
| (...skipping 15 matching lines...) Expand all Loading... | |
| 26 } | 26 } |
| 27 | 27 |
| 28 .pod .user-image { | 28 .pod .user-image { |
| 29 -webkit-box-shadow: 0 3px 12px #ccc; | 29 -webkit-box-shadow: 0 3px 12px #ccc; |
| 30 -webkit-transition: all 140ms ease; | 30 -webkit-transition: all 140ms ease; |
| 31 background-color: #fff; | 31 background-color: #fff; |
| 32 border: 1px solid #ccc; | 32 border: 1px solid #ccc; |
| 33 border-radius: 2px; | 33 border-radius: 2px; |
| 34 height: 160px; | 34 height: 160px; |
| 35 padding: 4px; | 35 padding: 4px; |
| 36 margin-bottom: 18px; | 36 margin-bottom: 10px; |
|
Nikita (slow)
2011/12/20 14:43:37
nit: alpha-sorting for properties.
Ivan Korotkov
2011/12/20 15:12:19
Done.
| |
| 37 width: 160px; | 37 width: 160px; |
| 38 } | 38 } |
| 39 | 39 |
| 40 .pod.focused { | 40 .pod.focused { |
| 41 background-color: #ebebeb; | 41 background-color: #ebebeb; |
| 42 cursor: default; | 42 cursor: default; |
| 43 } | 43 } |
| 44 | 44 |
| 45 .pod.faded { | 45 .pod.faded { |
| 46 opacity: .75; | 46 opacity: .75; |
| (...skipping 22 matching lines...) Expand all Loading... | |
| 69 .pod.zoom { | 69 .pod.zoom { |
| 70 -webkit-transform: scale(2.2); | 70 -webkit-transform: scale(2.2); |
| 71 opacity: 0; | 71 opacity: 0; |
| 72 } | 72 } |
| 73 | 73 |
| 74 .name { | 74 .name { |
| 75 -webkit-transition: opacity 800ms ease; | 75 -webkit-transition: opacity 800ms ease; |
| 76 color: #565656; | 76 color: #565656; |
| 77 font-weight: bold; | 77 font-weight: bold; |
| 78 font-size: 15px; | 78 font-size: 15px; |
| 79 margin: 4px 0; | |
| 79 overflow: hidden; | 80 overflow: hidden; |
| 80 text-align: center; | 81 text-align: center; |
| 81 text-overflow: ellipsis; | 82 text-overflow: ellipsis; |
| 82 } | 83 } |
| 83 | 84 |
| 84 .name.init { | 85 .name.init { |
| 85 opacity: 0; | 86 opacity: 0; |
| 86 } | 87 } |
| 87 | 88 |
| 88 .pod.focused .name { | 89 .pod.focused .name { |
| (...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 121 0 0 1px #c0c0c0; | 122 0 0 1px #c0c0c0; |
| 122 -webkit-transition: -webkit-box-shadow 200ms, background 200ms, border 200ms; | 123 -webkit-transition: -webkit-box-shadow 200ms, background 200ms, border 200ms; |
| 123 background: #f8f8f8; | 124 background: #f8f8f8; |
| 124 border-color: #4080fa; | 125 border-color: #4080fa; |
| 125 outline: none; | 126 outline: none; |
| 126 } | 127 } |
| 127 | 128 |
| 128 .pod .enter-guest-button, | 129 .pod .enter-guest-button, |
| 129 .pod .signin-button { | 130 .pod .signin-button { |
| 130 box-sizing: border-box; | 131 box-sizing: border-box; |
| 131 height: 24px; | 132 height: 26px; |
| 132 width: 94px; | 133 width: 94px; |
|
Nikita (slow)
2011/12/20 14:43:37
nit: alpha-sorting for properties.
Ivan Korotkov
2011/12/20 15:12:19
Done.
| |
| 133 left: 46px; | 134 left: 46px; |
| 134 opacity: 0; | 135 opacity: 0; |
| 135 padding: 0; | 136 padding: 0; |
| 136 position: absolute; | 137 position: absolute; |
| 137 top: 193px; | 138 top: 193px; |
| 138 visibility: hidden; | 139 visibility: hidden; |
| 139 } | 140 } |
| 140 | 141 |
| 141 .pod.focused .enter-guest-button, | 142 .pod.focused .enter-guest-button, |
| 142 .pod.focused .signin-button { | 143 .pod.focused .signin-button { |
| (...skipping 82 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 225 text-align: center; | 226 text-align: center; |
| 226 /* Width of .user-image. */ | 227 /* Width of .user-image. */ |
| 227 width: 160px; | 228 width: 160px; |
| 228 z-index: 1; | 229 z-index: 1; |
| 229 } | 230 } |
| 230 | 231 |
| 231 .pod.focused .signed-in-indicator { | 232 .pod.focused .signed-in-indicator { |
| 232 /* Track shifting of .user-image on pod focus. */ | 233 /* Track shifting of .user-image on pod focus. */ |
| 233 -webkit-transform: translateY(-1px); | 234 -webkit-transform: translateY(-1px); |
| 234 } | 235 } |
| OLD | NEW |