| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x600 | 3 layer at (0,0) size 800x600 |
| 4 RenderBlock {HTML} at (0,0) size 800x600 | 4 RenderBlock {HTML} at (0,0) size 800x600 |
| 5 RenderBody {BODY} at (8,8) size 784x584 | 5 RenderBody {BODY} at (8,8) size 784x584 |
| 6 RenderBlock {P} at (0,0) size 784x20 | 6 RenderBlock {P} at (0,0) size 784x20 |
| 7 RenderText {#text} at (0,0) size 260x19 | 7 RenderText {#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 RenderBlock {DIV} at (0,36) size 784x240 [color=#0000FF] | 9 RenderBlock {DIV} at (0,36) size 784x240 [color=#0000FF] |
| 10 RenderText {#text} at (0,0) size 0x0 | 10 RenderText {#text} at (0,0) size 0x0 |
| 11 RenderBlock (anonymous) at (0,276) size 784x240 | 11 RenderBlock (anonymous) at (0,276) size 784x240 |
| 12 RenderText {#text} at (0,0) size 0x0 | 12 RenderText {#text} at (0,0) size 0x0 |
| 13 layer at (18,44) size 320x240 | 13 layer at (18,44) size 320x240 |
| 14 RenderVideo {VIDEO} at (10,0) size 320x240 | 14 RenderVideo {VIDEO} at (10,0) size 320x240 |
| 15 layer at (8,284) size 320x240 | 15 layer at (8,284) size 320x240 |
| 16 RenderVideo {VIDEO} at (0,0) size 320x240 | 16 RenderVideo {VIDEO} at (0,0) size 320x240 |
| 17 layer at (18,44) size 320x240 | 17 layer at (18,44) size 320x240 |
| 18 RenderFlexibleBox {DIV} at (0,0) size 320x240 | 18 RenderFlexibleBox {DIV} at (0,0) size 320x240 |
| 19 RenderBlock {DIV} at (0,205) size 320x35 | 19 RenderBlock {DIV} at (0,205) size 320x35 |
| 20 layer at (18,44) size 320x205 |
| 21 RenderFlexibleBox {DIV} at (0,0) size 320x205 |
| 20 layer at (23,249) size 310x30 | 22 layer at (23,249) size 310x30 |
| 21 RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC] | 23 RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC] |
| 22 RenderButton {INPUT} at (9,0) size 30x30 | 24 RenderButton {INPUT} at (9,0) size 30x30 |
| 23 RenderSlider {INPUT} at (48,11) size 91.58x8 | 25 RenderSlider {INPUT} at (48,11) size 91.58x8 |
| 24 RenderFlexibleBox {DIV} at (0,0) size 91.58x8 [border: (1px solid #E6E6E65
9)] | 26 RenderFlexibleBox {DIV} at (0,0) size 91.58x8 [border: (1px solid #E6E6E65
9)] |
| 25 RenderBlock {DIV} at (1,-8) size 103.58x24 | 27 RenderBlock {DIV} at (1,-8) size 103.58x24 |
| 26 RenderBlock {DIV} at (-7,0) size 32x24 | 28 RenderBlock {DIV} at (-7,0) size 32x24 |
| 27 RenderFlexibleBox {DIV} at (154.58,0) size 25x30 [color=#FFFFFF] | 29 RenderFlexibleBox {DIV} at (154.58,0) size 25x30 [color=#FFFFFF] |
| 28 RenderBlock (anonymous) at (0,0) size 25x30 | 30 RenderBlock (anonymous) at (0,0) size 25x30 |
| 29 RenderText {#text} at (0,7) size 25x16 | 31 RenderText {#text} at (0,7) size 25x16 |
| 30 text run at (0,7) width 25: "0:00" | 32 text run at (0,7) width 25: "0:00" |
| 31 RenderButton {INPUT} at (188.58,0) size 35x30 | 33 RenderButton {INPUT} at (188.58,0) size 35x30 |
| 32 RenderSlider {INPUT} at (229.58,11) size 31.42x8 | 34 RenderSlider {INPUT} at (229.58,11) size 31.42x8 |
| 33 RenderFlexibleBox {DIV} at (0,0) size 31.42x8 [border: (1px solid #E6E6E65
9)] | 35 RenderFlexibleBox {DIV} at (0,0) size 31.42x8 [border: (1px solid #E6E6E65
9)] |
| 34 RenderBlock {DIV} at (1,-8) size 43.42x24 | 36 RenderBlock {DIV} at (1,-8) size 43.42x24 |
| 35 RenderBlock {DIV} at (12.42,0) size 24x24 | 37 RenderBlock {DIV} at (12.42,0) size 24x24 |
| 36 RenderButton {INPUT} at (271,0) size 30x30 | 38 RenderButton {INPUT} at (271,0) size 30x30 |
| 37 layer at (8,284) size 320x240 | 39 layer at (8,284) size 320x240 |
| 38 RenderFlexibleBox {DIV} at (0,0) size 320x240 | 40 RenderFlexibleBox {DIV} at (0,0) size 320x240 |
| 39 RenderBlock {DIV} at (0,205) size 320x35 | 41 RenderBlock {DIV} at (0,205) size 320x35 |
| 42 layer at (8,284) size 320x205 |
| 43 RenderFlexibleBox {DIV} at (0,0) size 320x205 |
| 40 layer at (13,489) size 310x30 | 44 layer at (13,489) size 310x30 |
| 41 RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC] | 45 RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC] |
| 42 RenderButton {INPUT} at (9,0) size 30x30 | 46 RenderButton {INPUT} at (9,0) size 30x30 |
| 43 RenderSlider {INPUT} at (48,11) size 91.58x8 | 47 RenderSlider {INPUT} at (48,11) size 91.58x8 |
| 44 RenderFlexibleBox {DIV} at (0,0) size 91.58x8 [border: (1px solid #E6E6E65
9)] | 48 RenderFlexibleBox {DIV} at (0,0) size 91.58x8 [border: (1px solid #E6E6E65
9)] |
| 45 RenderBlock {DIV} at (1,-8) size 103.58x24 | 49 RenderBlock {DIV} at (1,-8) size 103.58x24 |
| 46 RenderBlock {DIV} at (-7,0) size 32x24 | 50 RenderBlock {DIV} at (-7,0) size 32x24 |
| 47 RenderFlexibleBox {DIV} at (154.58,0) size 25x30 [color=#FFFFFF] | 51 RenderFlexibleBox {DIV} at (154.58,0) size 25x30 [color=#FFFFFF] |
| 48 RenderBlock (anonymous) at (0,0) size 25x30 | 52 RenderBlock (anonymous) at (0,0) size 25x30 |
| 49 RenderText {#text} at (0,7) size 25x16 | 53 RenderText {#text} at (0,7) size 25x16 |
| 50 text run at (0,7) width 25: "0:00" | 54 text run at (0,7) width 25: "0:00" |
| 51 RenderButton {INPUT} at (188.58,0) size 35x30 | 55 RenderButton {INPUT} at (188.58,0) size 35x30 |
| 52 RenderSlider {INPUT} at (229.58,11) size 31.42x8 | 56 RenderSlider {INPUT} at (229.58,11) size 31.42x8 |
| 53 RenderFlexibleBox {DIV} at (0,0) size 31.42x8 [border: (1px solid #E6E6E65
9)] | 57 RenderFlexibleBox {DIV} at (0,0) size 31.42x8 [border: (1px solid #E6E6E65
9)] |
| 54 RenderBlock {DIV} at (1,-8) size 43.42x24 | 58 RenderBlock {DIV} at (1,-8) size 43.42x24 |
| 55 RenderBlock {DIV} at (12.42,0) size 24x24 | 59 RenderBlock {DIV} at (12.42,0) size 24x24 |
| 56 RenderButton {INPUT} at (271,0) size 30x30 | 60 RenderButton {INPUT} at (271,0) size 30x30 |
| OLD | NEW |