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 62%
copy from chrome/browser/resources/chromeos/login/gaia_card.css
copy to chrome/browser/resources/chromeos/login/oobe_card.css
index 8fd0930092fd064716e98088f14f8f9f012bffc0..3276a16077fe3d0e72158f40260ae4292ea5d93c 100644
--- a/chrome/browser/resources/chromeos/login/gaia_card.css
+++ b/chrome/browser/resources/chromeos/login/oobe_card.css
@@ -1,4 +1,4 @@
-/* Copyright 2015 The Chromium Authors. All rights reserved.
+/* Copyright 2016 The Chromium Authors. All rights reserved.

[jdufault, 2016/05/11 22:07:43]

Leave copyright the same.

[Alexander Alekseev, 2016/05/13 20:52:34]

This is new file. Are you sure we need 2015 here?

  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
@@ -9,23 +9,23 @@
   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 {
+.oobe-footer {
   position: relative;
 }
 
@@ -37,23 +37,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 +66,5 @@
   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;
-}