| 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 |