| 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 {P} at (0,0) size 784x20 | 6 LayoutBlockFlow {P} at (0,0) size 784x20 |
| 7 LayoutText {#text} at (0,0) size 260x19 | 7 LayoutText {#text} at (0,0) size 260x19 |
| 8 text run at (0,0) width 260: "The look of the controls should not chan
ge." | 8 text run at (0,0) width 260: "The look of the controls should not chan
ge." |
| 9 LayoutBlockFlow {DIV} at (0,36) size 784x240 [color=#0000FF] | 9 LayoutBlockFlow {DIV} at (0,36) size 784x240 [color=#0000FF] |
| 10 LayoutText {#text} at (0,0) size 0x0 | 10 LayoutText {#text} at (0,0) size 0x0 |
| 11 LayoutBlockFlow (anonymous) at (0,276) size 784x240 | 11 LayoutBlockFlow (anonymous) at (0,276) size 784x240 |
| 12 LayoutText {#text} at (0,0) size 0x0 | 12 LayoutText {#text} at (0,0) size 0x0 |
| 13 layer at (18,44) size 320x240 | 13 layer at (18,44) size 320x240 |
| 14 LayoutVideo {VIDEO} at (10,0) size 320x240 | 14 LayoutVideo {VIDEO} at (10,0) size 320x240 |
| 15 layer at (8,284) size 320x240 | 15 layer at (8,284) size 320x240 |
| 16 LayoutVideo {VIDEO} at (0,0) size 320x240 | 16 LayoutVideo {VIDEO} at (0,0) size 320x240 |
| 17 layer at (18,44) size 320x240 | 17 layer at (18,44) size 320x240 |
| 18 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240 | 18 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240 |
| 19 LayoutBlockFlow {DIV} at (0,205) size 320x35 | 19 LayoutBlockFlow {DIV} at (0,208) size 320x32 |
| 20 layer at (18,44) size 320x205 | 20 layer at (18,44) size 320x198 |
| 21 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x205 | 21 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x198 |
| 22 layer at (23,249) size 310x30 | 22 layer at (18,252) size 320x32 scrollHeight 40 |
| 23 LayoutFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#1
41414CC] | 23 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x32 [bgcolor=#F
AFAFA] |
| 24 LayoutButton {INPUT} at (9,0) size 30x30 | 24 LayoutButton {INPUT} at (0,0) size 32x32 |
| 25 LayoutSlider {INPUT} at (48,11) size 91.58x8 | 25 LayoutFlexibleBox {DIV} at (32,0) size 24x32 [color=#5A5A5A] |
| 26 LayoutFlexibleBox {DIV} at (0,0) size 91.58x8 [border: (1px solid #E6E6E65
9)] | 26 LayoutBlockFlow (anonymous) at (0,0) size 24x32 |
| 27 LayoutBlockFlow {DIV} at (1,-8) size 103.58x24 | 27 LayoutText {#text} at (0,8) size 24x15 |
| 28 LayoutBlockFlow {DIV} at (-7,0) size 32x24 | 28 text run at (0,8) width 24: "0:00" |
| 29 LayoutFlexibleBox {DIV} at (154.58,0) size 25x30 [color=#FFFFFF] | 29 LayoutFlexibleBox {DIV} at (56,0) size 34x32 [color=#5A5A5A] |
| 30 LayoutBlockFlow (anonymous) at (0,0) size 25x30 | 30 LayoutBlockFlow (anonymous) at (4,0) size 30x32 |
| 31 LayoutText {#text} at (0,7) size 25x16 | 31 LayoutText {#text} at (0,8) size 30x15 |
| 32 text run at (0,7) width 25: "0:00" | 32 text run at (0,8) width 30: "/ 0:06" |
| 33 LayoutButton {INPUT} at (188.58,0) size 35x30 | 33 LayoutSlider {INPUT} at (108,15) size 69x2 |
| 34 LayoutSlider {INPUT} at (229.58,11) size 31.42x8 | 34 LayoutFlexibleBox {DIV} at (0,0) size 69x2 |
| 35 LayoutFlexibleBox {DIV} at (0,0) size 31.42x8 [border: (1px solid #E6E6E65
9)] | 35 LayoutBlockFlow {DIV} at (-18,-23) size 105x48 |
| 36 LayoutBlockFlow {DIV} at (1,-8) size 43.42x24 | 36 LayoutBlockFlow {DIV} at (0,0) size 36x48 |
| 37 LayoutBlockFlow {DIV} at (12.42,0) size 24x24 | 37 LayoutButton {INPUT} at (195,0) size 32x32 |
| 38 LayoutButton {INPUT} at (271,0) size 30x30 | 38 LayoutSlider {INPUT} at (245,15) size 25x2 |
| 39 LayoutFlexibleBox {DIV} at (0,0) size 25x2 |
| 40 LayoutBlockFlow {DIV} at (-18,-23) size 61x48 |
| 41 LayoutBlockFlow {DIV} at (25,0) size 36x48 |
| 42 layer at (306,252) size 32x32 |
| 43 LayoutButton {INPUT} at (288,0) size 32x32 |
| 39 layer at (8,284) size 320x240 | 44 layer at (8,284) size 320x240 |
| 40 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240 | 45 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240 |
| 41 LayoutBlockFlow {DIV} at (0,205) size 320x35 | 46 LayoutBlockFlow {DIV} at (0,208) size 320x32 |
| 42 layer at (8,284) size 320x205 | 47 layer at (8,284) size 320x198 |
| 43 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x205 | 48 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x198 |
| 44 layer at (13,489) size 310x30 | 49 layer at (8,492) size 320x32 scrollHeight 40 |
| 45 LayoutFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#1
41414CC] | 50 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x32 [bgcolor=#F
AFAFA] |
| 46 LayoutButton {INPUT} at (9,0) size 30x30 | 51 LayoutButton {INPUT} at (0,0) size 32x32 |
| 47 LayoutSlider {INPUT} at (48,11) size 91.58x8 | 52 LayoutFlexibleBox {DIV} at (32,0) size 24x32 [color=#5A5A5A] |
| 48 LayoutFlexibleBox {DIV} at (0,0) size 91.58x8 [border: (1px solid #E6E6E65
9)] | 53 LayoutBlockFlow (anonymous) at (0,0) size 24x32 |
| 49 LayoutBlockFlow {DIV} at (1,-8) size 103.58x24 | 54 LayoutText {#text} at (0,8) size 24x15 |
| 50 LayoutBlockFlow {DIV} at (-7,0) size 32x24 | 55 text run at (0,8) width 24: "0:00" |
| 51 LayoutFlexibleBox {DIV} at (154.58,0) size 25x30 [color=#FFFFFF] | 56 LayoutFlexibleBox {DIV} at (56,0) size 34x32 [color=#5A5A5A] |
| 52 LayoutBlockFlow (anonymous) at (0,0) size 25x30 | 57 LayoutBlockFlow (anonymous) at (4,0) size 30x32 |
| 53 LayoutText {#text} at (0,7) size 25x16 | 58 LayoutText {#text} at (0,8) size 30x15 |
| 54 text run at (0,7) width 25: "0:00" | 59 text run at (0,8) width 30: "/ 0:06" |
| 55 LayoutButton {INPUT} at (188.58,0) size 35x30 | 60 LayoutSlider {INPUT} at (108,15) size 69x2 |
| 56 LayoutSlider {INPUT} at (229.58,11) size 31.42x8 | 61 LayoutFlexibleBox {DIV} at (0,0) size 69x2 |
| 57 LayoutFlexibleBox {DIV} at (0,0) size 31.42x8 [border: (1px solid #E6E6E65
9)] | 62 LayoutBlockFlow {DIV} at (-18,-23) size 105x48 |
| 58 LayoutBlockFlow {DIV} at (1,-8) size 43.42x24 | 63 LayoutBlockFlow {DIV} at (0,0) size 36x48 |
| 59 LayoutBlockFlow {DIV} at (12.42,0) size 24x24 | 64 LayoutButton {INPUT} at (195,0) size 32x32 |
| 60 LayoutButton {INPUT} at (271,0) size 30x30 | 65 LayoutSlider {INPUT} at (245,15) size 25x2 |
| 66 LayoutFlexibleBox {DIV} at (0,0) size 25x2 |
| 67 LayoutBlockFlow {DIV} at (-18,-23) size 61x48 |
| 68 LayoutBlockFlow {DIV} at (25,0) size 36x48 |
| 69 layer at (296,492) size 32x32 |
| 70 LayoutButton {INPUT} at (288,0) size 32x32 |
| OLD | NEW |