ChromeOS OOBE: update MD-OOBE after UI review.

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 */
   display: -webkit-box;
   left: 0;
   min-height: 717px; /* This enables scrolling. Min resolution: 1024x768 */
   position: absolute;
   right: 0;
   top: 0;
   z-index: 1;
 }
 
 .oobe-display #outer-container {
   -webkit-perspective: 600px;
+  bottom: 47px; /* header-bar is 47 pixels high during OOBE */
 }
 
 .pin-container.pin-enabled {
   opacity: 1;
   transition: opacity 200ms ease-in-out 180ms;
   visibility: visible;
 }
 
 .pin-container.pin-disabled {
   opacity: 0; /* Opacity is set to 1 after the pin element is loaded. */
@@ skipping 27 matching lines @@
 
 #inner-container.animation {
   overflow: hidden;
 }
 
 #inner-container.disabled {
   opacity: 0.4;
   pointer-events: none;
 }
 
+#oobe-shield {
+  display: none;
+}
+
+#oobe-shield[md-mode] {
+  background-color: rgba(20, 29, 40, .8); /* #141D28 80% */

[michaelpg, 2017/01/16 17:57:47]

same

+  display: block;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
 
 #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:not([md-mode]).connect #inner-container,
@@ skipping 159 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';
 }