{
"layers": [
{
"name": "Scrolling background of LayoutView #document",
"bounds": [785, 2016],
"contentsOpaque": true,
"backgroundColor": "#FFFFFF"
},
{
"name": "LayoutBlockFlow DIV id='container-absolute-grandchildren-not-contained' class='overflow'",
"position": [2, 2],
"bounds": [85, 85],
"drawsContent": false,
"transform": 1
},
{
"name": "HorizontalScrollbar",
"position": [10, 97],
"bounds": [104, 257]
},
{
"name": "VerticalScrollbar",
"position": [87, 2],
"bounds": [15, 85],
"contentsOpaque": true,
"transform": 1
},
{
"name": "LayoutBlockFlow DIV id='container-absolute-grandchildren-not-contained' class='overflow'",
"position": [2, 2],
"bounds": [85, 144],
"transform": 2
},
{
"name": "LayoutBlockFlow (positioned) DIV id='positioned-absolute-grandchildren-not-contained' class='positionAbsolute positioned'",
"position": [35, 10],
"bounds": [199, 105]
},
{
"name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-absolute-grandchildren-not-contained' class='scrolled'",
"position": [6, 6],
"bounds": [75, 136],
"transform": 2
},
{
"name": "LayoutBlockFlow (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 LayoutBlockFlow (positioned) DIV id='container-absolute-grandchildren' class='positionAbsolute overflow'",
"position": [217, 10],
"bounds": [137, 104]
},
{
"name": "LayoutBlockFlow (positioned) DIV id='container-absolute-grandchildren' class='positionAbsolute overflow'",
"position": [2, 2],
"bounds": [105, 144],
"transform": 4
},
{
"name": "LayoutBlockFlow 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": "LayoutBlockFlow DIV id='container-absolute-not-contained' class='overflow'",
"position": [2, 2],
"bounds": [85, 144],
"transform": 6
},
{
"name": "LayoutBlockFlow (positioned) DIV id='positioned-absolute-not-contained' class='positionAbsolute positioned'",
"position": [275, 10],
"bounds": [199, 105]
},
{
"name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-absolute-not-contained' class='scrolled'",
"position": [6, 6],
"bounds": [75, 136],
"transform": 6
},
{
"name": "LayoutBlockFlow DIV id='container-absolute-sibling-grandchildren-not-contained' class='overflow'",
"position": [2, 2],
"bounds": [85, 85],
"drawsContent": false,
"transform": 7
},
{
"name": "HorizontalScrollbar",
"position": [2, 87],
"bounds": [100, 15],
"transform": 7
},
{
"name": "VerticalScrollbar",
"position": [87, 2],
"bounds": [15, 85],
"contentsOpaque": true,
"transform": 7
},
{
"name": "LayoutBlockFlow DIV id='container-absolute-sibling-grandchildren-not-contained' class='overflow'",
"position": [2, 2],
"bounds": [85, 144],
"transform": 8
},
{
"name": "LayoutBlockFlow (positioned) DIV id='positioned-absolute-sibling-grandchildren-not-contained' class='positionAbsolute positioned'",
"position": [395, 75],
"bounds": [80, 40],
"contentsOpaque": true,
"backgroundColor": "#800080"
},
{
"name": "LayoutBlockFlow (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": "LayoutBlockFlow (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 LayoutBlockFlow (positioned) DIV id='container-absolute-sibling-grandchildren' class='positionAbsolute overflow'",
"position": [97, 130],
"bounds": [137, 104]
},
{
"name": "LayoutBlockFlow (positioned) DIV id='container-absolute-sibling-grandchildren' class='positionAbsolute overflow'",
"position": [2, 2],
"bounds": [105, 144],
"transform": 10
},
{
"name": "LayoutBlockFlow 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": "LayoutBlockFlow DIV id='container-absolute-sibling-not-contained' class='overflow'",
"position": [2, 2],
"bounds": [85, 144],
"transform": 12
},
{
"name": "LayoutBlockFlow (positioned) DIV id='positioned-absolute-sibling-not-contained' class='positionAbsolute positioned'",
"position": [155, 130],
"bounds": [199, 105]
},
{
"name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-absolute-sibling-not-contained' class='scrolled'",
"position": [6, 90],
"bounds": [75, 24],
"contentsOpaque": true,
"backgroundColor": "#0000FF",
"transform": 12
},
{
"name": "LayoutBlockFlow (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 LayoutBlockFlow (positioned) DIV id='container-absolute-sibling' class='positionAbsolute overflow'",
"position": [337, 130],
"bounds": [137, 104]
},
{
"name": "LayoutBlockFlow (positioned) DIV id='container-absolute-sibling' class='positionAbsolute overflow'",
"position": [2, 2],
"bounds": [105, 144],
"transform": 14
},
{
"name": "LayoutBlockFlow (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 LayoutBlockFlow (positioned) DIV id='container-absolute' class='positionAbsolute overflow'",
"position": [370, 217],
"bounds": [104, 137]
},
{
"name": "LayoutBlockFlow (positioned) DIV id='container-absolute' class='positionAbsolute overflow'",
"position": [2, 2],
"bounds": [105, 144],
"transform": 16
},
{
"name": "LayoutBlockFlow (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": "LayoutBlockFlow (positioned) DIV id='container-fixed-sibling-grandchildren' class='positionAbsolute overflow'",
"position": [2, 2],
"bounds": [85, 144],
"transform": 18
},
{
"name": "LayoutBlockFlow (positioned) DIV id='positioned-fixed-sibling-grandchildren' class='positionFixed positioned'",
"bounds": [80, 40],
"contentsOpaque": true,
"backgroundColor": "#800080",
"transform": 19
},
{
"name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-fixed-sibling-grandchildren' class='scrolled'",
"position": [6, 90],
"bounds": [75, 24],
"contentsOpaque": true,
"backgroundColor": "#0000FF",
"transform": 18
},
{
"name": "LayoutBlockFlow (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": "LayoutBlockFlow (positioned) DIV id='container-fixed-sibling' class='positionAbsolute overflow'",
"position": [2, 2],
"bounds": [85, 144],
"transform": 21
},
{
"name": "LayoutBlockFlow (positioned) DIV id='positioned-fixed-sibling' class='positionFixed positioned'",
"bounds": [80, 40],
"contentsOpaque": true,
"backgroundColor": "#800080",
"transform": 22
},
{
"name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-fixed-sibling' class='scrolled'",
"position": [6, 90],
"bounds": [75, 24],
"contentsOpaque": true,
"backgroundColor": "#0000FF",
"transform": 21
},
{
"name": "LayoutBlockFlow (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": "LayoutBlockFlow (positioned) DIV id='container-fixed-grandchildren' class='positionAbsolute overflow'",
"position": [2, 2],
"bounds": [85, 144],
"transform": 24
},
{
"name": "LayoutBlockFlow (positioned) DIV id='positioned-fixed-grandchildren' class='positionFixed positioned'",
"bounds": [80, 40],
"contentsOpaque": true,
"backgroundColor": "#800080",
"transform": 25
},
{
"name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-fixed-grandchildren' class='scrolled'",
"position": [6, 90],
"bounds": [75, 24],
"contentsOpaque": true,
"backgroundColor": "#0000FF",
"transform": 24
},
{
"name": "LayoutBlockFlow (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": "LayoutBlockFlow (positioned) DIV id='container-fixed' class='positionAbsolute overflow'",
"position": [2, 2],
"bounds": [85, 144],
"transform": 27
},
{
"name": "LayoutBlockFlow (positioned) DIV id='positioned-fixed' class='positionFixed positioned'",
"bounds": [80, 40],
"contentsOpaque": true,
"backgroundColor": "#800080",
"transform": 28
},
{
"name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-fixed' class='scrolled'",
"position": [6, 90],
"bounds": [75, 24],
"contentsOpaque": true,
"backgroundColor": "#0000FF",
"transform": 27
},
{
"name": "LayoutBlockFlow (positioned) DIV id='sibling-absolute-sibling-grandchildren-not-contained' class='positionFixed sibling'",
"bounds": [50, 100],
"contentsOpaque": true,
"backgroundColor": "#008000",
"transform": 29
},
{
"name": "LayoutBlockFlow (positioned) DIV id='sibling-absolute-sibling-grandchildren' class='positionFixed sibling'",
"bounds": [50, 100],
"contentsOpaque": true,
"backgroundColor": "#008000",
"transform": 30
},
{
"name": "LayoutBlockFlow (positioned) DIV id='sibling-absolute-sibling-not-contained' class='positionFixed sibling'",
"bounds": [50, 100],
"contentsOpaque": true,
"backgroundColor": "#008000",
"transform": 31
},
{
"name": "LayoutBlockFlow (positioned) DIV id='sibling-absolute-sibling' class='positionFixed sibling'",
"bounds": [50, 100],
"contentsOpaque": true,
"backgroundColor": "#008000",
"transform": 32
},
{
"name": "LayoutBlockFlow (positioned) DIV id='sibling-fixed-sibling-grandchildren' class='positionFixed sibling'",
"bounds": [50, 100],
"contentsOpaque": true,
"backgroundColor": "#008000",
"transform": 33
},
{
"name": "LayoutBlockFlow (positioned) DIV id='sibling-fixed-sibling' class='positionFixed sibling'",
"bounds": [50, 100],
"contentsOpaque": true,
"backgroundColor": "#008000",
"transform": 34
},
{
"name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-absolute-sibling-grandchildren-not-contained' class='scrolled onTop'",
"position": [6, 6],
"bounds": [75, 136],
"transform": 8
},
{
"name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-absolute-sibling-grandchildren' class='scrolled onTop'",
"position": [6, 6],
"bounds": [75, 136],
"transform": 10
},
{
"name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-absolute-sibling-not-contained' class='scrolled onTop'",
"position": [6, 6],
"bounds": [75, 136],
"transform": 12
},
{
"name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-absolute-sibling' class='scrolled onTop'",
"position": [6, 6],
"bounds": [75, 136],
"transform": 14
},
{
"name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-absolute' class='scrolled onTop'",
"position": [6, 6],
"bounds": [75, 136],
"transform": 16
},
{
"name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-fixed-sibling-grandchildren' class='scrolled onTop'",
"position": [6, 6],
"bounds": [75, 136],
"transform": 18
},
{
"name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-fixed-sibling' class='scrolled onTop'",
"position": [6, 6],
"bounds": [75, 136],
"transform": 21
},
{
"name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-fixed-grandchildren' class='scrolled onTop'",
"position": [6, 6],
"bounds": [75, 136],
"transform": 24
},
{
"name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-fixed' class='scrolled onTop'",
"position": [6, 6],
"bounds": [75, 136],
"transform": 27
},
{
"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,
"parent": 20,
"transform": [
[1, 0, 0, 0],
[0, 1, 0, 0],
[0, 0, 1, 0],
[0, -59, 0, 1]
]
},
{
"id": 22,
"transform": [
[1, 0, 0, 0],
[0, 1, 0, 0],
[0, 0, 1, 0],
[155, 315, 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,
"parent": 26,
"transform": [
[1, 0, 0, 0],
[0, 1, 0, 0],
[0, 0, 1, 0],
[0, -59, 0, 1]
]
},
{
"id": 28,
"transform": [
[1, 0, 0, 0],
[0, 1, 0, 0],
[0, 0, 1, 0],
[395, 315, 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]
]
}
]
}