| OLD | NEW |
|---|
| (Empty) |
| 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 | |
| 3 * found in the LICENSE file. | |
| 4 */ | |
| 5 | |
| 6 html { | |
| 7 font-family: segoe ui, arial, helvetica, sans-serif; | |
| 8 font-size: 13px; | |
| 9 height: 100%; | |
| 10 } | |
| 11 | |
| 12 body { | |
| 13 background-image: -webkit-linear-gradient( | |
| 14 rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.04)); | |
| 15 } | |
| 16 | |
| 17 #sync-setup-overlay { | |
| 18 background-color: transparent; | |
| 19 width: 100%; | |
| 20 } | |
| 21 | |
| 22 #sync-setup-login { | |
| 23 margin: 0 auto; | |
| 24 max-width: 900px; | |
| 25 min-width: 830px; | |
| 26 width: auto; | |
| 27 } | |
| 28 | |
| 29 #sync-setup-configure { | |
| 30 background-color: transparent; | |
| 31 margin-left: auto; | |
| 32 margin-right: auto; | |
| 33 width: 600px; | |
| 34 } | |
| 35 | |
| 36 #sync-setup-login-promo-column { | |
| 37 margin-right: 385px; | |
| 38 } | |
| 39 | |
| 40 html[dir='rtl'] #sync-setup-login-promo-column { | |
| 41 margin-left: 385px; | |
| 42 margin-right: 0; | |
| 43 } | |
| 44 | |
| 45 #sync-setup-login-content-column { | |
| 46 float: right; | |
| 47 width: 335px; | |
| 48 } | |
| 49 | |
| 50 html[dir='rtl'] #sync-setup-login-content-column { | |
| 51 float: left; | |
| 52 } | |
| 53 | |
| 54 #promo-title { | |
| 55 margin-top: 33px; | |
| 56 margin-bottom: 64px; | |
| 57 text-align: center; | |
| 58 } | |
| 59 | |
| 60 #promo-title[hidden] + div { | |
| 61 margin-top: 30px; | |
| 62 } | |
| 63 | |
| 64 #promo-infographic { | |
| 65 margin-top: 14px; | |
| 66 } | |
| 67 | |
| 68 #promo-skip { | |
| 69 clear: both; | |
| 70 display: block; | |
| 71 padding-top: 85px; | |
| 72 text-align: center; | |
| 73 } | |
| 74 | |
| 75 #promo-advanced, | |
| 76 #promo-advanced:hover, | |
| 77 #sync-setup-login-promo-column a:link, | |
| 78 #sync-setup-login-promo-column a:hover { | |
| 79 color: #15c; | |
| 80 } | |
| 81 | |
| 82 #promo-advanced:active, | |
| 83 #sync-setup-login-promo-column a:active { | |
| 84 color: #d14836; | |
| 85 } | |
| 86 | |
| 87 /* When showing the full page promo, remove top margin from sign-in box. */ | |
| 88 #sync-promo .sign-in { | |
| 89 margin-top: 0; | |
| 90 } | |
| 91 | |
| 92 #sync-setup-login h1 { | |
| 93 color: #222; | |
| 94 font-size: 27px; | |
| 95 font-weight: normal; | |
| 96 } | |
| 97 | |
| 98 #sync-setup-login-promo-column h2 { | |
| 99 color: #222; | |
| 100 font-size: 18px; | |
| 101 font-weight: normal; | |
| 102 } | |
| 103 | |
| 104 #sync-setup-login-promo-column h3 { | |
| 105 color: #222; | |
| 106 font-size: 13px; | |
| 107 line-height: 13px; | |
| 108 } | |
| 109 | |
| 110 #sync-setup-login-promo-column p { | |
| 111 color: #222; | |
| 112 font-size: 13px; | |
| 113 line-height: 20px; | |
| 114 } | |
| 115 | |
| 116 #promo-info-pane { | |
| 117 height: 186px; | |
| 118 position: relative; | |
| 119 } | |
| 120 | |
| 121 #promo-info-pane > * { | |
| 122 -webkit-transition: opacity 200ms linear; | |
| 123 opacity: 1; | |
| 124 position: absolute; | |
| 125 } | |
| 126 | |
| 127 #promo-info-pane > [hidden] { | |
| 128 display: inline-block; /* Override default user-agent styles. */ | |
| 129 opacity: 0; | |
| 130 } | |
| OLD | NEW |
|---|
Chromium Code Reviews
