Implement the new Sync Confirmation dialog on Linux and Windows.

chrome/browser/resources/sync_confirmation/sync_confirmation.css

Index: chrome/browser/resources/sync_confirmation/sync_confirmation.css
diff --git a/chrome/browser/resources/sync_confirmation/sync_confirmation.css b/chrome/browser/resources/sync_confirmation/sync_confirmation.css
new file mode 100644
index 0000000000000000000000000000000000000000..3c93375cbd0b9798394dc99363fae66bbb4704f6
--- /dev/null
+++ b/chrome/browser/resources/sync_confirmation/sync_confirmation.css
@@ -0,0 +1,144 @@
+/* Copyright 2015 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.
+ */
+
+* {
+  font-family: 'Roboto Regular', 'Helvetica Neue', 'Lucida Grande', sans-serif;
+  margin: 0;
+  padding: 0;
+}
+
+a {
+  color: rgb(85, 149, 254);
+  text-decoration: none;
+}
+
+.picture img {
+  border-radius: 50%;
+  max-height: 100%;
+  max-width: 100%;
+}
+
+.container {
+  background-color: white;
+  height: 360px;
+  overflow: hidden;
+  width: 450px;
+}
+
+.top-title-bar {
+  align-items: center;
+  border-bottom: 1px solid lightgray;
+  color: #333;
+  display: flex;
+  font-size: 17px;
+  height: 60px;
+  padding-left: 22px;
+}
+
+.details {
+  display: flex;
+  flex-direction: column;
+  height: 276px;
+  justify-content: space-between;
+  padding-bottom: 12px;
+  padding-top: 12px;
+}
+
+.sync-message {
+  color: #595959;
+  font-size: 13.5px;
+  padding-left: 22px;
+  padding-right: 22px;
+}
+
+.picture-container {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  padding-bottom: 22px;
+  padding-top: 22px;
+}
+
+.picture {
+  height: 96px;
+  position: relative;
+  width: 96px;
+}
+
+#profile-picture,
+.checkmark-bubble {
+  position: absolute;
+}
+
+.checkmark-bubble {
+  background-color: white;
+  background-image: url(chrome://resources/images/check_circle.svg);
+  background-size: 100%;
+  border: 1px solid white;
+  border-radius: 50%;
+  display: inline-block;
+  height: 30px;
+  left: 64px;
+  top: 66px;
+  width: 30px;
+}
+
+.action-container {
+  align-items: baseline;
+  display: flex;
+  justify-content: flex-end;
+  padding-left: 22px;
+  padding-right: 22px;
+}
+
+.action-button-wrapper {
+  display: inline-block;
+}
+
+.action-button {
+  background-color: rgb(66, 133, 244);
+  border-color: white;
+  border-radius: 2px;
+  border-style: none;
+  border-width: 0;
+  color: white;
+  cursor: pointer;
+  display: inline-block;
+  margin-bottom: 16px;
+  margin-top: 16px;
+  min-width: 88px;
+}
+
+.action-button-label {
+  -webkit-user-select: none;
+  display: block;
+  font-size: 13.5px;
+  line-height: 24px;
+  padding-bottom: 6px;
+  padding-left: 16px;
+  padding-right: 16px;
+  padding-top: 6px;
+  position: static;
+  text-align: center;
+  text-decoration: none;
+  text-transform: uppercase;
+}
+
+.link-wrapper {
+  display: inline-block;
+}
+
+.link {
+  -webkit-user-select: none;
+  color: #5A5A5A;
+  cursor: pointer;
+  font-size: 13.5px;
+  line-height: 24px;
+  padding-bottom: 6px;
+  padding-left: 16px;
+  padding-right: 16px;
+  padding-top: 6px;
+  text-transform: uppercase;
+}