{ "layers": [ { "name": "Scrolling background of LayoutView #document", "bounds": [785, 2016], "contentsOpaque": true, "backgroundColor": "#FFFFFF" }, { "name": "LayoutNGBlockFlow DIV id='container-absolute-grandchildren-not-contained' class='overflow'", "position": [2, 2], "bounds": [85, 85], "drawsContent": false, "transform": 1 }, { "name": "LayoutNGBlockFlow DIV id='container-absolute-grandchildren-not-contained' class='overflow'", "position": [2, 6], "bounds": [85, 136], "transform": 2 }, { "name": "HorizontalScrollbar", "position": [10, 97], "bounds": [104, 257] }, { "name": "VerticalScrollbar", "position": [87, 2], "bounds": [15, 85], "contentsOpaque": true, "transform": 1 }, { "name": "LayoutNGBlockFlow (positioned) DIV id='positioned-absolute-grandchildren-not-contained' class='positionAbsolute positioned'", "position": [35, 10], "bounds": [199, 105] }, { "name": "LayoutNGBlockFlow (relative positioned) DIV id='scrolled-absolute-grandchildren-not-contained' class='scrolled'", "position": [6, 6], "bounds": [75, 136], "transform": 2 }, { "name": "LayoutNGBlockFlow (positioned) DIV id='container-absolute-grandchildren' class='positionAbsolute overflow'", "position": [2, 2], "bounds": [85, 85], "drawsContent": false, "transform": 3 }, { "name": "HorizontalScrollbar", "position": [2, 87], "bounds": [85, 15], "contentsOpaque": true, "transform": 3 }, { "name": "VerticalScrollbar", "position": [87, 2], "bounds": [15, 85], "contentsOpaque": true, "transform": 3 }, { "name": "Scroll corner of LayoutNGBlockFlow (positioned) DIV id='container-absolute-grandchildren' class='positionAbsolute overflow'", "position": [217, 10], "bounds": [137, 104] }, { "name": "LayoutNGBlockFlow (positioned) DIV id='container-absolute-grandchildren' class='positionAbsolute overflow'", "position": [2, 6], "bounds": [105, 136], "transform": 4 }, { "name": "LayoutNGBlockFlow DIV id='container-absolute-not-contained' class='overflow'", "position": [2, 2], "bounds": [85, 85], "drawsContent": false, "transform": 5 }, { "name": "HorizontalScrollbar", "position": [2, 87], "bounds": [100, 15], "transform": 5 }, { "name": "VerticalScrollbar", "position": [87, 2], "bounds": [15, 85], "contentsOpaque": true, "transform": 5 }, { "name": "LayoutNGBlockFlow (positioned) DIV id='positioned-absolute-not-contained' class='positionAbsolute positioned'", "position": [275, 10], "bounds": [199, 105] }, { "name": "LayoutNGBlockFlow (relative positioned) DIV id='scrolled-absolute-not-contained' class='scrolled'", "position": [6, 6], "bounds": [75, 136], "transform": 6 }, { "name": "LayoutNGBlockFlow DIV id='container-absolute-sibling-grandchildren-not-contained' class='overflow'", "position": [2, 2], "bounds": [85, 85], "drawsContent": false, "transform": 7 }, { "name": "LayoutNGBlockFlow DIV id='container-absolute-sibling-grandchildren-not-contained' class='overflow'", "position": [2, 6], "bounds": [85, 136], "transform": 8 }, { "name": "HorizontalScrollbar", "position": [2, 87], "bounds": [100, 15], "transform": 7 }, { "name": "VerticalScrollbar", "position": [87, 2], "bounds": [15, 85], "contentsOpaque": true, "transform": 7 }, { "name": "LayoutNGBlockFlow (positioned) DIV id='positioned-absolute-sibling-grandchildren-not-contained' class='positionAbsolute positioned'", "position": [395, 75], "bounds": [80, 40], "contentsOpaque": true, "backgroundColor": "#800080" }, { "name": "LayoutNGBlockFlow (relative positioned) DIV id='scrolled-absolute-sibling-grandchildren-not-contained' class='scrolled'", "position": [6, 90], "bounds": [75, 24], "contentsOpaque": true, "backgroundColor": "#0000FF", "transform": 8 }, { "name": "LayoutNGBlockFlow (positioned) DIV id='container-absolute-sibling-grandchildren' class='positionAbsolute overflow'", "position": [2, 2], "bounds": [85, 85], "drawsContent": false, "transform": 9 }, { "name": "HorizontalScrollbar", "position": [2, 87], "bounds": [85, 15], "contentsOpaque": true, "transform": 9 }, { "name": "VerticalScrollbar", "position": [87, 2], "bounds": [15, 85], "contentsOpaque": true, "transform": 9 }, { "name": "Scroll corner of LayoutNGBlockFlow (positioned) DIV id='container-absolute-sibling-grandchildren' class='positionAbsolute overflow'", "position": [97, 130], "bounds": [137, 104] }, { "name": "LayoutNGBlockFlow (positioned) DIV id='container-absolute-sibling-grandchildren' class='positionAbsolute overflow'", "position": [2, 6], "bounds": [105, 136], "transform": 10 }, { "name": "LayoutNGBlockFlow DIV id='container-absolute-sibling-not-contained' class='overflow'", "position": [2, 2], "bounds": [85, 85], "drawsContent": false, "transform": 11 }, { "name": "HorizontalScrollbar", "position": [130, 217], "bounds": [224, 137] }, { "name": "VerticalScrollbar", "position": [87, 2], "bounds": [15, 85], "contentsOpaque": true, "transform": 11 }, { "name": "LayoutNGBlockFlow (positioned) DIV id='positioned-absolute-sibling-not-contained' class='positionAbsolute positioned'", "position": [155, 130], "bounds": [199, 105] }, { "name": "LayoutNGBlockFlow (relative positioned) DIV id='scrolled-absolute-sibling-not-contained' class='scrolled'", "position": [6, 34], "bounds": [75, 80], "transform": 12 }, { "name": "LayoutNGBlockFlow (positioned) DIV id='container-absolute-sibling' class='positionAbsolute overflow'", "position": [2, 2], "bounds": [85, 85], "drawsContent": false, "transform": 13 }, { "name": "HorizontalScrollbar", "position": [2, 87], "bounds": [85, 15], "contentsOpaque": true, "transform": 13 }, { "name": "VerticalScrollbar", "position": [87, 2], "bounds": [15, 85], "contentsOpaque": true, "transform": 13 }, { "name": "Scroll corner of LayoutNGBlockFlow (positioned) DIV id='container-absolute-sibling' class='positionAbsolute overflow'", "position": [337, 130], "bounds": [137, 104] }, { "name": "LayoutNGBlockFlow (positioned) DIV id='positioned-absolute-sibling' class='positionAbsolute positioned'", "position": [6, 34], "bounds": [101, 80], "transform": 14 }, { "name": "LayoutNGBlockFlow (positioned) DIV id='container-absolute' class='positionAbsolute overflow'", "position": [2, 2], "bounds": [85, 85], "drawsContent": false, "transform": 15 }, { "name": "HorizontalScrollbar", "position": [2, 87], "bounds": [85, 15], "contentsOpaque": true, "transform": 15 }, { "name": "VerticalScrollbar", "position": [87, 2], "bounds": [15, 85], "contentsOpaque": true, "transform": 15 }, { "name": "Scroll corner of LayoutNGBlockFlow (positioned) DIV id='container-absolute' class='positionAbsolute overflow'", "position": [370, 217], "bounds": [104, 137] }, { "name": "LayoutNGBlockFlow (positioned) DIV id='positioned-absolute' class='positionAbsolute positioned'", "position": [6, 34], "bounds": [101, 80], "transform": 16 }, { "name": "LayoutNGBlockFlow (positioned) DIV id='container-fixed-sibling-grandchildren' class='positionAbsolute overflow'", "position": [2, 2], "bounds": [85, 85], "drawsContent": false, "transform": 17 }, { "name": "HorizontalScrollbar", "position": [2, 87], "bounds": [100, 15], "transform": 17 }, { "name": "VerticalScrollbar", "position": [87, 2], "bounds": [15, 85], "contentsOpaque": true, "transform": 17 }, { "name": "LayoutNGBlockFlow (positioned) DIV id='container-fixed-sibling-grandchildren' class='positionAbsolute overflow'", "position": [2, 6], "bounds": [85, 136], "transform": 18 }, { "name": "LayoutNGBlockFlow (positioned) DIV id='positioned-fixed-sibling-grandchildren' class='positionFixed positioned'", "bounds": [80, 40], "contentsOpaque": true, "backgroundColor": "#800080", "transform": 19 }, { "name": "LayoutNGBlockFlow (relative positioned) DIV id='scrolled-fixed-sibling-grandchildren' class='scrolled'", "position": [6, 90], "bounds": [75, 24], "contentsOpaque": true, "backgroundColor": "#0000FF", "transform": 18 }, { "name": "LayoutNGBlockFlow (positioned) DIV id='container-fixed-sibling' class='positionAbsolute overflow'", "position": [2, 2], "bounds": [85, 85], "drawsContent": false, "transform": 20 }, { "name": "HorizontalScrollbar", "position": [2, 87], "bounds": [100, 15], "transform": 20 }, { "name": "VerticalScrollbar", "position": [87, 2], "bounds": [15, 85], "contentsOpaque": true, "transform": 20 }, { "name": "LayoutNGBlockFlow (positioned) DIV id='positioned-fixed-sibling' class='positionFixed positioned'", "bounds": [80, 40], "contentsOpaque": true, "backgroundColor": "#800080", "transform": 21 }, { "name": "LayoutNGBlockFlow (relative positioned) DIV id='scrolled-fixed-sibling' class='scrolled'", "position": [6, 34], "bounds": [75, 80], "transform": 22 }, { "name": "LayoutNGBlockFlow (positioned) DIV id='container-fixed-grandchildren' class='positionAbsolute overflow'", "position": [2, 2], "bounds": [85, 85], "drawsContent": false, "transform": 23 }, { "name": "HorizontalScrollbar", "position": [2, 87], "bounds": [100, 15], "transform": 23 }, { "name": "VerticalScrollbar", "position": [87, 2], "bounds": [15, 85], "contentsOpaque": true, "transform": 23 }, { "name": "LayoutNGBlockFlow (positioned) DIV id='container-fixed-grandchildren' class='positionAbsolute overflow'", "position": [2, 6], "bounds": [85, 136], "transform": 24 }, { "name": "LayoutNGBlockFlow (positioned) DIV id='positioned-fixed-grandchildren' class='positionFixed positioned'", "bounds": [80, 40], "contentsOpaque": true, "backgroundColor": "#800080", "transform": 25 }, { "name": "LayoutNGBlockFlow (relative positioned) DIV id='scrolled-fixed-grandchildren' class='scrolled'", "position": [6, 90], "bounds": [75, 24], "contentsOpaque": true, "backgroundColor": "#0000FF", "transform": 24 }, { "name": "LayoutNGBlockFlow (positioned) DIV id='container-fixed' class='positionAbsolute overflow'", "position": [2, 2], "bounds": [85, 85], "drawsContent": false, "transform": 26 }, { "name": "HorizontalScrollbar", "position": [2, 87], "bounds": [100, 15], "transform": 26 }, { "name": "VerticalScrollbar", "position": [87, 2], "bounds": [15, 85], "contentsOpaque": true, "transform": 26 }, { "name": "LayoutNGBlockFlow (positioned) DIV id='positioned-fixed' class='positionFixed positioned'", "bounds": [80, 40], "contentsOpaque": true, "backgroundColor": "#800080", "transform": 27 }, { "name": "LayoutNGBlockFlow (relative positioned) DIV id='scrolled-fixed' class='scrolled'", "position": [6, 34], "bounds": [75, 80], "transform": 28 }, { "name": "LayoutNGBlockFlow (positioned) DIV id='sibling-absolute-sibling-grandchildren-not-contained' class='positionFixed sibling'", "bounds": [50, 100], "contentsOpaque": true, "backgroundColor": "#008000", "transform": 29 }, { "name": "LayoutNGBlockFlow (positioned) DIV id='sibling-absolute-sibling-grandchildren' class='positionFixed sibling'", "bounds": [50, 100], "contentsOpaque": true, "backgroundColor": "#008000", "transform": 30 }, { "name": "LayoutNGBlockFlow (positioned) DIV id='sibling-absolute-sibling-not-contained' class='positionFixed sibling'", "bounds": [50, 100], "contentsOpaque": true, "backgroundColor": "#008000", "transform": 31 }, { "name": "LayoutNGBlockFlow (positioned) DIV id='sibling-absolute-sibling' class='positionFixed sibling'", "bounds": [50, 100], "contentsOpaque": true, "backgroundColor": "#008000", "transform": 32 }, { "name": "LayoutNGBlockFlow (positioned) DIV id='sibling-fixed-sibling-grandchildren' class='positionFixed sibling'", "bounds": [50, 100], "contentsOpaque": true, "backgroundColor": "#008000", "transform": 33 }, { "name": "LayoutNGBlockFlow (positioned) DIV id='sibling-fixed-sibling' class='positionFixed sibling'", "bounds": [50, 100], "contentsOpaque": true, "backgroundColor": "#008000", "transform": 34 }, { "name": "LayoutNGBlockFlow (relative positioned) DIV id='scrolled-absolute-sibling-grandchildren-not-contained' class='scrolled onTop'", "position": [6, 6], "bounds": [75, 136], "transform": 8 }, { "name": "LayoutNGBlockFlow (relative positioned) DIV id='scrolled-absolute-sibling-grandchildren' class='scrolled onTop'", "position": [6, 6], "bounds": [75, 136], "transform": 10 }, { "name": "LayoutNGBlockFlow (relative positioned) DIV id='scrolled-absolute-sibling-not-contained' class='scrolled onTop'", "position": [6, 6], "bounds": [75, 136], "transform": 12 }, { "name": "LayoutNGBlockFlow (relative positioned) DIV id='scrolled-absolute-sibling' class='scrolled onTop'", "position": [6, 6], "bounds": [75, 136], "transform": 14 }, { "name": "LayoutNGBlockFlow (relative positioned) DIV id='scrolled-absolute' class='scrolled onTop'", "position": [6, 6], "bounds": [75, 136], "transform": 16 }, { "name": "LayoutNGBlockFlow (relative positioned) DIV id='scrolled-fixed-sibling-grandchildren' class='scrolled onTop'", "position": [6, 6], "bounds": [75, 136], "transform": 18 }, { "name": "LayoutNGBlockFlow (relative positioned) DIV id='scrolled-fixed-sibling' class='scrolled onTop'", "position": [6, 6], "bounds": [75, 136], "transform": 22 }, { "name": "LayoutNGBlockFlow (relative positioned) DIV id='scrolled-fixed-grandchildren' class='scrolled onTop'", "position": [6, 6], "bounds": [75, 136], "transform": 24 }, { "name": "LayoutNGBlockFlow (relative positioned) DIV id='scrolled-fixed' class='scrolled onTop'", "position": [6, 6], "bounds": [75, 136], "transform": 28 }, { "name": "VerticalScrollbar", "position": [785, 0], "bounds": [15, 600], "contentsOpaque": true } ], "transforms": [ { "id": 1, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [10, 10, 0, 1] ] }, { "id": 2, "parent": 1, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [0, -59, 0, 1] ] }, { "id": 3, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [130, 10, 0, 1] ] }, { "id": 4, "parent": 3, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [0, -59, 0, 1] ] }, { "id": 5, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [250, 10, 0, 1] ] }, { "id": 6, "parent": 5, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [0, -59, 0, 1] ] }, { "id": 7, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [370, 10, 0, 1] ] }, { "id": 8, "parent": 7, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [0, -59, 0, 1] ] }, { "id": 9, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [10, 130, 0, 1] ] }, { "id": 10, "parent": 9, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [0, -59, 0, 1] ] }, { "id": 11, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [130, 130, 0, 1] ] }, { "id": 12, "parent": 11, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [0, -59, 0, 1] ] }, { "id": 13, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [250, 130, 0, 1] ] }, { "id": 14, "parent": 13, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [0, -59, 0, 1] ] }, { "id": 15, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [370, 130, 0, 1] ] }, { "id": 16, "parent": 15, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [0, -59, 0, 1] ] }, { "id": 17, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [10, 250, 0, 1] ] }, { "id": 18, "parent": 17, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [0, -59, 0, 1] ] }, { "id": 19, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [35, 315, 0, 1] ] }, { "id": 20, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [130, 250, 0, 1] ] }, { "id": 21, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [155, 315, 0, 1] ] }, { "id": 22, "parent": 20, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [0, -59, 0, 1] ] }, { "id": 23, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [250, 250, 0, 1] ] }, { "id": 24, "parent": 23, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [0, -59, 0, 1] ] }, { "id": 25, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [275, 315, 0, 1] ] }, { "id": 26, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [370, 250, 0, 1] ] }, { "id": 27, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [395, 315, 0, 1] ] }, { "id": 28, "parent": 26, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [0, -59, 0, 1] ] }, { "id": 29, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [375, 20, 0, 1] ] }, { "id": 30, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [15, 140, 0, 1] ] }, { "id": 31, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [135, 140, 0, 1] ] }, { "id": 32, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [255, 140, 0, 1] ] }, { "id": 33, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [15, 260, 0, 1] ] }, { "id": 34, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [135, 260, 0, 1] ] } ] }