OLD | NEW |
1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 764 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 764 |
2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
3 layer at (0,0) size 785x600 | 3 layer at (0,0) size 785x600 |
4 LayoutBlockFlow {HTML} at (0,0) size 785x600 | 4 LayoutBlockFlow {HTML} at (0,0) size 785x600 |
5 LayoutBlockFlow {BODY} at (8,8) size 769x584 | 5 LayoutBlockFlow {BODY} at (8,8) size 769x584 |
6 LayoutBlockFlow {P} at (0,0) size 769x20 | 6 LayoutBlockFlow {P} at (0,0) size 769x20 |
7 LayoutText {#text} at (0,0) size 146x19 | 7 LayoutText {#text} at (0,0) size 146x19 |
8 text run at (0,0) width 146: "Test controls placement." | 8 text run at (0,0) width 146: "Test controls placement." |
9 LayoutBlockFlow {DIV} at (0,36) size 769x240 | 9 LayoutBlockFlow {DIV} at (0,36) size 769x240 |
10 LayoutText {#text} at (0,0) size 0x0 | 10 LayoutText {#text} at (0,0) size 0x0 |
11 LayoutBlockFlow {DIV} at (0,276) size 769x240 | 11 LayoutBlockFlow {DIV} at (0,276) size 769x240 |
12 LayoutText {#text} at (0,0) size 0x0 | 12 LayoutText {#text} at (0,0) size 0x0 |
13 LayoutBlockFlow {DIV} at (0,516) size 769x0 | 13 LayoutBlockFlow {DIV} at (0,516) size 769x0 |
14 layer at (8,44) size 320x240 | 14 layer at (8,44) size 320x240 |
15 LayoutVideo {VIDEO} at (0,0) size 320x240 | 15 LayoutVideo {VIDEO} at (0,0) size 320x240 |
16 layer at (8,284) size 320x240 | 16 layer at (8,284) size 320x240 |
17 LayoutVideo {VIDEO} at (0,0) size 320x240 | 17 LayoutVideo {VIDEO} at (0,0) size 320x240 |
18 layer at (8,44) size 320x240 | 18 layer at (8,44) size 320x240 |
19 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240 | 19 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240 |
20 LayoutBlockFlow {DIV} at (0,205) size 320x35 | 20 LayoutBlockFlow {DIV} at (0,208) size 320x32 |
21 layer at (8,44) size 320x205 | 21 layer at (8,44) size 320x198 |
22 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x205 | 22 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x198 |
23 layer at (13,249) size 310x30 | 23 layer at (8,252) size 320x32 scrollHeight 40 |
24 LayoutFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#1
41414CC] | 24 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x32 [bgcolor=#F
AFAFA] |
25 LayoutButton {INPUT} at (9,0) size 30x30 | 25 LayoutButton {INPUT} at (0,0) size 32x32 |
26 LayoutSlider {INPUT} at (48,11) size 91.58x8 | 26 LayoutFlexibleBox {DIV} at (32,0) size 24x32 [color=#5A5A5A] |
27 LayoutFlexibleBox {DIV} at (0,0) size 91.58x8 [border: (1px solid #E6E6E65
9)] | 27 LayoutBlockFlow (anonymous) at (0,0) size 24x32 |
28 LayoutBlockFlow {DIV} at (1,-8) size 103.58x24 | 28 LayoutText {#text} at (0,8) size 24x15 |
29 LayoutBlockFlow {DIV} at (-7,0) size 32x24 | 29 text run at (0,8) width 24: "0:00" |
30 LayoutFlexibleBox {DIV} at (154.58,0) size 25x30 [color=#FFFFFF] | 30 LayoutFlexibleBox {DIV} at (56,0) size 34x32 [color=#5A5A5A] |
31 LayoutBlockFlow (anonymous) at (0,0) size 25x30 | 31 LayoutBlockFlow (anonymous) at (4,0) size 30x32 |
32 LayoutText {#text} at (0,7) size 25x16 | 32 LayoutText {#text} at (0,8) size 30x15 |
33 text run at (0,7) width 25: "0:00" | 33 text run at (0,8) width 30: "/ 0:06" |
34 LayoutButton {INPUT} at (188.58,0) size 35x30 | 34 LayoutSlider {INPUT} at (108,15) size 69x2 |
35 LayoutSlider {INPUT} at (229.58,11) size 31.42x8 | 35 LayoutFlexibleBox {DIV} at (0,0) size 69x2 |
36 LayoutFlexibleBox {DIV} at (0,0) size 31.42x8 [border: (1px solid #E6E6E65
9)] | 36 LayoutBlockFlow {DIV} at (-18,-23) size 105x48 |
37 LayoutBlockFlow {DIV} at (1,-8) size 43.42x24 | 37 LayoutBlockFlow {DIV} at (0,0) size 36x48 |
38 LayoutBlockFlow {DIV} at (12.42,0) size 24x24 | 38 LayoutButton {INPUT} at (195,0) size 32x32 |
39 LayoutButton {INPUT} at (271,0) size 30x30 | 39 LayoutSlider {INPUT} at (245,15) size 25x2 |
| 40 LayoutFlexibleBox {DIV} at (0,0) size 25x2 |
| 41 LayoutBlockFlow {DIV} at (-18,-23) size 61x48 |
| 42 LayoutBlockFlow {DIV} at (25,0) size 36x48 |
| 43 layer at (296,252) size 32x32 |
| 44 LayoutButton {INPUT} at (288,0) size 32x32 |
40 layer at (8,284) size 320x240 | 45 layer at (8,284) size 320x240 |
41 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240 | 46 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240 |
42 LayoutBlockFlow {DIV} at (0,205) size 320x35 | 47 LayoutBlockFlow {DIV} at (0,208) size 320x32 |
43 layer at (8,284) size 320x205 | 48 layer at (8,284) size 320x198 |
44 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x205 | 49 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x198 |
45 layer at (13,489) size 310x30 | 50 layer at (8,492) size 320x32 scrollHeight 40 |
46 LayoutFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#1
41414CC] | 51 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x32 [bgcolor=#F
AFAFA] |
47 LayoutButton {INPUT} at (9,0) size 30x30 | 52 LayoutButton {INPUT} at (0,0) size 32x32 |
48 LayoutSlider {INPUT} at (48,11) size 91.58x8 | 53 LayoutFlexibleBox {DIV} at (32,0) size 24x32 [color=#5A5A5A] |
49 LayoutFlexibleBox {DIV} at (0,0) size 91.58x8 [border: (1px solid #E6E6E65
9)] | 54 LayoutBlockFlow (anonymous) at (0,0) size 24x32 |
50 LayoutBlockFlow {DIV} at (1,-8) size 103.58x24 | 55 LayoutText {#text} at (0,8) size 24x15 |
51 LayoutBlockFlow {DIV} at (-7,0) size 32x24 | 56 text run at (0,8) width 24: "0:00" |
52 LayoutFlexibleBox {DIV} at (154.58,0) size 25x30 [color=#FFFFFF] | 57 LayoutFlexibleBox {DIV} at (56,0) size 34x32 [color=#5A5A5A] |
53 LayoutBlockFlow (anonymous) at (0,0) size 25x30 | 58 LayoutBlockFlow (anonymous) at (4,0) size 30x32 |
54 LayoutText {#text} at (0,7) size 25x16 | 59 LayoutText {#text} at (0,8) size 30x15 |
55 text run at (0,7) width 25: "0:00" | 60 text run at (0,8) width 30: "/ 0:06" |
56 LayoutButton {INPUT} at (188.58,0) size 35x30 | 61 LayoutSlider {INPUT} at (108,15) size 69x2 |
57 LayoutSlider {INPUT} at (229.58,11) size 31.42x8 | 62 LayoutFlexibleBox {DIV} at (0,0) size 69x2 |
58 LayoutFlexibleBox {DIV} at (0,0) size 31.42x8 [border: (1px solid #E6E6E65
9)] | 63 LayoutBlockFlow {DIV} at (-18,-23) size 105x48 |
59 LayoutBlockFlow {DIV} at (1,-8) size 43.42x24 | 64 LayoutBlockFlow {DIV} at (0,0) size 36x48 |
60 LayoutBlockFlow {DIV} at (12.42,0) size 24x24 | 65 LayoutButton {INPUT} at (195,0) size 32x32 |
61 LayoutButton {INPUT} at (271,0) size 30x30 | 66 LayoutSlider {INPUT} at (245,15) size 25x2 |
| 67 LayoutFlexibleBox {DIV} at (0,0) size 25x2 |
| 68 LayoutBlockFlow {DIV} at (-18,-23) size 61x48 |
| 69 LayoutBlockFlow {DIV} at (25,0) size 36x48 |
| 70 layer at (296,492) size 32x32 |
| 71 LayoutButton {INPUT} at (288,0) size 32x32 |
62 layer at (8,524) size 320x240 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 | 72 layer at (8,524) size 320x240 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 |
63 LayoutVideo (positioned) {VIDEO} at (8,524) size 320x240 | 73 LayoutVideo (positioned) {VIDEO} at (8,524) size 320x240 |
64 layer at (8,524) size 320x240 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 | 74 layer at (8,524) size 320x240 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 |
65 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240 | 75 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240 |
66 LayoutBlockFlow {DIV} at (0,205) size 320x35 | 76 LayoutBlockFlow {DIV} at (0,208) size 320x32 |
67 layer at (8,524) size 320x205 backgroundClip at (8,524) size 320x76 clip at (8,5
24) size 320x76 | 77 layer at (8,524) size 320x198 backgroundClip at (8,524) size 320x76 clip at (8,5
24) size 320x76 |
68 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x205 | 78 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x198 |
69 layer at (13,729) size 310x30 backgroundClip at (0,0) size 0x0 clip at (0,0) siz
e 0x0 | 79 layer at (8,732) size 320x32 backgroundClip at (0,0) size 0x0 clip at (0,0) size
0x0 scrollHeight 40 |
70 LayoutFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#1
41414CC] | 80 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x32 [bgcolor=#F
AFAFA] |
71 LayoutButton {INPUT} at (9,0) size 30x30 | 81 LayoutButton {INPUT} at (0,0) size 32x32 |
72 LayoutSlider {INPUT} at (48,11) size 91.58x8 | 82 LayoutFlexibleBox {DIV} at (32,0) size 24x32 [color=#5A5A5A] |
73 LayoutFlexibleBox {DIV} at (0,0) size 91.58x8 [border: (1px solid #E6E6E65
9)] | 83 LayoutBlockFlow (anonymous) at (0,0) size 24x32 |
74 LayoutBlockFlow {DIV} at (1,-8) size 103.58x24 | 84 LayoutText {#text} at (0,8) size 24x15 |
75 LayoutBlockFlow {DIV} at (-7,0) size 32x24 | 85 text run at (0,8) width 24: "0:00" |
76 LayoutFlexibleBox {DIV} at (154.58,0) size 25x30 [color=#FFFFFF] | 86 LayoutFlexibleBox {DIV} at (56,0) size 34x32 [color=#5A5A5A] |
77 LayoutBlockFlow (anonymous) at (0,0) size 25x30 | 87 LayoutBlockFlow (anonymous) at (4,0) size 30x32 |
78 LayoutText {#text} at (0,7) size 25x16 | 88 LayoutText {#text} at (0,8) size 30x15 |
79 text run at (0,7) width 25: "0:00" | 89 text run at (0,8) width 30: "/ 0:06" |
80 LayoutButton {INPUT} at (188.58,0) size 35x30 | 90 LayoutSlider {INPUT} at (108,15) size 69x2 |
81 LayoutSlider {INPUT} at (229.58,11) size 31.42x8 | 91 LayoutFlexibleBox {DIV} at (0,0) size 69x2 |
82 LayoutFlexibleBox {DIV} at (0,0) size 31.42x8 [border: (1px solid #E6E6E65
9)] | 92 LayoutBlockFlow {DIV} at (-18,-23) size 105x48 |
83 LayoutBlockFlow {DIV} at (1,-8) size 43.42x24 | 93 LayoutBlockFlow {DIV} at (0,0) size 36x48 |
84 LayoutBlockFlow {DIV} at (12.42,0) size 24x24 | 94 LayoutButton {INPUT} at (195,0) size 32x32 |
85 LayoutButton {INPUT} at (271,0) size 30x30 | 95 LayoutSlider {INPUT} at (245,15) size 25x2 |
| 96 LayoutFlexibleBox {DIV} at (0,0) size 25x2 |
| 97 LayoutBlockFlow {DIV} at (-18,-23) size 61x48 |
| 98 LayoutBlockFlow {DIV} at (25,0) size 36x48 |
| 99 layer at (296,732) size 32x32 backgroundClip at (0,0) size 0x0 clip at (0,0) siz
e 0x0 |
| 100 LayoutButton {INPUT} at (288,0) size 32x32 |
OLD | NEW |