Google Git
Sign in
chromium / chromium / src / e92d0a685af6a88b47d10a6abf5f9aaf29dcdeb7 / . / third_party / WebKit / LayoutTests / fast / box-shadow / box-shadow-clipped-slices.html
blob: 9247e3aab0cb6bb903430ddb9cb5835ab051ca17 [file] [log] [blame]
<html><head>
<script type=text/javascript>
if (window.testRunner)
window.testRunner.dumpAsTextWithPixelResults();
</script>
<style type=text/css>
.rounded { border: 2px solid black; border-radius: 5px / 10px; box-shadow: -150px 0 30px 200px #999; width: 400px; height: 200px; position: relative }
.overflow { overflow: hidden; width: 20px; height: 20px; float: left; }
</style></head><body>
<div class='overflow'>
<div class='rounded' style='left: 380px; top: 280px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 360px; top: 280px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 340px; top: 280px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 320px; top: 280px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 300px; top: 280px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 280px; top: 280px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 260px; top: 280px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 240px; top: 280px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 220px; top: 280px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 200px; top: 280px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 180px; top: 280px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 160px; top: 280px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 140px; top: 280px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 120px; top: 280px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 100px; top: 280px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 80px; top: 280px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 60px; top: 280px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 40px; top: 280px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 20px; top: 280px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 0px; top: 280px'></div>
</div>
<div style='clear:both'></div>
<div class='overflow'>
<div class='rounded' style='left: 380px; top: 260px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 360px; top: 260px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 340px; top: 260px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 320px; top: 260px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 300px; top: 260px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 280px; top: 260px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 260px; top: 260px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 240px; top: 260px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 220px; top: 260px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 200px; top: 260px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 180px; top: 260px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 160px; top: 260px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 140px; top: 260px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 120px; top: 260px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 100px; top: 260px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 80px; top: 260px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 60px; top: 260px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 40px; top: 260px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 20px; top: 260px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 0px; top: 260px'></div>
</div>
<div style='clear:both'></div>
<div class='overflow'>
<div class='rounded' style='left: 380px; top: 240px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 360px; top: 240px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 340px; top: 240px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 320px; top: 240px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 300px; top: 240px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 280px; top: 240px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 260px; top: 240px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 240px; top: 240px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 220px; top: 240px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 200px; top: 240px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 180px; top: 240px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 160px; top: 240px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 140px; top: 240px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 120px; top: 240px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 100px; top: 240px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 80px; top: 240px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 60px; top: 240px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 40px; top: 240px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 20px; top: 240px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 0px; top: 240px'></div>
</div>
<div style='clear:both'></div>
<div class='overflow'>
<div class='rounded' style='left: 380px; top: 220px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 360px; top: 220px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 340px; top: 220px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 320px; top: 220px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 300px; top: 220px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 280px; top: 220px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 260px; top: 220px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 240px; top: 220px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 220px; top: 220px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 200px; top: 220px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 180px; top: 220px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 160px; top: 220px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 140px; top: 220px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 120px; top: 220px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 100px; top: 220px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 80px; top: 220px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 60px; top: 220px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 40px; top: 220px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 20px; top: 220px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 0px; top: 220px'></div>
</div>
<div style='clear:both'></div>
<div class='overflow'>
<div class='rounded' style='left: 380px; top: 200px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 360px; top: 200px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 340px; top: 200px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 320px; top: 200px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 300px; top: 200px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 280px; top: 200px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 260px; top: 200px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 240px; top: 200px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 220px; top: 200px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 200px; top: 200px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 180px; top: 200px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 160px; top: 200px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 140px; top: 200px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 120px; top: 200px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 100px; top: 200px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 80px; top: 200px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 60px; top: 200px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 40px; top: 200px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 20px; top: 200px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 0px; top: 200px'></div>
</div>
<div style='clear:both'></div>
<div class='overflow'>
<div class='rounded' style='left: 380px; top: 180px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 360px; top: 180px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 340px; top: 180px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 320px; top: 180px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 300px; top: 180px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 280px; top: 180px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 260px; top: 180px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 240px; top: 180px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 220px; top: 180px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 200px; top: 180px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 180px; top: 180px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 160px; top: 180px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 140px; top: 180px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 120px; top: 180px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 100px; top: 180px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 80px; top: 180px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 60px; top: 180px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 40px; top: 180px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 20px; top: 180px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 0px; top: 180px'></div>
</div>
<div style='clear:both'></div>
<div class='overflow'>
<div class='rounded' style='left: 380px; top: 160px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 360px; top: 160px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 340px; top: 160px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 320px; top: 160px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 300px; top: 160px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 280px; top: 160px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 260px; top: 160px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 240px; top: 160px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 220px; top: 160px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 200px; top: 160px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 180px; top: 160px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 160px; top: 160px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 140px; top: 160px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 120px; top: 160px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 100px; top: 160px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 80px; top: 160px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 60px; top: 160px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 40px; top: 160px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 20px; top: 160px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 0px; top: 160px'></div>
</div>
<div style='clear:both'></div>
<div class='overflow'>
<div class='rounded' style='left: 380px; top: 140px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 360px; top: 140px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 340px; top: 140px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 320px; top: 140px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 300px; top: 140px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 280px; top: 140px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 260px; top: 140px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 240px; top: 140px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 220px; top: 140px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 200px; top: 140px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 180px; top: 140px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 160px; top: 140px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 140px; top: 140px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 120px; top: 140px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 100px; top: 140px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 80px; top: 140px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 60px; top: 140px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 40px; top: 140px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 20px; top: 140px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 0px; top: 140px'></div>
</div>
<div style='clear:both'></div>
<div class='overflow'>
<div class='rounded' style='left: 380px; top: 120px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 360px; top: 120px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 340px; top: 120px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 320px; top: 120px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 300px; top: 120px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 280px; top: 120px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 260px; top: 120px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 240px; top: 120px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 220px; top: 120px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 200px; top: 120px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 180px; top: 120px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 160px; top: 120px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 140px; top: 120px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 120px; top: 120px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 100px; top: 120px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 80px; top: 120px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 60px; top: 120px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 40px; top: 120px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 20px; top: 120px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 0px; top: 120px'></div>
</div>
<div style='clear:both'></div>
<div class='overflow'>
<div class='rounded' style='left: 380px; top: 100px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 360px; top: 100px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 340px; top: 100px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 320px; top: 100px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 300px; top: 100px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 280px; top: 100px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 260px; top: 100px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 240px; top: 100px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 220px; top: 100px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 200px; top: 100px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 180px; top: 100px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 160px; top: 100px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 140px; top: 100px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 120px; top: 100px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 100px; top: 100px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 80px; top: 100px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 60px; top: 100px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 40px; top: 100px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 20px; top: 100px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 0px; top: 100px'></div>
</div>
<div style='clear:both'></div>
<div class='overflow'>
<div class='rounded' style='left: 380px; top: 80px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 360px; top: 80px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 340px; top: 80px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 320px; top: 80px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 300px; top: 80px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 280px; top: 80px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 260px; top: 80px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 240px; top: 80px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 220px; top: 80px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 200px; top: 80px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 180px; top: 80px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 160px; top: 80px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 140px; top: 80px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 120px; top: 80px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 100px; top: 80px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 80px; top: 80px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 60px; top: 80px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 40px; top: 80px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 20px; top: 80px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 0px; top: 80px'></div>
</div>
<div style='clear:both'></div>
<div class='overflow'>
<div class='rounded' style='left: 380px; top: 60px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 360px; top: 60px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 340px; top: 60px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 320px; top: 60px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 300px; top: 60px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 280px; top: 60px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 260px; top: 60px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 240px; top: 60px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 220px; top: 60px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 200px; top: 60px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 180px; top: 60px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 160px; top: 60px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 140px; top: 60px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 120px; top: 60px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 100px; top: 60px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 80px; top: 60px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 60px; top: 60px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 40px; top: 60px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 20px; top: 60px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 0px; top: 60px'></div>
</div>
<div style='clear:both'></div>
<div class='overflow'>
<div class='rounded' style='left: 380px; top: 40px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 360px; top: 40px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 340px; top: 40px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 320px; top: 40px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 300px; top: 40px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 280px; top: 40px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 260px; top: 40px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 240px; top: 40px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 220px; top: 40px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 200px; top: 40px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 180px; top: 40px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 160px; top: 40px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 140px; top: 40px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 120px; top: 40px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 100px; top: 40px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 80px; top: 40px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 60px; top: 40px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 40px; top: 40px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 20px; top: 40px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 0px; top: 40px'></div>
</div>
<div style='clear:both'></div>
<div class='overflow'>
<div class='rounded' style='left: 380px; top: 20px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 360px; top: 20px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 340px; top: 20px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 320px; top: 20px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 300px; top: 20px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 280px; top: 20px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 260px; top: 20px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 240px; top: 20px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 220px; top: 20px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 200px; top: 20px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 180px; top: 20px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 160px; top: 20px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 140px; top: 20px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 120px; top: 20px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 100px; top: 20px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 80px; top: 20px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 60px; top: 20px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 40px; top: 20px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 20px; top: 20px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 0px; top: 20px'></div>
</div>
<div style='clear:both'></div>
<div class='overflow'>
<div class='rounded' style='left: 380px; top: 0px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 360px; top: 0px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 340px; top: 0px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 320px; top: 0px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 300px; top: 0px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 280px; top: 0px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 260px; top: 0px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 240px; top: 0px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 220px; top: 0px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 200px; top: 0px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 180px; top: 0px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 160px; top: 0px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 140px; top: 0px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 120px; top: 0px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 100px; top: 0px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 80px; top: 0px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 60px; top: 0px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 40px; top: 0px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 20px; top: 0px'></div>
</div>
<div class='overflow'>
<div class='rounded' style='left: 0px; top: 0px'></div>
</div>
<div style='clear:both'></div>
</body></html>