Pin keyboard moved to under the user profile.

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;
 }
 
 #pin-container {
   opacity: 0; /* Opacity is set to 1 after the pin element is loaded. */
-  transition: opacity 200ms ease-in-out;
+  transition: opacity 500ms ease-in-out;
 }
 
 #scroll-container {
   bottom: 0;        /* Allows content overlap with control bar. */
   left: 0;
   overflow-x: hidden;
   overflow-y: auto;
   position: absolute;
   right: 0;
   top: 0;
 }
 
 #scroll-container::-webkit-scrollbar {
   display: none;
 }
 
 #inner-container {
   border-radius: 2px;
   padding: 0;
-  position: relative;

[jdufault, 2016/05/31 19:24:52]

Do we need to remove this? Please verify layout works as expected w/o the PIN
keyboard.

[sammiequon, 2016/06/14 22:22:22]

Done.

 }
 
 #inner-container.animation {
   overflow: hidden;
 }
 
 #inner-container.disabled {
   opacity: 0.4;
   pointer-events: none;
 }
@@ skipping 29 matching lines @@
 #oobe.error-message #inner-container,
 #oobe.tpm-error-message #inner-container {
   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3),
               0 4px 23px 5px rgba(0, 0, 0, 0.2),
               0 2px 6px rgba(0, 0, 0, 0.15);
 
 }
 
 /* Only play this animation when 'down' class is removed. */
 .oobe-display #inner-container:not(.down) {
-  -webkit-transition: transform 200ms ease-in-out;
+  -webkit-transition: transform 500ms ease-in-out;

[jdufault, 2016/05/31 19:24:52]

Are we sure this value should be changed? Existing transitions should probably
be the same.

[sammiequon, 2016/06/14 22:22:22]

Done.

 }
 
 .oobe-display #inner-container.down {
   transform: translateY(50px) rotateX(-2.5deg);
 }
 
 #step-logo {
   -webkit-margin-start: 17px;
   display: -webkit-box;
   position: absolute;
@@ skipping 105 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';
 }