blob: a9103c78e8f71c858ed941046e8062967866efb6 [file] [log] [blame]
{
"layers": [
{
"name": "LayoutView #document",
"bounds": [800, 600],
"drawsContent": false,
"backgroundColor": "#FFFFFF"
},
{
"name": "Scrolling Layer",
"bounds": [800, 600],
"drawsContent": false
},
{
"name": "Scrolling Contents Layer",
"bounds": [800, 600],
"contentsOpaque": true,
"backgroundColor": "#FFFFFF",
"paintInvalidations": [
{
"object": "LayoutBlockFlow DIV id='target1'",
"rect": [18, 10, 60, 40],
"reason": "background"
}
],
"underPaintInvalidations": [
{
"x": 18,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 19,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 20,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 21,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 22,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 23,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 24,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 25,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 26,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 27,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 28,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 29,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 30,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 31,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 32,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 33,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 34,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 35,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 36,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 37,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 38,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 39,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 40,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 41,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 42,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 43,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 44,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 45,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 46,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 47,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 48,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 49,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 50,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 51,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 52,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 53,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 54,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 55,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 56,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 57,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 58,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 59,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 60,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 61,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 62,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 63,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 64,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 65,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 66,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 67,
"y": 10,
"oldPixel": "#0000FF",
"newPixel": "#008000"
}
]
},
{
"name": "LayoutBlockFlow DIV id='target2'",
"position": [18, 60],
"bounds": [60, 40],
"contentsOpaque": true,
"backgroundColor": "#008000",
"paintInvalidations": [
{
"object": "LayoutBlockFlow DIV id='target2'",
"rect": [0, 0, 60, 40],
"reason": "background"
}
],
"underPaintInvalidations": [
{
"x": 0,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 1,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 2,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 3,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 4,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 5,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 6,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 7,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 8,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 9,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 10,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 11,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 12,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 13,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 14,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 15,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 16,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 17,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 18,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 19,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 20,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 21,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 22,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 23,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 24,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 25,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 26,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 27,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 28,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 29,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 30,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 31,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 32,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 33,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 34,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 35,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 36,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 37,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 38,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 39,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 40,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 41,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 42,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 43,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 44,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 45,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 46,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 47,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 48,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 49,
"y": 0,
"oldPixel": "#0000FF",
"newPixel": "#008000"
}
]
},
{
"name": "LayoutBlockFlow DIV",
"position": [8, 110],
"bounds": [150, 150],
"contentsOpaque": true,
"backgroundColor": "#FFFF00",
"paintInvalidations": [
{
"object": "LayoutBlockFlow (relative positioned) DIV id='target3'",
"rect": [40, 70, 60, 40],
"reason": "background"
}
],
"underPaintInvalidations": [
{
"x": 40,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 41,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 42,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 43,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 44,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 45,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 46,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 47,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 48,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 49,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 50,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 51,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 52,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 53,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 54,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 55,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 56,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 57,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 58,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 59,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 60,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 61,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 62,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 63,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 64,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 65,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 66,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 67,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 68,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 69,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 70,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 71,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 72,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 73,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 74,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 75,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 76,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 77,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 78,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 79,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 80,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 81,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 82,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 83,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 84,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 85,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 86,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 87,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 88,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 89,
"y": 70,
"oldPixel": "#0000FF",
"newPixel": "#008000"
}
]
},
{
"name": "LayoutBlockFlow DIV id='scroller'",
"position": [8, 260],
"bounds": [150, 150]
},
{
"name": "Scrolling Layer",
"position": [8, 260],
"bounds": [135, 135],
"drawsContent": false
},
{
"name": "Scrolling Contents Layer",
"position": [8, 260],
"bounds": [4000, 20060],
"paintInvalidations": [
{
"object": "LayoutBlockFlow (relative positioned) DIV id='target4'",
"rect": [40, 10010, 60, 40],
"reason": "background"
}
],
"underPaintInvalidations": [
{
"x": 40,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 41,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 42,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 43,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 44,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 45,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 46,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 47,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 48,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 49,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 50,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 51,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 52,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 53,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 54,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 55,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 56,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 57,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 58,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 59,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 60,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 61,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 62,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 63,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 64,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 65,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 66,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 67,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 68,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 69,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 70,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 71,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 72,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 73,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 74,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 75,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 76,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 77,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 78,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 79,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 80,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 81,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 82,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 83,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 84,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 85,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 86,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 87,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 88,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
},
{
"x": 89,
"y": 10010,
"oldPixel": "#0000FF",
"newPixel": "#008000"
}
],
"transform": 1
},
{
"name": "Overflow Controls Host Layer",
"position": [8, 260],
"bounds": [150, 150],
"drawsContent": false
},
{
"name": "Horizontal Scrollbar Layer",
"position": [8, 395],
"bounds": [135, 15],
"drawsContent": false
},
{
"name": "Vertical Scrollbar Layer",
"position": [143, 260],
"bounds": [15, 135],
"drawsContent": false
},
{
"name": "Scroll Corner Layer",
"position": [143, 395],
"bounds": [15, 15]
}
],
"transforms": [
{
"id": 1,
"transform": [
[1, 0, 0, 0],
[0, 1, 0, 0],
[0, 0, 1, 0],
[-50, -9950, 0, 1]
],
"flattenInheritedTransform": false
}
]
}