| 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; |
| |
| |
| |