Update chrome://welcome resources with Material/M37 look and feel

chrome/browser/resources/about_welcome_android/about_welcome_android.css

 /* Copyright (c) 2012 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. */
 
+@import url('//fonts.googleapis.com/css?family=RobotoDraft:regular,bold,italic,thin,light,bolditalic,black,medium');

[Dan Beam, 2014/09/19 21:43:39]

why is this a remote URL?

[mmccoy, 2014/09/21 13:32:34]

Yeah, I wasn't sure about this -- the design calls for Roboto2 as the font face,
and my understanding is that the system font will still be Droid Sans until L
ships, so I chose to use a remote resource until then.  Let me know if I should
just fall back to system font anyway.

+
 html {
   height: 100%;
   width: 100%;
 }
 
 body {
   -webkit-align-items: center;
   -webkit-flex-direction: column;
-  background-color: #f4f4f4;
+  background-color: #fafafa;
   box-sizing: border-box;
   display: -webkit-flex;
-  font-family: Droid Sans;
+  font-family: 'RobotoDraft', sans-serif;
   height: 100%;
   margin: 0 auto;
   max-width: 600px;
   padding: 20px;
   width: 100%;
 }
 
 a {
   color: rgb(51, 181, 229);
 }
 
 .spacing {
   -webkit-flex: 1;
 }
 
 #logo {
   -webkit-flex-shrink: 1;
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   min-height: 60px;
   width: 100%;
 }
 
 #take-a-tour {
   -webkit-flex: none;
-  background: linear-gradient(to bottom, #f5f5f5, #f1f1f1);
-  border: 1px solid #ccc;
   border-radius: 2px;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08),
-      inset 0 0 2px rgba(255, 255, 255, 0.6);
-  color: rgb(73, 73, 74);
+  background-color: rgb(66, 133, 244);

[Dan Beam, 2014/09/19 21:43:39]

alphabetize

[mmccoy, 2014/09/21 13:32:34]

Done.

+  color: #fff;
   display: block;
-  font-size: 20px;
-  font-weight: bold;
+  font-size: 18px;
+  font-weight: medium;
   margin: 20px auto 0;
-  max-width: 400px;
-  padding: 11px 0;
+  max-width: 320px;
+  padding: 15px 0;
   text-align: center;
   text-decoration: none;
+  text-transform: uppercase;
   width: 100%;
 }
 
-#take-a-tour:active {
-  border: 1px solid #a1a1a1;
-  box-shadow: inset 0 5px 15px rgba(100, 100, 100, 0.20);
-}
-
 .footer {
   -webkit-flex: none;
   color: #646464;
   font-size: 1.3em;
   margin-top: 20px;
   text-align: center;
 }
 
 /* Logos */
 @media only screen {
@@ skipping 32 matching lines @@
 @media only screen and (min-height: 601px) {
   body {
     padding: 100px 20px;
   }
 
   #take-a-tour,
   #footer {
     margin-top: 60px;
   }
 }