third_party/WebKit/LayoutTests/inspector/elements/elements-panel-styles-expected.txt

   1 Tests that elements panel shows proper styles in the sidebar panel.
   2
   3 Foo
   4 border-bottom-left-radius: 5px
   5     5px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
   6 border-bottom-right-radius: 5px
   7     5px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
   8 border-top-left-radius: 5px
   9     5px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
  10 border-top-right-radius: 5px
  11     5px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
  12 color: rgb(0, 0, 255)
  13     blue - .foo, .foo::before elements-panel-styles.css:34 -> elements-panel-styles.css:34:1
  14     OVERLOADED black - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
  15     OVERLOADED red - #container elements-panel-styles.css:10 -> elements-panel-styles.css:10:1
  16     OVERLOADED magenta !important - html elements-panel-styles.css:61 -> elements-panel-styles.css:61:1
  17 content: "[before Foo]"
  18     "[before Foo]" - .foo, .foo::before elements-panel-styles.css:34 -> elements-panel-styles.css:34:1
  19 display: block
  20     OVERLOADED none - element.style
  21     block !important - .foo, .foo::before elements-panel-styles.css:34 -> elements-panel-styles.css:34:1
  22     OVERLOADED block - div user agent stylesheet
  23 font-family: serif
  24     serif - #container elements-panel-styles.css:10 -> elements-panel-styles.css:10:1
  25 font-size: 14px
  26     14px - #container elements-panel-styles.css:10 -> elements-panel-styles.css:10:1
  27     OVERLOADED 12px - body elements-panel-styles.css:1 -> elements-panel-styles.css:1:1
  28 font-style: italic
  29     italic !important - #container .foo elements-panel-styles.css:17 -> elements-panel-styles.css:17:1
  30     OVERLOADED normal !important - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
  31 font-weight: normal
  32     normal !important - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
  33 margin-bottom: 2px
  34     2px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
  35 margin-left: 0px
  36     1px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
  37 margin-right: 0px
  38     0px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
  39 margin-top: 10px
  40     10px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
  41 padding-bottom: 4px
  42     4px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
  43 padding-left: 4px
  44     4px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
  45 padding-right: 1px
  46     1px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
  47 padding-top: 4px
  48     4px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
  49 text-align: -webkit-left
  50     -webkit-left - element.style
  51 text-indent: 0px
  52     OVERLOADED 10px - body .foo elements-panel-styles.css:6 -> elements-panel-styles.css:6:1
  53     0 !important - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
  54     OVERLOADED 20px !important - body elements-panel-styles.css:1 -> elements-panel-styles.css:1:1
  55 -webkit-font-smoothing: subpixel-antialiased
  56     subpixel-antialiased - element.style
  57 [expanded]
  58 element.style  { ()
  59 /-- overloaded --/     display: none;
  60     -webkit-font-smoothing: subpixel-antialiased;
  61
  62 [expanded]
  63 #container .foo  { (elements-panel-styles.css:17 -> elements-panel-styles.css:17:1)
  64     font-style: italic !important;
  65
  66 [expanded]
  67 body .foo  { (elements-panel-styles.css:6 -> elements-panel-styles.css:6:1)
  68 /-- overloaded --/     text-indent: 10px;
  69
  70 [expanded]
  71 .foo  { (elements-panel-styles.css:53 -> elements-panel-styles.css:53:1)
  72
  73 [expanded]
  74 .foo, .foo::before  { (elements-panel-styles.css:34 -> elements-panel-styles.css:34:1)
  75     content: "[before Foo]";
  76     color: blue;
  77     display: block !important;
  78
  79 [expanded]
  80 .foo  { (elements-panel-styles.css:21 -> elements-panel-styles.css:21:1)
  81 /-- overloaded --/     color: black;
  82     margin-left: 1px;
  83     margin: 10px 0 2px;
  84         margin-top: 10px;
  85         margin-right: 0px;
  86         margin-bottom: 2px;
  87         margin-left: 1px;
  88     border-radius: 5px;
  89         border-top-left-radius: 5px;
  90         border-top-right-radius: 5px;
  91         border-bottom-right-radius: 5px;
  92         border-bottom-left-radius: 5px;
  93 /-- overloaded --/     font-style: normal !important;
  94     font-weight: normal !important;
  95 /-- overloaded --/     font-weight: bold;
  96     padding: 4px;
  97         padding-top: 4px;
  98         padding-right: 1px;
  99         padding-bottom: 4px;
 100         padding-left: 4px;
 101     padding-right: 1px;
 102     text-indent: 0 !important;
 103
 104 [expanded]
 105 div[Attributes Style]  { ()
 106     text-align: -webkit-left;
 107
 108 [expanded]
 109 div  { (user agent stylesheet)
 110 /-- overloaded --/     display: block;
 111
 112 ======== Inherited from div#container ========
 113 [expanded]
 114 #container  { (elements-panel-styles.css:10 -> elements-panel-styles.css:10:1)
 115     font-family: serif;
 116     font-size: 14px;
 117 /-- overloaded --/     color: red;
 118
 119 ======== Inherited from body ========
 120 [expanded]
 121 body  { (elements-panel-styles.css:1 -> elements-panel-styles.css:1:1)
 122 /-- overloaded --/     font-size: 12px;
 123 /-- overloaded --/     text-indent: 20px !important;
 124
 125 ======== Inherited from html ========
 126 [expanded]
 127 html  { (elements-panel-styles.css:61 -> elements-panel-styles.css:61:1)
 128 /-- overloaded --/     color: magenta !important;
 129
 130 ======== Pseudo ::before element ========
 131 [expanded]
 132 .foo::before  { (elements-panel-styles.css:57 -> elements-panel-styles.css:57:1)
 133
 134 [expanded]
 135 .foo::before  { (elements-panel-styles.css:40 -> elements-panel-styles.css:40:1)
 136     color: red;
 137
 138 [expanded]
 139 .foo, .foo::before  { (elements-panel-styles.css:34 -> elements-panel-styles.css:34:7)
 140     content: "[before Foo]";
 141 /-- overloaded --/     color: blue;
 142     display: block !important;
 143
 144 ======== Pseudo ::after element ========
 145 [expanded]
 146 .foo::after  { (elements-panel-styles.css:48 -> elements-panel-styles.css:48:1)
 147     font-family: courier;
 148     content: "[after Foo 2]";
 149
 150 [expanded]
 151 .foo::after  { (elements-panel-styles.css:44 -> elements-panel-styles.css:44:1)
 152 /-- overloaded --/     content: "[after Foo]";
 153     color: green;
 154
 155