Alternative GDrive promo for the File Manager

chrome/browser/resources/file_manager/css/gdrive_welcome.css

Index: chrome/browser/resources/file_manager/css/gdrive_welcome.css
diff --git a/chrome/browser/resources/file_manager/css/gdrive_welcome.css b/chrome/browser/resources/file_manager/css/gdrive_welcome.css
index 96aac029c9bc46448d37de1df5ba5cd928f96fa8..e4dd88d154e4f3b838648a35645f78044152542b 100644
--- a/chrome/browser/resources/file_manager/css/gdrive_welcome.css
+++ b/chrome/browser/resources/file_manager/css/gdrive_welcome.css
@@ -21,6 +21,56 @@
   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;
@@ -47,7 +97,7 @@
 }
 
 .gdrive-welcome.header .gdrive-welcome-icon {
-  background-position: center 20px;
+  background-position: center 18px;
   background-size: 51px 44px;
   width: 120px;
 }
@@ -60,12 +110,12 @@
 
 .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 {