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..bd88020685ac4c1f068352b7dffa6908b26c6009 100644
--- a/LayoutTests/inspector/elements/styles-2/inject-stylesheet-expected.txt
+++ b/LayoutTests/inspector/elements/styles-2/inject-stylesheet-expected.txt
@@ -3,15 +3,24 @@ Tests that injected user stylesheets are reflected in the Styles pane.
 
 
 Main frame style:
-background-attachment: scroll;
-background-clip: border-box;
-background-color: rgb(0, 0, 255);
-background-image: none;
-background-origin: padding-box;
-background-size: auto;
--webkit-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAiElEQ…Ms+LS30CAhBN5nNxeT5hbJ1zwmji2k+aF6NENIPf/hs54f0sZFUVAMigAAAABJRU5ErkJggg==) 100% / 1 / 0px stretch;
-color: rgb(255, 0, 0);
-display: block;
+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+jfqAAAAiElEQ…Ms+LS30CAhBN5nNxeT5hbJ1zwmji2k+aF6NENIPf/hs54f0sZFUVAMigAAAABJRU5ErkJggg==) - #main injected stylesheet
+color: rgb(255, 0, 0)
+    red - #main injected stylesheet
+display: block
+    block - div user agent stylesheet
 [expanded] 
 element.style  { ()
 
@@ -40,17 +49,34 @@ div  { (user agent stylesheet)
     display: block;
 
 iframe style:
-background-attachment: scroll;
-background-clip: border-box;
-background-color: rgb(255, 0, 0);
-background-image: none;
-background-origin: padding-box;
-background-size: auto;
-display: block;
-margin-bottom: 8px;
-margin-left: 8px;
-margin-right: 8px;
-margin-top: 8px;
+background-attachment: scroll
+    initial - #iframebody injected stylesheet
+    OVERLOADED initial - body inject-styleshe…me-data.html:4 -> inject-stylesheet-iframe-data.html:4:3
+background-clip: border-box
+    initial - #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 - #iframebody injected stylesheet
+    OVERLOADED green - body inject-styleshe…me-data.html:4 -> inject-stylesheet-iframe-data.html:4:3
+background-image: none
+    initial - #iframebody injected stylesheet
+    OVERLOADED initial - body inject-styleshe…me-data.html:4 -> inject-stylesheet-iframe-data.html:4:3
+background-origin: padding-box
+    initial - #iframebody injected stylesheet
+    OVERLOADED initial - body inject-styleshe…me-data.html:4 -> inject-stylesheet-iframe-data.html:4:3
+background-size: auto
+    initial - #iframebody injected stylesheet
+    OVERLOADED initial - body inject-styleshe…me-data.html:4 -> inject-stylesheet-iframe-data.html:4:3
+display: block
+    block - body user agent stylesheet
+margin-bottom: 8px
+    8px - body user agent stylesheet
+margin-left: 8px
+    8px - body user agent stylesheet
+margin-right: 8px
+    8px - body user agent stylesheet
+margin-top: 8px
+    8px - body user agent stylesheet
 [expanded] 
 element.style  { ()