Alternative GDrive promo for the File Manager

chrome/browser/resources/file_manager/css/gdrive_welcome.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. */
 
 /* Google Drive welcome banners.*/
 .gdrive-welcome-wrapper {
   /* This image looks good in high DPI as is. */
   background-image: url('../images/files/ui/clouds.png');
   background-repeat: repeat-x;
 }
 
 .gdrive-welcome-icon {
   background-image: -webkit-image-set(
     url('../images/files/ui/gdrive_logo.png') 1x,
     url('../images/files/ui/2x/gdrive_logo.png') 2x);
   background-repeat: no-repeat;
 }
 
 .gdrive-welcome-links {
   -webkit-box-orient: horizontal;
   display: -webkit-box;
 }
 
+.gdata-welcome-button {
+  -webkit-border-radius: 2px;
+  -webkit-transition: all 218ms;
+  -webkit-user-select: none;
+  background-color: #f5f5f5;
+  background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
+  border: 1px solid rgba(0,0,0,0.1);
+  color: #444;
+  cursor: default;
+  display: inline-block;
+  font-size: 13px;
+  font-weight: bold;
+  height: 27px;
+  line-height: 27px;
+  padding: 0 8px;
+  text-align: center;
+}
+
+.gdata-welcome-button:hover {
+  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
+  -webkit-transition: all 0;
+  background-color: #f8f8f8;
+  background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
+  border-color: #C6C6C6;
+  color: #222;
+}
+
+.gdata-welcome-button:active {
+  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
+  background-color: #f6f6f6;
+  background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1);
+}
+
+
+.gdata-welcome-button.gdata-welcome-start {
+  background-color: rgb(77, 144, 254);
+  background-image:
+    -webkit-linear-gradient(top, rgb(77, 144, 254), rgb(71, 135, 237));
+  border-color: rgb(48, 121, 237);
+  color: white;
+}
+
+.gdata-welcome-button.gdata-welcome-start:hover {
+  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
+  background-color: rgb(53, 122, 232);

[Dmitry Zvorygin, 2012/07/25 15:15:46]

I'm not a css pro, but are you sure you need in all these styles both background
color and background-image, filling all the background?

[Vladislav Kaznacheev, 2012/07/25 16:45:13]

Good catch! Removed.
On 2012/07/25 15:15:46, Dmitry Zvorygin wrote:

+  background-image:
+    -webkit-linear-gradient(top, rgb(77, 144, 254), rgb(53, 122, 232));
+  border-color: rgb(47, 91, 183);
+}
+
 /* Header welcome banner. */
 .gdrive-welcome.header {
   -webkit-box-flex: 0;
   -webkit-transition: height 180ms ease;
   height: 100px;
   overflow: hidden;
   position: relative;
 }
 
 .dialog-container:not([gdrive-welcome='header']) .gdrive-welcome.header {
   height: 0;
 }
 
 .gdrive-welcome.header .gdrive-welcome-wrapper {
   -webkit-box-orient: horizontal;
   background-size: 308px 100px;
   border-top: 1px solid #d4d4d4;
   bottom: 0;
   display: -webkit-box;
   left: 0;
   position: absolute;
   right: 0;
   top: 0;
 }
 
 .gdrive-welcome.header .gdrive-welcome-icon {
-  background-position: center 20px;
+  background-position: center 18px;
   background-size: 51px 44px;
   width: 120px;
 }
 
 .gdrive-welcome.header .gdrive-welcome-message {
   -webkit-box-flex: 1;
   -webkit-box-orient: vertical;
   display: -webkit-box;
 }
 
 .gdrive-welcome.header .gdrive-welcome-title {
   font-size: 140%;
-  margin-bottom: 8px;
-  margin-top: 16px;
+  margin-bottom: 7px;
+  margin-top: 14px;
 }
 
 .gdrive-welcome.header .gdrive-welcome-text {
-  margin-bottom: 8px;
+  margin-bottom: 7px;
 }
 
 .gdrive-welcome.header .gdrive-welcome-dismiss {
   display: none;
 }
 
 /* Full page welcome banner. */
 .gdrive-welcome.page {
   bottom: 0;
   left: 0;
@@ skipping 55 matching lines @@
   margin-left: 20px;
 }
 
 body:not([type='full-page']) .gdrive-welcome.page .gdrive-welcome-wrapper {
   background-position: 0 0;
 }
 
 body:not([type='full-page']) .gdrive-welcome.page .gdrive-welcome-icon {
   height: 200px;
 }