DevTools: revert back ComputedStylesSidebar

LayoutTests/inspector/elements/styles-2/inject-stylesheet-expected.txt

Index: LayoutTests/inspector/elements/styles-2/inject-stylesheet-expected.txt
diff --git a/LayoutTests/inspector/elements/styles-2/inject-stylesheet-expected.txt b/LayoutTests/inspector/elements/styles-2/inject-stylesheet-expected.txt
index 8c55bee435ad5fe5799bdc1325d2031309cd9d7d..a86f0f615f734d6d37dce2d11c429ae053c57e2e 100644
--- a/LayoutTests/inspector/elements/styles-2/inject-stylesheet-expected.txt
+++ b/LayoutTests/inspector/elements/styles-2/inject-stylesheet-expected.txt
@@ -4,14 +4,23 @@ Tests that injected user stylesheets are reflected in the Styles pane.
 
 Main frame style:
 background-attachment: scroll;
+    initial - #main inject-stylesheet.html:5 -> inject-stylesheet.html:5:3
 background-clip: border-box;
+    initial - #main inject-stylesheet.html:5 -> inject-stylesheet.html:5:3
 background-color: rgb(0, 0, 255);
+    blue - #main inject-stylesheet.html:5 -> inject-stylesheet.html:5:3
 background-image: none;
+    initial - #main inject-stylesheet.html:5 -> inject-stylesheet.html:5:3
 background-origin: padding-box;
+    initial - #main inject-stylesheet.html:5 -> inject-stylesheet.html:5:3
 background-size: auto;
+    initial - #main inject-stylesheet.html:5 -> inject-stylesheet.html:5:3
 -webkit-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAiElEQ…Ms+LS30CAhBN5nNxeT5hbJ1zwmji2k+aF6NENIPf/hs54f0sZFUVAMigAAAABJRU5ErkJggg==) 100% / 1 / 0px stretch;
+    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAiElEQVR42r2RsQrDMAxEBRdl8SDcX8lQPGg1GBI6lvz/h7QyRRXV0qUULwfvwZ1tenw5PxToRPWMC52eA9+WDnlh3HFQ/xBQl86NFYJqeGflkiogrOvVlIFhqURFVho3x1moGAa3deMs+LS30CAhBN5nNxeT5hbJ1zwmji2k+aF6NENIPf/hs54f0sZFUVAMigAAAABJRU5ErkJggg==) - injected stylesheet#main injected stylesheet
 color: rgb(255, 0, 0);
+    red - injected stylesheet#main injected stylesheet
 display: block;
+    block - user agent stylesheetdiv user agent stylesheet
 [expanded] 
 element.style  { ()
 
@@ -41,16 +50,33 @@ div  { (user agent stylesheet)
 
 iframe style:
 background-attachment: scroll;
+    initial - injected stylesheet#iframebody injected stylesheet
+    OVERLOADED initial - body inject-styleshe…me-data.html:4 -> inject-stylesheet-iframe-data.html:4:3
 background-clip: border-box;
+    initial - injected stylesheet#iframebody injected stylesheet
+    OVERLOADED initial - body inject-styleshe…me-data.html:4 -> inject-stylesheet-iframe-data.html:4:3
 background-color: rgb(255, 0, 0);
+    red - injected stylesheet#iframebody injected stylesheet
+    OVERLOADED green - body inject-styleshe…me-data.html:4 -> inject-stylesheet-iframe-data.html:4:3
 background-image: none;
+    initial - injected stylesheet#iframebody injected stylesheet
+    OVERLOADED initial - body inject-styleshe…me-data.html:4 -> inject-stylesheet-iframe-data.html:4:3
 background-origin: padding-box;
+    initial - injected stylesheet#iframebody injected stylesheet
+    OVERLOADED initial - body inject-styleshe…me-data.html:4 -> inject-stylesheet-iframe-data.html:4:3
 background-size: auto;
+    initial - injected stylesheet#iframebody injected stylesheet
+    OVERLOADED initial - body inject-styleshe…me-data.html:4 -> inject-stylesheet-iframe-data.html:4:3
 display: block;
+    block - user agent stylesheetbody user agent stylesheet
 margin-bottom: 8px;
+    8px - user agent stylesheetbody user agent stylesheet
 margin-left: 8px;
+    8px - user agent stylesheetbody user agent stylesheet
 margin-right: 8px;
+    8px - user agent stylesheetbody user agent stylesheet
 margin-top: 8px;
+    8px - user agent stylesheetbody user agent stylesheet
 [expanded] 
 element.style  { ()