blob: 81bad585af6e505d5bc82120b0e6691e7e08f7e2 [file] [log] [blame]
CONSOLE MESSAGE: line 9: iframe loaded
Tests that injected user stylesheets are reflected in the Styles pane.
Main frame style:
[expanded]
-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
-webkit-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAiElEQ…Ms+LS30CAhBN5nNxeT5hbJ1zwmji2k+aF6NENIPf/hs54f0sZFUVAMigAAAABJRU5ErkJggg==) 100% / 1 / 0px stretch;
#main - url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAiElEQVR42r2RsQrDMAxEBRdl8SDcX8lQPGg1GBI6lvz/h7QyRRXV0qUULwfvwZ1tenw5PxToRPWMC52eA9+WDnlh3HFQ/xBQl86NFYJqeGflkiogrOvVlIFhqURFVho3x1moGAa3deMs+LS30CAhBN5nNxeT5hbJ1zwmji2k+aF6NENIPf/hs54f0sZFUVAMigAAAABJRU5ErkJggg==) user stylesheet
background-attachment: scroll;
#main - initial inject-stylesheet.html:5
background-clip: border-box;
#main - initial inject-stylesheet.html:5
background-color: rgb(0, 0, 255);
#main - blue inject-stylesheet.html:5
background-image: none;
#main - initial inject-stylesheet.html:5
background-origin: padding-box;
#main - initial inject-stylesheet.html:5
background-size: auto;
#main - initial inject-stylesheet.html:5
color: rgb(255, 0, 0);
#main - red user stylesheet
display: block;
div - block user agent stylesheet
[expanded]
element.style { ()
======== Matched CSS Rules ========
[expanded]
media="screen" (inject-stylesheet.html)
#main { (inject-stylesheet.html:5)
background: blue;
background-image: initial;
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: blue;
[expanded]
#main { (user stylesheet)
color: red;
-webkit-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAiElEQ…Ms+LS30CAhBN5nNxeT5hbJ1zwmji2k+aF6NENIPf/hs54f0sZFUVAMigAAAABJRU5ErkJggg==);
[expanded]
div { (user agent stylesheet)
display: block;
iframe style:
[expanded]
-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
background-attachment: scroll;
body - initial inject-stylesheet-iframe-data.html:4
/-- overloaded --/ #iframebody - initial user stylesheet
background-clip: border-box;
body - initial inject-stylesheet-iframe-data.html:4
/-- overloaded --/ #iframebody - initial user stylesheet
background-color: rgb(0, 128, 0);
body - green inject-stylesheet-iframe-data.html:4
/-- overloaded --/ #iframebody - red user stylesheet
background-image: none;
body - initial inject-stylesheet-iframe-data.html:4
/-- overloaded --/ #iframebody - initial user stylesheet
background-origin: padding-box;
body - initial inject-stylesheet-iframe-data.html:4
/-- overloaded --/ #iframebody - initial user stylesheet
background-size: auto;
body - initial inject-stylesheet-iframe-data.html:4
/-- overloaded --/ #iframebody - initial user stylesheet
display: block;
body - block user agent stylesheet
margin-bottom: 8px;
body - 8px user agent stylesheet
margin-left: 8px;
body - 8px user agent stylesheet
margin-right: 8px;
body - 8px user agent stylesheet
margin-top: 8px;
body - 8px user agent stylesheet
[expanded]
element.style { ()
======== Matched CSS Rules ========
[expanded]
media="screen" (inject-stylesheet-iframe-data.html)
body { (inject-stylesheet-iframe-data.html:4)
background: green;
background-image: initial;
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: green;
[expanded]
#iframebody { (user stylesheet)
/-- overloaded --/ background: red;
/-- overloaded --/ background-image: initial;
/-- overloaded --/ background-position-x: initial;
/-- overloaded --/ background-position-y: initial;
/-- overloaded --/ background-size: initial;
/-- overloaded --/ background-repeat-x: initial;
/-- overloaded --/ background-repeat-y: initial;
/-- overloaded --/ background-attachment: initial;
/-- overloaded --/ background-origin: initial;
/-- overloaded --/ background-clip: initial;
/-- overloaded --/ background-color: red;
[expanded]
body { (user agent stylesheet)
display: block;
margin: 8px;
margin-top: 8px;
margin-right: 8px;
margin-bottom: 8px;
margin-left: 8px;