Update the HTML source to use the CSS3 syntax for gradients.

BUG=None
TEST=None

Review URL: http://codereview.chromium.org/6079010

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@70528 0039d316-1c4b-4281-b951-d872f2087c98

3 files changed, 10 insertions, 36 deletions

diff --git a/chrome/browser/resources/options/chromeos_internet_options_page.css b/chrome/browser/resources/options/chromeos_internet_options_page.css
index 82e1fc2d..d2ba4448a 100644
--- a/chrome/browser/resources/options/chromeos_internet_options_page.css
+++ b/chrome/browser/resources/options/chromeos_internet_options_page.css
@@ -53,8 +53,8 @@
 }
 
 .network-item[connected] {
-  background-image: -webkit-gradient(linear, left top, left bottom,
-      from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));
+  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8),
+                                            rgba(255, 255, 255, 0));
   background-color: hsl(214,91%,89%);
   border-color: hsl(214, 91%, 65%);
 }
diff --git a/chrome/browser/resources/options/options_page.css b/chrome/browser/resources/options/options_page.css
index fd0694e..47447f4 100644
--- a/chrome/browser/resources/options/options_page.css
+++ b/chrome/browser/resources/options/options_page.css
@@ -118,17 +118,8 @@ html[toolkit=views] .button-strip {
 
 #navbar-container {
   -webkit-border-end: 1px solid #c6c9ce;
-  background: -webkit-gradient(linear,
-                               left top,
-                               left bottom,
-                               from(rgba(234, 238, 243, 0)),
-                               to(#eaeef3)),
-              -webkit-gradient(linear,
-                               left top,
-                               right top,
-                               from(#eaeef3),
-                               color-stop(0.97, #eaeef3),
-                               to(#d3d7db));
+  background: -webkit-linear-gradient(rgba(234, 238, 243, 0), #eaeef3),
+              -webkit-linear-gradient(left, #eaeef3, #eaeef3 97%, #d3d7db);
   bottom: 0;
   cursor: pointer;
   display: none;
@@ -140,18 +131,10 @@ html[toolkit=views] .button-strip {
 }
 
 html[dir='rtl'] #navbar-container {
-  background: -webkit-gradient(linear,
-                               left top,
-                               left bottom,
-                               from(rgba(255, 255, 255, 0)),
-                               color-stop(0.7, rgba(255, 255, 255, 0)),
-                               to(white)),
-              -webkit-gradient(linear,
-                               right top,
-                               left top,
-                               from(white),
-                               color-stop(0.8, white),
-                               to(#f3f3f3));
+  background: -webkit-linear-gradient(rgba(255, 255, 255, 0)),
+                                      rgba(255, 255, 255, 0) 70%,
+                                      white),
+              -webkit-linear-gradient(right, white, white 80%, #f3f3f3);
   left: auto;
   right: 0;
 }
@@ -255,12 +238,7 @@ html[hide-menu=true] #mainview {
 }
 
 #managed-prefs-banner {
-  background: -webkit-gradient(linear,
-                               left top,
-                               left bottom,
-                               from(#fff2b7),
-                               color-stop(0.97, #fae691),
-                               to(#878787));
+  background: -webkit-linear-gradient(#fff2b7, #fae691 97%, #878787);
   height: 31px;
   width: 100%;
 }
diff --git a/chrome/browser/resources/options/subpages_tab_controls.css b/chrome/browser/resources/options/subpages_tab_controls.css
index c9eb94d..5d74b6e 100644
--- a/chrome/browser/resources/options/subpages_tab_controls.css
+++ b/chrome/browser/resources/options/subpages_tab_controls.css
@@ -51,11 +51,7 @@ html[dir=rtl] .subpages-nav-tabs .inactive-tab-label {
 .subpages-nav-tabs {
   padding: 4px;
   border-bottom: 1px solid #A0A0A0;  /* light gray */
-  background: -webkit-gradient(linear,
-                               left top,
-                               left bottom,
-                               from(white),
-                               to(#F3F3F3));  /* very light gray */
+  background: -webkit-linear-gradient(white, #F3F3F3);  /* very light gray */
   margin-bottom: 15px;
 }