Factory reset screen is added

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 49 matching lines @@
 }
 
 button.custom-appearance:focus {
   border-color: rgb(77, 144, 254);
 }
 
 button:not(.custom-appearance) {
   min-width: 72px !important;
 }
 
-#back-button {
+#back-button,
+#reset-cancel-button {
   -webkit-margin-end: 8px;
 }
 
 #outer-container {
   -webkit-box-align: center;
   -webkit-box-pack: center;
   -webkit-perspective: 600px;
   bottom: 41px;  /* Leave space for the header bar */
   display: -webkit-box;
   left: 0;
@@ skipping 24 matching lines @@
   border-radius: 2px;
   padding: 0;
 }
 
 html[oobe=new] #inner-container.animation {
   overflow: hidden;
 }
 
 /* Screens that have a border and background. */
 html[oobe=new] #oobe.connect #inner-container,
+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.oauth-enrollment #inner-container,
+html[oobe=new] #oobe.reset #inner-container,
 html[oobe=new] #oobe.update #inner-container,
-html[oobe=new] #oobe.gaia-signin #inner-container,
-html[oobe=new] #oobe.enrollment #inner-container,
-html[oobe=new] #oobe.oauth-enrollment #inner-container,
 html[oobe=new] #oobe.user-image #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) {
@@ skipping 319 matching lines @@
 html[oobe=new] #eula {
   min-height: 395px;
   padding: 70px 17px 21px;
 }
 
 html[oobe=new] #update {
   min-height: 423px;
   padding: 70px 17px 69px;    /* Screen has no controls. */
 }
 
+html[oobe=new] #reset {
+  min-height: 423px;
+  padding: 40px 17px 80px;
+  text-align: center;
+  width: 722px;
+}
+
+html[oobe=new] #reset #reset-warning-msg {
+  color: #606060;
+  font-size: 22px;
+  padding: 5px 45px 30px;
+}
+
+html[oobe=new] #reset #reset-warning-details {
+  color: #606060;
+  font-size: 16px;
+  padding: 35px 40px 80px;
+}
+
+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;
 }
 
 html[oobe=new] #user-image {
   min-height: 443px;
   padding: 70px 17px 21px;
   width: 702px;
@@ skipping 295 matching lines @@
   right: 0;
   top: 0;
 }
 
 .step-loading .spinner {
   height: 32px;
   width: 32px;
 }
 
 #oobe.connect #continue-button,
+#oobe.eula #accept-button,
 #oobe.eula #back-button,
-#oobe.eula #accept-button,
+#oobe.oauth-enrollment #oauth-enroll-cancel-button,
+#oobe.oauth-enrollment #oauth-enroll-done-button,
+#oobe.oauth-enrollment #oauth-enroll-explain-button,
+#oobe.oauth-enrollment #oauth-enroll-try-again-button,
+#oobe.reset #reset-button,
+#oobe.reset #reset-cancel-button,
 #oobe.signin #signin-button,
-#oobe.user-image #ok-button,
-#oobe.oauth-enrollment #oauth-enroll-cancel-button,
-#oobe.oauth-enrollment #oauth-enroll-try-again-button,
-#oobe.oauth-enrollment #oauth-enroll-explain-button,
-#oobe.oauth-enrollment #oauth-enroll-done-button {
+#oobe.user-image #ok-button {
   display: block;
 }
 
 #oobe.connect #connect-dot,
+#oobe.enrollment #gaia-signin-dot,
+#oobe.enrollment #signin-dot,
 #oobe.eula #eula-dot,
+#oobe.gaia-signin #gaia-signin-dot,
+#oobe.oauth-enrollment #gaia-signin-dot,
+#oobe.oauth-enrollment #signin-dot,
+#oobe.signin #signin-dot,
 #oobe.update #update-dot,
-#oobe.signin #signin-dot,
-#oobe.gaia-signin #gaia-signin-dot,
-#oobe.enrollment #signin-dot,
-#oobe.enrollment #gaia-signin-dot,
-#oobe.oauth-enrollment #signin-dot,
-#oobe.oauth-enrollment #gaia-signin-dot,
 #oobe.user-image #user-image-dot {
   opacity: 1;
 }
 
 #account-picker-dot,
 #enrollment-dot,
-#oauth-enrollment-dot {
+#oauth-enrollment-dot,
+#reset-dot {
   display: none;
 }
 
 #welcome-message {
   color: #444;
   font-size: 16px;
   margin-bottom: 30px;
 }
 
 #connect table {
@@ skipping 535 matching lines @@
   width: 100%;
 }
 
 .background-initial {
   opacity: 0;
 }
 
 .background-final {
   opacity: 1;
 }