ChromeOS: Implement EULA screen of material design OOBE.

ui/login/screen_container.css

Index: ui/login/screen_container.css
diff --git a/ui/login/screen_container.css b/ui/login/screen_container.css
index 3825817d6fed50a70ff4a5baacd94535bd03e4d9..abd55207ab2aea4cbc5b097f266591608374f04b 100644
--- a/ui/login/screen_container.css
+++ b/ui/login/screen_container.css
@@ -62,14 +62,19 @@
   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,
@@ -107,13 +112,17 @@
   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,
@@ -122,6 +131,10 @@
   margin-top: 15px;
 }
 
+#oobe[md-mode] #progress-dots {
+  display: none;
+}
+
 /* Hidden for the duration of initial transition. */
 .oobe-display #progress-dots.down {
   visibility: hidden;