Sync Promo: Add a way to collapse the sync promo

chrome/browser/resources/new_tab_sync_promo.css

Index: chrome/browser/resources/new_tab_sync_promo.css
diff --git a/chrome/browser/resources/new_tab_sync_promo.css b/chrome/browser/resources/new_tab_sync_promo.css
new file mode 100644
index 0000000000000000000000000000000000000000..983ebe52092ed01613a72469aa186985c80155a3
--- /dev/null
+++ b/chrome/browser/resources/new_tab_sync_promo.css
@@ -0,0 +1,44 @@
+/* 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.
+ */
+
+#sync-promo {
+  margin-top: 0px;
+  width:100%;

[James Hawkins, 2011/07/18 02:37:36]

Space after colon, here and elsewhere.

[sail, 2011/07/20 01:30:46]

Done.

+  background-color: #F6F6F6;

[James Hawkins, 2011/07/18 02:37:36]

Lower-case letters for hex color.

[James Hawkins, 2011/07/18 02:37:36]

Alphabetize properties, here and elsewhere.

[sail, 2011/07/20 01:30:46]

Done.

[sail, 2011/07/20 01:30:46]

Done.

+  border-bottom:solid 1px #DBDBDB;
+  position: fixed;
+}
+
+#sync-promo-contents {
+  max-width: 850px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+#sync-promo-toggle {
+  margin-left: auto;
+  margin-right: auto;
+  width: 12px;
+  margin-bottom: 2px;
+}
+
+#sync-promo.collapsed #sync-promo-toggle-button {
+  -webkit-transform: rotate(180deg);
+}
+
+#sync-setup-configure {
+  max-width: 475px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+#sync-setup-login-summary-title {
+  font-weight: bold;
+  font-size: 115%;
+}
+
+#sync-setup-login-left-column {
+  padding: 30px;
+}