Base version of HID detection OOBE screen.

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

 /* Copyright 2014 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.
  */
 
 #hid-detection {
   min-height: 395px;
   padding: 70px 17px 21px;
+  width: 622px;
 }
+
+#hid-detection .step-contents {
+  margin: 33px auto 82px;
+  width: 475px;
+}
+
+#hid-detection #hid-invitation-text {
+  font-size: 16px;
+}
+
+#hid-detection #hid-prerequisite-msg {
+  padding: 10px 0 40px;
+}
+
+#hid-keyboard-block,
+#hid-mouse-block {
+  padding: 20px, 0;
+}
+
+#hid-keyboard-icon,
+#hid-mouse-icon {
+  height: 40px;
+  width: 40px;
+}
+
+#hid-mouse-icon-block,
+#hid-keyboard-icon-block {
+  display: inline;
+}
+
+#hid-mouse-label,
+#hid-keyboard-label {
+  display: inline;
+}
+
+#hid-detection .label,
+#hid-keyboard-pincode {
+  display: none;
+}
+
+#hid-keyboard-tick,
+#hid-mouse-tick {
+  left: -10px;
+  position: relative;
+  visibility: hidden;
+}
+
+.searching {
+  opacity: 0.6
+}
+
+.searching #hid-keyboard-label-searching,
+.searching #hid-mouse-label-searching,
+.connected #hid-keyboard-label-connected,
+.connected #hid-mouse-label-connected,
+.paired #hid-keyboard-label-paired,
+.paired #hid-mouse-label-paired,
+.pairing #hid-keyboard-label-pairing,
+.connected #hid-keyboard-tick,
+.connected #hid-mouse-tick,
+.paired #hid-keyboard-tick,
+.paired #hid-mouse-tick {
+  display: inline;
+}
+
+.connected #hid-keyboard-tick,
+.connected #hid-mouse-tick,
+.paired #hid-keyboard-tick,
+.paired #hid-mouse-tick {
+  visibility: visible;
+}
+
+.pairing #hid-keyboard-pincode {
+  display: block;
+  margin-left: 40px;
+  padding: 15px 0;
+}