mirror of
https://github.com/servo/servo
synced 2026-04-29 02:47:55 +02:00
Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef
This commit is contained in:
@@ -14,12 +14,12 @@
|
||||
height: 288px;
|
||||
width: 288px;
|
||||
}
|
||||
|
||||
|
||||
img
|
||||
{
|
||||
height: 96px;
|
||||
vertical-align: top;
|
||||
width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
@@ -29,7 +29,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>
|
||||
@@ -14,14 +14,14 @@
|
||||
height: 300px;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
|
||||
img
|
||||
{
|
||||
height: 100px;
|
||||
vertical-align: top;
|
||||
width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
img + img {height: 150px;}
|
||||
]]></style>
|
||||
|
||||
@@ -31,7 +31,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>
|
||||
@@ -11,7 +11,7 @@
|
||||
img
|
||||
{
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
@@ -21,7 +21,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>
|
||||
@@ -12,9 +12,9 @@
|
||||
{
|
||||
height: 96px;
|
||||
vertical-align: top;
|
||||
width: 96px;
|
||||
width: 96px;
|
||||
}
|
||||
|
||||
|
||||
img#blue
|
||||
{
|
||||
height: 192px;
|
||||
@@ -27,7 +27,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>
|
||||
@@ -13,7 +13,7 @@
|
||||
img
|
||||
{
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
@@ -23,7 +23,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>
|
||||
@@ -14,7 +14,7 @@
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
|
||||
img {padding-left: 100px;}
|
||||
]]></style>
|
||||
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
height: 288px;
|
||||
width: 288px;
|
||||
}
|
||||
|
||||
|
||||
img {padding-top: 120px;}
|
||||
]]></style>
|
||||
|
||||
|
||||
@@ -8,8 +8,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>
|
||||
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
height: 45px;
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
|
||||
div#black-stripe
|
||||
{
|
||||
background-color: black;
|
||||
|
||||
@@ -16,7 +16,7 @@
|
||||
margin-left: auto;
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
|
||||
div#black-stripe
|
||||
{
|
||||
background-color: black;
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body {margin: 8px;}
|
||||
|
||||
|
||||
div
|
||||
{
|
||||
background-color: green;
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body {margin: 8px;}
|
||||
|
||||
|
||||
div
|
||||
{
|
||||
background-color: green;
|
||||
|
||||
@@ -10,7 +10,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;
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
border: green solid medium;
|
||||
border: green solid medium;
|
||||
height: 150px;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
border: green solid medium;
|
||||
border: green solid medium;
|
||||
height: 96px;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
background-color: blue;
|
||||
border-top: none 0px;
|
||||
height: 15px;
|
||||
width: 30px;
|
||||
width: 30px;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
background-color: blue;
|
||||
border-top: none 0px;
|
||||
height: 96px;
|
||||
width: 192px;
|
||||
width: 192px;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
border: green solid medium;
|
||||
border: green solid medium;
|
||||
height: 150px;
|
||||
margin-top: 112px;
|
||||
width: 300px;
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
border: green solid medium;
|
||||
border: green solid medium;
|
||||
height: 96px;
|
||||
margin-top: 112px;
|
||||
width: 300px;
|
||||
|
||||
@@ -11,11 +11,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;
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
height: 192px;
|
||||
width: 192px;
|
||||
}
|
||||
|
||||
|
||||
img {display: block;}
|
||||
]]></style>
|
||||
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
height: 288px;
|
||||
width: 288px;
|
||||
}
|
||||
|
||||
|
||||
img
|
||||
{
|
||||
display: block;
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
height: 288px;
|
||||
width: 288px;
|
||||
}
|
||||
|
||||
|
||||
img
|
||||
{
|
||||
display: block;
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
height: 288px;
|
||||
width: 288px;
|
||||
}
|
||||
|
||||
|
||||
img
|
||||
{
|
||||
display: block;
|
||||
@@ -22,7 +22,7 @@
|
||||
margin-bottom: 10px;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
|
||||
img + img {height: 96px;}
|
||||
]]></style>
|
||||
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
height: 288px;
|
||||
width: 192px;
|
||||
}
|
||||
|
||||
|
||||
img
|
||||
{
|
||||
display: block;
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
height: 192px;
|
||||
width: 192px;
|
||||
}
|
||||
|
||||
|
||||
img
|
||||
{
|
||||
display: block;
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
height: 288px;
|
||||
width: 192px;
|
||||
}
|
||||
|
||||
|
||||
img
|
||||
{
|
||||
display: block;
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
height: 192px;
|
||||
width: 192px;
|
||||
}
|
||||
|
||||
|
||||
img
|
||||
{
|
||||
display: block;
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
height: 296px;
|
||||
width: 296px;
|
||||
}
|
||||
|
||||
|
||||
img
|
||||
{
|
||||
display: block;
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
height: 288px;
|
||||
width: 288px;
|
||||
}
|
||||
|
||||
|
||||
img
|
||||
{
|
||||
display: block;
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
height: 288px;
|
||||
width: 288px;
|
||||
}
|
||||
|
||||
|
||||
img
|
||||
{
|
||||
display: block;
|
||||
@@ -23,7 +23,7 @@
|
||||
padding-left: 88px;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
|
||||
img + img {height: 96px;}
|
||||
]]></style>
|
||||
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
height: 288px;
|
||||
width: 192px;
|
||||
}
|
||||
|
||||
|
||||
img
|
||||
{
|
||||
display: block;
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
height: 192px;
|
||||
width: 192px;
|
||||
}
|
||||
|
||||
|
||||
img
|
||||
{
|
||||
display: block;
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
height: 288px;
|
||||
width: 288px;
|
||||
}
|
||||
|
||||
|
||||
img
|
||||
{
|
||||
display: block;
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
height: 288px;
|
||||
width: 288px;
|
||||
}
|
||||
|
||||
|
||||
img
|
||||
{
|
||||
display: block;
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
height: 288px;
|
||||
width: 288px;
|
||||
}
|
||||
|
||||
|
||||
img
|
||||
{
|
||||
display: block;
|
||||
@@ -23,7 +23,7 @@
|
||||
padding-left: 44px;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
|
||||
img + img {height: 96px;}
|
||||
]]></style>
|
||||
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
height: 288px;
|
||||
width: 192px;
|
||||
}
|
||||
|
||||
|
||||
img
|
||||
{
|
||||
display: block;
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
{
|
||||
border: blue solid 16px;
|
||||
height: 32px;
|
||||
width: 64px;
|
||||
width: 64px;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
|
||||
@@ -17,13 +17,13 @@
|
||||
div#second
|
||||
{
|
||||
bottom: 1em;
|
||||
position: relative;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
div#third
|
||||
{
|
||||
bottom: 2em;
|
||||
position: relative;
|
||||
position: relative;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
@@ -34,7 +34,7 @@
|
||||
<div id="first">____ ____</div>
|
||||
|
||||
<div id="second">FAIL PASS</div>
|
||||
|
||||
|
||||
<div id="third">####</div>
|
||||
|
||||
</body>
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
background-color: green;
|
||||
color: white;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
body {margin: 0;}
|
||||
]]></style>
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
line-height: 1.25;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
|
||||
div#positioned
|
||||
{
|
||||
background: green;
|
||||
@@ -22,16 +22,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>
|
||||
@@ -41,7 +41,7 @@
|
||||
<div id="positioned">PASS</div>
|
||||
|
||||
<p>Ignore the scrollbars below.</p>
|
||||
|
||||
|
||||
<div id="overflow"></div>
|
||||
|
||||
</body>
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
line-height: 1.25;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
|
||||
div#positioned
|
||||
{
|
||||
background: green;
|
||||
@@ -22,16 +22,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>
|
||||
@@ -41,7 +41,7 @@
|
||||
<div id="positioned">PASS</div>
|
||||
|
||||
<p>Ignore the scrollbars below.</p>
|
||||
|
||||
|
||||
<div id="overflow"></div>
|
||||
|
||||
</body>
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body {margin-left: 0;}
|
||||
|
||||
|
||||
div#positioned
|
||||
{
|
||||
background: green;
|
||||
@@ -19,16 +19,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>
|
||||
@@ -38,7 +38,7 @@
|
||||
<div id="positioned">PASS</div>
|
||||
|
||||
<p>Ignore the scrollbars below.</p>
|
||||
|
||||
|
||||
<div id="overflow"></div>
|
||||
|
||||
</body>
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body {margin-left: 0;}
|
||||
|
||||
|
||||
div#positioned
|
||||
{
|
||||
background: green;
|
||||
@@ -18,7 +18,7 @@
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 10em;
|
||||
}
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body {margin-left: 0;}
|
||||
|
||||
|
||||
div#positioned
|
||||
{
|
||||
background: green;
|
||||
@@ -18,7 +18,7 @@
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 10em;
|
||||
}
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body {margin-left: 0;}
|
||||
|
||||
|
||||
div#positioned
|
||||
{
|
||||
background: green;
|
||||
@@ -19,7 +19,7 @@
|
||||
position: absolute;
|
||||
top: 5em;
|
||||
width: 5em;
|
||||
}
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
@@ -8,7 +8,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>
|
||||
|
||||
@@ -8,7 +8,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>
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
padding: 1em;
|
||||
width: 10em;
|
||||
}
|
||||
|
||||
|
||||
div#child
|
||||
{
|
||||
border: aqua solid thin;
|
||||
|
||||
@@ -24,7 +24,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>
|
||||
|
||||
@@ -8,7 +8,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
|
||||
{
|
||||
|
||||
@@ -13,11 +13,11 @@
|
||||
font: 1em/1.25 serif;
|
||||
margin: 8px;
|
||||
}
|
||||
|
||||
|
||||
p {margin: 1em 0;}
|
||||
|
||||
|
||||
strong {line-height: 1;}
|
||||
|
||||
|
||||
div
|
||||
{
|
||||
background-color: green;
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
div
|
||||
{
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
div#blue {background-color: blue;}
|
||||
|
||||
@@ -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>
|
||||
@@ -13,7 +13,7 @@
|
||||
background-color: blue;
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
|
||||
div + div
|
||||
{
|
||||
background-color: green;
|
||||
@@ -28,7 +28,7 @@
|
||||
<p>Test passes if there is a blue stripe above a green rectangle across the page.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
vertical-align: bottom;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
|
||||
img {vertical-align: bottom;}
|
||||
]]></style>
|
||||
|
||||
@@ -33,7 +33,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>
|
||||
@@ -9,8 +9,8 @@
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div {width: 100px;}
|
||||
|
||||
img {vertical-align: top;}
|
||||
|
||||
img {vertical-align: top;}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
vertical-align: bottom;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
|
||||
img {vertical-align: bottom;}
|
||||
]]></style>
|
||||
|
||||
@@ -33,7 +33,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>
|
||||
@@ -21,7 +21,7 @@
|
||||
vertical-align: bottom;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
|
||||
img {vertical-align: bottom;}
|
||||
]]></style>
|
||||
|
||||
@@ -33,7 +33,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>
|
||||
@@ -8,12 +8,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>
|
||||
|
||||
@@ -24,7 +24,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>
|
||||
|
||||
@@ -11,11 +11,11 @@
|
||||
div#second {line-height: 15px;}
|
||||
|
||||
div#third {line-height: 33px;}
|
||||
|
||||
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
@@ -28,7 +28,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>
|
||||
|
||||
@@ -15,12 +15,12 @@
|
||||
background-color: orange;
|
||||
height: 192px;
|
||||
width: 96px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
|
||||
@@ -19,6 +19,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>
|
||||
@@ -30,6 +30,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>
|
||||
@@ -29,6 +29,6 @@
|
||||
<body>
|
||||
|
||||
<p>Test passes if the background of this entire page is green.</p>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -12,7 +12,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>
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
p {color: white;}
|
||||
|
||||
div {margin-top: 10px;}
|
||||
|
||||
|
||||
img
|
||||
{
|
||||
height: 100px;
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
p {color: white;}
|
||||
|
||||
div {margin-top: 10px;}
|
||||
|
||||
|
||||
img
|
||||
{
|
||||
height: 100px;
|
||||
|
||||
@@ -16,7 +16,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>
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body {background-color: black;}
|
||||
|
||||
|
||||
p {color: white;}
|
||||
|
||||
div {margin-top: 10px;}
|
||||
|
||||
@@ -16,7 +16,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>
|
||||
|
||||
@@ -12,8 +12,8 @@
|
||||
{
|
||||
border: black solid 10px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
height: 100px;
|
||||
|
||||
@@ -20,7 +20,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>
|
||||
|
||||
@@ -21,7 +21,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>
|
||||
|
||||
@@ -21,7 +21,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>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<style type="text/css">
|
||||
#content {
|
||||
color: transparent;
|
||||
font: 100px Ahem;
|
||||
font: 100px Ahem;
|
||||
}
|
||||
#content > #foo {
|
||||
background-image: url("../support/cat.png"); /* 98 w. by 99px h. */
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
|
||||
div
|
||||
{
|
||||
border-top: lime solid 1px;
|
||||
@@ -39,7 +39,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>
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
position: absolute;
|
||||
top: 42px;
|
||||
}
|
||||
|
||||
|
||||
div
|
||||
{
|
||||
border-left: lime solid 1px;
|
||||
@@ -39,7 +39,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>
|
||||
|
||||
@@ -16,7 +16,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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -20,7 +20,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>
|
||||
|
||||
@@ -20,7 +20,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>
|
||||
|
||||
@@ -16,7 +16,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>
|
||||
|
||||
@@ -20,7 +20,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>
|
||||
|
||||
@@ -20,7 +20,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>
|
||||
|
||||
@@ -16,7 +16,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>
|
||||
|
||||
@@ -16,7 +16,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>
|
||||
|
||||
@@ -12,7 +12,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>
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
line-height: 96px;
|
||||
width: 96px;
|
||||
}
|
||||
|
||||
|
||||
img
|
||||
{
|
||||
padding-left: 81px;
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body {margin: 8px;}
|
||||
|
||||
|
||||
div
|
||||
{
|
||||
background-color: blue;
|
||||
@@ -17,7 +17,7 @@
|
||||
margin-left: 93px;
|
||||
|
||||
/*
|
||||
|
||||
|
||||
From left to right:
|
||||
|
||||
2px : left border-spacing
|
||||
@@ -43,7 +43,7 @@
|
||||
15px : width of blue square
|
||||
===============================
|
||||
93px
|
||||
|
||||
|
||||
*/
|
||||
|
||||
margin-top: 18px; /* margin-bottom of p + top border-spacing */
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body {margin: 8px;}
|
||||
|
||||
|
||||
div
|
||||
{
|
||||
background-color: green;
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body {margin: 8px;}
|
||||
|
||||
|
||||
div
|
||||
{
|
||||
background-color: green;
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div {border: black solid 5px;}
|
||||
|
||||
|
||||
img {vertical-align: top;}
|
||||
]]></style>
|
||||
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
background-color: black;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
|
||||
img {vertical-align: top;}
|
||||
]]></style>
|
||||
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
background-color: black;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
|
||||
img {vertical-align: top;}
|
||||
]]></style>
|
||||
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
background-color: black;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
|
||||
img {vertical-align: top;}
|
||||
]]></style>
|
||||
|
||||
|
||||
@@ -9,10 +9,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;
|
||||
}
|
||||
|
||||
|
||||
@@ -9,16 +9,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>
|
||||
|
||||
@@ -17,7 +17,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;
|
||||
|
||||
@@ -7,7 +7,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
Reference in New Issue
Block a user