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: 13px; | 8 font-size: 13px; |
9 height: 100%; | 9 height: 100%; |
10 } | 10 } |
11 | 11 |
12 body { | 12 body { |
13 background-image: -webkit-linear-gradient( | 13 background-image: -webkit-linear-gradient( |
14 rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.04)); | 14 rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.04)); |
15 } | 15 } |
16 | 16 |
17 #sync-setup-overlay { | 17 #sync-setup-overlay { |
18 background-color: transparent; | 18 background-color: transparent; |
19 width: 100%; | 19 width: 100%; |
20 } | 20 } |
21 | 21 |
22 #sync-setup-login { | 22 #sync-setup-login { |
23 margin: 0 auto; | 23 margin: 0 auto; |
24 max-width: 900px; | 24 max-width: 900px; |
25 min-width: 830px; | 25 min-width: 830px; |
| 26 position: relative; |
26 width: auto; | 27 width: auto; |
27 } | 28 } |
28 | 29 |
| 30 #sync-setup-login > div:first-of-type { |
| 31 position: relative; |
| 32 } |
| 33 |
29 #sync-setup-configure { | 34 #sync-setup-configure { |
30 background-color: transparent; | 35 background-color: transparent; |
31 margin-left: auto; | 36 margin-left: auto; |
32 margin-right: auto; | 37 margin-right: auto; |
33 width: 600px; | 38 width: 600px; |
34 } | 39 } |
35 | 40 |
36 #sync-setup-login-promo-column { | 41 #sync-setup-login-promo-column { |
37 margin-right: 385px; | 42 left: 0; |
| 43 position: absolute; |
| 44 width: 444px; |
38 } | 45 } |
39 | 46 |
40 html[dir='rtl'] #sync-setup-login-promo-column { | 47 html[dir='rtl'] #sync-setup-login-promo-column { |
41 margin-left: 385px; | 48 left: auto; |
42 margin-right: 0; | 49 right: 0; |
43 } | 50 } |
44 | 51 |
45 #sync-setup-login-content-column { | 52 #sync-setup-login-content-column { |
46 float: right; | 53 float: right; |
47 width: 335px; | 54 width: 335px; |
48 } | 55 } |
49 | 56 |
50 html[dir='rtl'] #sync-setup-login-content-column { | 57 html[dir='rtl'] #sync-setup-login-content-column { |
51 float: left; | 58 float: left; |
52 } | 59 } |
(...skipping 68 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
121 #promo-info-pane > * { | 128 #promo-info-pane > * { |
122 -webkit-transition: opacity 200ms linear; | 129 -webkit-transition: opacity 200ms linear; |
123 opacity: 1; | 130 opacity: 1; |
124 position: absolute; | 131 position: absolute; |
125 } | 132 } |
126 | 133 |
127 #promo-info-pane > [hidden] { | 134 #promo-info-pane > [hidden] { |
128 display: inline-block; /* Override default user-agent styles. */ | 135 display: inline-block; /* Override default user-agent styles. */ |
129 opacity: 0; | 136 opacity: 0; |
130 } | 137 } |
OLD | NEW |