cros: Update SAML flow.

chrome/browser/resources/chromeos/login/screen_confirm_password.css

Index: chrome/browser/resources/chromeos/login/screen_confirm_password.css
diff --git a/chrome/browser/resources/chromeos/login/screen_confirm_password.css b/chrome/browser/resources/chromeos/login/screen_confirm_password.css
index 2ce1374dd40357493aac382b1a1d4e49542b347e..9fc699f87a625430f5673fb1f0c7d23cdc1e50cd 100644
--- a/chrome/browser/resources/chromeos/login/screen_confirm_password.css
+++ b/chrome/browser/resources/chromeos/login/screen_confirm_password.css
@@ -4,17 +4,47 @@
  */
 
 #confirm-password {
-  height: 200px;
-  padding: 70px 17px;
-  width: 400px;
+  height: 609px;  /* Should be the same as #gaia-signin. */
+  padding: 70px;
+  width: 722px;  /* Should be the same as #gaia-signin. */
+}
+
+#confirm-password .step-contents {
+  -webkit-box-pack: center;
+  display: -webkit-box;
+  height: 100%;
+}
+
+#confirm-password-main {
+  height: 100%;
+  width: 310px;
 }
 
 #confirm-password-title {
   font-weight: bold;
-  margin: 0;
 }
 
-#confirm-password-input {
-  margin-top: 10px;
-  width: 100%;
+#confirm-password-input-container {
+  margin-bottom: 1em;
 }
+
+#confirm-password-error {
+  color: rgb(221, 75, 57);
+  margin-top: .5em;
+}
+
+#confirm-password:not(.error) #confirm-password-error {
+  display: none;
+}
+
+#confirm-password-divider {
+  margin-left: 44px;
+  margin-right: 30px;
+}
+
+#confirm-password-right {
+  -webkit-box-flex: 1;
+  margin-top: 1em;
+}
+
+<include src="gaia.css">

[Nikita (slow), 2014/02/06 05:08:25]

Who else includes this CSS?

[xiyuan, 2014/02/06 05:46:05]

This is the only webui uses it right now. Put it in a separate CSS to make it
easier to share it. This CSS is a subset of offline.css (from real gaia). I have
not find a good way share them.