OLD | NEW |
1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
3 layer at (0,0) size 800x600 | 3 layer at (0,0) size 800x600 |
4 LayoutBlockFlow {HTML} at (0,0) size 800x600 | 4 LayoutBlockFlow {HTML} at (0,0) size 800x600 |
5 LayoutBlockFlow {BODY} at (8,8) size 784x584 | 5 LayoutBlockFlow {BODY} at (8,8) size 784x584 |
6 LayoutBlockFlow {H2} at (3.19,0) size 777.63x18 | 6 LayoutBlockFlow {H2} at (3.19,0) size 777.63x18 |
7 LayoutText {#text} at (0,0) size 357x18 | 7 LayoutText {#text} at (0,0) size 357x18 |
8 text run at (0,0) width 357: "Horizontal meters with the non-themed de
fault style" | 8 text run at (0,0) width 357: "Horizontal meters with the non-themed de
fault style" |
9 LayoutBlockFlow {UL} at (3.19,21.19) size 777.63x62.19 | 9 LayoutBlockFlow {UL} at (3.19,21.19) size 777.63x62.19 |
10 LayoutListItem {LI} at (43.19,0) size 731.25x18 | 10 LayoutListItem {LI} at (43.19,0) size 731.25x18 |
(...skipping 26 matching lines...) Expand all Loading... |
37 LayoutBlockFlow {DIV} at (0,0) size 13.50x40 | 37 LayoutBlockFlow {DIV} at (0,0) size 13.50x40 |
38 LayoutText {#text} at (64,23) size 4x18 | 38 LayoutText {#text} at (64,23) size 4x18 |
39 text run at (64,23) width 4: " " | 39 text run at (64,23) width 4: " " |
40 LayoutBlockFlow {METER} at (68,0.19) size 30x40 | 40 LayoutBlockFlow {METER} at (68,0.19) size 30x40 |
41 LayoutBlockFlow {DIV} at (0,0) size 30x40 | 41 LayoutBlockFlow {DIV} at (0,0) size 30x40 |
42 LayoutBlockFlow {DIV} at (0,0) size 30x40 | 42 LayoutBlockFlow {DIV} at (0,0) size 30x40 |
43 LayoutBlockFlow {DIV} at (0,0) size 22.50x40 | 43 LayoutBlockFlow {DIV} at (0,0) size 22.50x40 |
44 LayoutBlockFlow {H2} at (3.19,86.56) size 777.63x18 | 44 LayoutBlockFlow {H2} at (3.19,86.56) size 777.63x18 |
45 LayoutText {#text} at (0,0) size 153x18 | 45 LayoutText {#text} at (0,0) size 153x18 |
46 text run at (0,0) width 153: "Providing meter styles" | 46 text run at (0,0) width 153: "Providing meter styles" |
47 LayoutBlockFlow {DIV} at (0,107.75) size 784x90.56 [bgcolor=#EEEEEE] | 47 LayoutBlockFlow {DIV} at (0,107.75) size 784x112.75 [bgcolor=#EEEEEE] |
48 LayoutBlockFlow {UL} at (3.19,0) size 777.63x90.56 | 48 LayoutBlockFlow {UL} at (3.19,0) size 777.63x112.75 |
49 LayoutListItem {LI} at (43.19,0) size 731.25x18 | 49 LayoutListItem {LI} at (43.19,0) size 731.25x18 |
50 LayoutBlockFlow {METER} at (0,1.19) size 80x16 [bgcolor=#AAAACC] [bo
rder: (5px solid #222244) (20px solid #222244) (5px solid #222244) (10px solid #
222244)] | 50 LayoutBlockFlow {METER} at (0,1.19) size 80x16 [border: (5px solid #
222244) (20px solid #222244) (5px solid #222244) (10px solid #222244)] |
51 LayoutBlockFlow {DIV} at (10,5) size 50x6 | 51 LayoutBlockFlow {DIV} at (10,5) size 50x0 |
52 LayoutBlockFlow {DIV} at (0,0) size 50x6 | |
53 LayoutBlockFlow {DIV} at (0,0) size 40x6 | |
54 LayoutText {#text} at (80,0) size 72x18 | 52 LayoutText {#text} at (80,0) size 72x18 |
55 text run at (80,0) width 72: " has border" | 53 text run at (80,0) width 72: " has border" |
56 LayoutListItem {LI} at (43.19,21.19) size 731.25x18 | 54 LayoutListItem {LI} at (43.19,21.19) size 731.25x18 |
57 LayoutBlockFlow {METER} at (0,1.19) size 80x16 [bgcolor=#AAAACC] | 55 LayoutBlockFlow {METER} at (0,1.19) size 80x16 |
58 LayoutBlockFlow {DIV} at (10,5) size 50x6 | 56 LayoutBlockFlow {DIV} at (10,5) size 50x0 |
59 LayoutBlockFlow {DIV} at (0,0) size 50x6 | |
60 LayoutBlockFlow {DIV} at (0,0) size 40x6 | |
61 LayoutText {#text} at (80,0) size 81x18 | 57 LayoutText {#text} at (80,0) size 81x18 |
62 text run at (80,0) width 81: " has padding" | 58 text run at (80,0) width 81: " has padding" |
63 LayoutListItem {LI} at (43.19,42.38) size 731.25x27 | 59 LayoutListItem {LI} at (43.19,42.38) size 731.25x27 |
64 LayoutBlockFlow {METER} at (10,5.19) size 80x16 [bgcolor=#AAAACC] | 60 LayoutBlockFlow {METER} at (10,5.19) size 80x16 |
65 LayoutBlockFlow {DIV} at (0,0) size 80x16 | 61 LayoutBlockFlow {DIV} at (0,0) size 80x0 |
66 LayoutBlockFlow {DIV} at (0,0) size 80x16 | |
67 LayoutBlockFlow {DIV} at (0,0) size 64x16 | |
68 LayoutText {#text} at (110,9) size 75x18 | 62 LayoutText {#text} at (110,9) size 75x18 |
69 text run at (110,9) width 75: " has margin" | 63 text run at (110,9) width 75: " has margin" |
70 LayoutListItem {LI} at (43.19,72.56) size 731.25x18 | 64 LayoutListItem {LI} at (43.19,72.56) size 731.25x18 |
71 LayoutBlockFlow {METER} at (0,1.19) size 80x16 | 65 LayoutBlockFlow {METER} at (0,1.19) size 80x16 |
72 LayoutBlockFlow {DIV} at (0,0) size 80x16 | 66 LayoutBlockFlow {DIV} at (0,0) size 80x16 |
73 LayoutBlockFlow {DIV} at (0,0) size 80x16 | 67 LayoutBlockFlow {DIV} at (0,0) size 80x16 |
74 LayoutBlockFlow {DIV} at (0,0) size 0x16 | 68 LayoutBlockFlow {DIV} at (0,0) size 0x16 |
75 LayoutText {#text} at (80,0) size 108x18 | 69 LayoutText {#text} at (80,0) size 108x18 |
76 text run at (80,0) width 108: " has box-shadow" | 70 text run at (80,0) width 108: " has box-shadow" |
77 LayoutBlockFlow {H2} at (3.19,201.50) size 777.63x18 | 71 LayoutListItem {LI} at (43.19,93.75) size 731.25x19 |
| 72 LayoutBlockFlow {METER} at (0,3.19) size 80x16 [color=#FFFFFF] [bgco
lor=#0000FF] |
| 73 LayoutBlockFlow {DIV} at (0,0) size 80x18 |
| 74 LayoutText {#text} at (0,0) size 16x18 |
| 75 text run at (0,0) width 16: "50" |
| 76 LayoutText {#text} at (80,0) size 447x18 |
| 77 text run at (80,0) width 447: " Background CSS property disables -
webkit-apparance automatically." |
| 78 LayoutBlockFlow {H2} at (3.19,223.69) size 777.63x18 |
78 LayoutText {#text} at (0,0) size 227x18 | 79 LayoutText {#text} at (0,0) size 227x18 |
79 text run at (0,0) width 227: "Providing bar and/or value styles" | 80 text run at (0,0) width 227: "Providing bar and/or value styles" |
80 LayoutBlockFlow {DIV} at (0,222.69) size 784x166.31 [bgcolor=#EEEEEE] | 81 LayoutBlockFlow {DIV} at (0,244.88) size 784x81.56 [bgcolor=#EEEEEE] |
81 LayoutBlockFlow {UL} at (3.19,0) size 777.63x81.56 | 82 LayoutBlockFlow {UL} at (3.19,0) size 777.63x81.56 |
82 LayoutBlockFlow (anonymous) at (40,0) size 737.63x18 | 83 LayoutBlockFlow (anonymous) at (40,0) size 737.63x18 |
83 LayoutText {#text} at (0,0) size 486x18 | 84 LayoutText {#text} at (0,0) size 473x18 |
84 text run at (0,0) width 486: "default -webkit-appearance, thus sho
uld use platform theme (only for Mac.)" | 85 text run at (0,0) width 473: "default -webkit-appearance, thus sho
uld use Shadow DOM CSS rendring." |
85 LayoutListItem {LI} at (43.19,21.19) size 731.25x18 | 86 LayoutListItem {LI} at (43.19,21.19) size 731.25x18 |
86 LayoutBlockFlow {METER} at (0,1.19) size 80x16 | 87 LayoutBlockFlow {METER} at (0,1.19) size 80x16 |
87 LayoutBlockFlow {DIV} at (0,0) size 80x16 | 88 LayoutBlockFlow {DIV} at (0,0) size 80x16 |
88 LayoutBlockFlow {DIV} at (0,0) size 80x16 | 89 LayoutBlockFlow {DIV} at (0,0) size 80x16 |
89 LayoutBlockFlow {DIV} at (0,0) size 64x16 [bgcolor=#008000] [b
order: (2px solid #77CC77)] | 90 LayoutBlockFlow {DIV} at (0,0) size 64x16 [bgcolor=#008000] [b
order: (2px solid #77CC77)] |
90 LayoutText {#text} at (80,0) size 217x18 | 91 LayoutText {#text} at (80,0) size 217x18 |
91 text run at (80,0) width 217: " has bar style but should ignore it
." | 92 text run at (80,0) width 217: " has bar style but should ignore it
." |
92 LayoutListItem {LI} at (43.19,42.38) size 731.25x18 | 93 LayoutListItem {LI} at (43.19,42.38) size 731.25x18 |
93 LayoutBlockFlow {METER} at (0,1.19) size 80x16 | 94 LayoutBlockFlow {METER} at (0,1.19) size 80x16 |
94 LayoutBlockFlow {DIV} at (0,0) size 80x16 | 95 LayoutBlockFlow {DIV} at (0,0) size 80x16 |
95 LayoutBlockFlow {DIV} at (0,0) size 80x16 [bgcolor=#808080] [bor
der: (2px solid #222222)] | 96 LayoutBlockFlow {DIV} at (0,0) size 80x16 [bgcolor=#808080] [bor
der: (2px solid #222222)] |
96 LayoutBlockFlow {DIV} at (2,2) size 60.80x12 | 97 LayoutBlockFlow {DIV} at (2,2) size 60.80x12 |
97 LayoutText {#text} at (80,0) size 232x18 | 98 LayoutText {#text} at (80,0) size 232x18 |
98 text run at (80,0) width 232: " has value style but should ignore
it." | 99 text run at (80,0) width 232: " has value style but should ignore
it." |
99 LayoutListItem {LI} at (43.19,63.56) size 731.25x18 | 100 LayoutListItem {LI} at (43.19,63.56) size 731.25x18 |
100 LayoutBlockFlow {METER} at (0,1.19) size 80x16 | 101 LayoutBlockFlow {METER} at (0,1.19) size 80x16 |
101 LayoutBlockFlow {DIV} at (0,0) size 80x16 | 102 LayoutBlockFlow {DIV} at (0,0) size 80x16 |
102 LayoutBlockFlow {DIV} at (0,0) size 80x16 [bgcolor=#808080] [bor
der: (2px solid #222222)] | 103 LayoutBlockFlow {DIV} at (0,0) size 80x16 [bgcolor=#808080] [bor
der: (2px solid #222222)] |
103 LayoutBlockFlow {DIV} at (2,2) size 60.80x12 [bgcolor=#008000]
[border: (2px solid #77CC77)] | 104 LayoutBlockFlow {DIV} at (2,2) size 60.80x12 [bgcolor=#008000]
[border: (2px solid #77CC77)] |
104 LayoutText {#text} at (80,0) size 255x18 | 105 LayoutText {#text} at (80,0) size 255x18 |
105 text run at (80,0) width 255: " has both styles but should ignore
them." | 106 text run at (80,0) width 255: " has both styles but should ignore
them." |
106 LayoutBlockFlow {UL} at (3.19,84.75) size 777.63x81.56 | 107 LayoutBlockFlow {H2} at (3.19,329.63) size 777.63x18 |
107 LayoutBlockFlow (anonymous) at (40,0) size 737.63x18 | |
108 LayoutText {#text} at (0,0) size 470x18 | |
109 text run at (0,0) width 470: "-webkit-appearance: none, thus custo
m styled elements should be shown." | |
110 LayoutListItem {LI} at (43.19,21.19) size 731.25x18 | |
111 LayoutBlockFlow {METER} at (0,1.19) size 80x16 | |
112 LayoutBlockFlow {DIV} at (0,0) size 80x16 | |
113 LayoutBlockFlow {DIV} at (0,0) size 80x16 | |
114 LayoutBlockFlow {DIV} at (0,0) size 64x16 [bgcolor=#008000] [b
order: (2px solid #77CC77)] | |
115 LayoutText {#text} at (80,0) size 276x18 | |
116 text run at (80,0) width 276: " has bar style, should have solid v
alue part." | |
117 LayoutListItem {LI} at (43.19,42.38) size 731.25x18 | |
118 LayoutBlockFlow {METER} at (0,1.19) size 80x16 | |
119 LayoutBlockFlow {DIV} at (0,0) size 80x16 | |
120 LayoutBlockFlow {DIV} at (0,0) size 80x16 [bgcolor=#808080] [bor
der: (2px solid #222222)] | |
121 LayoutBlockFlow {DIV} at (2,2) size 60.80x12 | |
122 LayoutText {#text} at (80,0) size 261x18 | |
123 text run at (80,0) width 261: " has value style, should be solid b
ar part." | |
124 LayoutListItem {LI} at (43.19,63.56) size 731.25x18 | |
125 LayoutBlockFlow {METER} at (0,1.19) size 80x16 | |
126 LayoutBlockFlow {DIV} at (0,0) size 80x16 | |
127 LayoutBlockFlow {DIV} at (0,0) size 80x16 [bgcolor=#808080] [bor
der: (2px solid #222222)] | |
128 LayoutBlockFlow {DIV} at (2,2) size 60.80x12 [bgcolor=#008000]
[border: (2px solid #77CC77)] | |
129 LayoutText {#text} at (80,0) size 240x18 | |
130 text run at (80,0) width 240: " should have solid bar and value pa
rt." | |
131 LayoutBlockFlow {H2} at (3.19,392.19) size 777.63x18 | |
132 LayoutText {#text} at (0,0) size 157x18 | 108 LayoutText {#text} at (0,0) size 157x18 |
133 text run at (0,0) width 157: "Providing appearances" | 109 text run at (0,0) width 157: "Providing appearances" |
134 LayoutBlockFlow {DIV} at (0,413.38) size 784x39.19 [bgcolor=#EEEEEE] | 110 LayoutBlockFlow {DIV} at (0,350.81) size 784x19 [bgcolor=#EEEEEE] |
135 LayoutBlockFlow {UL} at (3.19,0) size 777.63x39.19 | 111 LayoutBlockFlow {UL} at (3.19,0) size 777.63x19 |
136 LayoutListItem {LI} at (43.19,0) size 731.25x18 | 112 LayoutListItem {LI} at (43.19,0) size 731.25x19 |
137 LayoutBlockFlow {METER} at (0,1.19) size 80x16 | 113 LayoutBlockFlow {METER} at (0,3.19) size 80x16 |
138 LayoutBlockFlow {DIV} at (0,0) size 80x16 | 114 LayoutBlockFlow {DIV} at (0,0) size 80x18 |
139 LayoutBlockFlow {DIV} at (0,0) size 80x16 | 115 LayoutText {#text} at (0,0) size 16x18 |
140 LayoutBlockFlow {DIV} at (0,0) size 64x16 | 116 text run at (0,0) width 16: "80" |
141 LayoutText {#text} at (80,0) size 381x18 | 117 LayoutText {#text} at (80,0) size 359x18 |
142 text run at (80,0) width 381: " has \"none\" appearance, should be
styled with default style." | 118 text run at (80,0) width 359: " has \"none\" appearance, should re
nder METER content." |
143 LayoutListItem {LI} at (43.19,21.19) size 731.25x18 | 119 LayoutBlockFlow {H2} at (3.19,373) size 777.63x18 |
144 LayoutBlockFlow {METER} at (0,1.19) size 80x16 | |
145 LayoutBlockFlow {DIV} at (0,0) size 80x16 | |
146 LayoutBlockFlow {DIV} at (0,0) size 80x16 | |
147 LayoutBlockFlow {DIV} at (0,0) size 64x16 | |
148 LayoutText {#text} at (80,0) size 280x18 | |
149 text run at (80,0) width 280: " has \"meter\" appearance, should b
e themed." | |
150 LayoutBlockFlow {H2} at (3.19,455.75) size 777.63x18 | |
151 LayoutText {#text} at (0,0) size 162x18 | 120 LayoutText {#text} at (0,0) size 162x18 |
152 text run at (0,0) width 162: "Providing bar paddings" | 121 text run at (0,0) width 162: "Providing bar paddings" |
153 LayoutBlockFlow {DIV} at (0,476.94) size 784x18 [bgcolor=#EEEEEE] | 122 LayoutBlockFlow {DIV} at (0,394.19) size 784x18 [bgcolor=#EEEEEE] |
154 LayoutBlockFlow {METER} at (0,1.19) size 80x16 | 123 LayoutBlockFlow {METER} at (0,1.19) size 80x16 |
155 LayoutBlockFlow {DIV} at (0,0) size 80x16 | 124 LayoutBlockFlow {DIV} at (0,0) size 80x16 |
156 LayoutBlockFlow {DIV} at (0,0) size 80x16 | 125 LayoutBlockFlow {DIV} at (0,0) size 80x16 |
157 LayoutBlockFlow {DIV} at (5,5) size 35x6 | 126 LayoutBlockFlow {DIV} at (5,5) size 35x6 |
158 LayoutText {#text} at (80,0) size 166x18 | 127 LayoutText {#text} at (80,0) size 166x18 |
159 text run at (80,0) width 166: " has \"padding\" on the bar." | 128 text run at (80,0) width 166: " has \"padding\" on the bar." |
OLD | NEW |