Implemented screen notifying users about malformed HWID.

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

 /* Copyright (c) 2012 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.
  *
  * This is the stylesheet used by the Out of the box experience (OOBE) flow,
  * sign in and lock screens.
  */
 
 html,
 body {
@@ skipping 108 matching lines @@
 html[oobe=new] #oobe.enrollment #inner-container,
 html[oobe=new] #oobe.eula #inner-container,
 html[oobe=new] #oobe.gaia-signin #inner-container,
 html[oobe=new] #oobe.error-message #inner-container,
 html[oobe=new] #oobe.oauth-enrollment #inner-container,
 html[oobe=new] #oobe.reset #inner-container,
 html[oobe=new] #oobe.update #inner-container,
 html[oobe=new] #oobe.user-image #inner-container,
 html[oobe=new] #oobe.managed-user-creation #inner-container,
 html[oobe=new] #oobe.tpm-error-message #inner-container,
-html[oobe=new] #oobe.password-changed #inner-container {
+html[oobe=new] #oobe.password-changed #inner-container,
+html[oobe=new] #oobe.wrong-hwid #inner-container {
   background: -webkit-linear-gradient(rgba(255,255,255,0.99),
                                       rgba(255,255,255,0.95));
   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. */
 html[oobe=new] #inner-container:not(.down) {
   -webkit-transition: -webkit-transform 200ms ease-in-out;
@@ skipping 356 matching lines @@
   font-size: 22px;
   padding: 5px 45px 30px;
 }
 
 html[oobe=new] #reset #reset-warning-details {
   color: #606060;
   font-size: 16px;
   padding: 35px 40px 80px;
 }
 
+

[Nikita (slow), 2013/02/11 17:09:03]

nit: drop empty line

[dzhioev (left Google), 2013/02/11 23:32:56]

Done.

 html[oobe=new] #reset #reset-controls {
   -webkit-box-pack: center;
   bottom: 80px;
 }
 
 html[oobe=new] #gaia-signin {
   height: 609px;
   padding: 70px 17px 69px;    /* Screen has no controls. */
   width: 722px;
 }
@@ skipping 351 matching lines @@
   opacity: 1;
 }
 
 #account-picker-dot,
 #enrollment-dot,
 #oauth-enrollment-dot,
 #reset-dot,
 #error-message-dot,
 #tpm-error-message-dot,
 #password-changed-dot,
-#managed-user-creation-dot {
+#managed-user-creation-dot,
+#wrong-hwid-dot {
   display: none;
 }
 
 #welcome-message {
   color: #444;
   font-size: 16px;
   margin-bottom: 30px;
 }
 
 #connect table {
@@ skipping 556 matching lines @@
   width: 100%;
 }
 
 .background-initial {
   opacity: 0;
 }
 
 .background-final {
   opacity: 1;
 }
+
+#wrong-hwid {

[Nikita (slow), 2013/02/11 17:09:03]

nit: Please move these rules to a separate file.

[dzhioev (left Google), 2013/02/11 23:32:56]

Done.

+  padding: 40px 17px 30px;
+  text-align: center;
+  width: 722px;
+}
+
+#wrong-hwid #wrong-hwid-message-header {
+  color: #606060;
+  font-size: 22px;
+  padding: 5px 40px 30px;
+}
+
+#wrong-hwid #wrong-hwid-message-content {
+  color: #606060;
+  font-size: 16px;
+  padding: 20px 40px 40px;
+}
+
+#skip-hwid-warning {
+  bottom: 20px;
+  position: absolute;
+  width: 100%;
+}
+
+#skip-hwid-warning-link {
+  color: #606060;
+  font-size: 18px;
+  text-decoration: none;
+}
+