| 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 | 5 |
| 6 html { | 6 html { |
| 7 font-family: segoe ui, arial, helvetica, sans-serif; | 7 font-family: segoe ui, arial, helvetica, sans-serif; |
| 8 font-size: 14px; | 8 font-size: 14px; |
| 9 /* It's necessary to put this here instead of in body in order to get the | 9 /* It's necessary to put this here instead of in body in order to get the |
| 10 background-size of 100% to work properly */ | 10 background-size of 100% to work properly */ |
| (...skipping 177 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 188 top: 0; | 188 top: 0; |
| 189 z-index: 100; | 189 z-index: 100; |
| 190 -webkit-box-shadow: none; | 190 -webkit-box-shadow: none; |
| 191 } | 191 } |
| 192 | 192 |
| 193 html[dir='rtl'] #login-container { | 193 html[dir='rtl'] #login-container { |
| 194 left: 0; | 194 left: 0; |
| 195 right: auto; | 195 right: auto; |
| 196 } | 196 } |
| 197 | 197 |
| 198 .login-status-icon { |
| 199 background-position: right center; |
| 200 background-repeat: no-repeat; |
| 201 min-height: 27px; |
| 202 -webkit-padding-end: 37px; |
| 203 } |
| 204 |
| 205 html[dir='rtl'] .login-status-icon { |
| 206 background-position-x: left; |
| 207 } |
| 208 |
| 198 .link-span { | 209 .link-span { |
| 199 text-decoration: underline; | 210 text-decoration: underline; |
| 200 } | 211 } |
| 201 | 212 |
| 202 #login-status-bubble-contents { | 213 #login-status-bubble-contents { |
| 203 font-size: 13px; | 214 font-size: 13px; |
| 204 } | 215 } |
| 205 | 216 |
| 206 #login-status-message-container { | 217 #login-status-message-container { |
| 207 margin-bottom: 13px; | 218 margin-bottom: 13px; |
| 208 } | 219 } |
| 209 | 220 |
| 210 #login-status-learn-more { | 221 #login-status-learn-more { |
| 211 display: inline-block; | 222 display: inline-block; |
| 212 } | 223 } |
| 213 | 224 |
| 214 #login-status-action-area { | 225 .login-status-row { |
| 226 display: -webkit-box; |
| 215 -webkit-box-align: center; | 227 -webkit-box-align: center; |
| 216 -webkit-box-orient: horizontal; | 228 -webkit-box-orient: horizontal; |
| 217 -webkit-box-pack: end; | 229 -webkit-box-pack: end; |
| 218 display: -webkit-box; | |
| 219 } | 230 } |
| 220 | 231 |
| 221 #login-status-advanced-container { | 232 #login-status-advanced-container { |
| 222 -webkit-box-flex: 1; | 233 -webkit-box-flex: 1; |
| 223 } | 234 } |
| 224 | 235 |
| 225 #login-status-dismiss { | 236 #login-status-dismiss { |
| 226 min-width: 6em; | 237 min-width: 6em; |
| 227 } | 238 } |
| 228 | 239 |
| (...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 270 padding: 0; | 281 padding: 0; |
| 271 position: absolute; | 282 position: absolute; |
| 272 margin: 0; | 283 margin: 0; |
| 273 max-width: 150px; | 284 max-width: 150px; |
| 274 min-width: 90px; | 285 min-width: 90px; |
| 275 outline: none; | 286 outline: none; |
| 276 top: 0; | 287 top: 0; |
| 277 z-index: 5; | 288 z-index: 5; |
| 278 -webkit-transition: width 150ms, right 150ms, background-color 150ms; | 289 -webkit-transition: width 150ms, right 150ms, background-color 150ms; |
| 279 } | 290 } |
| OLD | NEW |