ChromeOS: Implement EULA screen of material design OOBE.

ui/login/screen_container.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.
  */
 
 #outer-container {
   -webkit-box-align: center;
   -webkit-box-pack: center;
   -webkit-perspective: 1px; /* Workaround, see http://crbug.com/360567 */
   bottom: 57px;  /* Leave space for the header bar */
@@ skipping 44 matching lines @@
 
 #inner-container.animation {
   overflow: hidden;
 }
 
 #inner-container.disabled {
   opacity: 0.4;
   pointer-events: none;
 }
 
+
+#oobe[md-mode] #progress-dots {
+  display: none;
+}
+
 /* Screens that have a border and background. */
 #oobe.auto-enrollment-check #inner-container,
 #oobe.autolaunch #inner-container,
 #oobe.confirm-password #inner-container,
-#oobe.connect #inner-container,
+#oobe:not([md-mode]).connect #inner-container,
 #oobe.debugging #inner-container,
 #oobe.enrollment #inner-container,
-#oobe.eula #inner-container,
+#oobe:not([md-mode]).eula #inner-container,
 #oobe.fatal-error #inner-container,
 #oobe.gaia-signin #inner-container,
 #oobe.hid-detection #inner-container,
 #oobe.kiosk-enable #inner-container,
 #oobe.oauth-enrollment #inner-container,
 #oobe.password-changed #inner-container,
 #oobe.reset #inner-container,
 #oobe.supervised-user-creation #inner-container,
 #oobe.supervised-user-creation-dialog #inner-container,
 #oobe.terms-of-service #inner-container,
@@ skipping 17 matching lines @@
 
 /* Only play this animation when 'down' class is removed. */
 .oobe-display #inner-container:not(.down) {
   -webkit-transition: transform 200ms ease-in-out;
 }
 
 .oobe-display #inner-container.down {
   transform: translateY(50px) rotateX(-2.5deg);
 }
 
-#step-logo {
+#oobe:not([md-mode]) #step-logo {
   -webkit-margin-start: 17px;
   display: -webkit-box;
   position: absolute;
   top: 15px;
 }
 
+#oobe[md-mode] #step-logo {
+  visibility: hidden;
+}
+
 #progress-dots {
   -webkit-box-pack: center;
   -webkit-transition: opacity 200ms ease-in-out,
                       visibility 200ms ease-in-out;
   display: -webkit-box;
   margin-top: 15px;
 }
 
+#oobe[md-mode] #progress-dots {
+  display: none;
+}
+
 /* Hidden for the duration of initial transition. */
 .oobe-display #progress-dots.down {
   visibility: hidden;
 }
 
 .progdot {
   -webkit-margin-end: 12px;
   background: white;
   height: 10px;
   opacity: 0.4;
@@ skipping 84 matching lines @@
   line-height: 31px;
   text-transform: lowercase;
   width: 23em;
 }
 
 .header-section::before {
   /* Divider in header between product name and title,
    * like "[Product name] > [step header]". */
   content: '\00A0\203A\00A0\00A0';
 }