Update CSS tests to revision 465c03e3d8d42ce98b9dfa0c8d8e7b4b8d48ebd7

This commit is contained in:
Ms2ger
2015-10-21 16:35:11 +02:00
parent ea000471d3
commit 6a4ad433a2
432 changed files with 6691 additions and 83 deletions

View File

@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>iframe containing the meat of the test</title>
<style>
body {
margin: 0;
overflow: hidden;
}
/* green div that should cover the red divs */
#green {
position: absolute;
left: 0;
top: 0;
background-color: green;
width: 100%;
height: 600px;
}
.spacer {
height: 98px;
width: 20px;
}
.item {
background-color: red;
display: block;/* property under test */
/* border to aid understanding of boundaries between items */
border-style: solid;
border-width: 1px;
border-color: red;/* Note: if you're trying to debug this, use a different color here */
}
/* 100px = 10*(1 + 8 + 1) */
@media (min-width: 100px) {
#green {
width: 100px;
height: 100px;/* = 1 + 98 + 1 */
}
.item {
display: table-cell;/* property and value under test */
}
}
</style>
</head>
<body>
<div>
<div class="item"><div class="spacer"></div></div>
<div class="item"><div class="spacer"></div></div>
<div class="item"><div class="spacer"></div></div>
<div class="item"><div class="spacer"></div></div>
<div class="item"><div class="spacer"></div></div>
<div class="item"><div class="spacer"></div></div>
<div class="item"><div class="spacer"></div></div>
<div class="item"><div class="spacer"></div></div>
<div class="item"><div class="spacer"></div></div>
<div class="item"><div class="spacer"></div></div>
</div>
<div id="green"></div>
</body></html>