Sync: Update look of sign in box

chrome/browser/resources/sync_promo.css

 /* Copyright (c) 2011 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 html {
   font-family: segoe ui, arial, helvetica, sans-serif;
+  font-size: 13px;
   height: 100%;
 }
 
 body {
   background-image: -webkit-linear-gradient(
       rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.04));
 }
 
 #sync-setup-overlay {
   background-color: transparent;
   width: 100%;
 }
 
 #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 {
   background-color: transparent;
   margin-left: auto;
   margin-right: auto;
   width: 600px;
 }
 
 #sync-setup-login-promo-column {
-  display: block;
-  float: left;
-  width: 500px;
+  margin-right: 385px;
+}
+
+html[dir='rtl'] #sync-setup-login-promo-column {
+  margin-left: 385px;
+  margin-right: 0;
 }
 
 #sync-setup-login-content-column {
   float: right;
-  width: 275px;
+  width: 335px;
+}
+
+html[dir='rtl'] #sync-setup-login-content-column {
+  float: left;
 }
 
 #promo-title {
   display: block;
   margin-top: 33px;
   margin-bottom: 64px;
   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 {
   clear: both;
   display: block;
   padding-top: 85px;
   text-align: center;
 }
 
-#promo-information > h3 {
-  font-size: 85%;
-  margin-bottom: 0;
-  margin-top: 0;
-}
-
-#promo-information > p {
-  font-size: 85%;
-  margin-top: 0;
-}
-
 #promo-advanced-link {
   font-size: 85%;
   margin: 0 10px;
 }
 
+#sync-setup-login h1 {
+  color: #222;
+  font-size: 27px;
+  font-weight: normal;
+}
+
+#sync-setup-login-promo-column h2 {
+  color: #222;
+  font-size: 18px;
+  font-weight: normal;
+}
+
+#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;
+}
+
 #promo-info-pane {
   height: 186px;
   position: relative;
 }
 
 #promo-info-pane > * {
   -webkit-transition: opacity .2s linear;
   opacity: 1;
   position: absolute;
 }
 
 #promo-info-pane > [hidden] {
   display: inline-block; /* Override default user-agent styles. */
   opacity: 0;
 }