| Tests that elements panel shows proper styles in the sidebar panel. |
| |
| Foo |
| [expanded] |
| -webkit-font-smoothing: subpixel-antialiased; |
| element.style - subpixel-antialiased |
| border-bottom-left-radius: 5px; |
| .foo - 5px elements-panel-styles.css:16 |
| border-bottom-right-radius: 5px; |
| .foo - 5px elements-panel-styles.css:16 |
| border-top-left-radius: 5px; |
| .foo - 5px elements-panel-styles.css:16 |
| border-top-right-radius: 5px; |
| .foo - 5px elements-panel-styles.css:16 |
| color: rgb(0, 0, 255); |
| .foo, .foo::before - blue elements-panel-styles.css:28 |
| /-- overloaded --/ .foo - black elements-panel-styles.css:16 |
| /-- overloaded --/ #container - red elements-panel-styles.css:5 |
| display: block; |
| /-- overloaded --/ element.style - none |
| .foo, .foo::before - block !important elements-panel-styles.css:28 |
| /-- overloaded --/ div - block user agent stylesheet |
| font-family: serif; |
| #container - serif elements-panel-styles.css:5 |
| font-size: 14px; |
| #container - 14px elements-panel-styles.css:5 |
| /-- overloaded --/ body - 12px elements-panel-styles.css:1 |
| font-style: italic; |
| #container .foo - italic !important elements-panel-styles.css:12 |
| /-- overloaded --/ .foo - normal !important elements-panel-styles.css:16 |
| font-weight: normal; |
| .foo - normal !important elements-panel-styles.css:16 |
| /-- overloaded --/ .foo - bold elements-panel-styles.css:16 |
| margin-bottom: 2px; |
| .foo - 2px elements-panel-styles.css:16 |
| margin-left: 0px; |
| .foo - 1px elements-panel-styles.css:16 |
| margin-right: 0px; |
| .foo - 0px elements-panel-styles.css:16 |
| margin-top: 10px; |
| .foo - 10px elements-panel-styles.css:16 |
| padding-bottom: 4px; |
| .foo - 4px elements-panel-styles.css:16 |
| padding-left: 4px; |
| .foo - 4px elements-panel-styles.css:16 |
| padding-right: 1px; |
| .foo - 1px elements-panel-styles.css:16 |
| padding-top: 4px; |
| .foo - 4px elements-panel-styles.css:16 |
| text-align: -webkit-left; |
| div[Attributes Style] - -webkit-left |
| |
| [expanded] |
| element.style { () |
| /-- overloaded --/ display: none; |
| -webkit-font-smoothing: subpixel-antialiased; |
| |
| ======== Matched CSS Rules ======== |
| [expanded] |
| #container .foo { (elements-panel-styles.css:12) |
| font-style: italic !important; |
| |
| [expanded] |
| .foo { (elements-panel-styles.css:47) |
| |
| [expanded] |
| .foo, .foo::before { (elements-panel-styles.css:28) |
| content: "[before Foo]"; |
| color: blue; |
| display: block !important; |
| |
| [expanded] |
| .foo { (elements-panel-styles.css:16) |
| /-- overloaded --/ color: black; |
| margin-left: 1px; |
| margin: 10px 0 2px; |
| margin-top: 10px; |
| margin-right: 0px; |
| margin-bottom: 2px; |
| margin-left: 1px; |
| border-radius: 5px; |
| border-top-left-radius: 5px; |
| border-top-right-radius: 5px; |
| border-bottom-right-radius: 5px; |
| border-bottom-left-radius: 5px; |
| /-- overloaded --/ font-style: normal !important; |
| font-weight: normal !important; |
| /-- overloaded --/ font-weight: bold; |
| padding: 4px; |
| padding-top: 4px; |
| padding-right: 1px; |
| padding-bottom: 4px; |
| padding-left: 4px; |
| padding-right: 1px; |
| |
| [expanded] |
| div[Attributes Style] { () |
| text-align: -webkit-left; |
| |
| [expanded] |
| div { (user agent stylesheet) |
| /-- overloaded --/ display: block; |
| |
| ======== Inherited from div#container ======== |
| [expanded] |
| #container { (elements-panel-styles.css:5) |
| font-family: serif; |
| font-size: 14px; |
| /-- overloaded --/ color: red; |
| |
| ======== Inherited from body ======== |
| [expanded] |
| body { (elements-panel-styles.css:1) |
| /-- overloaded --/ font-size: 12px; |
| |
| |
| ======== Pseudo ::before element ======== |
| [expanded] |
| .foo::before { (elements-panel-styles.css:51) |
| |
| [expanded] |
| .foo::before { (elements-panel-styles.css:34) |
| color: red; |
| |
| [expanded] |
| .foo, .foo::before { (elements-panel-styles.css:28) |
| content: "[before Foo]"; |
| /-- overloaded --/ color: blue; |
| display: block !important; |
| |
| |
| ======== Pseudo ::after element ======== |
| [expanded] |
| .foo::after { (elements-panel-styles.css:42) |
| font-family: courier; |
| content: "[after Foo 2]"; |
| |
| [expanded] |
| .foo::after { (elements-panel-styles.css:38) |
| /-- overloaded --/ content: "[after Foo]"; |
| color: green; |
| |
| |
| |