ChromeOS: Implement minumal material design OOBE.

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

Index: chrome/browser/resources/chromeos/login/oobe_card.css
diff --git a/chrome/browser/resources/chromeos/login/gaia_card.css b/chrome/browser/resources/chromeos/login/oobe_card.css
similarity index 56%
copy from chrome/browser/resources/chromeos/login/gaia_card.css
copy to chrome/browser/resources/chromeos/login/oobe_card.css
index 8fd0930092fd064716e98088f14f8f9f012bffc0..9537b4f13efce716df61ebe188c4dfa2c69660fc 100644
--- a/chrome/browser/resources/chromeos/login/gaia_card.css
+++ b/chrome/browser/resources/chromeos/login/oobe_card.css
@@ -1,7 +1,6 @@
-/* Copyright 2015 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.
- */
+/* Copyright 2016 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. */
 
 :host {
   display: flex;
@@ -9,23 +8,20 @@
   position: relative;
 }
 
-.gaia-header {
+.oobe-header {
   background-color: var(--google-blue-500);
   color: white;
   height: 198px;
 }
 
-:host(:not(.disabled)) .gaia-header {
+:host(:not(.disabled)) .oobe-header {
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.17);
   /* z-index is needed to make shadow visible. */
   z-index: 1;
 }
 
-.gaia-footer {
+.oobe-footer {
   background-color: white;
-}
-
-.gaia-footer {
   position: relative;
 }
 
@@ -37,23 +33,17 @@
   padding: 24px 40px 34px;
 }
 
-::content div.gaia-body-text {
+::content div.oobe-body-text {
   margin-bottom: 24px;
 }
 
-::content div.gaia-body-text p {
+::content div.oobe-body-text p {
   color: rgba(0, 0, 0, 0.87);
   font-size: 14px;
   line-height: 20px;
   margin: 0;
 }
 
-::content p.enterprise-info {
-  color: white;
-  font-size: 15px;
-  margin: 8px 0 0 0;
-}
-
 ::content h1.welcome-message {
   color: white;
   font-size: 20px;
@@ -72,18 +62,6 @@
   z-index: 11;
 }
 
-paper-progress#progress-bar {
-  --paper-progress-active-color: var(--google-yellow-500);
-  --paper-progress-container-color: var(--google-yellow-100);
-  bottom: 0;
-  display: none;
-  height: 3px;
-  position: absolute;
-  width: 100%;
-}
-
 :host(.full-disabled) #full-overlay,
 :host(.disabled) #bottom-overlay,
-:host(.disabled) #progress-bar {
-  display: block;
-}
+