Update CSS tests to revision d13905941293af83ea8c3c1750dba652e0423fb0

This commit is contained in:
Ms2ger
2015-10-31 14:35:08 +01:00
parent b492a3e8b1
commit 5450053b02
842 changed files with 42936 additions and 27 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>