Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef

This commit is contained in:
Ms2ger
2015-12-09 01:48:05 -05:00
parent 9aa1b1e408
commit 35c74aecc2
11290 changed files with 92400 additions and 49214 deletions

View File

@@ -23,12 +23,12 @@
height: 288px;
width: 288px;
}
img
{
height: 96px;
vertical-align: top;
width: 100%;
width: 100%;
}
]]></style>
@@ -38,7 +38,7 @@
<p>Test passes if a blue rectangle is <strong>vertically centered</strong> in an hollow black square.</p>
<div><img src="support/1x1-white.png" alt="Image download support must be enabled" /><img src="support/blue15x15.png" alt="Image download support must be enabled" /></div>
<div><img src="support/1x1-white.png" alt="Image download support must be enabled" /><img src="support/blue15x15.png" alt="Image download support must be enabled" /></div>
</body>
</html>

View File

@@ -23,14 +23,14 @@
height: 300px;
width: 300px;
}
img
{
height: 100px;
vertical-align: top;
width: 100%;
width: 100%;
}
img + img {height: 150px;}
]]></style>
@@ -40,7 +40,7 @@
<p>Test passes if there is one and only one blue rectangle inside an hollow black square and if such black square does not have a vertical scrollbar.</p>
<div><img src="support/1x1-white.png" alt="Image download support must be enabled" /><img src="support/blue15x15.png" alt="Image download support must be enabled" /></div>
<div><img src="support/1x1-white.png" alt="Image download support must be enabled" /><img src="support/blue15x15.png" alt="Image download support must be enabled" /></div>
</body>
</html>

View File

@@ -20,7 +20,7 @@
img
{
height: 100px;
width: 100px;
width: 100px;
}
]]></style>
@@ -30,7 +30,7 @@
<p>Test passes if the orange and blue squares have the <strong>same height</strong>.</p>
<div><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/blue15x15.png" alt="Image download support must be enabled" /></div>
<div><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/blue15x15.png" alt="Image download support must be enabled" /></div>
</body>
</html>

View File

@@ -21,9 +21,9 @@
{
height: 96px;
vertical-align: top;
width: 96px;
width: 96px;
}
img#blue
{
height: 192px;
@@ -36,7 +36,7 @@
<p>Test passes if a blue rectangle is below an orange square.</p>
<div><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><br /><img id="blue" src="support/blue15x15.png" alt="Image download support must be enabled" /></div>
<div><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><br /><img id="blue" src="support/blue15x15.png" alt="Image download support must be enabled" /></div>
</body>
</html>

View File

@@ -22,7 +22,7 @@
img
{
height: 100px;
width: 100px;
width: 100px;
}
]]></style>
@@ -32,7 +32,7 @@
<p>Test passes if the orange and blue squares have the <strong>same height</strong>.</p>
<div><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/blue15x15.png" alt="Image download support must be enabled" /></div>
<div><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/blue15x15.png" alt="Image download support must be enabled" /></div>
</body>
</html>

View File

@@ -23,7 +23,7 @@
height: 200px;
width: 200px;
}
img {padding-left: 100px;}
]]></style>

View File

@@ -23,7 +23,7 @@
height: 288px;
width: 288px;
}
img {padding-top: 120px;}
]]></style>

View File

@@ -17,8 +17,8 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<style type="text/css"><![CDATA[
div {margin-top: 41px;}
div {margin-top: 41px;}
img {vertical-align: top;}
]]></style>

View File

@@ -24,7 +24,7 @@
height: 45px;
width: 120px;
}
div#black-stripe
{
background-color: black;

View File

@@ -25,7 +25,7 @@
margin-left: auto;
width: 120px;
}
div#black-stripe
{
background-color: black;

View File

@@ -18,7 +18,7 @@
<style type="text/css"><![CDATA[
body {margin: 8px;}
div
{
background-color: green;

View File

@@ -18,7 +18,7 @@
<style type="text/css"><![CDATA[
body {margin: 8px;}
div
{
background-color: green;

View File

@@ -19,7 +19,7 @@
<style type="text/css"><![CDATA[
div
{
border-bottom: orange solid medium;
border-bottom: orange solid medium;
border-top: orange solid medium;
height: 15px;
width: 96px;

View File

@@ -19,7 +19,7 @@
<style type="text/css"><![CDATA[
div
{
border: green solid medium;
border: green solid medium;
height: 150px;
width: 300px;
}

View File

@@ -19,7 +19,7 @@
<style type="text/css"><![CDATA[
div
{
border: green solid medium;
border: green solid medium;
height: 96px;
width: 300px;
}

View File

@@ -28,7 +28,7 @@
background-color: blue;
border-top: none 0px;
height: 15px;
width: 30px;
width: 30px;
}
]]></style>

View File

@@ -28,7 +28,7 @@
background-color: blue;
border-top: none 0px;
height: 96px;
width: 192px;
width: 192px;
}
]]></style>

View File

@@ -19,7 +19,7 @@
<style type="text/css"><![CDATA[
div
{
border: green solid medium;
border: green solid medium;
height: 150px;
margin-top: 112px;
width: 300px;

View File

@@ -19,7 +19,7 @@
<style type="text/css"><![CDATA[
div
{
border: green solid medium;
border: green solid medium;
height: 96px;
margin-top: 112px;
width: 300px;

View File

@@ -20,11 +20,11 @@
div
{
border-top: black solid medium;
margin-bottom: 96px;
}
div + div {border: none 0px;}
margin-bottom: 96px;
}
div + div {border: none 0px;}
img
{
height: 96px;

View File

@@ -23,7 +23,7 @@
height: 192px;
width: 192px;
}
img {display: block;}
]]></style>

View File

@@ -23,7 +23,7 @@
height: 288px;
width: 288px;
}
img
{
display: block;

View File

@@ -23,7 +23,7 @@
height: 288px;
width: 288px;
}
img
{
display: block;

View File

@@ -23,7 +23,7 @@
height: 288px;
width: 288px;
}
img
{
display: block;
@@ -31,7 +31,7 @@
margin-bottom: 10px;
width: 200px;
}
img + img {height: 96px;}
]]></style>

View File

@@ -23,7 +23,7 @@
height: 288px;
width: 192px;
}
img
{
display: block;

View File

@@ -23,7 +23,7 @@
height: 192px;
width: 192px;
}
img
{
display: block;

View File

@@ -23,7 +23,7 @@
height: 288px;
width: 192px;
}
img
{
display: block;

View File

@@ -23,7 +23,7 @@
height: 192px;
width: 192px;
}
img
{
display: block;

View File

@@ -23,7 +23,7 @@
height: 296px;
width: 296px;
}
img
{
display: block;

View File

@@ -23,7 +23,7 @@
height: 288px;
width: 288px;
}
img
{
display: block;

View File

@@ -23,7 +23,7 @@
height: 288px;
width: 288px;
}
img
{
display: block;
@@ -32,7 +32,7 @@
padding-left: 88px;
width: 200px;
}
img + img {height: 96px;}
]]></style>

View File

@@ -23,7 +23,7 @@
height: 288px;
width: 192px;
}
img
{
display: block;

View File

@@ -23,7 +23,7 @@
height: 192px;
width: 192px;
}
img
{
display: block;

View File

@@ -23,7 +23,7 @@
height: 288px;
width: 288px;
}
img
{
display: block;

View File

@@ -23,7 +23,7 @@
height: 288px;
width: 288px;
}
img
{
display: block;

View File

@@ -23,7 +23,7 @@
height: 288px;
width: 288px;
}
img
{
display: block;
@@ -32,7 +32,7 @@
padding-left: 44px;
width: 200px;
}
img + img {height: 96px;}
]]></style>

View File

@@ -23,7 +23,7 @@
height: 288px;
width: 192px;
}
img
{
display: block;

View File

@@ -21,7 +21,7 @@
{
border: blue solid 16px;
height: 32px;
width: 64px;
width: 64px;
}
]]></style>

View File

@@ -26,13 +26,13 @@
div#second
{
bottom: 1em;
position: relative;
position: relative;
}
div#third
{
bottom: 2em;
position: relative;
position: relative;
}
]]></style>
@@ -43,7 +43,7 @@
<div id="first">____ ____</div>
<div id="second">FAIL PASS</div>
<div id="third">####</div>
</body>

View File

@@ -22,7 +22,7 @@
background-color: green;
color: white;
height: 100%;
}
}
body {margin: 0;}
]]></style>

View File

@@ -22,7 +22,7 @@
line-height: 1.25;
margin-left: 0;
}
div#positioned
{
background: green;
@@ -31,16 +31,16 @@
position: absolute;
top: 0;
width: 10em;
}
p {margin-top: 36px;}
}
p {margin-top: 36px;}
div#overflow
{
height: 8em;
overflow: scroll;
width: 8em;
}
}
]]></style>
</head>
@@ -50,7 +50,7 @@
<div id="positioned">PASS</div>
<p>Ignore the scrollbars below.</p>
<div id="overflow"></div>
</body>

View File

@@ -22,7 +22,7 @@
line-height: 1.25;
margin-left: 0;
}
div#positioned
{
background: green;
@@ -31,16 +31,16 @@
position: absolute;
top: 0;
width: 10em;
}
p {margin-top: 36px;}
}
p {margin-top: 36px;}
div#overflow
{
height: 8em;
overflow: scroll;
width: 8em;
}
}
]]></style>
</head>
@@ -50,7 +50,7 @@
<div id="positioned">PASS</div>
<p>Ignore the scrollbars below.</p>
<div id="overflow"></div>
</body>

View File

@@ -18,7 +18,7 @@
<style type="text/css"><![CDATA[
body {margin-left: 0;}
div#positioned
{
background: green;
@@ -28,16 +28,16 @@
position: absolute;
top: 5em;
width: 5em;
}
p {margin-top: 11em;}
}
p {margin-top: 11em;}
div#overflow
{
height: 8em;
overflow: scroll;
width: 8em;
}
}
]]></style>
</head>
@@ -47,7 +47,7 @@
<div id="positioned">PASS</div>
<p>Ignore the scrollbars below.</p>
<div id="overflow"></div>
</body>

View File

@@ -18,7 +18,7 @@
<style type="text/css"><![CDATA[
body {margin-left: 0;}
div#positioned
{
background: green;
@@ -27,7 +27,7 @@
position: absolute;
top: 0;
width: 10em;
}
}
]]></style>
</head>

View File

@@ -18,7 +18,7 @@
<style type="text/css"><![CDATA[
body {margin-left: 0;}
div#positioned
{
background: green;
@@ -27,7 +27,7 @@
right: 0;
top: 0;
width: 10em;
}
}
]]></style>
</head>

View File

@@ -18,7 +18,7 @@
<style type="text/css"><![CDATA[
body {margin-left: 0;}
div#positioned
{
background: green;
@@ -28,7 +28,7 @@
position: absolute;
top: 5em;
width: 5em;
}
}
]]></style>
</head>

View File

@@ -17,7 +17,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<style type="text/css"><![CDATA[
div {color: green;}
div {color: green;}
]]></style>
</head>

View File

@@ -17,7 +17,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<style type="text/css"><![CDATA[
div {color: green;}
div {color: green;}
]]></style>
</head>

View File

@@ -24,7 +24,7 @@
padding: 1em;
width: 10em;
}
div#child
{
border: aqua solid thin;

View File

@@ -33,7 +33,7 @@
<p>Test passes if there are <strong>2 lines of "Filler text"</strong>. The 2nd line should be preceded with a bullet list-marker (a "disc" as a small filled-in circle).</p>
<div>Filler text</div>
<ul>
<li>Filler text</li>
</ul>

View File

@@ -17,7 +17,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<style type="text/css"><![CDATA[
body {margin: 8px;}
body {margin: 8px;}
div
{

View File

@@ -22,11 +22,11 @@
font: 1em/1.25 serif;
margin: 8px;
}
p {margin: 1em 0;}
strong {line-height: 1;}
div
{
background-color: green;

View File

@@ -20,7 +20,7 @@
div
{
height: 100px;
width: 100px;
width: 100px;
}
div#blue {background-color: blue;}

View File

@@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /></head><body style="color: green">
This should be green
</body></html>

View File

@@ -22,7 +22,7 @@
background-color: blue;
height: 15px;
}
div + div
{
background-color: green;
@@ -37,7 +37,7 @@
<p>Test passes if there is a blue stripe above a green rectangle across the page.</p>
<div></div>
<div></div>
</body>

View File

@@ -30,7 +30,7 @@
vertical-align: bottom;
width: 200px;
}
img {vertical-align: bottom;}
]]></style>
@@ -42,7 +42,7 @@
<table>
<tr><td><img src="support/blue15x15.png" width="100%" height="15" alt="Image download support must be enabled" /></td></tr>
</table>
</table>
</body>
</html>

View File

@@ -18,8 +18,8 @@
<style type="text/css"><![CDATA[
div {width: 100px;}
img {vertical-align: top;}
img {vertical-align: top;}
]]></style>
</head>

View File

@@ -30,7 +30,7 @@
vertical-align: bottom;
width: 200px;
}
img {vertical-align: bottom;}
]]></style>
@@ -42,7 +42,7 @@
<table>
<tr><td><img src="support/blue15x15.png" width="100%" height="15" alt="Image download support must be enabled" /></td></tr>
</table>
</table>
</body>
</html>

View File

@@ -30,7 +30,7 @@
vertical-align: bottom;
width: 100px;
}
img {vertical-align: bottom;}
]]></style>
@@ -42,7 +42,7 @@
<table>
<tr><td><img src="support/blue15x15.png" width="100%" height="15" alt="Image download support must be enabled" /></td></tr>
</table>
</table>
</body>
</html>

View File

@@ -17,12 +17,12 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<style type="text/css"><![CDATA[
div#first {line-height: 15px;}
div#first {line-height: 15px;}
img
{
vertical-align: top;
width: 100%;
width: 100%;
}
]]></style>
@@ -33,7 +33,7 @@
<p>Test passes if there is <strong>no red</strong>.</p>
<div id="first"><img src="support/swatch-green.png" height="15" alt="Image download support must be enabled" /></div>
<div><img src="support/black15x15.png" height="81" alt="Image download support must be enabled" /></div>
</body>

View File

@@ -20,11 +20,11 @@
div#second {line-height: 15px;}
div#third {line-height: 33px;}
img
{
vertical-align: top;
width: 100%;
width: 100%;
}
]]></style>
@@ -37,7 +37,7 @@
<div><img src="support/black15x15.png" height="48" alt="Image download support must be enabled" /></div>
<div id="second"><img src="support/swatch-green.png" height="15" alt="Image download support must be enabled" /></div>
<div id="third"><img src="support/black15x15.png" height="33" alt="Image download support must be enabled" /></div>
</body>

View File

@@ -24,12 +24,12 @@
background-color: orange;
height: 192px;
width: 96px;
}
}
img
{
vertical-align: top;
width: 100%;
width: 100%;
}
]]></style>

View File

@@ -28,6 +28,6 @@
<body>
<p>There should be a single fuchsia diamond at the bottom right of the viewport. <img src="support/diamond.png" alt="Image download support must be enabled" /></p>
</body>
</html>

View File

@@ -39,6 +39,6 @@
<body>
<p><img src="support/diamond.png" alt="Image download support must be enabled" />There should be a single fuchsia diamond at the right of the viewport at the end of this line. </p>
</body>
</html>

View File

@@ -38,6 +38,6 @@
<body>
<p>Test passes if the background of this entire page is green.</p>
</body>
</html>

View File

@@ -21,7 +21,7 @@
<body>
<p>Test passes if there is a <strong>filled green square</strong>.</p>
<div><img src="support/swatch-green.png" width="100" height="100" alt="Image download support must be enabled" /></div>
</body>

View File

@@ -22,7 +22,7 @@
p {color: white;}
div {margin-top: 10px;}
img
{
height: 100px;

View File

@@ -22,7 +22,7 @@
p {color: white;}
div {margin-top: 10px;}
img
{
height: 100px;

View File

@@ -25,7 +25,7 @@
<body>
<p>Test passes if there is a wide filled green rectangle.</p>
<div><img src="support/swatch-green.png" height="100" alt="Image download support must be enabled" /></div>
</body>

View File

@@ -18,7 +18,7 @@
<style type="text/css"><![CDATA[
body {background-color: black;}
p {color: white;}
div {margin-top: 10px;}

View File

@@ -25,7 +25,7 @@
<body>
<p>Test passes if there is a wide filled orange rectangle.</p>
<div><img src="support/swatch-orange.png" height="100" alt="Image download support must be enabled" /></div>
</body>

View File

@@ -21,8 +21,8 @@
{
border: black solid 10px;
width: 100px;
}
}
img
{
height: 100px;

View File

@@ -29,7 +29,7 @@
<body>
<p>Test passes if there is a big hollow black rectangle filled with a blue background.</p>
<div><img src="support/blue15x15.png" width="100%" height="100%" alt="Image download support must be enabled" /></div>
</body>

View File

@@ -30,7 +30,7 @@
<body>
<p>Test passes if the big hollow black rectange is completely filled with a blue background. There is no blue outside the black border.</p>
<div><img src="support/blue15x15.png" width="100%" height="100%" alt="Image download support must be enabled" /></div>
</body>

View File

@@ -30,7 +30,7 @@
<body>
<p>Test passes if the big hollow black rectangle is completely filled with a blue background. There is no blue outside the black border.</p>
<div><img src="support/blue15x15.png" width="100%" height="100%" alt="Image download support must be enabled" /></div>
</body>

View File

@@ -6,7 +6,7 @@
<style type="text/css">
#content {
color: transparent;
font: 100px Ahem;
font: 100px Ahem;
}
#content &gt; #foo {
background-image: url("../support/cat.png"); /* 98 w. by 99px h. */

View File

@@ -31,7 +31,7 @@
position: absolute;
top: 1px;
}
div
{
border-top: lime solid 1px;
@@ -48,7 +48,7 @@
<body>
<p id="expected-results">A thin green horizontal line should appear at exactly 200px<img src="support/ruler-v-100px-200px-300px.png" width="55" height="350" alt="Image download support must be enabled" /></p>
<div></div>
</body>

View File

@@ -31,7 +31,7 @@
position: absolute;
top: 42px;
}
div
{
border-left: lime solid 1px;
@@ -48,7 +48,7 @@
<body>
<p id="expected-results">A thin green vertical line should appear at exactly 400px<img src="support/ruler-h-200px-400px.png" width="700" height="18" alt="Image download support must be enabled" /></p>
<div></div>
</body>

View File

@@ -25,7 +25,7 @@
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div>
</body>

View File

@@ -30,7 +30,7 @@
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div>
</body>

View File

@@ -29,7 +29,7 @@
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div>
</body>

View File

@@ -29,7 +29,7 @@
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div>
</body>

View File

@@ -25,7 +25,7 @@
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div>
</body>

View File

@@ -29,7 +29,7 @@
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div>
</body>

View File

@@ -29,7 +29,7 @@
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div>
</body>

View File

@@ -25,7 +25,7 @@
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div>
</body>

View File

@@ -25,7 +25,7 @@
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div>
</body>

View File

@@ -21,7 +21,7 @@
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div>
</body>

View File

@@ -23,7 +23,7 @@
line-height: 96px;
width: 96px;
}
img
{
padding-left: 81px;

View File

@@ -18,7 +18,7 @@
<style type="text/css"><![CDATA[
body {margin: 8px;}
div
{
background-color: blue;
@@ -26,7 +26,7 @@
margin-left: 93px;
/*
From left to right:
2px : left border-spacing
@@ -52,7 +52,7 @@
15px : width of blue square
===============================
93px
*/
margin-top: 18px; /* margin-bottom of p + top border-spacing */

View File

@@ -18,7 +18,7 @@
<style type="text/css"><![CDATA[
body {margin: 8px;}
div
{
background-color: green;

View File

@@ -18,7 +18,7 @@
<style type="text/css"><![CDATA[
body {margin: 8px;}
div
{
background-color: green;

View File

@@ -18,7 +18,7 @@
<style type="text/css"><![CDATA[
div {border: black solid 5px;}
img {vertical-align: top;}
]]></style>

View File

@@ -22,7 +22,7 @@
background-color: black;
height: 200px;
}
img {vertical-align: top;}
]]></style>

View File

@@ -22,7 +22,7 @@
background-color: black;
height: 200px;
}
img {vertical-align: top;}
]]></style>

View File

@@ -22,7 +22,7 @@
background-color: black;
height: 200px;
}
img {vertical-align: top;}
]]></style>

View File

@@ -18,10 +18,10 @@
<style type="text/css"><![CDATA[
body
{
background-color: navy;
border: blue solid;
color: white;
margin: 1em;
background-color: navy;
border: blue solid;
color: white;
margin: 1em;
padding: 2em;
}

View File

@@ -18,16 +18,16 @@
<style type="text/css"><![CDATA[
body
{
background-color: green;
border: blue solid;
color: white;
margin: 1em;
background-color: green;
border: blue solid;
color: white;
margin: 1em;
padding: 2em;
}
div
{
border: lime solid;
border: lime solid;
padding: 3em;
}
]]></style>

View File

@@ -26,7 +26,7 @@
div
{
background-image: url("support/square-white.png");
background-image: url("support/square-white.png");
border: lime solid;
color: green;
font: 900 28px Verdana, sans-serif;

View File

@@ -16,7 +16,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<style type="text/css"><![CDATA[
body
body
{
background: green url("support/square-white.png") repeat-y 19px 2px;
border: blue solid 3px;

Some files were not shown because too many files have changed in this diff Show More