Remove all usage of -webkit-*gradient inside blink
The prefixed functions have been deprecated in 2011 and should
be use counted with the goal of removing them.
This patch just rewrites existing rules on top of the modern syntax:
-webkit-gradient(linear, top left, bottom left, from(white), to(black))
is equivalent to
linear-gradient(to bottom, white, black)
Review URL: https://codereview.chromium.org/152493003
git-svn-id: svn://svn.chromium.org/blink/trunk@166426 bbb929c8-8fbe-4397-9dbb-9b2b20218538
diff --git a/Source/core/css/html.css b/Source/core/css/html.css
index 86d7cbb..b92f4a3 100644
--- a/Source/core/css/html.css
+++ b/Source/core/css/html.css
@@ -915,7 +915,7 @@
}
meter::-webkit-meter-bar {
- background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ddd), color-stop(0.20, #eee), color-stop(0.45, #ccc), color-stop(0.55, #ccc));
+ background: linear-gradient(to bottom, #ddd, #eee 20%, #ccc 45%, #ccc 55%, #ddd);
height: 100%;
width: 100%;
-webkit-user-modify: read-only !important;
@@ -923,21 +923,21 @@
}
meter::-webkit-meter-optimum-value {
- background: -webkit-gradient(linear, left top, left bottom, from(#ad7), to(#ad7), color-stop(0.20, #cea), color-stop(0.45, #7a3), color-stop(0.55, #7a3));
+ background: linear-gradient(to bottom, #ad7, #cea 20%, #7a3 45%, #7a3 55%, #ad7);
height: 100%;
-webkit-user-modify: read-only !important;
box-sizing: border-box;
}
meter::-webkit-meter-suboptimum-value {
- background: -webkit-gradient(linear, left top, left bottom, from(#fe7), to(#fe7), color-stop(0.20, #ffc), color-stop(0.45, #db3), color-stop(0.55, #db3));
+ background: linear-gradient(to bottom, #fe7, #ffc 20%, #db3 45%, #db3 55%, #fe7);
height: 100%;
-webkit-user-modify: read-only !important;
box-sizing: border-box;
}
meter::-webkit-meter-even-less-good-value {
- background: -webkit-gradient(linear, left top, left bottom, from(#f77), to(#f77), color-stop(0.20, #fcc), color-stop(0.45, #d44), color-stop(0.55, #d44));
+ background: linear-gradient(to bottom, #f77, #fcc 20%, #d44 45%, #d44 55%, #f77);
height: 100%;
-webkit-user-modify: read-only !important;
box-sizing: border-box;
diff --git a/Source/devtools/front_end/TimelinePresentationModel.js b/Source/devtools/front_end/TimelinePresentationModel.js
index 5b2d623..8c585bd 100644
--- a/Source/devtools/front_end/TimelinePresentationModel.js
+++ b/Source/devtools/front_end/TimelinePresentationModel.js
@@ -1648,7 +1648,7 @@
".timeline-details-view .timeline-" + category.name + ", " +
".timeline-category-" + category.name + " .timeline-tree-icon"
- return selector + " { background-image: -webkit-linear-gradient(" +
+ return selector + " { background-image: linear-gradient(" +
category.fillColorStop0 + ", " + category.fillColorStop1 + " 25%, " + category.fillColorStop1 + " 25%, " + category.fillColorStop1 + ");" +
" border-color: " + category.borderColor +
"}";
diff --git a/Source/devtools/front_end/auditsPanel.css b/Source/devtools/front_end/auditsPanel.css
index bee0ef4b..7f51e7f 100644
--- a/Source/devtools/front_end/auditsPanel.css
+++ b/Source/devtools/front_end/auditsPanel.css
@@ -85,7 +85,7 @@
.audit-launcher-view button:active {
background-color: rgb(215, 215, 215);
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
+ background-image: linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 239, 239));
}
.panel-enabler-view.audit-launcher-view label {
diff --git a/Source/devtools/front_end/cssNamedFlows.css b/Source/devtools/front_end/cssNamedFlows.css
index 62b530f..e7225d3 100644
--- a/Source/devtools/front_end/cssNamedFlows.css
+++ b/Source/devtools/front_end/cssNamedFlows.css
@@ -32,7 +32,7 @@
}
.css-named-flow-collections-view .tabbed-pane-header {
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(236, 236, 236)), to(rgb(217, 217, 217)));
+ background: linear-gradient(to bottom, rgb(236, 236, 236), rgb(217, 217, 217));
}
.css-named-flow-collections-view .info {
diff --git a/Source/devtools/front_end/dataGrid.css b/Source/devtools/front_end/dataGrid.css
index 97927f0..2a9dbe7 100644
--- a/Source/devtools/front_end/dataGrid.css
+++ b/Source/devtools/front_end/dataGrid.css
@@ -84,7 +84,7 @@
bottom: 0;
height: 100%;
border-top: 0 none transparent;
- background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(0.5, white), color-stop(0.5, rgb(234, 243, 255)), to(rgb(234, 243, 255)));
+ background-image: linear-gradient(linear, to bottom, white, white 50%, rgb(234, 243, 255) 50%, rgb(234, 243, 255));
background-size: 128px 32px;
table-layout: fixed;
}
diff --git a/Source/devtools/front_end/dialog.css b/Source/devtools/front_end/dialog.css
index a82792c..ff93919 100644
--- a/Source/devtools/front_end/dialog.css
+++ b/Source/devtools/front_end/dialog.css
@@ -10,7 +10,7 @@
display: -webkit-flex;
-webkit-flex-direction: column;
- background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E9E9E9), to(#CFCFCF));
+ background-image: linear-gradient(to bottom, #E9E9E9, #CFCFCF);
}
.dialog-contents {
@@ -31,7 +31,7 @@
color: rgb(6, 6, 6);
border: 1px solid rgb(165, 165, 165);
background-color: rgb(237, 237, 237);
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
+ background-image: linear-gradient(to bottom, rgb(252, 252, 252), rgb(223, 223, 223));
border-radius: 12px;
-webkit-appearance: none;
@@ -41,6 +41,6 @@
.go-to-line-dialog button:active {
background-color: rgb(215, 215, 215);
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
+ background-image: linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 239, 239));
}
diff --git a/Source/devtools/front_end/helpScreen.css b/Source/devtools/front_end/helpScreen.css
index b3687b7..fa890dd 100644
--- a/Source/devtools/front_end/helpScreen.css
+++ b/Source/devtools/front_end/helpScreen.css
@@ -59,18 +59,18 @@
}
.help-window-main .help-container-wrapper::-webkit-scrollbar-thumb:vertical {
- background: -webkit-gradient(linear, left top, right top, from(rgb(128, 128, 128)), to(rgb(128, 128, 128)), color-stop(40%, rgb(96, 96, 96)));
+ background: linear-gradient(to right, rgb(128, 128, 128), rgb(96, 96, 96) 40%, rgb(128, 128, 128));
border-radius: 5px;
min-height: 20px;
}
.help-window-main .help-container-wrapper::-webkit-scrollbar-thumb:vertical:hover,
.help-window-main .help-container-wrapper::-webkit-scrollbar-thumb:vertical:active {
- background: -webkit-gradient(linear, left top, right top, from(rgb(176, 176, 176)), to(rgb(176, 176, 176)), color-stop(40%, rgb(144, 144, 144)));
+ background: linear-gradient(to right, rgb(176, 176, 176), rgb(144, 144, 144) 40%, rgb(176, 176, 176));
}
.help-window-main .help-container-wrapper::-webkit-scrollbar-track:vertical {
- background: -webkit-gradient(linear, left top, right top, from(rgb(10, 10, 10)), to(rgb(32, 32, 32)), color-stop(25%, rgb(32, 32, 32)));
+ background: linear-gradient(to right, rgb(10, 10, 10), rgb(32, 32, 32) 25%, rgb(32, 32, 32));
border-radius: 5px;
}
@@ -461,7 +461,7 @@
}
.settings-tab-text-button {
- background-image: -webkit-linear-gradient(hsl(0, 0%, 93%), hsl(0, 0%, 93%) 38%, hsl(0, 0%, 87%));
+ background-image: linear-gradient(hsl(0, 0%, 93%), hsl(0, 0%, 93%) 38%, hsl(0, 0%, 87%));
border: 1px solid hsla(0, 0%, 0%, 0.25);
border-radius: 2px;
box-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.08), inset 0 1px 2px hsla(0, 100%, 100%, 0.75);
@@ -475,21 +475,21 @@
}
.settings-tab-text-button:disabled {
- background-image: -webkit-linear-gradient(#f1f1f1, #f1f1f1 38%, #e6e6e6);
+ background-image: linear-gradient(#f1f1f1, #f1f1f1 38%, #e6e6e6);
border-color: rgba(80, 80, 80, 0.2);
box-shadow: 0 1px 0 rgba(80, 80, 80, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
color: #aaa;
}
.settings-tab-text-button:not(:disabled):hover {
- background-image: -webkit-linear-gradient(hsl(0, 0%, 94%), hsl(0, 0%, 94%) 38%, hsl(0, 0%, 88%));
+ background-image: linear-gradient(hsl(0, 0%, 94%), hsl(0, 0%, 94%) 38%, hsl(0, 0%, 88%));
border-color: hsla(0, 0%, 0%, 0.3);
box-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.12), inset 0 1px 2px hsla(0, 100%, 100%, 0.95);
color: hsl(0, 0%, 0%);
}
.settings-tab-text-button:not(:disabled):active {
- background-image: -webkit-linear-gradient(hsl(0, 0%, 91%), hsl(0, 0%, 91%) 38%, hsl(0, 0%, 84%));
+ background-image: linear-gradient(hsl(0, 0%, 91%), hsl(0, 0%, 91%) 38%, hsl(0, 0%, 84%));
box-shadow: none;
text-shadow: none;
}
diff --git a/Source/devtools/front_end/inspector.css b/Source/devtools/front_end/inspector.css
index cf765a8..15e803b 100644
--- a/Source/devtools/front_end/inspector.css
+++ b/Source/devtools/front_end/inspector.css
@@ -79,7 +79,7 @@
}
.toolbar-background {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(191, 191, 191)), to(rgb(151, 151, 151)));
+ background-image: linear-gradient(to bottom, rgb(191, 191, 191), rgb(151, 151, 151));
padding: 1px 0 0 1px;
border-bottom: 1px solid rgb(80, 80, 80);
background-origin: padding-box;
@@ -125,7 +125,7 @@
}
body.inactive .toolbar-background {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(233, 233, 233)), to(rgb(207, 207, 207)));
+ background-image: linear-gradient(to bottom, rgb(233, 233, 233), rgb(207, 207, 207));
border-bottom: 1px solid rgb(64%, 64%, 64%);
}
@@ -147,32 +147,32 @@
}
body.undocked.platform-mac-leopard .toolbar-background {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(175, 175, 175)), to(rgb(151, 151, 151))) !important;
+ background-image: linear-gradient(to bottom, rgb(175, 175, 175), rgb(151, 151, 151)) !important;
color: #333 !important;
}
body.undocked.platform-mac-leopard.inactive .toolbar-background {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(221, 221, 221)), to(rgb(207, 207, 207))) !important;
+ background-image: linear-gradient(to bottom, rgb(221, 221, 221), rgb(207, 207, 207)) !important;
color: #555 !important;
}
body.undocked.platform-mac-snowleopard .toolbar-background {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(189, 189, 189)), to(rgb(167, 167, 167))) !important;
+ background-image: linear-gradient(to bottom, rgb(189, 189, 189), rgb(167, 167, 167)) !important;
color: #333 !important;
}
body.undocked.platform-mac-snowleopard.inactive .toolbar-background {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(228, 228, 228)), to(rgb(216, 216, 216))) !important;
+ background-image: linear-gradient(to bottom, rgb(228, 228, 228), rgb(216, 216, 216)) !important;
color: #555 !important;
}
body.undocked.platform-mac .toolbar-background {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(208, 208, 208)), to(rgb(200, 200, 200))) !important;
+ background-image: linear-gradient(to bottom, rgb(208, 208, 208), rgb(200, 200, 200)) !important;
color: #333 !important;
}
body.undocked.platform-mac.inactive .toolbar-background {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(238, 238, 238)), to(rgb(224, 224, 224))) !important;
+ background-image: linear-gradient(to bottom, rgb(238, 238, 238), rgb(224, 224, 224)) !important;
color: #555 !important;
}
@@ -219,18 +219,18 @@
}
.scrollable-content::-webkit-scrollbar-thumb:vertical {
- background: -webkit-gradient(linear, left top, right top, from(rgb(192, 192, 192)), to(rgb(192, 192, 192)), color-stop(40%, rgb(214, 214, 214)));
+ background: linear-gradient(to right, rgb(192, 192, 192), rgb(214, 214, 214) 40%, rgb(192, 192, 192));
border-radius: 5px;
min-height: 20px;
}
.scrollable-content::-webkit-scrollbar-thumb:vertical:hover,
.scrollable-content::-webkit-scrollbar-thumb:vertical:active {
- background: -webkit-gradient(linear, left top, right top, from(rgb(230, 230, 230)), to(rgb(230, 230, 230)), color-stop(40%, rgb(252, 252, 252)));
+ background: linear-gradient(to right, rgb(230, 230, 230), rgb(252, 252, 252) 40%, rgb(230, 230, 230));
}
.scrollable-content::-webkit-scrollbar-track:vertical {
- background: -webkit-gradient(linear, left top, right top, from(rgb(128, 128, 128)), to(rgb(164, 164, 164)), color-stop(25%, rgb(164, 164, 164)));
+ background: linear-gradient(to right, rgb(128, 128, 128), rgb(164, 164, 164) 25%, rgb(164, 164, 164));
border-radius: 5px;
}
@@ -256,7 +256,7 @@
.toolbar-search-navigation-controls {
vertical-align: top;
- background-image: -webkit-linear-gradient(rgb(228, 228, 228), rgb(206, 206, 206));
+ background-image: linear-gradient(rgb(228, 228, 228), rgb(206, 206, 206));
}
.toolbar-search-navigation {
@@ -288,13 +288,13 @@
border: 1px solid rgb(163, 163, 163);
border-radius: 8px;
margin: 0;
- background-image: -webkit-linear-gradient(rgb(241, 241, 241), rgb(220, 220, 220));
+ background-image: linear-gradient(rgb(241, 241, 241), rgb(220, 220, 220));
width: 100%;
height: 20px;
}
.toolbar-search button:active {
- background-image: -webkit-linear-gradient(rgb(185, 185, 185), rgb(156, 156, 156));
+ background-image: linear-gradient(rgb(185, 185, 185), rgb(156, 156, 156));
}
.toolbar-search-control {
@@ -324,7 +324,7 @@
}
.toolbar-search-navigation.toolbar-search-navigation-prev.enabled:active {
- background-image: url(Images/searchPrev.png), -webkit-linear-gradient(rgb(168, 168, 168), rgb(116, 116, 116));
+ background-image: url(Images/searchPrev.png), linear-gradient(rgb(168, 168, 168), rgb(116, 116, 116));
}
.toolbar-search-navigation.toolbar-search-navigation-next {
@@ -333,7 +333,7 @@
}
.toolbar-search-navigation.toolbar-search-navigation-next.enabled:active {
- background-image: url(Images/searchNext.png), -webkit-linear-gradient(rgb(168, 168, 168), rgb(116, 116, 116));
+ background-image: url(Images/searchNext.png), linear-gradient(rgb(168, 168, 168), rgb(116, 116, 116));
}
.search-results-matches {
@@ -1402,14 +1402,14 @@
.placard.selected {
border-top: 1px solid rgb(172, 172, 172);
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(182, 182, 182)), to(rgb(162, 162, 162)));
+ background-image: linear-gradient(to bottom, rgb(182, 182, 182), rgb(162, 162, 162));
background-origin: padding-box;
background-clip: padding-box;
}
:focus .placard.selected {
border-top: 1px solid rgb(70, 103, 215);
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(92, 147, 213)), to(rgb(56, 121, 217)));
+ background-image: linear-gradient(to bottom, rgb(92, 147, 213), rgb(56, 121, 217));
}
.placard .title {
@@ -1797,14 +1797,14 @@
background-color: transparent;
border: 1px solid rgb(165, 165, 165);
background-color: rgb(237, 237, 237);
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
+ background-image: linear-gradient(to bottom, rgb(252, 252, 252), rgb(223, 223, 223));
border-radius: 12px;
-webkit-appearance: none;
}
.pane-title-button:active {
background-color: rgb(215, 215, 215);
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
+ background-image: linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 239, 239));
}
button.show-all-nodes {
@@ -1816,7 +1816,7 @@
background-color: transparent;
border: 1px solid rgb(165, 165, 165);
background-color: rgb(237, 237, 237);
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
+ background-image: linear-gradient(to bottom, rgb(252, 252, 252), rgb(223, 223, 223));
border-radius: 12px;
-webkit-appearance: none;
}
@@ -1825,12 +1825,12 @@
color: rgb(130, 130, 130);
border-color: rgb(212, 212, 212);
background-color: rgb(239, 239, 239);
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 250, 250)), to(rgb(235, 235, 235)));
+ background-image: linear-gradient(to bottom, rgb(250, 250, 250), rgb(235, 235, 235));
}
button.show-all-nodes:active {
background-color: rgb(215, 215, 215);
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
+ background-image: linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 239, 239));
}
button.enable-toggle-status-bar-item .glyph {
@@ -2389,7 +2389,7 @@
body.platform-mac .soft-context-menu-item-mouse-over {
border-top: 1px solid rgb(90, 131, 236);
border-bottom: 1px solid rgb(18, 88, 233);
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(100, 140, 243)), to(rgb(36, 101, 243)));
+ background-image: linear-gradient(to bottom, rgb(100, 140, 243), rgb(36, 101, 243));
}
.soft-context-menu-item-checkmark {
diff --git a/Source/devtools/front_end/networkPanel.css b/Source/devtools/front_end/networkPanel.css
index 7e56152..cf7fa8f 100644
--- a/Source/devtools/front_end/networkPanel.css
+++ b/Source/devtools/front_end/networkPanel.css
@@ -227,33 +227,33 @@
.resource-timing-view .network-timing-bar.blocking,
.resource-timing-view .network-timing-bar.proxy {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(242, 242, 194)), to(rgb(204, 204, 102)));
+ background-image: linear-gradient(to bottom, rgb(242, 242, 194), rgb(204, 204, 102));
border-left: 1px solid rgb(204, 204, 102);
}
.resource-timing-view .network-timing-bar.dns {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 242, 194)), to(rgb(102, 204, 102)));
+ background-image: linear-gradient(to bottom, rgb(194, 242, 194), rgb(102, 204, 102));
border-left: 1px solid rgb(102, 204, 102);
}
.resource-timing-view .network-timing-bar.connecting,
.resource-timing-view .network-timing-bar.ssl {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 242, 242)), to(rgb(102, 204, 204)));
+ background-image: linear-gradient(to bottom, rgb(194, 242, 242), rgb(102, 204, 204));
border-left: 1px solid rgb(102, 204, 204);
}
.resource-timing-view .network-timing-bar.sending {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 242)), to(rgb(102, 102, 204)));
+ background-image: linear-gradient(to bottom, rgb(194, 194, 242), rgb(102, 102, 204));
border-left: 1px solid rgb(102, 102, 204);
}
.resource-timing-view .network-timing-bar.waiting {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(242, 194, 242)), to(rgb(204, 102, 204)));
+ background-image: linear-gradient(to bottom, rgb(242, 194, 242), rgb(204, 102, 204));
border-left: 1px solid rgb(204, 102, 204);
}
.resource-timing-view .network-timing-bar.receiving {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(242, 194, 194)), to(rgb(204, 102, 102)));
+ background-image: linear-gradient(to bottom, rgb(242, 194, 194), rgb(204, 102, 102));
border-left: 1px solid rgb(204, 102, 102);
}
diff --git a/Source/devtools/front_end/panelEnablerView.css b/Source/devtools/front_end/panelEnablerView.css
index 7274383..7e37cc8 100644
--- a/Source/devtools/front_end/panelEnablerView.css
+++ b/Source/devtools/front_end/panelEnablerView.css
@@ -90,7 +90,7 @@
color: rgb(6, 6, 6);
border: 1px solid rgb(165, 165, 165);
background-color: rgb(237, 237, 237);
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
+ background-image: linear-gradient(to bottom, rgb(252, 252, 252), rgb(223, 223, 223));
border-radius: 12px;
-webkit-appearance: none;
}
@@ -100,19 +100,19 @@
color: rgb(130, 130, 130);
border-color: rgb(212, 212, 212);
background-color: rgb(239, 239, 239);
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 250, 250)), to(rgb(235, 235, 235)));
+ background-image: linear-gradient(to bottom, rgb(250, 250, 250), rgb(235, 235, 235));
}
.panel-enabler-view button:active:not(.status-bar-item) {
background-color: rgb(215, 215, 215);
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
+ background-image: linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 239, 239));
}
.panel-enabler-view input[type="radio"] {
height: 17px;
width: 17px;
border: 1px solid rgb(165, 165, 165);
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
+ background-image: linear-gradient(to bottom, rgb(252, 252, 252), rgb(223, 223, 223));
border-radius: 8px;
-webkit-appearance: none;
vertical-align: middle;
@@ -120,15 +120,15 @@
}
.panel-enabler-view input[type="radio"]:active:not(:disabled) {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
+ background-image: linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 239, 239));
}
.panel-enabler-view input[type="radio"]:checked {
background: url(Images/radioDot.png) center no-repeat,
- -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
+ linear-gradient(to bottom, rgb(252, 252, 252), rgb(223, 223, 223));
}
.panel-enabler-view input[type="radio"]:checked:active {
background: url(Images/radioDot.png) center no-repeat,
- -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
+ linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 239, 239));
}
diff --git a/Source/devtools/front_end/resourcesPanel.css b/Source/devtools/front_end/resourcesPanel.css
index 84de922..baeac74 100644
--- a/Source/devtools/front_end/resourcesPanel.css
+++ b/Source/devtools/front_end/resourcesPanel.css
@@ -47,18 +47,18 @@
}
.resources.panel .sidebar li.selected .selection {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(162, 177, 207)), to(rgb(120, 138, 177)));
+ background-image: linear-gradient(to bottom, rgb(162, 177, 207), rgb(120, 138, 177));
border-top: 1px solid #979797;
height: 18px;
}
.resources.panel .sidebar :focus li.selected .selection {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(92, 147, 213)), to(rgb(21, 83, 170)));
+ background-image: linear-gradient(to bottom, rgb(92, 147, 213), rgb(21, 83, 170));
border-top: 1px solid rgb(68, 128, 200);
}
body.inactive .resources.panel .sidebar li.selected .selection {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(180, 180, 180)), to(rgb(138, 138, 138)));
+ background-image: linear-gradient(to bottom, rgb(180, 180, 180), rgb(138, 138, 138));
border-top: 1px solid rgb(151, 151, 151);
}
diff --git a/Source/devtools/front_end/spectrum.css b/Source/devtools/front_end/spectrum.css
index e5aae8c..b9331fb 100644
--- a/Source/devtools/front_end/spectrum.css
+++ b/Source/devtools/front_end/spectrum.css
@@ -75,15 +75,15 @@
}
.spectrum-sat {
- background-image: -webkit-linear-gradient(left, white, rgba(204, 154, 129, 0));
+ background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0));
}
.spectrum-val {
- background-image: -webkit-linear-gradient(bottom, black, rgba(204, 154, 129, 0));
+ background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0));
}
.spectrum-hue {
- background: -webkit-linear-gradient(bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
+ background: linear-gradient(to top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
.spectrum-dragger {
diff --git a/Source/web/resources/pickerButton.css b/Source/web/resources/pickerButton.css
index b207a0d..ea82a51 100644
--- a/Source/web/resources/pickerButton.css
+++ b/Source/web/resources/pickerButton.css
@@ -26,7 +26,7 @@
button {
-webkit-appearance: none;
-webkit-user-select: none;
- background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);
+ background-image: linear-gradient(#ededed, #ededed 38%, #dedede);
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 2px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08),
@@ -42,20 +42,20 @@
}
:enabled:hover:-webkit-any(button, input[type='button']) {
- background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
+ background-image: linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
border-color: rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.95);
color: black;
}
:enabled:active:-webkit-any(button, input[type='button']) {
- background-image: -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7);
+ background-image: linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7);
box-shadow: none;
text-shadow: none;
}
:disabled:-webkit-any(button, input[type='button']) {
- background-image: -webkit-linear-gradient(#f1f1f1, #f1f1f1 38%, #e6e6e6);
+ background-image: linear-gradient(#f1f1f1, #f1f1f1 38%, #e6e6e6);
border-color: rgba(80, 80, 80, 0.2);
box-shadow: 0 1px 0 rgba(80, 80, 80, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
color: #aaa;
