Switch from prefixed CSS gradient to unprefixed.

https://bugs.webkit.org/show_bug.cgi?id=129279

Reviewed by Andreas Kling.

* UserInterface/Views/BreakpointActionView.css:
(.breakpoint-action-append-button):
(.breakpoint-action-remove-button):
* UserInterface/Views/CSSStyleDeclarationTextEditor.css:
(.css-style-text-editor > .CodeMirror .CodeMirror-lines .color-swatch):
* UserInterface/Views/CompletionSuggestionsView.css:
(.completion-suggestions-container > .item:active):
* UserInterface/Views/DashboardView.css:
(.toolbar .dashboard):
* UserInterface/Views/DataGrid.css:
(.data-grid th):
(.data-grid table.data):
(.data-grid th.sortable:not(.mouse-over-collapser):active):
(.data-grid th.sort-ascending, .data-grid th.sort-descending):
(.data-grid th.sortable.sort-ascending:not(.mouse-over-collapser):active, .data-grid th.sortable.sort-descending:not(.mouse-over-collapser):active):
(body.window-inactive .data-grid th.sort-descending):
* UserInterface/Views/DetailsSection.css:
(.details-section > .header):
(.details-section .details-section > .header):
* UserInterface/Views/DividerNavigationItem.css:
(.navigation-bar .item.divider):
* UserInterface/Views/FindBanner.css:
(.find-banner > button:active:not(:disabled)):
* UserInterface/Views/Main.css:
(#split-content-browser > .navigation-bar):
* UserInterface/Views/NavigationSidebarPanel.css:
(.sidebar > .panel.navigation > .overflow-shadow):
(.navigation-sidebar-panel-content-tree-outline .item.selected):
(.navigation-sidebar-panel-content-tree-outline:focus .item.selected):
(body.window-inactive .navigation-sidebar-panel-content-tree-outline .item.selected):
* UserInterface/Views/ProbeSetDataGrid.css:
(.details-section.probe-set .data-grid > .data-container td.unknown-value):
(.details-section.probe-set .data-grid th):
* UserInterface/Views/RadioButtonNavigationItem.css:
(.navigation-bar .item.radio.button.text-only.selected):
* UserInterface/Views/TextEditor.css:
(.text-editor .bouncy-highlight):
* UserInterface/Views/TimelineContentView.css:
(.content-view.timeline > .view-container > .timeline-view > .data-grid table.data):
* UserInterface/Views/TimelineDataGrid.css:
(.timeline-data-grid-tree-outline .item:hover):
* UserInterface/Views/TimelineRuler.css:
(.timeline-ruler > .header > .divider):
* UserInterface/Views/TimelineSidebarPanel.css:
(.sidebar > .panel.timeline > .title-bar):
(.sidebar > .panel.timeline > .content > .stripe-background):
* UserInterface/Views/Toolbar.css:
(body:not(.mac-platform) .toolbar):
(body.docked.mac-platform.mavericks .toolbar):

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@164629 268f45cc-cd09-0410-ab3c-d52691b4dbfc

diff --git a/Source/WebInspectorUI/ChangeLog b/Source/WebInspectorUI/ChangeLog
index 56ebf42..6a0e3ae 100644 (file)
--- a/Source/WebInspectorUI/ChangeLog
+++ b/Source/WebInspectorUI/ChangeLog
@@ -1,5 +1,63 @@
 2014-02-24  Timothy Hatcher  <timothy@apple.com>
 
+        Switch from prefixed CSS gradient to unprefixed.
+
+        https://bugs.webkit.org/show_bug.cgi?id=129279
+
+        Reviewed by Andreas Kling.
+
+        * UserInterface/Views/BreakpointActionView.css:
+        (.breakpoint-action-append-button):
+        (.breakpoint-action-remove-button):
+        * UserInterface/Views/CSSStyleDeclarationTextEditor.css:
+        (.css-style-text-editor > .CodeMirror .CodeMirror-lines .color-swatch):
+        * UserInterface/Views/CompletionSuggestionsView.css:
+        (.completion-suggestions-container > .item:active):
+        * UserInterface/Views/DashboardView.css:
+        (.toolbar .dashboard):
+        * UserInterface/Views/DataGrid.css:
+        (.data-grid th):
+        (.data-grid table.data):
+        (.data-grid th.sortable:not(.mouse-over-collapser):active):
+        (.data-grid th.sort-ascending, .data-grid th.sort-descending):
+        (.data-grid th.sortable.sort-ascending:not(.mouse-over-collapser):active, .data-grid th.sortable.sort-descending:not(.mouse-over-collapser):active):
+        (body.window-inactive .data-grid th.sort-descending):
+        * UserInterface/Views/DetailsSection.css:
+        (.details-section > .header):
+        (.details-section .details-section > .header):
+        * UserInterface/Views/DividerNavigationItem.css:
+        (.navigation-bar .item.divider):
+        * UserInterface/Views/FindBanner.css:
+        (.find-banner > button:active:not(:disabled)):
+        * UserInterface/Views/Main.css:
+        (#split-content-browser > .navigation-bar):
+        * UserInterface/Views/NavigationSidebarPanel.css:
+        (.sidebar > .panel.navigation > .overflow-shadow):
+        (.navigation-sidebar-panel-content-tree-outline .item.selected):
+        (.navigation-sidebar-panel-content-tree-outline:focus .item.selected):
+        (body.window-inactive .navigation-sidebar-panel-content-tree-outline .item.selected):
+        * UserInterface/Views/ProbeSetDataGrid.css:
+        (.details-section.probe-set .data-grid > .data-container td.unknown-value):
+        (.details-section.probe-set .data-grid th):
+        * UserInterface/Views/RadioButtonNavigationItem.css:
+        (.navigation-bar .item.radio.button.text-only.selected):
+        * UserInterface/Views/TextEditor.css:
+        (.text-editor .bouncy-highlight):
+        * UserInterface/Views/TimelineContentView.css:
+        (.content-view.timeline > .view-container > .timeline-view > .data-grid table.data):
+        * UserInterface/Views/TimelineDataGrid.css:
+        (.timeline-data-grid-tree-outline .item:hover):
+        * UserInterface/Views/TimelineRuler.css:
+        (.timeline-ruler > .header > .divider):
+        * UserInterface/Views/TimelineSidebarPanel.css:
+        (.sidebar > .panel.timeline > .title-bar):
+        (.sidebar > .panel.timeline > .content > .stripe-background):
+        * UserInterface/Views/Toolbar.css:
+        (body:not(.mac-platform) .toolbar):
+        (body.docked.mac-platform.mavericks .toolbar):
+
+2014-02-24  Timothy Hatcher  <timothy@apple.com>
+
         Fix the missing navigation bar in the Debugger sidebar panel.
 
         Sorting the CSS resources caused specificity issue.

diff --git a/Source/WebInspectorUI/UserInterface/Views/BreakpointActionView.css b/Source/WebInspectorUI/UserInterface/Views/BreakpointActionView.css
index 90459f1..ed5a7bf 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/BreakpointActionView.css
+++ b/Source/WebInspectorUI/UserInterface/Views/BreakpointActionView.css
@@ -46,11 +46,11 @@
 }
 
 .breakpoint-action-append-button {
-    background-image: url(../Images/BreakpointActionAdd.svg), -webkit-linear-gradient(top, rgb(250, 250, 250), rgb(200, 200, 200));
+    background-image: url(../Images/BreakpointActionAdd.svg), linear-gradient(to bottom, rgb(250, 250, 250), rgb(200, 200, 200));
 }
 
 .breakpoint-action-remove-button {
-    background-image: url(../Images/BreakpointActionRemove.svg), -webkit-linear-gradient(top, rgb(250, 250, 250), rgb(200, 200, 200));
+    background-image: url(../Images/BreakpointActionRemove.svg), linear-gradient(to bottom, rgb(250, 250, 250), rgb(200, 200, 200));
 }
 
 .breakpoint-action-block-body {

diff --git a/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationTextEditor.css b/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationTextEditor.css
index f001641..42173ee 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationTextEditor.css
+++ b/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationTextEditor.css
@@ -125,8 +125,8 @@
     position: relative;
 
     /* Make a checkered background for transparent colors to show against. */
-    background-image: -webkit-linear-gradient(top, rgb(204, 204, 204), rgb(204, 204, 204)),
-        -webkit-linear-gradient(top, rgb(204, 204, 204), rgb(204, 204, 204));
+    background-image: linear-gradient(to bottom, rgb(204, 204, 204), rgb(204, 204, 204)),
+        linear-gradient(to bottom, rgb(204, 204, 204), rgb(204, 204, 204));
     background-color: white;
     background-size: calc(50% + 1px);
     background-position: top left, bottom right;

diff --git a/Source/WebInspectorUI/UserInterface/Views/CompletionSuggestionsView.css b/Source/WebInspectorUI/UserInterface/Views/CompletionSuggestionsView.css
index bdbd313..8929b4d 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/CompletionSuggestionsView.css
+++ b/Source/WebInspectorUI/UserInterface/Views/CompletionSuggestionsView.css
@@ -71,7 +71,7 @@
 .completion-suggestions-container:not(:active) > .item.selected,
 .completion-suggestions-container > .item:active {
     box-shadow: inset rgb(87, 152, 206) 0 1px 0;
-    background: -webkit-linear-gradient(top, rgb(110, 167, 216), rgb(36, 114, 181));
+    background: linear-gradient(to bottom, rgb(110, 167, 216), rgb(36, 114, 181));
 
     color: white;
     text-shadow: rgb(51, 88, 123) 0 1px 0;

diff --git a/Source/WebInspectorUI/UserInterface/Views/DashboardView.css b/Source/WebInspectorUI/UserInterface/Views/DashboardView.css
index 339a25a..c3b6498 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/DashboardView.css
+++ b/Source/WebInspectorUI/UserInterface/Views/DashboardView.css
@@ -34,9 +34,9 @@
 
     width: 375px;
 
-    background-image: -webkit-linear-gradient(bottom, rgba(0, 128, 255, 0.075), rgba(0, 128, 255, 0)),
-        -webkit-linear-gradient(left, rgba(0, 0, 0, 0.09), transparent, rgba(0, 0, 0, 0.09)),
-        -webkit-linear-gradient(top, rgb(240, 244, 251), rgb(250, 253, 255));
+    background-image: linear-gradient(to bottom, rgba(0, 128, 255, 0), rgba(0, 128, 255, 0.075)),
+        linear-gradient(to right, rgba(0, 0, 0, 0.09), transparent, rgba(0, 0, 0, 0.09)),
+        linear-gradient(to bottom, rgb(240, 244, 251), rgb(250, 253, 255));
     background-size: 100% 6px, auto, auto;
     background-position: bottom, center, center;
     background-repeat: no-repeat;

diff --git a/Source/WebInspectorUI/UserInterface/Views/DataGrid.css b/Source/WebInspectorUI/UserInterface/Views/DataGrid.css
index 0a2e219..7172da6 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/DataGrid.css
+++ b/Source/WebInspectorUI/UserInterface/Views/DataGrid.css
@@ -76,8 +76,8 @@
     text-align: left;
     vertical-align: middle;
 
-    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -webkit-linear-gradient(top, transparent, transparent),
-        -webkit-linear-gradient(top, white, white 25%, rgb(244, 244, 244) 50%, rgb(236, 236, 236) 50%, rgb(237, 237, 237));
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(to bottom, transparent, transparent),
+        linear-gradient(to bottom, white, white 25%, rgb(244, 244, 244) 50%, rgb(236, 236, 236) 50%, rgb(237, 237, 237));
     background-size: 1px 11px, 0 0, 100% 100%;
     background-position: left 2px, right 2px, center;
     background-repeat: no-repeat;
@@ -126,7 +126,7 @@
     bottom: 0;
     height: 100%;
     border-top: 0 none transparent;
-    background-image: -webkit-linear-gradient(top, white, white 50%, rgb(243, 246, 250) 50%, rgb(243, 246, 250));
+    background-image: linear-gradient(to bottom, white, white 50%, rgb(243, 246, 250) 50%, rgb(243, 246, 250));
     background-size: 100% 32px;
     table-layout: fixed;
 }
@@ -175,8 +175,8 @@
 }
 
 .data-grid th.sortable:not(.mouse-over-collapser):active {
-    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
-        -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(224, 224, 224) 25%, rgb(214, 214, 214) 50%, rgb(207, 207, 207) 50%, rgb(208, 208, 208));
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
+        linear-gradient(to bottom, rgb(224, 224, 224), rgb(224, 224, 224) 25%, rgb(214, 214, 214) 50%, rgb(207, 207, 207) 50%, rgb(208, 208, 208));
     background-size: 1px 15px, 1px 15px, 100% 100%;
     background-position: left top, right top, center;
 
@@ -185,8 +185,8 @@
 }
 
 .data-grid th.sort-ascending, .data-grid th.sort-descending {
-    background-image: -webkit-linear-gradient(top, rgba(0, 0, 120, 0.2), rgba(0, 0, 120, 0.2)), -webkit-linear-gradient(top, rgba(0, 0, 120, 0.2), rgba(0, 0, 120, 0.2)),
-        -webkit-linear-gradient(top, rgb(199, 226, 246), rgb(169, 209, 239) 25%, rgb(158, 204, 239) 50%, rgb(142, 196, 237) 50%, rgb(187, 230, 245));
+    background-image: linear-gradient(to bottom, rgba(0, 0, 120, 0.2), rgba(0, 0, 120, 0.2)), linear-gradient(to bottom, rgba(0, 0, 120, 0.2), rgba(0, 0, 120, 0.2)),
+        linear-gradient(to bottom, rgb(199, 226, 246), rgb(169, 209, 239) 25%, rgb(158, 204, 239) 50%, rgb(142, 196, 237) 50%, rgb(187, 230, 245));
     background-size: 1px 15px, 1px 15px, 100% 100%;
     background-position: left top, right top, center;
 
@@ -195,8 +195,8 @@
 }
 
 .data-grid th.sortable.sort-ascending:not(.mouse-over-collapser):active, .data-grid th.sortable.sort-descending:not(.mouse-over-collapser):active {
-    background-image: -webkit-linear-gradient(top, rgba(0, 0, 120, 0.2), rgba(0, 0, 120, 0.2)), -webkit-linear-gradient(top, rgba(0, 0, 120, 0.2), rgba(0, 0, 120, 0.2)),
-        -webkit-linear-gradient(top, rgb(144, 180, 227), rgb(109, 160, 220) 25%, rgb(96, 155, 221) 50%, rgb(77, 146, 219) 50%, rgb(130, 186, 227));
+    background-image: linear-gradient(to bottom, rgba(0, 0, 120, 0.2), rgba(0, 0, 120, 0.2)), linear-gradient(to bottom, rgba(0, 0, 120, 0.2), rgba(0, 0, 120, 0.2)),
+        linear-gradient(to bottom, rgb(144, 180, 227), rgb(109, 160, 220) 25%, rgb(96, 155, 221) 50%, rgb(77, 146, 219) 50%, rgb(130, 186, 227));
     background-size: 1px 15px, 1px 15px, 100% 100%;
     background-position: left top, right top, center;
 
@@ -277,8 +277,8 @@
 
 body.window-inactive .data-grid th.sort-ascending,
 body.window-inactive .data-grid th.sort-descending {
-    background-image: -webkit-linear-gradient(top, white, white 25%, rgb(244, 244, 244) 50%, rgb(236, 236, 236) 50%, rgb(237, 237, 237)),
-        -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
+    background-image: linear-gradient(to bottom, white, white 25%, rgb(244, 244, 244) 50%, rgb(236, 236, 236) 50%, rgb(237, 237, 237)),
+        linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
     background-size: 100% 100%, 1px 11px;
     background-position: center, right center;
     background-repeat: no-repeat;

diff --git a/Source/WebInspectorUI/UserInterface/Views/DetailsSection.css b/Source/WebInspectorUI/UserInterface/Views/DetailsSection.css
index 27fb87e..00644f4 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/DetailsSection.css
+++ b/Source/WebInspectorUI/UserInterface/Views/DetailsSection.css
@@ -39,7 +39,7 @@
     border-top: 1px solid rgb(153, 153, 153);
     border-bottom: 1px solid rgb(153, 153, 153);
     box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0;
-    background-image: -webkit-linear-gradient(top, rgb(238, 240, 244), rgb(224, 226, 230));
+    background-image: linear-gradient(to bottom, rgb(238, 240, 244), rgb(224, 226, 230));
 
     color: rgb(57, 57, 57);
     text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
@@ -58,7 +58,7 @@
 }
 
 .details-section .details-section > .header {
-    background-image: -webkit-linear-gradient(top, rgb(250, 250, 250), rgb(240, 240, 240));
+    background-image: linear-gradient(to bottom, rgb(250, 250, 250), rgb(240, 240, 240));
 
     top: 21px;
 

diff --git a/Source/WebInspectorUI/UserInterface/Views/DividerNavigationItem.css b/Source/WebInspectorUI/UserInterface/Views/DividerNavigationItem.css
index cbadc5b..5c2cc8e 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/DividerNavigationItem.css
+++ b/Source/WebInspectorUI/UserInterface/Views/DividerNavigationItem.css
@@ -26,7 +26,7 @@
 .navigation-bar .item.divider {
     width: 1px;
 
-    background-image: -webkit-linear-gradient(rgb(190, 190, 190), rgb(190, 190, 190));
+    background-image: linear-gradient(rgb(190, 190, 190), rgb(190, 190, 190));
     background-size: 100% 13px;
     background-repeat: no-repeat;
     background-position: center;

diff --git a/Source/WebInspectorUI/UserInterface/Views/FindBanner.css b/Source/WebInspectorUI/UserInterface/Views/FindBanner.css
index 173611d..a9af9b9 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/FindBanner.css
+++ b/Source/WebInspectorUI/UserInterface/Views/FindBanner.css
@@ -132,7 +132,7 @@
 
 .find-banner > button:active:not(:disabled) {
     border: 1px solid rgb(141, 141, 141);
-    background-image: -webkit-linear-gradient(top, rgb(200, 200, 200), rgb(218, 218, 218));
+    background-image: linear-gradient(to bottom, rgb(200, 200, 200), rgb(218, 218, 218));
     box-shadow: rgba(255, 255, 255, 0.33) 0 1px 0, inset rgb(165, 165, 165) 0 1px 1px;
 }
 

diff --git a/Source/WebInspectorUI/UserInterface/Views/Main.css b/Source/WebInspectorUI/UserInterface/Views/Main.css
index 06900c9..39e137f 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/Main.css
+++ b/Source/WebInspectorUI/UserInterface/Views/Main.css
@@ -138,7 +138,7 @@ body.docked.right #navigation-sidebar.collapsed > .resizer {
 #split-content-browser > .navigation-bar {
     cursor: row-resize;
 
-    background-image: -webkit-linear-gradient(top, rgb(248, 248, 248), rgb(226, 226, 226));
+    background-image: linear-gradient(to bottom, rgb(248, 248, 248), rgb(226, 226, 226));
 }
 
 #split-content-browser > .navigation-bar .item:not(.flexible-space) {

diff --git a/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.css b/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.css
index 2c8a140..ac3354e 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.css
+++ b/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.css
@@ -50,8 +50,8 @@
 
     pointer-events: none;
 
-    background-image: -webkit-radial-gradient(center, ellipse closest-side, rgba(0, 0, 0, 0.2) 25%, transparent),
-        -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0125), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.0125));
+    background-image: radial-gradient(center, ellipse closest-side, rgba(0, 0, 0, 0.2) 25%, transparent),
+        linear-gradient(to right, rgba(0, 0, 0, 0.0125), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.0125));
     background-size: 125% 15px, 100% 1px;
     background-position: top center, bottom center;
     background-repeat: no-repeat;
@@ -219,19 +219,19 @@
 
     border-top: 1px solid rgb(162, 177, 201);
 
-    background-image: -webkit-linear-gradient(top, rgb(175, 190, 213), rgb(130, 151, 182));
+    background-image: linear-gradient(to bottom, rgb(175, 190, 213), rgb(130, 151, 182));
     background-origin: padding;
     background-clip: padding;
 }
 
 .navigation-sidebar-panel-content-tree-outline:focus .item.selected {
     border-top: 1px solid rgb(148, 174, 193);
-    background-image: -webkit-linear-gradient(top, rgb(154, 180, 203), rgb(112, 139, 176));
+    background-image: linear-gradient(to bottom, rgb(154, 180, 203), rgb(112, 139, 176));
 }
 
 body.window-inactive .navigation-sidebar-panel-content-tree-outline .item.selected {
     border-top: 1px solid rgb(168, 168, 168);
-    background-image: -webkit-linear-gradient(top, rgb(194, 194, 194), rgb(158, 158, 158));
+    background-image: linear-gradient(to bottom, rgb(194, 194, 194), rgb(158, 158, 158));
 }
 
 .navigation-sidebar-panel-content-tree-outline .item .titles {

diff --git a/Source/WebInspectorUI/UserInterface/Views/ProbeSetDataGrid.css b/Source/WebInspectorUI/UserInterface/Views/ProbeSetDataGrid.css
index 55e21af..a32fb8e 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/ProbeSetDataGrid.css
+++ b/Source/WebInspectorUI/UserInterface/Views/ProbeSetDataGrid.css
@@ -31,7 +31,7 @@
 
 .details-section.probe-set .data-grid > .data-container td.unknown-value {
     background-color: rgba(230, 230, 230, 0.8);
-    background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 7px, rgba(255, 255, 255, .5) 7px, rgba(255, 255, 255, .5) 14px);
+    background-image: repeating-linear-gradient(-45deg, transparent, transparent 7px, rgba(255, 255, 255, .5) 7px, rgba(255, 255, 255, .5) 14px);
 }
 
 .details-section.probe-set .data-grid .data-container tr.revealed.highlighted {
@@ -91,7 +91,7 @@
 
     font-size: 11px;
     font-family: "Lucida Grande", sans-serif;
-    background-image: -webkit-linear-gradient(top, rgb(248, 248, 248), rgb(226, 226, 226));
+    background-image: linear-gradient(to bottom, rgb(248, 248, 248), rgb(226, 226, 226));
     background-size: 100% 100% !important;
     background-position: center !important;
     background-repeat: no-repeat !important;

diff --git a/Source/WebInspectorUI/UserInterface/Views/RadioButtonNavigationItem.css b/Source/WebInspectorUI/UserInterface/Views/RadioButtonNavigationItem.css
index 6660361..51e04f4 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/RadioButtonNavigationItem.css
+++ b/Source/WebInspectorUI/UserInterface/Views/RadioButtonNavigationItem.css
@@ -33,8 +33,8 @@
 
 .navigation-bar .item.radio.button.text-only.selected {
     background-repeat: no-repeat;
-    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.09) 12%, rgba(0, 0, 0, 0.06) 12%, transparent), -webkit-linear-gradient(top, rgba(0, 0, 0, 0.45), transparent),
-        -webkit-linear-gradient(top, rgba(0, 0, 0, 0.45), transparent);
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.09) 12%, rgba(0, 0, 0, 0.06) 12%, transparent), linear-gradient(to bottom, rgba(0, 0, 0, 0.45), transparent),
+        linear-gradient(to bottom, rgba(0, 0, 0, 0.45), transparent);
     background-size: 100% 100%, 1px 100%, 1px 100%;
     background-position: left top, left top, right top;
 

diff --git a/Source/WebInspectorUI/UserInterface/Views/TextEditor.css b/Source/WebInspectorUI/UserInterface/Views/TextEditor.css
index d80168b..11b23ae 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/TextEditor.css
+++ b/Source/WebInspectorUI/UserInterface/Views/TextEditor.css
@@ -109,7 +109,7 @@
     box-shadow: inset rgb(250, 232, 140) 0 -1px 0, rgba(211, 197, 96, 1) 0 1px 1px, rgba(0, 0, 0, 0.33) 0 1px 2px 1px;
     text-shadow: white 0 0 2px;
 
-    background: -webkit-linear-gradient(top, rgb(250, 237, 108), rgb(242, 220, 100));
+    background: linear-gradient(to bottom, rgb(250, 237, 108), rgb(242, 220, 100));
     border-radius: 7px;
 
     padding: 2px 4px;

diff --git a/Source/WebInspectorUI/UserInterface/Views/TimelineContentView.css b/Source/WebInspectorUI/UserInterface/Views/TimelineContentView.css
index 9cbc0df..60ec0d6 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/TimelineContentView.css
+++ b/Source/WebInspectorUI/UserInterface/Views/TimelineContentView.css
@@ -46,6 +46,6 @@
 }
 
 .content-view.timeline > .view-container > .timeline-view > .data-grid table.data {
-    background-image: -webkit-linear-gradient(top, white, white 50%, rgb(243, 243, 243) 50%, rgb(243, 243, 243));
+    background-image: linear-gradient(to bottom, white, white 50%, rgb(243, 243, 243) 50%, rgb(243, 243, 243));
     background-size: 100% 40px;
 }

diff --git a/Source/WebInspectorUI/UserInterface/Views/TimelineDataGrid.css b/Source/WebInspectorUI/UserInterface/Views/TimelineDataGrid.css
index 7a987b0..7cf7e5a 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/TimelineDataGrid.css
+++ b/Source/WebInspectorUI/UserInterface/Views/TimelineDataGrid.css
@@ -207,7 +207,7 @@
     color: white;
     border-radius: 4px;
     box-shadow: inset rgb(87, 152, 206) 0 1px 0;
-    background: -webkit-linear-gradient(top, rgb(110, 167, 216), rgb(36, 114, 181));
+    background: linear-gradient(to bottom, rgb(110, 167, 216), rgb(36, 114, 181));
     background-origin: padding-box;
     background-clip: padding-box;
     text-shadow: rgb(51, 88, 123) 0 1px 0;

diff --git a/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.css b/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.css
index a49d88e..318b395 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.css
+++ b/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.css
@@ -52,7 +52,7 @@
     top: 0;
     bottom: 0;
     -webkit-transform: translateX(-1px);
-    background-image: -webkit-linear-gradient(bottom, rgba(200, 200, 200, 1), rgba(200, 200, 200, 0) 85%);
+    background-image: linear-gradient(to bottom, rgba(200, 200, 200, 0), rgba(200, 200, 200, 1) 85%);
 }
 
 .timeline-ruler > .header > .divider > .label {

diff --git a/Source/WebInspectorUI/UserInterface/Views/TimelineSidebarPanel.css b/Source/WebInspectorUI/UserInterface/Views/TimelineSidebarPanel.css
index e305f92..e9a1c58 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/TimelineSidebarPanel.css
+++ b/Source/WebInspectorUI/UserInterface/Views/TimelineSidebarPanel.css
@@ -97,7 +97,7 @@
     height: 22px;
 
     border-bottom: 1px solid rgb(179, 179, 179);
-    background-image: -webkit-linear-gradient(top, rgb(238, 240, 244), rgb(224, 226, 230));
+    background-image: linear-gradient(to bottom, rgb(238, 240, 244), rgb(224, 226, 230));
 
     color: rgb(57, 57, 57);
     text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
@@ -195,7 +195,7 @@
     right: 0;
     min-height: 100%;
 
-    background-image: -webkit-linear-gradient(top, transparent, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03));
+    background-image: linear-gradient(to bottom, transparent, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03));
     background-size: 100% 40px;
 
     pointer-events: none;

diff --git a/Source/WebInspectorUI/UserInterface/Views/Toolbar.css b/Source/WebInspectorUI/UserInterface/Views/Toolbar.css
index 60e330d..55d73db 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/Toolbar.css
+++ b/Source/WebInspectorUI/UserInterface/Views/Toolbar.css
@@ -55,13 +55,13 @@
 
 body.docked .toolbar,
 body:not(.mac-platform) .toolbar {
-    background-image: -webkit-linear-gradient(top, rgb(233, 233, 233), rgb(229, 229, 229));
+    background-image: linear-gradient(to bottom, rgb(233, 233, 233), rgb(229, 229, 229));
     box-shadow: inset rgb(252, 252, 252) 0 1px 0;
 }
 
 body.docked.mac-platform.mountain-lion .toolbar,
 body.docked.mac-platform.mavericks .toolbar {
-    background-image: -webkit-linear-gradient(top, rgb(216, 216, 216), rgb(190, 190, 190));
+    background-image: linear-gradient(to bottom, rgb(216, 216, 216), rgb(190, 190, 190));
     box-shadow: inset rgba(255, 255, 255, 0.1) 0 1px 0, inset rgba(0, 0, 0, 0.02) 0 -1px 0;
 }