Sync: Update look of sign in box

chrome/browser/resources/sync_promo.css

Index: chrome/browser/resources/sync_promo.css
diff --git a/chrome/browser/resources/sync_promo.css b/chrome/browser/resources/sync_promo.css
index f4d24645f148b84a64830c4ca91d92ddec30724e..6a5ef8ab93f6ee7928c3e6d3356ec629e6471c66 100644
--- a/chrome/browser/resources/sync_promo.css
+++ b/chrome/browser/resources/sync_promo.css
@@ -5,6 +5,7 @@
 
 html {
   font-family: segoe ui, arial, helvetica, sans-serif;
+  font-size: 13px;
   height: 100%;
 }
 
@@ -19,9 +20,10 @@ body {
 }
 
 #sync-setup-login {
-  margin-left: auto;
-  margin-right: auto;
-  width: 800px;
+  margin: 0 auto;
+  width: auto;
+  max-width: 900px;
+  min-width: 830px;
 }
 
 #sync-setup-configure {
@@ -32,14 +34,12 @@ body {
 }
 
 #sync-setup-login-promo-column {
-  display: block;
-  float: left;
-  width: 500px;
+  margin: 0 385px 0 0;

[James Hawkins, 2011/10/14 21:52:11]

Just set margin-right?

[sail, 2011/10/14 22:11:36]

Done.

 }
 
 #sync-setup-login-content-column {
   float: right;
-  width: 275px;
+  width: 335px;
 }
 
 #promo-title {
@@ -49,19 +49,8 @@ body {
   text-align: center;
 }
 
-h1 {
-  font-size: 180%;
-  font-weight: normal;
-}
-
-#promo-message-title {
-  font-size: 120%;
-}
-
-#promo-message-body {
-  font-size: 85%;
-  margin-top: 8px;
-  margin-bottom: 28px;
+#promo-infographic {
+  margin-top: 14px;
 }
 
 #promo-skip {
@@ -71,18 +60,31 @@ h1 {
   text-align: center;
 }
 
-#promo-information > h3 {
+#promo-advanced-link {
   font-size: 85%;
-  margin-bottom: 0;
-  margin-top: 0;
+  margin: 0 10px;
 }
 
-#promo-information > p {
-  font-size: 85%;
-  margin-top: 0;
+#sync-setup-login h1 {
+  color: #222;
+  font-weight: normal;

[James Hawkins, 2011/10/14 21:52:11]

Alphabetize.

[sail, 2011/10/14 22:11:36]

Done.

+  font-size: 27px;
 }
 
-#promo-advanced-link {
-  font-size: 85%;
-  margin: 0 10px;
+#sync-setup-login-promo-column h2 {
+  color: #222;
+  font-weight: normal;
+  font-size: 18px;
+}
+
+#sync-setup-login-promo-column h3 {
+  color: #222;
+  font-size: 13px;
+  line-height: 13px;
+}
+
+#sync-setup-login-promo-column p {
+  color: #222;
+  font-size: 13px;
+  line-height: 20px;
 }