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 |