Implemented new UI for error messages on OOBE/Login.

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

Index: chrome/browser/resources/chromeos/login/oobe.css
diff --git a/chrome/browser/resources/chromeos/login/oobe.css b/chrome/browser/resources/chromeos/login/oobe.css
index efa32513c7c86ace213308f017231774a579811c..b5ad3fd62425e3dae14177b195b55a3a0d039ca9 100644
--- a/chrome/browser/resources/chromeos/login/oobe.css
+++ b/chrome/browser/resources/chromeos/login/oobe.css
@@ -69,7 +69,7 @@ button:not(.custom-appearance) {
   -webkit-box-align: center;
   -webkit-box-pack: center;
   -webkit-perspective: 600px;
-  bottom: 41px;  /* Leave space for the header bar */
+  bottom: 48px;  /* Leave space for the header bar */
   display: -webkit-box;
   left: 0;
   position: absolute;
@@ -77,10 +77,6 @@ button:not(.custom-appearance) {
   top: 0;
 }
 
-#oobe {
-  margin-top: 40px;  /* Compensate bottom header to center content. */
-}
-
 #inner-container {
   border-radius: 2px;
   padding: 0;
@@ -96,14 +92,12 @@ button:not(.custom-appearance) {
 #oobe.enrollment #inner-container,
 #oobe.eula #inner-container,
 #oobe.gaia-signin #inner-container,
-#oobe.error-message #inner-container,
 #oobe.oauth-enrollment #inner-container,
 #oobe.reset #inner-container,
 #oobe.update #inner-container,
 #oobe.user-image #inner-container,
 #oobe.managed-user-creation-dialog #inner-container,
 #oobe.managed-user-creation-flow #inner-container,
-#oobe.tpm-error-message #inner-container,
 #oobe.password-changed #inner-container,
 #oobe.terms-of-service #inner-container,
 #oobe.wrong-hwid #inner-container {
@@ -114,6 +108,14 @@ button:not(.custom-appearance) {
               0 2px 6px rgba(0, 0, 0, 0.15);
 }
 
+#oobe.error-message #inner-container,
+#oobe.tpm-error-message #inner-container {
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3),
+              0 4px 23px 5px rgba(0, 0, 0, 0.2),
+              0 2px 6px rgba(0, 0, 0, 0.15);
+
+}
+
 /* Only play this animation when 'down' class is removed. */
 #inner-container:not(.down) {
   -webkit-transition: -webkit-transform 200ms ease-in-out;
@@ -1059,7 +1061,7 @@ body.login-display #inner-container {
 }
 
 body.login-display #progress-dots {
-  visibility: hidden;
+  display: none;
 }
 
 span.bold {
@@ -1078,10 +1080,6 @@ span.bold {
       0 -1px 2px rgba(0,0,0,1);
 }
 
-#offline-network-control {
-  margin-left: 60px;
-}
-
 #notification-area {
   color: #666;
   position: absolute;