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..c2145e2b90dab0eadb12c0aa105829b1a2b7a3c1 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;
+  max-width: 900px;
+  min-width: 830px;
+  width: auto;
 }
 
 #sync-setup-configure {
@@ -32,14 +34,12 @@ body {
 }
 
 #sync-setup-login-promo-column {
-  display: block;
-  float: left;
-  width: 500px;
+  margin-right: 385px;

[James Hawkins, 2011/10/14 22:21:36]

RTL

[sail, 2011/10/15 00:28:47]

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-size: 27px;
+  font-weight: normal;
 }
 
-#promo-advanced-link {
-  font-size: 85%;
-  margin: 0 10px;
+#sync-setup-login-promo-column h2 {
+  color: #222;
+  font-weight: normal;

[James Hawkins, 2011/10/14 22:21:36]

Alphabetize

[sail, 2011/10/14 22:57:05]

Done.

+  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;
 }