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 | 5 |
6 .account-picker.flying-pods #account-picker { | 6 .account-picker.flying-pods #account-picker { |
7 transition: width 180ms ease, height 180ms ease; | 7 transition: width 180ms ease, height 180ms ease; |
8 } | 8 } |
9 | 9 |
10 #bubble { | 10 #bubble { |
11 z-index: 1; | 11 z-index: 1; |
12 } | 12 } |
13 | 13 |
14 #signin-banner-container1 { | 14 #signin-banner-container1 { |
15 bottom: 100%; | 15 bottom: 100%; |
16 margin-bottom: 10px; | 16 margin-bottom: 10px; |
17 position: absolute; | 17 position: absolute; |
18 width: 100%; | 18 width: 100%; |
19 } | 19 } |
20 | 20 |
| 21 html[screen=login] #signin-banner-container1 { |
| 22 margin-bottom: 6px; |
| 23 } |
| 24 |
21 #signin-banner-container2 { | 25 #signin-banner-container2 { |
22 display: inline-block; | 26 display: inline-block; |
23 position: relative; | 27 position: relative; |
24 right: -50%; | 28 right: -50%; |
25 } | 29 } |
26 | 30 |
27 html[dir=rtl] #signin-banner-container2 { | 31 html[dir=rtl] #signin-banner-container2 { |
28 left: -50%; | 32 left: -50%; |
29 right: auto; | 33 right: auto; |
30 } | 34 } |
31 | 35 |
32 #signin-banner { | 36 #signin-banner { |
33 background-color: rgba(0, 0, 0, 0.75); | 37 background-color: rgba(0, 0, 0, 0.75); |
34 border-radius: 4px; | 38 border-radius: 4px; |
35 color: whitesmoke; | 39 color: whitesmoke; |
36 display: none; | 40 display: none; |
37 font-size: 15px; | |
38 left: -50%; | 41 left: -50%; |
| 42 max-width: 722px; |
39 padding: 20px; | 43 padding: 20px; |
40 position: relative; | 44 position: relative; |
41 text-align: center; | 45 text-align: center; |
42 width: 722px; | 46 width: max-content; |
43 } | 47 } |
44 | 48 |
45 html[dir=rtl] #signin-banner { | 49 html[dir=rtl] #signin-banner { |
46 left: auto; | 50 left: auto; |
47 right: -50%; | 51 right: -50%; |
48 } | 52 } |
49 | 53 |
50 html[screen=user-adding] #signin-banner { | 54 html[screen=user-adding] #signin-banner { |
51 display: inline-block; | 55 display: inline-block; |
52 } | 56 } |
53 | 57 |
| 58 html[screen=login] #signin-banner { |
| 59 padding: 20px 24px; |
| 60 } |
| 61 |
54 html[screen=login] #signin-banner, | 62 html[screen=login] #signin-banner, |
55 html[screen=lock] #signin-banner { | 63 html[screen=lock] #signin-banner { |
56 display: inline-block; | 64 display: inline-block; |
57 opacity: 0; | 65 opacity: 0; |
58 visibility: hidden; | 66 visibility: hidden; |
59 } | 67 } |
60 | 68 |
61 html[screen=login] #signin-banner.message-set, | 69 html[screen=login] #signin-banner.message-set, |
62 html[screen=lock] #signin-banner.message-set { | 70 html[screen=lock] #signin-banner.message-set { |
63 opacity: 1; | 71 opacity: 1; |
64 transition: opacity 1s; | 72 transition: opacity 1s; |
65 visibility: visible; | 73 visibility: visible; |
66 } | 74 } |
OLD | NEW |