WebUI: Remove last usage of paper-material.

chrome/browser/resources/chromeos/login/controller-pairing-screen.html

 <!-- 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. -->
 
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-iconset-svg/iron-iconset-svg.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-selector/iron-selector.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/fade-in-animation.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/fade-out-animation.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/hero-animation.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable-behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animated-pages.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-icon-item.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/paper-material/paper-material.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-progress/paper-progress.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
 
 <!--
 List of devices.
 Published properties:
   * devices - array of strings, the model of the list.
   * selected - a name of the selected device ('null' if no devices are
     selected).
   * connecting - a binary attribute. If set, the list does not respond to the
     user actions and a spinner is shown near selected device.
@@ skipping 71 matching lines @@
         </div>
       </div>
     </div>
   </template>
 </dom-module>
 
 <dom-module id="controller-pairing-screen">
   <link rel="stylesheet" href="oobe_screen_controller_pairing.css">
 
   <template>
-    <paper-material class="fit">
+    <style>
+      div.elevate {
+        @apply(--shadow-elevation-2dp);
+      }
+    </style>
+    <div class="fit elevate">
       <neon-animated-pages id="pages" selected="{{C.page}}"
           attr-for-selected="name" class="fit">
         <controller-pairing-page name="devices-discovery" class="big-font">
           <div class="title"
               i18n-content="loginControllerPairingScreenWelcomeTitle">
           </div>
           <div i18n-content="loginControllerPairingScreenSearching"></div>
           <paper-button class="help-button" on-tap="helpButtonClicked_"
               i18n-content="loginControllerPairingScreenHelpBtn">
           </paper-button>
@@ skipping 134 matching lines @@
           <div class="title"
               i18n-content="loginControllerPairingScreenSuccessTitle">
           </div>
           <div><span>[[getSuccessMessage_(selectedDevice)]]</div>
           <paper-button on-tap="userActed" action="startSession"
               disabled$="{{C.controlsDisabled}}"
               i18n-content="loginControllerPairingScreenContinueToHangoutsBtn">
           </paper-button>
         </controller-pairing-page>
       </neon-animated-pages>
-    </paper-material>
+    </div>
   </template>
 </dom-module>