diff options
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/css1')
471 files changed, 14827 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/css1/README b/testing/web-platform/tests/css/CSS2/css1/README new file mode 100644 index 0000000000..58452029e3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/README @@ -0,0 +1,5 @@ +These are tests converted from the CSS1 test suite. +They are post-processed from the tests in ../../archive. +Please edit the originals and rebuild rather than editing +these directly. + diff --git a/testing/web-platform/tests/css/CSS2/css1/c11-import-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c11-import-000-ref.xht new file mode 100644 index 0000000000..1f2fd4bf3b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c11-import-000-ref.xht @@ -0,0 +1,27 @@ +<!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> + + <title>CSS Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {color: green;} + ]]></style> + + </head> + + <body> + + <p>This text should be green.</p> + + <p>This text should be green.</p> + + <p>This text should be green.</p> + + <p>This text should be green.</p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c11-import-000.xht b/testing/web-platform/tests/css/CSS2/css1/c11-import-000.xht new file mode 100644 index 0000000000..f214001d11 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c11-import-000.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Basic Containment</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#containment-in-html"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + @import url(support/a-green.css); + @import "support/b-green.css"; + .c { color: green; } + @import url(support/c-red.css); + <!-- .d { color: green; } --> + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#at-import" title="6.3 The @import rule"/> + <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#at-import"/> + <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#at-import"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#comments" title="4.1.9 Comments"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#uri" title="4.3.4 URLs and URIs"/> + <link rel="match" href="c11-import-000-ref.xht" /> + + </head> + <body> + <p class="a">This text should be green.</p> + <p class="b">This text should be green.</p> + <p class="c">This text should be green.</p> + <p class="d">This text should be green.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c12-grouping-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c12-grouping-000-ref.xht new file mode 100644 index 0000000000..b1622054ce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c12-grouping-000-ref.xht @@ -0,0 +1,25 @@ +<!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> + + <title>CSS Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {color: green;} + ]]></style> + + </head> + + <body> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c12-grouping-000.xht b/testing/web-platform/tests/css/CSS2/css1/c12-grouping-000.xht new file mode 100644 index 0000000000..0cea3173dc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c12-grouping-000.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Grouping</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#grouping"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + .one, .two, .three { color: green; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#grouping" title="5.2.1 Grouping"/> + <link rel="match" href="c12-grouping-000-ref.xht" /> + + </head> + <body> + <p class="one"> This sentence should be green. </p> + <p class="two"> This sentence should be green. </p> + <p class="three"> This sentence should be green. </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c13-inh-underlin-000.xht b/testing/web-platform/tests/css/CSS2/css1/c13-inh-underlin-000.xht new file mode 100644 index 0000000000..15177ee3c5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c13-inh-underlin-000.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Inheritance</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#inheritance"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <meta http-equiv="Content-Style-Type" content="text/css" /> + + <style type="text/css"><![CDATA[ + body { color: navy; } + .a { text-decoration: underline; } + #a { font-style: italic; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#inheritance" title="6.2 Inheritance"/> + <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inheriting"/> + <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inheriting"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" title="16.3.1 Underlining, overlining, striking, and blinking: the 'text-decoration' property"/> + </head> + <body> + + <p class="a"> This should be blue and underlined. </p> + + <p class="a"> This sentence should be underlined, including + <code>this part</code>, <cite>this part</cite>, <em>this part</em>, + and <strong>this part</strong>. </p> + + <p class="a" id="a"> This sentence should also be underlined, as + well as italics, <strong>including this part</strong>. </p> + + <p> This sentence should be blue but not underlined, like + <strong>this part</strong>, but <em style="text-decoration: + underline;">this part should be underlined</em>. </p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c13-inheritance-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c13-inheritance-000-ref.xht new file mode 100644 index 0000000000..42711bdef2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c13-inheritance-000-ref.xht @@ -0,0 +1,33 @@ +<!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> + + <title>CSS Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {color: green;} + + p#background + { + background-color: green; + color: white; + } + ]]></style> + + </head> + + <body> + + <p>This sentence should be green.</p> + + <p id="background">This sentence <i>should be</i> white on green.</p> + + <p><i>PASS</i> <b> </b></p> + + <p>PASS</p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c13-inheritance-000.xht b/testing/web-platform/tests/css/CSS2/css1/c13-inheritance-000.xht new file mode 100644 index 0000000000..a5ddcaab18 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c13-inheritance-000.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Inheritance</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#inheritance"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c13-inheritance-000-ref.xht" /> + + <style type="text/css"><![CDATA[ + body { color: green; } + .a { background: green; color: white; } + .a1 { font-style: italic; } + .b { color: white; } + em { color: green; } + dfn { color: white; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#inheritance" title="6.2 Inheritance"/> + <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inheriting"/> + <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inheriting"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" title="14.1 Foreground color: the 'color' property"/> + + </head> + <body> + <p> This sentence should be green. </p> + <p class="a"> This sentence <span class="a1">should be</span> white on green. </p> + <p class="b"> <em>PASS</em> <strong>FAIL</strong> </p> + <p class="c"> PASS <dfn>FAIL</dfn> </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c14-classes-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c14-classes-000-ref.xht new file mode 100644 index 0000000000..8dcab7f5b7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c14-classes-000-ref.xht @@ -0,0 +1,31 @@ +<!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> + + <title>CSS Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p, pre, li {color: green;} + ]]></style> + + </head> + + <body> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + <pre>This sentence should be green.</pre> + + <ul><li>This sentence should be green.</li></ul> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c14-classes-000.xht b/testing/web-platform/tests/css/CSS2/css1/c14-classes-000.xht new file mode 100644 index 0000000000..a6e33c6eba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c14-classes-000.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Class as selector</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#class-as-selector"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c14-classes-000-ref.xht" /> + + <style type="text/css"><![CDATA[ + body { color: red; } + div { color: green; } + + .one { color: green; } + .1 { color: red; } + .a1 {color: green;} + p.two { color: green; } + p.three { color: red; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" title="5.8.3 Class selectors"/> + </head> + <body> + <p class="one"> This sentence should be green. </p> + <div> <p class="1"> This sentence should be green. </p> </div> + <p class="a1"> This sentence should be green. </p> + <p class="two"> This sentence should be green. </p> + <div> <pre class="three">This sentence should be green.</pre> </div> + <div> <ul> <li class="three">This sentence should be green. </li> </ul> </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c15-ids-000.xht b/testing/web-platform/tests/css/CSS2/css1/c15-ids-000.xht new file mode 100644 index 0000000000..a018acce83 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c15-ids-000.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: ID as selector</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#id-as-selector"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c12-grouping-000-ref.xht" /> + + <style type="text/css"><![CDATA[ + body {color: red;} + #test1 {color: green;} + #test2 {color: green;} + p#test3 {color: green;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#id-selectors" title="5.9 ID selectors"/> + </head> + <body> + <p id="test1"> This sentence should be green. </p> + <p id="test2"> This sentence should be green. </p> + <p id="test3"> This sentence should be green. </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c15-ids-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c15-ids-001-ref.xht new file mode 100644 index 0000000000..bd7a5cd496 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c15-ids-001-ref.xht @@ -0,0 +1,26 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p, pre, li {color: green;} + ]]></style> + + </head> + + <body> + + <p>This sentence should be green.</p> + + <pre> This sentence should be green.</pre> + + <ul><li>This sentence should be green.</li></ul> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c15-ids-001.xht b/testing/web-platform/tests/css/CSS2/css1/c15-ids-001.xht new file mode 100644 index 0000000000..4c8fd7a1f6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c15-ids-001.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: ID as selector</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#id-as-selector"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 --> + <link rel="match" href="c15-ids-001-ref.xht" /> + + <style type="text/css"><![CDATA[ + body, span { color: green; } + p#test1a, p#test1b { color: red; } + ul#test2 { color: red; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#id-selectors" title="5.9 ID selectors"/> + </head> + <body> + <p id="test1a"> <span> This sentence should be green. </span> </p> + <pre id="test1b"> This sentence should be green. </pre> + <ul> + <li id="test2"> This sentence should be green. </li> + </ul> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c16-descendant-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c16-descendant-000-ref.xht new file mode 100644 index 0000000000..d9a6d2ac3a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c16-descendant-000-ref.xht @@ -0,0 +1,31 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p, li {color: green;} + ul {list-style-type: none;} + ]]></style> + + </head> + + <body> + + <p> This sentence should be green. </p> + + <ul> + <li>This sentence should be green. + <ul> + <li>This sentence should be green.</li> + </ul> + </li> + </ul> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c16-descendant-000.xht b/testing/web-platform/tests/css/CSS2/css1/c16-descendant-000.xht new file mode 100644 index 0000000000..97c6c5f2bf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c16-descendant-000.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Descendant selectors (Contextual selectors)</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#contextual-selectors"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c16-descendant-000-ref.xht" /> + + <style type="text/css"><![CDATA[ + body {color: red;} + p {color: green;} + li {list-style: none;} + html body div p {color: red;} + span, ul li li {color: green;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" title="5.5 Descendant selectors"/> + </head> + <body> + <p> This sentence should be green. </p> + <ul> + <li> + <span> This sentence should be green. </span> + <ul> + <li> This sentence should be green. </li> + </ul> + </li> + </ul> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c16-descendant-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c16-descendant-001-ref.xht new file mode 100644 index 0000000000..680aec3266 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c16-descendant-001-ref.xht @@ -0,0 +1,26 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p, li {color: green;} + ]]></style> + + </head> + + <body> + + <p>This sentence should be green.</p> + + <ul> + <li>This sentence should be green.</li> + </ul> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c16-descendant-001.xht b/testing/web-platform/tests/css/CSS2/css1/c16-descendant-001.xht new file mode 100644 index 0000000000..6dbd9073ec --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c16-descendant-001.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Contextual selectors</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#contextual-selectors"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c16-descendant-001-ref.xht" /> + + <style type="text/css"><![CDATA[ + ul {color: green;} + p {color: red;} + html body div p {color: green;} + span, ul li li {color: red;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" title="5.5 Descendant selectors"/> + </head> + <body> + <div><p> This sentence should be green. </p></div> + <ul> + <li> + <span> </span> This sentence should be green. + </li> + </ul> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c16-descendant-002.xht b/testing/web-platform/tests/css/CSS2/css1/c16-descendant-002.xht new file mode 100644 index 0000000000..d7383e786e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c16-descendant-002.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Contextual selectors</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#contextual-selectors"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="../reference/ref-this-text-should-be-green.xht" /> + + <style type="text/css"><![CDATA[ + p {color: green;} + html body div {color: red;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" title="5.5 Descendant selectors"/> + </head> + <body> + <div><p> This text should be green. </p></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c17-comments-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c17-comments-000-ref.xht new file mode 100644 index 0000000000..4e69c4f941 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c17-comments-000-ref.xht @@ -0,0 +1,32 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {color: green;} + ]]></style> + + </head> + + <body> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c17-comments-000.xht b/testing/web-platform/tests/css/CSS2/css1/c17-comments-000.xht new file mode 100644 index 0000000000..6a8357f46d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c17-comments-000.xht @@ -0,0 +1,49 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Comments</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#comments"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c17-comments-000-ref.xht" /> + + <style type="text/css"><![CDATA[ + body { color: red; } + /* This is a CSS comment. */ + .one {color: green;} /* Another comment */ + /* The following should not be used: + .two {color: red;} */ + .three {color: green; /* color: red; */} + /** + .four {color: red;} */ + .five {color: green;} + /**/ + .six {color: green;} + /*********/ + .seven {color: green;} + /* a comment **/ + .eight {color: green;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#comments" title="4.1.9 Comments"/> + </head> + <body> + <p class="one"> + This sentence should be green. + </p> + <p class="three"> + This sentence should be green. + </p> + <p class="five"> + This sentence should be green. + </p> + <p class="six"> + This sentence should be green. + </p> + <p class="seven"> + This sentence should be green. + </p> + <p class="eight"> + This sentence should be green. + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c17-comments-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c17-comments-001-ref.xht new file mode 100644 index 0000000000..43770adeb6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c17-comments-001-ref.xht @@ -0,0 +1,24 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {color: green;} + ]]></style> + + </head> + + <body> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c17-comments-001.xht b/testing/web-platform/tests/css/CSS2/css1/c17-comments-001.xht new file mode 100644 index 0000000000..617b52a529 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c17-comments-001.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Comments</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#comments"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c17-comments-001-ref.xht" /> + + <style type="text/css"><![CDATA[ + body { color: green; } + /* This is a CSS comment. */ + .one {color: green;} /* Another comment */ + /* The following should not be used: + .two {color: red;} */ + .three {color: green; /* color: red; */} + /** + .four {color: red;} */ + .five {color: green;} + /**/ + .six {color: green;} + /*********/ + .seven {color: green;} + /* a comment **/ + .eight {color: green;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#comments" title="4.1.9 Comments"/> + </head> + <body> + <p class="two"> + This sentence should be green. + </p> + <p class="four"> + This sentence should be green. + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c21-activ-ln-000.xht b/testing/web-platform/tests/css/CSS2/css1/c21-activ-ln-000.xht new file mode 100644 index 0000000000..13e8550348 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c21-activ-ln-000.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: anchor</title> + <meta name="flags" content="interact" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#anchor-pseudo-classes"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + a {color: red;} + a:link {color: blue;} + a:visited {color: blue;} + a:hover {color: blue;} + a:focus {color: blue;} + a:active {color: green;} + #one {color: red;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" title="5.11.3 The dynamic pseudo-classes: :hover, :active, and :focus"/> + </head> + <body> + <p><a href="">While you are activating this link, it should go green.</a> Check that once you have stopped activating it, it goes blue again.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c21-focus-ln-000.xht b/testing/web-platform/tests/css/CSS2/css1/c21-focus-ln-000.xht new file mode 100644 index 0000000000..4f4d3324f2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c21-focus-ln-000.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: anchor</title> + <meta name="flags" content="interact" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#anchor-pseudo-classes"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + a {color: red;} + a:link {color: blue;} + a:visited {color: blue;} + a:hover {color: blue;} + a:focus {color: green;} + a:active {color: red;} + #one {color: red;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" title="5.11.3 The dynamic pseudo-classes: :hover, :active, and :focus"/> + </head> + <body> + <p><a href="">If you focus this link, it should go green.</a></p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c21-hover-ln-000.xht b/testing/web-platform/tests/css/CSS2/css1/c21-hover-ln-000.xht new file mode 100644 index 0000000000..34a3c67d12 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c21-hover-ln-000.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: anchor</title> + <meta name="flags" content="interact" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#anchor-pseudo-classes"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + a {color: red;} + a:link {color: blue;} + a:visited {color: blue;} + a:hover {color: green;} + a:focus {color: red;} + a:active {color: red;} + #one {color: red;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" title="5.11.3 The dynamic pseudo-classes: :hover, :active, and :focus"/> + </head> + <body> + <p><a href="">While you are hovering over this link, it should go green.</a></p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c21-pseu-cls-000.xht b/testing/web-platform/tests/css/CSS2/css1/c21-pseu-cls-000.xht new file mode 100644 index 0000000000..c9c68f2887 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c21-pseu-cls-000.xht @@ -0,0 +1,28 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: anchor</title> + <meta name="flags" content="interact" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#anchor-pseudo-classes"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + a:link {color: red;} + a:visited {color: red;} + a:hover {color: red;} + a:focus {color: red;} + a:active {color: red;} + a.test {color: green;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specificity" title="6.4.3 Calculating a selector's specificity"/> + <link rel="help" href="http://www.w3.org/TR/css3-selectors/#specificity"/> + <link rel="help" href="http://www.w3.org/TR/selectors4/#specificity"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascade" title="6.4 The cascade"/> + <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading"/> + <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#pseudo-class-selectors" title="5.11 Pseudo-classes"/> + </head> + <body> + <p><a href="" class="test">Whatever you do to this link, it should stay green.</a> (hover, focus, activate, follow)</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c21-pseu-id-000.xht b/testing/web-platform/tests/css/CSS2/css1/c21-pseu-id-000.xht new file mode 100644 index 0000000000..52831f72f2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c21-pseu-id-000.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: anchor</title> + <meta name="flags" content="interact" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#anchor-pseudo-classes"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + #one {color: green;} + a {color: red;} + a:link {color: red;} + a:visited {color: red;} + a:hover {color: red;} + a:focus {color: red;} + a:active {color: red;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specificity" title="6.4.3 Calculating a selector's specificity"/> + <link rel="help" href="http://www.w3.org/TR/css3-selectors/#specificity"/> + <link rel="help" href="http://www.w3.org/TR/selectors4/#specificity"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascade" title="6.4 The cascade"/> + <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading"/> + <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#pseudo-class-selectors" title="5.11 Pseudo-classes"/> + </head> + <body> + <p><a href="" id="one">Whatever you do to this link, it should stay green.</a> (hover, focus, activate, follow)</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c21-pseud-anch-000.xht b/testing/web-platform/tests/css/CSS2/css1/c21-pseud-anch-000.xht new file mode 100644 index 0000000000..b2fd6fcbfa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c21-pseud-anch-000.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: anchor</title> + <meta name="flags" content="interact" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#anchor-pseudo-classes"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + a {color: green;} + a:link {color: red;} + a:visited {color: red;} + a:hover {color: green;} + a:focus {color: red;} + a:active {color: red;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#pseudo-class-selectors" title="5.11 Pseudo-classes"/> + </head> + <body> + <p><a>This sentence should be green.</a> Check that it remains green after you click it. Note: the link should turn red while clicked.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-000.xht b/testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-000.xht new file mode 100644 index 0000000000..0055097c1c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-000.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: anchor</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#anchor-pseudo-classes"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + a {color: red;} + a:link {color: green;} + a:visited {color: red;} + a:hover {color: red;} + a:focus {color: red;} + a:active {color: red;} + #one {color: red;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#pseudo-class-selectors" title="5.11 Pseudo-classes"/> + </head> + <body> + <p><a href="http://unvisited.example.com/">This link should be green.</a> (do not hover over it or activate it)</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-001.xht b/testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-001.xht new file mode 100644 index 0000000000..c95b13e7e7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-001.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: anchor</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#anchor-pseudo-classes"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + a {color: red;} + a:visited {color: red;} + a:link {color: green;} + a:hover {color: red;} + a:focus {color: red;} + a:active {color: red;} + #one {color: red;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#pseudo-class-selectors" title="5.11 Pseudo-classes"/> + </head> + <body> + <p><a href="http://unvisited.example.com/">This link should be green.</a> (do not hover over it or activate it)</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-002.xht b/testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-002.xht new file mode 100644 index 0000000000..cc11faccbc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-002.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: anchor</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#anchor-pseudo-classes"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + a {color: red;} + a:link {color: red;} + a:visited {color: green;} + a:hover {color: red;} + a:focus {color: red;} + a:active {color: red;} + #one {color: red;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#pseudo-class-selectors" title="5.11 Pseudo-classes"/> + </head> + <body> + <p><a href="c21-pseud-link-002.xht">This link should be green.</a> (do not hover over it or activate it)</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-003.xht b/testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-003.xht new file mode 100644 index 0000000000..6b79dafd9b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-003.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: anchor</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#anchor-pseudo-classes"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + a {color: red;} + a:visited {color: green;} + a:link {color: red;} + a:hover {color: red;} + a:focus {color: red;} + a:active {color: red;} + #one {color: red;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#pseudo-class-selectors" title="5.11 Pseudo-classes"/> + </head> + <body> + <p><a href="c21-pseud-link-003.xht">This link should be green.</a> (do not hover over it or activate it)</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c23-first-line-000.xht b/testing/web-platform/tests/css/CSS2/css1/c23-first-line-000.xht new file mode 100644 index 0000000000..e67cd49727 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c23-first-line-000.xht @@ -0,0 +1,55 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: first-line</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#the-first-line-pseudo-element"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + body { color: blue; } + p:first-line { color: green; } + .two:first-line { font-size: 200%; } + .three:first-line { font-variant: small-caps; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" title="5.12.1 The :first-line pseudo-element"/> + </head> + <body> + <p> + The <strong>first line</strong> of this paragraph, and only that + one, should be <strong>green</strong>. If this precise combination + does not occur, then the user agent has failed this test. Remember + that in order to ensure a complete test, the paragraph must be + displayed on more than one line. Dummy text. Dummy text. Dummy + text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. + Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy + text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. + Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy + text. Dummy text. Dummy text. Dummy text. + </p> + <p class="two"> + The <strong>first line</strong> of this paragraph, and only that + one, should be a <strong>larger</strong> font size as well as + <strong>green</strong>. If this precise combination does not occur, + then the user agent has failed this test. Remember that in order to + ensure a complete test, the paragraph must be displayed on more + than one line. Dummy text. Dummy text. Dummy text. Dummy text. + Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy + text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. + Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy + text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. + Dummy text. Dummy text. + </p> + <p class="three"> + The <strong>first line</strong> of this paragraph, and only that + one, should be displayed in <strong>small-caps</strong> style as + well as <strong>green</strong>. Thus, if the first line is not in + small-caps style, or if the entire paragraph turns out in + small-caps, then the user agent has failed this test. Dummy text. + Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy + text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. + Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy + text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. + Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c24-first-lttr-000.xht b/testing/web-platform/tests/css/CSS2/css1/c24-first-lttr-000.xht new file mode 100644 index 0000000000..a69c6a3dc8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c24-first-lttr-000.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: first-letter</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#the-first-letter-pseudo-element"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 --> + + <style type="text/css"><![CDATA[ + body { color: blue; } + p:first-letter {color: green;} + .two:first-letter {font-size: 200%;} + p.three:first-letter {font-size: 350%;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" title="5.12.2 The :first-letter pseudo-element"/> + + </head> + <body> + <p> + The <strong>first letter</strong> of this paragraph, and only that + one, should be <strong>green</strong>. If this precise combination + does not occur, then the user agent has failed this test. + </p> + <p class="two"> + The <strong>first letter</strong> of this paragraph, and only that + one, should be in a <strong>larger</strong> font size, as well as + <strong>green</strong>. If this precise combination does not occur, + then the user agent has failed this test. + </p> + + <p class="three"> + "The <strong>first two characters</strong> in this paragraph (a + double-quote mark and a capital 'T') should be in a <strong>much + larger</strong> font size than the rest of the paragraph, and + <strong>green</strong>. If this precise combination does not occur, + then the user agent has failed this test. + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c25-pseudo-elmnt-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c25-pseudo-elmnt-000-ref.xht new file mode 100644 index 0000000000..9e5181107a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c25-pseudo-elmnt-000-ref.xht @@ -0,0 +1,30 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + span + { + background-color: green; + color: white; + } + ]]></style> + + </head> + + <body> + + <div>There should be two sentences below.</div> + + <p><span>This sentence should have white text on green background.</span></p> + + <p><span>This sentence should have white text on green background.</span></p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c25-pseudo-elmnt-000.xht b/testing/web-platform/tests/css/CSS2/css1/c25-pseudo-elmnt-000.xht new file mode 100644 index 0000000000..26fa2b2579 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c25-pseudo-elmnt-000.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Pseudo-elements in Selectors</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#pseudo-elements-in-selectors"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c25-pseudo-elmnt-000-ref.xht" /> + + <style type="text/css"><![CDATA[ + .test { color: red; } + p:first-line { background: green; } + p.test:first-line { color: white; } + p:first-line.two { color: yellow; background: red; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#pseudo-elements" title="5.10 Pseudo-elements and pseudo-classes"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" title="5.12.1 The :first-line pseudo-element"/> + <meta name="flags" content="invalid" /> + + </head> + <body> + <div>There should be two sentences below.</div> + <p class="test one"> This sentence should have white text on green background. </p> + <p class="test two"> This sentence should have white text on green background. </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c26-psudo-nest-000.xht b/testing/web-platform/tests/css/CSS2/css1/c26-psudo-nest-000.xht new file mode 100644 index 0000000000..48aff05251 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c26-psudo-nest-000.xht @@ -0,0 +1,53 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Multiple Pseudo-Elements</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#multiple-pseudo-elements"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + body { color: blue; } + p:first-line { color: teal; } + p:first-letter { color: aqua; } + .one:first-line { font-size: 300%; } + .one:first-letter { font-size: 300%; } + p.two:first-letter { font-size: 200%; } + p.two:first-line { font-variant: small-caps; } + /* three uses the default styles */ + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" title="5.12.2 The :first-letter pseudo-element"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" title="5.12.1 The :first-line pseudo-element"/> + </head> + <body> + <p class="one"> + The <strong>first letter</strong> of this paragraph, and only that + one, should be <strong>600% bigger</strong> than the normal text and + <strong>aqua</strong>, while the entire <strong>first line</strong> + should be <strong>300% bigger</strong> than normal text and + <strong>teal</strong>. If this precise combination does not occur, + then the user agent has failed this test. Remember that in order to + ensure a complete test, the paragraph must be displayed on more + than one line. (TEST1) + </p> + <p class="two"> + "Test": The first <strong>two characters</strong> in this paragraph + (a double-quote mark and a capital 'T') should be <strong>200% + bigger</strong> than the rest of the paragraph, and + <strong>aqua</strong>. In addition, the entire <strong>first + line</strong> should be in a <strong>small-caps font and + teal</strong>. Remember that in order to ensure a complete test, + the paragraph must be displayed on more than one line. (TEST2) + </p> + <p> + The <strong>first letter</strong> of this paragraph, and only that + one, should be <strong>aqua</strong>, while the entire + <strong>first line</strong> should be <strong>teal</strong>. If + this precise combination does not occur, then the user agent has + failed this test. Remember that in order to ensure a complete test, + the paragraph must be displayed on more than one line. (TEST3) + </p> + <div>You should see the words <strong>"TEST1"</strong>, + <strong>"TEST2"</strong>, and <strong>"TEST3"</strong> at the end of + three paragraphs above.</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c31-important-000.xht b/testing/web-platform/tests/css/CSS2/css1/c31-important-000.xht new file mode 100644 index 0000000000..424ca56dd0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c31-important-000.xht @@ -0,0 +1,27 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: important</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#important"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c12-grouping-000-ref.xht" /> + + <style type="text/css"><![CDATA[ + p { color: green ! important; } + p { color: red; } + p#id1 { color: red; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#important-rules" title="6.4.2 !important rules"/> + <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#importance"/> + <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#importance"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order" title="6.4.1 Cascading order"/> + <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading"/> + <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading"/> + </head> + <body> + <p> This sentence should be green. </p> + <p id="id1"> This sentence should be green. </p> + <p style="color: red;"> This sentence should be green. </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c32-cascading-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c32-cascading-000-ref.xht new file mode 100644 index 0000000000..023e1773da --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c32-cascading-000-ref.xht @@ -0,0 +1,32 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div {color: green;} + ]]></style> + + </head> + + <body> + + <div>This sentence should be green.</div> + <div>This sentence should be green.</div> + <div>This sentence should be green.</div> + <div>This sentence should be green.</div> + <div>This sentence should be green.</div> + <div>This sentence should be green.</div> + <div>This sentence should be green.</div> + <div>This sentence should be green.</div> + <div>This sentence should be green.</div> + <div>This sentence should be green.</div> + <div>This sentence should be green.</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c32-cascading-000.xht b/testing/web-platform/tests/css/CSS2/css1/c32-cascading-000.xht new file mode 100644 index 0000000000..c70eced3e6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c32-cascading-000.xht @@ -0,0 +1,62 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cascading Order</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#cascading-order"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="stylesheet" href="support/c-red.css"/> + <link rel="match" href="c32-cascading-000-ref.xht" /> + + <style type="text/css"><![CDATA[ + body * { color: red; list-style: none; margin: 0; padding: 0; } + span { color: red; } + li span.a { color: red; } + li span.b { color: red; } + li span.c { color: red; } + li span.d { color: red; } + li span.e { color: red; } + li span.f { color: red; } + ul li span.a { color: green; } + ul li span.b { color: green; } + ul li li span.c { color: red; } + ul li li span.d { color: red; } + ul li li span.e { color: red; } + ul li li span.f { color: red; } + ul li li span.c { color: green; } + li.test1 span.d { color: green; } + ul li.test2 span.e { color: green; } + ul li.test3 span.f { color: red; } + ul li#test3 span.f { color: green; } + .test4 { color: red; } + .test4 { color: green; } + .c { color: green; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order" title="6.4.1 Cascading order"/> + <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading"/> + <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specificity" title="6.4.3 Calculating a selector's specificity"/> + <link rel="help" href="http://www.w3.org/TR/css3-selectors/#specificity"/> + <link rel="help" href="http://www.w3.org/TR/selectors4/#specificity"/> + + <meta http-equiv="Content-Style-Type" content="text/css" /> + </head> + <body> + <ul> + <li> <span class="a"> This sentence should be green. </span> </li> + <li> <span class="b"> This sentence should be green. </span> + <ul> + <li> <span class="c"> This sentence should be green. </span> </li> + <li> <span class="c"> This sentence should be green. </span> </li> + <li class="test1"> <span class="d"> This sentence should be green. </span> </li> + </ul> + </li> + <li class="test2"> <span class="e"> This sentence should be green. </span> </li> + <li class="test3" id="test3"> <span class="f"> This sentence should be green. </span> </li> + <li> <span class="a"> This sentence should be green. </span> </li> + </ul> + <p style="color: green;"> This sentence should be green. </p> + <p class="test4"> This sentence should be green. </p> + <p class="c"> This sentence should be green. </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c411-vt-mrgn-000.xht b/testing/web-platform/tests/css/CSS2/css1/c411-vt-mrgn-000.xht new file mode 100644 index 0000000000..9892b9a31d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c411-vt-mrgn-000.xht @@ -0,0 +1,104 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Vertical Formatting</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#vertical-formatting"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + + <style type="text/css"><![CDATA[ + + /* test */ + p.one { margin-top: 0; margin-bottom: 2cm; } + p.two { margin-top: 2cm; margin-bottom: 0; } + p.three { margin-top: 0; margin-bottom: 0; } + p.four { margin-top: -1cm; margin-bottom: 0; } + div.five { margin-top: 1cm; margin-bottom: 1cm; padding-top: 1cm; } + p.six { margin-top: 1cm; margin-bottom: 1cm; } + p.seven { margin-top: 1cm; margin-bottom: 0; } + p.eight { margin-top: 0; margin-bottom: -1cm; padding-bottom: 2cm; } + p.nine { margin-top: -1cm; margin-bottom: 1cm; padding-top: 1cm; } + p.ten { margin-top: 1cm; margin-bottom: 0; float: left; width: 50%; } + p.eleven { margin-top: 1cm; margin-bottom: 0; } + p.twelve { margin-top: 0; margin-bottom: 0; padding-bottom: 1cm; clear: both; } + p.thirteen { margin-top: 0; margin-bottom: 0; padding-top: 1cm; } + + /* control */ + td { width: 5em; padding: 0; border: solid; } + .p { margin: 0; padding: 0; height: auto; } + .h1 { margin: 0; padding: 0; height: 1cm; } + .h2 { margin: 0; padding: 0; height: 2cm; } + .h3 { margin: 0; padding: 0; height: 3cm; } + .w50 { width: 50%; } + .l50 { margin-left: 50%; } + .contain { position: relative; } /* XXX relies on CSS2 stuff */ + .bottom { position: absolute; bottom: 0; } + .left { position: absolute; left: 0; } + + /* colours */ + .teal, .test { background: teal; } + .yellow, .one, .seven, .thirteen { background: yellow; } + .fuchsia, .two, .eight { background: fuchsia; } + .lime, .three, .nine { background: lime; } + .white, .four, .ten { background: white; } + .aqua, .five, .eleven { background: aqua; } + .orange, .six, .twelve { background: orange; } + + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" title="8.3.1 Collapsing margins"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + </head> + <body> + <p>The two columns below should be identical.</p> + <table> + <tr> + <td class="test"> + <p class="one"> - </p> + <p class="two"> - </p> + <p class="one"> - </p> + <p class="three"> - </p> + <p class="one"> - </p> + <p class="four"> - </p> + <div class="five"> + <p class="six"> - </p> + </div> + <p class="seven"> - </p> + <p class="eight"> - </p> + <p class="nine"> - </p> + <p class="ten"> - </p> + <p class="eleven"> - </p> + <p class="twelve"> - </p> + <p class="thirteen"> - </p> + </td> + <td class="control"> + <div class="yellow p">-</div> + <div class="teal h2"></div> + <div class="fuchsia p">-</div> + <div class="yellow p">-</div> + <div class="teal h2"></div> + <div class="lime p">-</div> + <div class="yellow p">-</div> + <div class="teal h1"></div> + <div class="white p">-</div> + <div class="teal h1"></div> + <div class="aqua h2"></div> + <div class="orange p">-</div> + <div class="teal h1"></div> + <div class="yellow p">-</div> + <div class="fuchsia p">-</div> + <div class="fuchsia h1"></div> + <div class="lime h1"></div> + <div class="lime p">-</div> + <div class="teal h1"></div> + <div class="aqua"><div class="l50 p">-</div></div> + <div class="teal h1 contain"><div class="white p bottom left w50">-</div></div> + <div class="orange p">-</div> + <div class="orange h1"></div> + <div class="yellow h1"></div> + <div class="yellow p">-</div> + </td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c412-blockw-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c412-blockw-000-ref.xht new file mode 100644 index 0000000000..8b28ab82ee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c412-blockw-000-ref.xht @@ -0,0 +1,31 @@ +<!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> + + <title>CSS Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 120px; + margin: 10px; + width: 120px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 identical filled green squares and <strong>no red</strong>.</p> + + <div></div> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c412-blockw-000.xht b/testing/web-platform/tests/css/CSS2/css1/c412-blockw-000.xht new file mode 100644 index 0000000000..2fd1b32120 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c412-blockw-000.xht @@ -0,0 +1,64 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Horizontal Formatting</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#horizontal-formatting"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c412-blockw-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .test { font: 10px/1 Ahem; margin: 1em; border: solid 1em; width: 100px; background: red no-repeat; color: green; } + .test p, .test div { margin-top: 0; margin-bottom: 0; } + .test.a { background-image: url(support/css1test412b-a.png); } + .test.b { background-image: url(support/css1test412b-b.png); } + .test.b p { background-color: green; } + p.one {margin-left: 10px;} + div.two {margin-left: 10px;} + p.three {margin-left: 0; width: 50%; margin-right: auto;} + p.four {margin-left: auto; width: 50%; margin-right: auto;} + p.five {margin-left: auto; width: 50%; margin-right: 0;} + p.six {margin-left: auto; width: auto; margin-right: 0;} + p.seven {margin-left: 0; width: auto; margin-right: auto;} + p.eight {margin-left: auto; width: auto; margin-right: auto;} + p.nine {padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; width: 50%;} + p.ten {margin-left: auto; width: 100%; margin-right: auto;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" title="10.3.3 Block-level, non-replaced elements in normal flow"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" title="10.2 Content width: the 'width' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + </head> + <body> + <p>Test passes if there are 2 identical filled green squares and <strong>no red</strong>.</p> + <div class="test a"> <!-- this tests the text alignment --> + <p class="one"> X </p> + <div class="two"> + <p class="one"> X </p> + </div> + <p class="three"> X </p> + <p class="four"> X </p> + <p class="five"> X </p> + <p class="six"> X </p> + <p class="seven"> X </p> + <p class="eight"> X </p> + <p class="nine"> X </p> + <p class="ten"> X </p> + </div> + <div class="test b"> <!-- this tests the size of the content area --> + <p class="one"> X </p> + <div class="two"> + <p class="one"> X </p> + </div> + <p class="three"> X </p> + <p class="four"> X </p> + <p class="five"> X </p> + <p class="six"> X </p> + <p class="seven"> X </p> + <p class="eight"> X </p> + <p class="nine"> X </p> + <p class="ten"> X </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c412-hz-box-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c412-hz-box-000-ref.xht new file mode 100644 index 0000000000..d37e9d4c74 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c412-hz-box-000-ref.xht @@ -0,0 +1,40 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + body {margin-bottom: 20px;} + + div {margin: 1em 0;} + + img {vertical-align: bottom;} + ]]></style> + + </head> + + <body> + + <p>The two diagrams below should be identical.</p> + + <div><img src="support/css1test412a.png" + alt="The diagram above should be as described here: A 40px white + square (which will appear as a 40px indent from the left margin), + a 40px fuchsia square, six 40px aqua squares separated by five + 40px blue squares, and a final fuchsia square." /> + </div> + + <div><img src="support/css1test412a.png" + alt="The diagram above should be as described here: A 40px white + square (which will appear as a 40px indent from the left margin), + a 40px fuchsia square, six 40px aqua squares separated by five + 40px blue squares, and a final fuchsia square." /> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c412-hz-box-000.xht b/testing/web-platform/tests/css/CSS2/css1/c412-hz-box-000.xht new file mode 100644 index 0000000000..d425fb3d92 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c412-hz-box-000.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Horizontal Formatting</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#horizontal-formatting"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 --> + <link rel="match" href="c412-hz-box-000-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + p#ruled { + font: 40px/1 Ahem; + width: 360px; background-color: aqua; color: blue; + border-style: solid; border-color: fuchsia; + border-top-width: 0px; border-right-width: 40px; border-bottom-width: 0px; border-left-width: 40px; + padding-top: 0px; padding-right: 40px; padding-bottom: 0px; padding-left: 40px; + margin-top: 0px; margin-right: 40px; margin-bottom: 0px; margin-left: 40px; + } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#box-dimensions" title="8.1 Box dimensions"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + </head> + <body> + <p>The two diagrams below should be identical.</p> + <div class="test"> + <p id="ruled">X X X X X</p> + <p id="control"> + <img src="support/css1test412a.png" + alt="The diagram above should be as described here: A 40px white + square (which will appear as a 40px indent from the left margin), + a 40px fuchsia square, six 40px aqua squares separated by five + 40px blue squares, and a final fuchsia square." /> + </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-000.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-000.xht new file mode 100644 index 0000000000..4de6921408 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-000.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Non-Replaced Float Alignment to Containing Block Edges</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p { color: navy; } + .test div { margin: 1em; padding: 0 0 0.5em; border: 0.5em solid; border-bottom: none; background: navy; color: blue; } + .test p { width: 10em; padding: 0.25em; margin: 0; border: 0.25em solid; background: teal; color: aqua; } + .test p.left { float: left; } + .test p.right { float: right; } + ]]></style> + <meta name="assert" content="A floated box is shifted to the left or right until its outer edge touches the containing block edge."/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/> + </head> + <body> + <p>In the following test, the teal blocks must be just inside the + top and sides of the blue rectangle.</p> + <div class="test"> + <div> + <p class="left"> Teal block. Teal block. Teal block. Teal block. Teal block. Teal block. Teal block. Teal block. </p> + <p class="right"> Teal block. Teal block. Teal block. Teal block. Teal block. Teal block. Teal block. Teal block. </p> + Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. + Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-001.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-001.xht new file mode 100644 index 0000000000..5fc326f384 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-001.xht @@ -0,0 +1,28 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Non-Replaced Floating Left vs. Right</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p { color: navy; } + .test div { margin: 1em; padding: 0.5em; background: teal; color: aqua; } + .test p { width: 10em; padding: 0.25em; margin: 0; border: 0.25em solid blue; background: navy; color: white; } + .test p.left { float: left; } + .test p.right { float: right; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/> + </head> + <body> + <p>In the following test, the blue blocks should be on the given sides of the teal rectangle.</p> + <div class="test"> + <div> + <p class="left"> ⇦ This blue block should be on the left. </p> + <p class="right"> ⇨ This blue block should be on the right. </p> + Teal rectangle. Teal rectangle. Teal rectangle. Teal rectangle. Teal rectangle. Teal rectangle. + Teal rectangle. Teal rectangle. Teal rectangle. Teal rectangle. Teal rectangle. Teal rectangle. + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-002.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-002.xht new file mode 100644 index 0000000000..9dd94aa6e0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-002.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Replaced Float Alignment to Containing Block Edges</title> + <meta name="flags" content="image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p { color: navy; } + .test div { margin: 1em; padding: 0 0 0.5em; border: 0.5em solid; border-bottom: none; background: navy; color: blue; } + .test img { width: 10em; background: red; color: yellow; } + .test img.left { float: left; } + .test img.right { float: right; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/> + </head> + <body> + <p>In the following test, the teal squares must be just inside the + top and sides of the blue rectangle.</p> + <div class="test"> + <div> + <img src="support/square-teal.png" alt="FAIL: You need image support." class="left"/> + <img src="support/square-teal.png" alt="FAIL: You need image support." class="right"/> + Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. + Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-003.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-003.xht new file mode 100644 index 0000000000..0d474d7284 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-003.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Replaced Floating Left vs. Right</title> + <meta name="flags" content="image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p { color: navy; } + .explanation img { height: 1.2em; vertical-align: text-bottom; } + .test div { margin: 1em; padding: 0.5em; background: navy; color: blue; } + .test img { width: 10em; } + .test img.left { float: left; } + .test img.right { float: right; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/> + </head> + <body> + <p class="explanation">In the following test, the purple square + should be on the left (⇦<img src="support/square-purple.png" + alt="Image download support must be enabled"/>), and the teal square on the right (<img + src="support/square-teal.png" alt="Image download support must be enabled"/>⇨) of the blue rectangle.</p> + <div class="test"> + <div> + <img src="support/square-purple.png" alt="FAIL: You need image support." class="left"/> + <img src="support/square-teal.png" alt="FAIL: You need image support." class="right"/> + Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. + Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-000-ref.xht new file mode 100644 index 0000000000..49f2b02d99 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-000-ref.xht @@ -0,0 +1,58 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + table + { + font: 16px monospace; + border-collapse: separate; + border: blue solid medium; + border-spacing: 0px; + margin-left: 10px; + padding: 1em; + table-layout: fixed; + width: 16.375em; + /* + 14em (5em column + 5em column + 4em column) + + 2em (left and right horizontal padding) + + 6px (2 vertical 3px borders) + ===== + 16.375em + */ + } + + col {width: 5em;} + + col#special {width: 4em;} + + td + { + padding: 0; + } + ]]></style> + + </head> + + <body> + + <p>There should be five numbers, in numerical order, below: on the first line 1, 2 and 3, on the second, 4 and 5.</p> + + <table> + + <col></col> <col></col> <col id="special"></col> + + <tr><td>1</td><td>2</td><td>3</td></tr> + + <tr><td>4</td><td>5</td><td></td></tr> + + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-000.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-000.xht new file mode 100644 index 0000000000..15a53e4aa0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-000.xht @@ -0,0 +1,28 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Stacking Non-Replaced Left Floats</title> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/> + <link rel="match" href="c414-flt-fit-000-ref.xht" /> + + <style type="text/css"><![CDATA[ + div { font: 16px monospace; border: solid blue; padding: 1em; width: 14em; margin: 10px; } + div p { margin: 0; width: 5em; float: left; } + ]]></style> + + </head> + <body> + <p>There should be five numbers, in numerical order, below: on the first line 1, 2 and 3, on the second, 4 and 5.</p> + <div> + <p> 1 </p> + <p> 2 </p> + <p> 4 </p> + 3 + 5 <!-- the font is set to monospace so we know how wide a nbsp is --> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-001-ref.xht new file mode 100644 index 0000000000..2ed56d9903 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-001-ref.xht @@ -0,0 +1,31 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border: blue solid 5px; + margin: 10px; + width: 250px; + } + + img {vertical-align: bottom;} + ]]></style> + + </head> + + <body> + + <p>There should be a complete unbroken drawing of a yin-yang (☯) symbol below, slightly on the left (⇦) inside a blue box.</p> + + <div><img src="support/test-tl.png" alt="Image download support must be enabled" /><img src="support/test-tr.png" alt="Image download support must be enabled" /><img src="support/test-bl.png" alt="Image download support must be enabled" /><img src="support/test-br.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-001.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-001.xht new file mode 100644 index 0000000000..9032cab91f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-001.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Stacking Replaced Left Floats</title> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/> + <link rel="match" href="c414-flt-fit-001-ref.xht" /> + + <meta name="flags" content="image" /> + + <style type="text/css"><![CDATA[ + div { border: 5px solid blue; width: 250px; margin: 10px; line-height: 0; } + div p { margin: 0; float: left; } + ]]></style> + + </head> + <body> + <p>There should be a complete unbroken drawing of a yin-yang (☯) symbol below, slightly on the left (⇦) inside a blue box.</p> + <div> + <p> <img src="support/test-tl.png" alt="FAIL: You need images enabled."/> </p> + <p> <img src="support/test-tr.png" alt="FAIL: You need images enabled."/> </p> + <p> <img src="support/test-bl.png" alt="FAIL: You need images enabled."/> </p> + <img src="support/test-br.png" alt="FAIL: You need images enabled."/> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-002-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-002-ref.xht new file mode 100644 index 0000000000..fc40d70582 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-002-ref.xht @@ -0,0 +1,64 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div#wrapper + { + margin-left: 1.25em; + margin-top: 1.25em; + } + + div#wrapper > div {display: inline-block;} + + div#left {margin-right: 0.5em;} + + div#wrapper > div > div + { + background-color: navy; + border: blue solid medium; + color: white; + margin-bottom: 0.5em; + padding: 0.25em; + width: 7em; + } + + div#B4, div#B6, div#B8 + { + margin-left: 3.25em; + text-align: right; + } + ]]></style> + + </head> + + <body> + + <p>The blue rectangles should be in numeric order and form a "D". (Boxes labelled "A" should be in the first column; boxes labelled "B" should be in the second; arrows indicate the correct alignment.)</p> + + <div id="wrapper"> + + <div id="left"> + <div>⇦ A 1</div> + <div>⇦ A 3</div> + <div>⇦ A 5</div> + <div>⇦ A 7</div> + <div>⇦ A 9</div> + </div><div> + <div>⇦ B 2</div> + <div id="B4">B 4 ⇨</div> + <div id="B6">B 6 ⇨</div> + <div id="B8">B 8 ⇨</div> + <div>⇦ B 10</div> + </div> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-002.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-002.xht new file mode 100644 index 0000000000..997913c6f8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-002.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Stacking Mixed Floats Part I</title> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/> + <link rel="match" href="c414-flt-fit-002-ref.xht" /> + + <style type="text/css"><![CDATA[ + div { margin: 1em; width: 20em; } + div p { margin: 0.25em; border: solid blue; padding: 0.25em; width: 7em; background: navy; color: white; } + div p.left { float: left; } + div p.right { float: right; text-align: right; } + ]]></style> + + </head> + <body> + <p>The blue rectangles should be in numeric order and form a "D". + (Boxes labelled "A" should be in the first column; boxes labelled + "B" should be in the second; arrows indicate the correct + alignment.)</p> + <div> + <p class="left"> ⇦ A 1 </p> + <p class="left"> ⇦ B 2 </p> + <p class="left"> ⇦ A 3 </p> + <p class="right"> B 4 ⇨ </p> + <p class="left"> ⇦ A 5 </p> + <p class="right"> B 6 ⇨ </p> + <p class="right"> B 8 ⇨ </p> + <p class="left"> ⇦ A 7 </p> + <p class="left"> ⇦ A 9 </p> + <p class="left"> ⇦ B 10 </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-003-ref.xht new file mode 100644 index 0000000000..8870dcc228 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-003-ref.xht @@ -0,0 +1,67 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div#wrapper + { + margin-left: 1.25em; + margin-top: 1.25em; + } + + div#wrapper > div {display: inline-block;} + + div#left {margin-right: 0.5em;} + + div#wrapper > div > div + { + background-color: navy; + border: blue solid medium; + color: white; + margin-bottom: 0.5em; + padding: 0.25em; + text-align: right; + width: 7em; + } + + div#A1, div#A9 + { + margin-left: 3.25em; + text-align: left; + } + + div#A3, div#A5, div#A7 {text-align: left !important;} + ]]></style> + + </head> + + <body> + + <p>The blue rectangles should be in numeric order and form a backwards "D". (Boxes labelled "A" should be in the first column; boxes labelled "B" should be in the second; arrows indicate the correct alignment.)</p> + + <div id="wrapper"> + + <div id="left"> + <div id="A1">A 1 ⇨</div> + <div id="A3">⇦ A 3</div> + <div id="A5">⇦ A 5</div> + <div id="A7">⇦ A 7</div> + <div id="A9">A 9 ⇨</div> + </div><div> + <div>B 2 ⇨</div> + <div>B 4 ⇨</div> + <div>B 6 ⇨</div> + <div>B 8 ⇨</div> + <div>B 10 ⇨</div> + </div> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-003.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-003.xht new file mode 100644 index 0000000000..2a14208c9a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-003.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Stacking Mixed Floats Part II</title> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/> + <link rel="match" href="c414-flt-fit-003-ref.xht" /> + + <style type="text/css"><![CDATA[ + div { margin: 1em; width: 20em; } + div p { margin: 0.25em; border: solid blue; padding: 0.25em; width: 7em; background: navy; color: white; } + div p.left { float: left; } + div p.right { float: right; text-align: right; } + ]]></style> + + </head> + <body> + <p>The blue rectangles should be in numeric order and form a + backwards "D". (Boxes labelled "A" should be in the first column; + boxes labelled "B" should be in the second; arrows indicate the + correct alignment.)</p> + <div> + <p class="right"> B 2 ⇨ </p> + <p class="right"> A 1 ⇨ </p> + <p class="right"> B 4 ⇨ </p> + <p class="left"> ⇦ A 3 </p> + <p class="right"> B 6 ⇨ </p> + <p class="left"> ⇦ A 5 </p> + <p class="left"> ⇦ A 7 </p> + <p class="right"> B 8 ⇨ </p> + <p class="right"> B 10 ⇨ </p> + <p class="right"> A 9 ⇨ </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-004-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-004-ref.xht new file mode 100644 index 0000000000..56812ee2db --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-004-ref.xht @@ -0,0 +1,68 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div#wrapper + { + margin-left: 1.25em; + margin-top: 1.25em; + } + + div#wrapper > div {display: inline-block;} + + div#left {margin-right: 0.5em;} + + div#wrapper > div > div + { + background-color: navy; + border: blue solid medium; + color: white; + margin-bottom: 0.5em; + padding: 0.25em; + width: 7em; + } + + div#B4, div#B6, div#B10, div#B12 + { + margin-left: 3.25em; + text-align: right; + } + ]]></style> + + </head> + + <body> + + <p>The blue rectangles should be in numeric order and form a "B". (Boxes labelled "A" should be in the first column; boxes labelled "B" should be in the second; arrows indicate the correct alignment.)</p> + + <div id="wrapper"> + + <div id="left"> + <div>⇦ A 1</div> + <div>⇦ A 3</div> + <div>⇦ A 5</div> + <div>⇦ A 7</div> + <div>⇦ A 9</div> + <div>⇦ A 11</div> + <div>⇦ A 13</div> + </div><div> + <div>⇦ B 2</div> + <div id="B4">B 4 ⇨</div> + <div id="B6">B 6 ⇨</div> + <div>⇦ B 8</div> + <div id="B10">B 10 ⇨</div> + <div id="B12">B 12 ⇨</div> + <div>⇦ B 14</div> + </div> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-004.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-004.xht new file mode 100644 index 0000000000..451471c67b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-004.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Stacking Mixed Floats Part III</title> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/> + <link rel="match" href="c414-flt-fit-004-ref.xht" /> + + <style type="text/css"><![CDATA[ + div { margin: 1em; width: 20em; } + div p { margin: 0.25em; border: solid blue; padding: 0.25em; width: 7em; background: navy; color: white; } + div p.left { float: left; } + div p.right { float: right; text-align: right; } + ]]></style> + + </head> + <body> + <p>The blue rectangles should be in numeric order and form a "B". + (Boxes labelled "A" should be in the first column; boxes labelled + "B" should be in the second; arrows indicate the correct + alignment.)</p> + <div> + <p class="left"> ⇦ A 1 </p> + <p class="left"> ⇦ B 2 </p> + <p class="left"> ⇦ A 3 </p> + <p class="right"> B 4 ⇨ </p> + <p class="left"> ⇦ A 5 </p> + <p class="right"> B 6 ⇨ </p> + <p class="left"> ⇦ A 7 </p> + <p class="left"> ⇦ B 8 </p> + <p class="left"> ⇦ A 9 </p> + <p class="right"> B 10 ⇨ </p> + <p class="left"> ⇦ A 11 </p> + <p class="right"> B 12 ⇨ </p> + <p class="left"> ⇦ A 13 </p> + <p class="left"> ⇦ B 14 </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-005-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-005-ref.xht new file mode 100644 index 0000000000..3aaa6687b2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-005-ref.xht @@ -0,0 +1,45 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div.control {padding: 1em;} + + div.control > div + { + background: navy; + color: yellow; + width: 10em; + } + + div.control > div.right + { + margin-left: 5em; + text-align: right; + } + ]]></style> + + </head> + + <body> + + <p>Test pass if the 2 patterns are identical with <strong>no red</strong>.</p> + + <div class="control"> + <div> ☮</div> + <div class="right">☮ </div> + </div> + + <div class="control"> + <div> ☮</div> + <div class="right">☮ </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-005.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-005.xht new file mode 100644 index 0000000000..1cb824995d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-005.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Non-Replaced Float Not Fitting Beside Opposite Float</title> + + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" title="16.2 Alignment: the 'text-align' property"/> + <link rel="match" href="c414-flt-fit-005-ref.xht" /> + + <style type="text/css"><![CDATA[ + .control { padding: 1em; } + .control div { width: 10em; background: navy; color: yellow; } + .control div.right { margin-left: 5em; text-align: right; } + .test { width: 15em; margin: 1em; } + .test div { margin: 0; padding: 0; background: red; } + .test p { margin: 0; padding: 0; width: 10em; background: navy; color: yellow; } + .test p.left { float: left; text-align: left; } + .test p.right { float: right; text-align: right; } + ]]></style> + </head> + <body> + <p>Test pass if the 2 patterns are identical with <strong>no red</strong>.</p> + <div class="control"> + <div class="left">  ☮ </div> + <div class="right"> ☮  </div> + </div> + <div class="test"> + <div> + <p class="left">  ☮ </p> + <p class="right"> ☮  </p> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-006-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-006-ref.xht new file mode 100644 index 0000000000..ac795b7eb1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-006-ref.xht @@ -0,0 +1,35 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div {padding: 1em;} + + img + { + display: block; + height: 1em; + width: 10em; + } + + img.right {margin-left: 5em;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 patterns are identical with <strong>no red</strong>.</p> + + <div><img src="support/square-teal.png" alt="Image download support must be enabled" /> <img src="support/square-purple.png" alt="Image download support must be enabled" class="right" /></div> + + <div><img src="support/square-teal.png" alt="Image download support must be enabled" /> <img src="support/square-purple.png" alt="Image download support must be enabled" class="right" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-006.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-006.xht new file mode 100644 index 0000000000..6f688769e4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-006.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Replaced Float Not Fitting Beside Opposite Float</title> + <meta name="flags" content="image" /> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-05 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/> + <link rel="match" href="c414-flt-fit-006-ref.xht" /> + + <style type="text/css"><![CDATA[ + img { background: red; color: yellow; } + .control { padding: 1em; } + .control img { width: 10em; height: 1em; display: block; } + .control img.right { margin-left: 5em; } + .test { width: 15em; margin: 1em; } + .test div { margin: 0; padding: 0; background: red; } + .test img { width: 10em; height: 1em; } + .test img.left { float: left; } + .test img.right { float: right;} + ]]></style> + + </head> + <body> + <p>Test passes if the 2 patterns are identical with <strong>no red</strong>.</p> + <div class="control"> + <img src="support/square-teal.png" alt="FAIL: You need image support for this test." class="left"/> + <img src="support/square-purple.png" alt="FAIL: You need image support for this test." class="right"/> + </div> + <div class="test"> + <div> + <img src="support/square-teal.png" alt="FAIL: You need image support for this test." class="left"/> + <img src="support/square-purple.png" alt="FAIL: You need image support for this test." class="right"/> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-000.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-000.xht new file mode 100644 index 0000000000..d3a8a69215 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-000.xht @@ -0,0 +1,54 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Vertical Position of Floats</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p { color: navy; } + div { border: 5px solid purple; padding: 1em; margin: 1em; color: silver; font: 1em serif; } + div p { width: 7em; padding: 1em; margin: 0; } + div .a { border: solid aqua; background-color: teal; color: white; } + div p.a { float: left; } + div .b { border: solid fuchsia; background-color: purple; color: white; } + div p.b { float: right; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/> + </head> + <body> + <p>The big coloured boxes should be level with the top of the small + coloured boxes of the same color (unless there is not enough room + for the big box to fit on the small box's line after the small box, + in which case the big box should be level with the bottom of the + respective small box).</p> + <div> + dummy text dummy text dummy text dummy text dummy text dummy text + <span class="a">A</span> + <p class="a">AAAA</p> + dummy text dummy text dummy text dummy text dummy text dummy text + <span class="b">B</span> + <p class="b">BBBB</p> + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-001.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-001.xht new file mode 100644 index 0000000000..0574c34620 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-001.xht @@ -0,0 +1,54 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Vertical Position of Floats</title> + <meta name="flags" content="image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p { color: navy; } + div { border: 5px solid purple; padding: 1em; margin: 1em; color: silver; font: 1em serif; } + div img { width: 7em; color: red; } + div span.a { border: solid aqua; background-color: teal; color: white; } + div img.a { float: left; } + div span.b { border: solid fuchsia; background-color: purple; color: white; } + div img.b { float: right; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/> + </head> + <body> + <p>The big coloured boxes should be level with the top of the small + coloured boxes of the same color (unless there is not enough room + for the big box to fit on the small box's line, in which case the + big box should be level with the bottom of the respective small + box).</p> + <div> + dummy text dummy text dummy text dummy text dummy text dummy text + <span class="a">⇦</span> + <img src="support/square-teal.png" alt="FAIL: Images required for this test." class="a"/> + dummy text dummy text dummy text dummy text dummy text dummy text + <span class="b">⇨</span> + <img src="support/square-purple.png" alt="FAIL: Images required for this test." class="b"/> + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-002.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-002.xht new file mode 100644 index 0000000000..9996543966 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-002.xht @@ -0,0 +1,81 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Vertical Position of Floats</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <meta name="flags" content="interact"/> + <style type="text/css"><![CDATA[ + .gutter { width: 9em; background: yellow; border-left: solid 9em aqua; + margin-left: auto; /* CSS1 agents */ + position: absolute; top: 0; right: 0; bottom: 0; z-index: -1; /* CSS2 agents */ } + p, ul { color: navy; } + .test { position: relative; font: 1em serif; + border: 5px solid gray; margin: 1em; color: silver; } + .test p { width: 7em; padding: 1em; margin: 0; } + .test p, .test span { color: white; } + .test .a { background-color: blue; } + .test p.a { float: left; } + .test .b { background-color: purple; } + .test p.b { float: right; } + .test .c { background-color: orange; } + .test p.c { float: left; } + .test .d { background-color: green; } + .test p.d { float: left; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/> + </head> + <body> + <p>Test passes if for each matching pair of colored boxes either:</p> + <ul> + <li>the top of the small box is level with the top of the big box <em>or</em></li> + <li>the top of the big box is level with the bottom of the the small box + and either + <ul> + <li>the small box crosses into the righthand region marked by the yellow box or</li> + <li>the small box crosses into the righthand region marked by the aqua box and + the region marked by the yellow box on the small box's line is filled by another big box</li> + </ul> + </li> + </ul> + <p>These conditions must hold true even if the window is resized or the font + size changed.</p> + <div class="test"> + <div class="gutter"></div> + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text + <span class="a">A</span> + <p class="a">AAAA</p> + dummy text dummy text dummy text dummy text dummy text dummy text + <span class="b">B</span> + <p class="b">BBBB</p> + dummy text dummy text dummy text + <span class="c">C</span> + <p class="c">CCCC</p> + dummy text dummy text dummy text dummy text dummy text dummy text + <span class="d">D</span> + <p class="d">DDDD</p> + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-003.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-003.xht new file mode 100644 index 0000000000..04271bebb1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-003.xht @@ -0,0 +1,53 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Vertical Position of Floats</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p { color: navy; } + div { border: 5px solid purple; padding: 1em; margin: 1em; color: silver; font: 1em serif; } + div p { width: 7em; padding: 1em; margin: 0; } + div .a { border: solid aqua; background-color: teal; color: white; } + div p.a { float: left; } + div .b { border: solid fuchsia; background-color: purple; color: white; } + div p.b { float: right; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/> + </head> + <body> + <p>The big coloured boxes should be level with the top of the small + coloured boxes of the same color (unless there is not enough room + for the big box to fit on the small box's line after the small box, + in which case the big box should be as high as possible below the + small box).</p> + <div> + dummy text dummy text dummy text dummy text + <span class="a">A</span> + <p class="a">AAAA</p> + <span class="b">B</span> + <p class="b">BBBB</p> + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-wrap-000.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-wrap-000.xht new file mode 100644 index 0000000000..f3001244b2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-wrap-000.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Text Not Fitting Beside Non-Replaced Float</title> + + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/> + + <meta name="assert" content="If a shortened line box is too small to contain any further content, then it is shifted downward until either it fits or there are no more floats present." /> + <style type="text/css"><![CDATA[ + p { color: navy; } + .test { width: 15em; margin: 1em; padding: 0; background: white; color: white; } + .test p { margin: 0; padding: 0.01em; } + .test p.left { float: left; } + .test p.right { float: right; width: 14.98em; background: teal; color: aqua; text-align: center; } + ]]></style> + </head> + <body> + <p>Test passes if the word "fail" does not appear.</p> + <div class="test"> + <p class="left"> TEST: </p> + <p class="right"> PASS </p> + fail fail fail fail fail fail fail fail fail fail + fail fail fail fail fail fail fail fail fail fail + fail fail fail fail fail fail fail fail fail fail + fail fail fail fail fail fail fail fail fail fail + fail fail fail fail fail fail fail fail fail fail + </div> + <!-- this test actually failed in Mozilla once --> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-wrap-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-wrap-001-ref.xht new file mode 100644 index 0000000000..bd5da11aa7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-wrap-001-ref.xht @@ -0,0 +1,31 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 7em; + margin-left: 1em; + margin-top: 17px; + width: 15em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green rectangle and if the word "FAIL" does not appear.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-wrap-001.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-wrap-001.xht new file mode 100644 index 0000000000..04ed209a56 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-wrap-001.xht @@ -0,0 +1,31 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Text Not Fitting Beside Replaced Float</title> + + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/> + <link rel="match" href="c414-flt-wrap-001-ref.xht" /> + + <meta name="flags" content="image" /> + + <style type="text/css"><![CDATA[ + .test { width: 15em; margin: 1em; padding: 0; background: white; color: white; } + .test img.left { float: left; } + .test img.right { float: right; width: 15em; height: 7em; } + .test span { font: 6em monospace; } + ]]></style> + </head> + <body> + <p>Test passes if there is a filled green rectangle and if the word "FAIL" does not appear.</p> + <div class="test"> + <img src="support/1x1-white.png" alt="FAIL: You need image support for this test." class="left"/> + <img src="support/1x1-green.png" alt="FAIL: You need image support for this test." class="right"/> + <span> FAIL </span> + </div> + <!-- this test actually failed in Mozilla once --> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c42-ibx-ht-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c42-ibx-ht-000-ref.xht new file mode 100644 index 0000000000..6340e95b03 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c42-ibx-ht-000-ref.xht @@ -0,0 +1,48 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div + { + color: green; + font: 10px/12px Ahem; + width: 20em; + } + + span + { + background-color: lime; + color: lime; + } + + span > span {padding: 0.2em 0em;} + + span.green-square + { + color: green; + padding: 0em; + } + ]]></style> + + </head> + + <body> + + <p>There should be no red below, only green lines and dots.</p> + + <div>1 3 <span>5 7 9 1 3 5 7 9 + 1 3 <span>5</span> 7 9 1 3 5 7 9 + 1 3 5 7 9 1 <span class="green-square">3</span> <span class="green-square">5</span> <span class="green-square">7</span> <span class="green-square">9</span> + <span class="green-square">1</span> <span class="green-square">3</span> <span class="green-square">5</span> <span class="green-square">7</span> <span class="green-square">9</span> <span>1</span> <span class="green-square">3</span> <span class="green-square">5</span> <span class="green-square">7</span> <span class="green-square">9</span> + <span class="green-square">1</span> <span class="green-square">3</span> <span class="green-square">5</span> <span class="green-square">7</span> <span class="green-square">9</span> <span class="green-square">1</span></span> 3 5 7 9</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c42-ibx-ht-000.xht b/testing/web-platform/tests/css/CSS2/css1/c42-ibx-ht-000.xht new file mode 100644 index 0000000000..fe30367030 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c42-ibx-ht-000.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Inline Elements</title> + + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-27 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#inline-elements"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-non-replaced" title="10.6.1 Inline, non-replaced elements"/> + <link rel="match" href="c42-ibx-ht-000-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { width: 20em; font: 10px/12px Ahem; color: green; } + span { border: solid 10px lime; padding: 2px 0 2px 10px; margin: 10px 10px 0 0; } + em { font: 1em/1 Ahem; color: red; } + ]]></style> + </head> + <body> + <p>There should be no red below, only green lines and dots.</p> + <div> + z z <em> x x x x x x x x x x </em> <span> <em> x x x x x x x x x x + x x x </em> y y y y y y y y y </span> y y y y y y y y y y z z z z + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c42-ibx-pad-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c42-ibx-pad-000-ref.xht new file mode 100644 index 0000000000..966bf24028 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c42-ibx-pad-000-ref.xht @@ -0,0 +1,36 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + td + { + border: 2px solid black; + padding: 0; + } + + img {vertical-align: bottom;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 diagrams are <strong>identical</strong> and with <strong>no red</strong>.</p> + + <table> + <tr> + <td><img src="support/css1test42a.png" alt="FAIL: Images required for this test."/></td> + + <td><img src="support/css1test42a.png" alt="FAIL: Images required for this test."/></td> + </tr> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c42-ibx-pad-000.xht b/testing/web-platform/tests/css/CSS2/css1/c42-ibx-pad-000.xht new file mode 100644 index 0000000000..38e84af17b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c42-ibx-pad-000.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Inline Elements</title> + + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#inline-elements"/> + <link rel="match" href="c42-ibx-pad-000-ref.xht" /> + + <meta name="flags" content="ahem image" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 10px/240% Ahem; color: black; width: 200px; margin: 0 0 0 10px; } + span { border: solid 10px blue; padding: 2px 20px 2px 10px; margin: 40px 30px 0 40px; } + td { padding: 0; border: 2px solid black; } + img { display: block; } + .control { background: red; color: yellow; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" title="9.4.2 Inline formatting context"/> + </head> + <body> + <p>Test passes if the 2 diagrams are <strong>identical</strong> and with <strong>no red</strong>.</p> + <table> + <tr> + <td> + <div> + 1 2 3 4 5 6 7 8 9 0 + 1 2 3 <span> 7 8 9 0 + 1 2 3 4 5 6 7 8 9 0 + 1 2 3 4 </span> 8 9 0 + 1 2 3 4 5 6 7 8 9 0 + </div> + </td> + <td class="control"> + <img src="support/css1test42a.png" alt="FAIL: Images required for this test."/> + </td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c43-center-000.xht b/testing/web-platform/tests/css/CSS2/css1/c43-center-000.xht new file mode 100644 index 0000000000..f393f4b82f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c43-center-000.xht @@ -0,0 +1,28 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Replaced Elements</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#replaced-elements"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { margin: 0; background: url(support/swatch-red.png) center repeat-y; font-size: 10px; } + .a img { display: block; margin-right: auto; margin-left: auto; width: auto; } + .b { text-align: center; } + .b img { vertical-align: top; height: 20px; width: 20px; } + .c { text-align: center; font: 20px/1 Ahem; color: blue; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" title="16.2 Alignment: the 'text-align' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-replaced-width" title="10.3.4 Block-level, replaced elements in normal flow"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8 Line height calculations: the 'line-height' and 'vertical-align' properties"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/> + </head> + <body> + <p>There should be a single small column of blue below with no red:</p> + <div class="a"><img src="support/blue20x20.png" alt="FAIL: Replaced content did not get replaced."/></div> + <div class="b"><img src="support/swatch-blue.png" alt="FAIL: Replaced content did not get replaced."/></div> + <div class="c">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-000.xht b/testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-000.xht new file mode 100644 index 0000000000..34920c7abb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-000.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Replaced Elements</title> + + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#replaced-elements"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-replaced-width" title="10.3.4 Block-level, replaced elements in normal flow"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" title="10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements"/> + + <meta name="flags" content="image" /> + + <style type="text/css"><![CDATA[ + html, body, p { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } + img { display: block; margin-right: auto; margin-left: auto; width: 50%; } + ]]></style> + </head> + <body> + <p> + Test passes if there is a big blue square half the width of the window and centered. + </p> + <p><img src="support/swatch-blue.png" alt="FAIL: Images required for this test."/></p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-001.xht b/testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-001.xht new file mode 100644 index 0000000000..762483709e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-001.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Replaced Elements</title> + + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#replaced-elements"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-replaced-width" title="10.3.4 Block-level, replaced elements in normal flow"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" title="10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements"/> + + <meta name="flags" content="image" /> + + <style type="text/css"><![CDATA[ + html, body, p { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } + img { display: block; margin-right: 0; margin-left: auto; width: 50%; } + ]]></style> + </head> + <body> + <p> + Test passes if there is a big blue square half the width of the window and aligned flush with the right hand side (⇨). + </p> + <p><img src="support/swatch-blue.png" alt="FAIL: Images required for this test."/></p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-002-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-002-ref.xht new file mode 100644 index 0000000000..8e43a6685a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-002-ref.xht @@ -0,0 +1,51 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: blue; + margin-left: 16px; + margin-bottom: 5px; + } + + div.first-pair-blue-squares + { + height: 15px; + width: 15px; + } + + div.second-pair-blue-squares + { + height: 60px; + width: 60px; + } + ]]></style> + + </head> + + <body> + + <p>There should be <strong>no red</strong> anywhere.</p> + + <p>There should be <strong>2 identical squares</strong> after this line:</p> + + <div class="first-pair-blue-squares"></div> + + <div class="first-pair-blue-squares"></div> + + <p>There should be <strong>2 identical squares</strong> after this line:</p> + + <div class="second-pair-blue-squares"></div> + + <div class="second-pair-blue-squares"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-002.xht b/testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-002.xht new file mode 100644 index 0000000000..cc6808352a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-002.xht @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Replaced Elements</title> + + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="alternate" href="http://www.hixie.ch/tests/evil/css/css21/tests/t1004-c43-rpl-bbx-00-d-ag.htm" type="text/html"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#replaced-elements"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" title="10.3.3 Block-level, non-replaced elements in normal flow"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" title="10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements"/> + <link rel="match" href="c43-rpl-bbx-002-ref.xht" /> + + <meta name="flags" content="ahem image" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div {margin: 1em;} + + img + { + display: block; + margin-bottom: 5px; + } + + span + { + background: red; + color: blue; + display: block; + font: 15px/1 Ahem; + width: 1em; + } + + .b > img, .b > span + { + font-size: 3.75em; + height: 1em; + } + ]]></style> + </head> + <body> + <p> There should be <strong>no red</strong> anywhere. </p> + <p> There should be <strong>2 identical squares</strong> after this line: </p> + <div class="a"> + <img src="support/swatch-blue.png" alt="FAIL: Replaced content did not get replaced." /> + <span>X</span> + </div> + <p> There should be <strong>2 identical squares</strong> after this line: </p> + <div class="b"> + <img src="support/swatch-blue.png" alt="FAIL: Replaced content did not get replaced." /> + <span>X</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c43-rpl-ibx-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c43-rpl-ibx-000-ref.xht new file mode 100644 index 0000000000..eb41edf24e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c43-rpl-ibx-000-ref.xht @@ -0,0 +1,26 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + strong {line-height: 1;} + ]]></style> + + </head> + + <body> + + <p>There should be <strong>no red</strong> anywhere.</p> + + <p>There should be <strong>2 identical squares</strong> at the end of this line: <img src="support/swatch-blue.png" width="15" height="15" alt="Image download support must be enabled" /> <img src="support/swatch-blue.png" width="15" height="15" alt="Image download support must be enabled" /></p> + + <p>There should be <strong>2 identical squares</strong> at the end of this line: <img src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled" /> <img src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled" /></p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c43-rpl-ibx-000.xht b/testing/web-platform/tests/css/CSS2/css1/c43-rpl-ibx-000.xht new file mode 100644 index 0000000000..45ef15f58e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c43-rpl-ibx-000.xht @@ -0,0 +1,50 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Replaced Elements</title> + + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> + <link rel="alternate" href="http://www.hixie.ch/tests/evil/css/css21/tests/t1004-c43-rpl-ibx-00-d-ag.htm" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#replaced-elements"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" title="10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements"/> + <link rel="match" href="c43-rpl-ibx-000-ref.xht" /> + + <meta name="flags" content="ahem image" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + strong {line-height: 1;} + + span + { + background: red; + color: blue; + font: 15px/1 Ahem; + vertical-align: top; + } + + .b > img + { + font-size: 3.75em; + height: 1em; + } + + .b > span {font-size: 3.75em;} + ]]></style> + </head> + <body> + <p>There should be <strong>no red</strong> anywhere.</p> + <p class="a"> + There should be <strong>2 identical squares</strong> at the end of this line: + <img src="support/swatch-blue.png" alt="FAIL: Replaced content did not get replaced." /> + <span>X</span> + </p> + <p class="b"> + There should be <strong>2 identical squares</strong> at the end of this line: + <img src="support/swatch-blue.png" alt="FAIL: Replaced content did not get replaced." /> + <span>X</span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-000-ref.xht new file mode 100644 index 0000000000..4942a2cf66 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-000-ref.xht @@ -0,0 +1,29 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border: green solid 10px; + height: 8.75em; + width: 13.125em; + } + ]]></style> + + </head> + + <body> + + <p>There should be no red below, just the outline of an empty green box.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-000.xht b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-000.xht new file mode 100644 index 0000000000..f225ed468e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-000.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: The Height of Lines</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#the-height-of-lines"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c44-ln-box-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 10px/20px Ahem; color: white; background: red url(support/css1test44a.png) no-repeat; + width: 19em; padding: 0.5em 1em; border: 1em solid green; } + img.onea, img.oneb { width: 4em; height: 4em; } + img.onea { vertical-align: text-bottom; } + img.oneb { vertical-align: text-top; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8 Line height calculations: the 'line-height' and 'vertical-align' properties"/> + </head> + <body> + <p>There should be no red below, just the outline of an empty green box.</p> + <div> + xxxx xxxx xxxx xxxx + xxxx xxxx xxxx xxxx + <img src="support/swatch-white.png" alt="Image download support must be enabled" class="onea" /> + xxxx + <img src="support/swatch-white.png" alt="Image download support must be enabled" class="oneb" /> + xxxx + xxxx xxxx xxxx xxxx + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-001-ref.xht new file mode 100644 index 0000000000..8dd3992748 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-001-ref.xht @@ -0,0 +1,29 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border: green solid 10px; + height: 13.75em; + width: 25.625em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is an hollow green rectangle and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-001.xht b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-001.xht new file mode 100644 index 0000000000..0e90993785 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-001.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: The Height of Lines</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#the-height-of-lines"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="match" href="c44-ln-box-001-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 10px/20px Ahem; color: white; background: red url(support/css1test44b.png) no-repeat; + width: 39em; padding: 0.5em 1em; border: 1em solid green; } + img.twoa, img.twob { width: 3em; height: 3em; padding: 0.5em; border-style: solid; border-width: 1em; margin: 1.5em; } + img.twoa { vertical-align: text-bottom; } + img.twob { vertical-align: text-top; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8 Line height calculations: the 'line-height' and 'vertical-align' properties"/> + </head> + <body> + <p>Test passes if there is an hollow green rectangle and <strong>no red</strong>.</p> + <div> + xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx + xxxx + <img src="support/swatch-white.png" alt="Image download support must be enabled" class="twoa" /> + xxxx xxxx + <img src="support/swatch-white.png" alt="Image download support must be enabled" class="twob" /> + xxxx + xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-002-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-002-ref.xht new file mode 100644 index 0000000000..915e145ab3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-002-ref.xht @@ -0,0 +1,29 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border: green solid 20px; + height: 13.75em; + width: 20em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is an hollow green rectangle and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-002.xht b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-002.xht new file mode 100644 index 0000000000..abb35ef7bd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-002.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: The Height of Lines</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#the-height-of-lines"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c44-ln-box-002-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 20px/40px Ahem; color: white; background: red url(support/css1test44c.png) no-repeat; + width: 14em; padding: 0.5em 1em; border: 1em solid green; } + img.twoc { vertical-align: middle; width: 2em; height: 2em; + padding: 0.9em 0.5em 0.1em; border: solid 1em; margin: -1.5em -0.5em -1.7em; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8 Line height calculations: the 'line-height' and 'vertical-align' properties"/> + </head> + <body> + <p>Test passes if there is an hollow green rectangle and <strong>no red</strong>.</p> + <div> + xxxx xxxx xxxx + xxxx xxxx xxxx + xxxx + <img src="support/swatch-white.png" alt="Image download support must be enabled" class="twoc" /> + xxxx + xxxx xxxx xxxx + xxxx xxxx xxxx + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-003.xht b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-003.xht new file mode 100644 index 0000000000..eb20083f8c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-003.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: The Height of Lines</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#the-height-of-lines"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c44-ln-box-002-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 20px/40px Ahem; color: white; background: red url(support/css1test44d.png) no-repeat; + width: 14em; padding: 0.5em 1em; border: 1em solid green; } + img.twoc { vertical-align: -0.7em + /* 0.4em is exactly equal to 0.5ex which is exactly equal to the distance that 'middle' + causes the centerpoint of the image to be from the baseline. Since the centerpoint + is 1em above the bottom of the image, that means the bottom of the image has to be + moved -0.6em so that it is at the same position as it would be with 'vertical-align' + set to 'middle'. The bottom of the image is a further 0.6em+1em-1.5em from the bottom + margin edge of the whole replaced element, which is what needs to be moved away from + the baseline. So -(0.6em+(0.6em+1em-1.5em)) = -0.7em is the distance to move. */; + width: 2em; height: 2em; padding: 0.4em 0.5em 0.6em; border: solid 1em; margin: -1.5em -0.5em; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8 Line height calculations: the 'line-height' and 'vertical-align' properties"/> + </head> + <body> + <p>Test passes if there is an hollow green rectangle and <strong>no red</strong>.</p> + <div> + xxxx xxxx xxxx + xxxx xxxx xxxx + xxxx + <img src="support/swatch-white.png" alt="Image download support must be enabled" class="twoc" /> + xxxx + xxxx xxxx xxxx + xxxx xxxx xxxx + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c45-bg-canvas-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c45-bg-canvas-000-ref.xht new file mode 100644 index 0000000000..6abae5a54d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c45-bg-canvas-000-ref.xht @@ -0,0 +1,33 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + body + { + background-color: purple; + margin: 8px; + } + + p + { + background-color: navy; + color: white; + margin: 25px 17px 25px 17px; + } + ]]></style> + + </head> + + <body> + + <p>This paragraph should be in a blue block near the top of the page. Around it on all sides should be purple.</p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c45-bg-canvas-000.xht b/testing/web-platform/tests/css/CSS2/css1/c45-bg-canvas-000.xht new file mode 100644 index 0000000000..600b65fdc8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c45-bg-canvas-000.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: The Canvas</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#the-canvas"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c45-bg-canvas-000-ref.xht" /> + + <style type="text/css"><![CDATA[ + html { background-color: purple; } + body { background-color: navy; background-image: none; margin: 25px; color: white; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" title="14.2 The background"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/intro.html#the-canvas" title="2.3.1 The canvas"/> + </head> + <body> + <p>This paragraph should be in a blue block near the top of the + page. Around it on all sides should be purple.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c522-font-family-000.xht b/testing/web-platform/tests/css/CSS2/css1/c522-font-family-000.xht new file mode 100644 index 0000000000..997681fc0f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c522-font-family-000.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: font-family</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font-family"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p { margin: 0; color: navy; } + div.a {font-family: serif;} + div.b {font-family: monospace;} + .one {font-family: serif;} + .two {font-family: sans-serif;} + .three {font-family: cursive;} + .four {font-family: fantasy;} + .five {font-family: monospace;} + .six {font-family: sans-serif,cursive;} + .seven {font-family: monospace,serif;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/> + </head> + <body> + <div class="a"> + <p> This sentence should be in a serif font. </p> + <p class="one"> This sentence should be in a serif font. </p> + <p class="two"> This sentence should be in a sans-serif font. </p> + <p class="three"> This sentence should be in a cursive font. </p> + <p class="four"> This sentence should be in a fantasy font. </p> + <p class="five"> This sentence should be in a monospace font. </p> + </div> + <p class="six"> This sentence should be in a sans-serif font. </p> + <p class="seven"> This sentence should be in a monospace font. </p> + <div class="b"> + <p> This sentence should be in a monospace font. </p> + <p class="one"> This sentence should be in a serif font. </p> + <p class="two"> This sentence should be in a sans-serif font. </p> + <p class="three"> This sentence should be in a cursive font. </p> + <p class="four"> This sentence should be in a fantasy font. </p> + <p class="five"> This sentence should be in a monospace font. </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c523-font-style-000.xht b/testing/web-platform/tests/css/CSS2/css1/c523-font-style-000.xht new file mode 100644 index 0000000000..1710dd002f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c523-font-style-000.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: font-style</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font-style"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p { color: navy; } + .one {font-style: italic;} + .two {font-style: oblique;} + .three, i {font-style: normal;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/> + </head> + <body> + <p class="one"> + This sentence should be in italics. + <span class="three">This sentence should be normal.</span> + </p> + <p class="two"> This sentence should be oblique. </p> + <p> <i>This sentence should be normal.</i> </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c524-font-var-000.xht b/testing/web-platform/tests/css/CSS2/css1/c524-font-var-000.xht new file mode 100644 index 0000000000..2be38d95c0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c524-font-var-000.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: font-variant</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font-variant"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p { color: navy; } + .one {font-variant: small-caps;} + .two {font-variant: normal;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + </head> + <body> + <p class="one">This sentence Should be In small Caps with Every other Word capitalized. </p> + <p class="one"> + This sentence Should be In small Caps with Every other Word capitalized. + <span class="two">This sentence Should be In normal Mixed case (Every other Word capitalized).</span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c525-font-wt-000.xht b/testing/web-platform/tests/css/CSS2/css1/c525-font-wt-000.xht new file mode 100644 index 0000000000..65e4fe91e8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c525-font-wt-000.xht @@ -0,0 +1,57 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: font-weight</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font-weight"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p { margin: 0.5em 0; } + p, h4 { color: navy; } + .bold {font-weight: bold;} + .bolder {font-weight: bolder;} + b {font-weight: lighter;} + .normal { font-weight: normal; } + + .one { font-weight: 100; } + .two { font-weight: 200; } + .three { font-weight: 300; } + .four { font-weight: 400; } + .five { font-weight: 500; } + .six { font-weight: 600; } + .seven { font-weight: 700; } + .eight { font-weight: 800; } + .nine { font-weight: 900; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + </head> + <body> + <p>This sentence is normal. </p> + <p class="normal">This sentence should also be normal.</p> + <p class="four">This sentence should also be normal.</p> + <p class="bolder"> This sentence should be bolder than normal. </p> + <p class="bold"> This sentence should be bold. </p> + <h4> Whatever this line looks like... </h4> + <h4 class="bolder"> ...this line should look bolder (or the same).</h4> + <p> <b>This sentence should be lighter than normal (or the same).</b> </p> + <p class="bold"> + This sentence should be bold. + <span class="normal"> This sentence should be normal.</span> + </p> + + <hr/> + + <p>For the following nine lines, each must be bolder or the same as the previous:</p> + <p class="one">Line 1 (Lightest)</p> + <p class="two">Line 2</p> + <p class="three">Line 3</p> + <p class="four">Line 4 (Normal)</p> + <p class="five">Line 5</p> + <p class="six">Line 6</p> + <p class="seven">Line 7</p> + <p class="eight">Line 8</p> + <p class="nine">Line 9 (Boldest)</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-000.xht b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-000.xht new file mode 100644 index 0000000000..b6bf673cef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-000.xht @@ -0,0 +1,53 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: font-size</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font-size"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p { color: navy; margin: 10px; } + .one {font-size: medium;} + .two {font-size: larger;} + .three {font-size: smaller;} + .four {font-size: xx-small;} + .five {font-size: x-small;} + .six {font-size: small;} + .seven {font-size: large;} + .eight {font-size: x-large;} + .nine {font-size: xx-large;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop" /> + </head> + <body> + <p> This sentence should be normal. </p> + <p class="one"> This sentence should be the same. </p> + <p class="two"> This sentence should be larger than normal. </p> + <p class="three"> This sentence should be smaller than normal. </p> + <p class="four"> + This sentence should be very small. + <span class="one">This sentence should be back to normal.</span> + </p> + <p class="five"> + This sentence should be rather small. + <span class="one">This sentence should be back to normal.</span> + </p> + <p class="six"> + This sentence should be small. + <span class="one">This sentence should be back to normal.</span> + </p> + <p class="seven"> + This sentence should be large. + <span class="one">This sentence should be back to normal.</span> + </p> + <p class="eight"> + This sentence should be rather large. + <span class="one">This sentence should be back to normal.</span> + </p> + <p class="nine"> + This sentence should be very large. + <span class="one">This sentence should be back to normal.</span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-001-ref.xht new file mode 100644 index 0000000000..dd2fea9992 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-001-ref.xht @@ -0,0 +1,31 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: blue; + height: 360px; + margin-left: 120px; + width: 60px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is an uninterrupted smooth column of blue.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-001.xht b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-001.xht new file mode 100644 index 0000000000..387e916bff --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-001.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: font-size</title> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-27 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font-size"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop" /> + <link rel="match" href="c526-font-sz-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { color: blue; font: 3.75em/1 Ahem; margin: 0 2em; } + .a {font-size: 0.625in;} + .b {font-size: 1.5875cm;} + .c {font-size: 15.875mm;} + .d {font-size: 45pt;} + .e {font-size: 3.75pc;} + .h {font-size: 60px;} + ]]></style> + </head> + <body> + <p>Test passes if there is an uninterrupted smooth column of blue.</p> + <div class="a"> x </div> + <div class="b"> x </div> + <div class="c"> x </div> + <div class="d"> x </div> + <div class="e"> x </div> + <div class="h"> x </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-002-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-002-ref.xht new file mode 100644 index 0000000000..a50503fb85 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-002-ref.xht @@ -0,0 +1,30 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: blue; + height: 120px; + width: 40px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is a short uninterrupted smooth column of blue.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-002.xht b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-002.xht new file mode 100644 index 0000000000..218c28e312 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-002.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: font-size</title> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-27 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font-size"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop" /> + <link rel="match" href="c526-font-sz-002-ref.xht" /> + + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .ahem { font: 1.25em/1 Ahem; color: blue; } + .f {font-size: 2em;} + .g {font-size: 2.5ex;} + .i {font-size: 200%;} + ]]></style> + </head> + <body> + <p>Test passes if there is a short uninterrupted smooth column of blue.</p> + <div class="ahem"> + <div class="f"> x </div> + <div class="g"> x </div> + <div class="i"> x </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-003-ref.xht new file mode 100644 index 0000000000..9de6850621 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-003-ref.xht @@ -0,0 +1,33 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: navy; + height: 60px; + margin: 10px 30px; + width: 60px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if the 2 blue navy squares have the <strong>same size</strong>.</p> + + <div></div> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-003.xht b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-003.xht new file mode 100644 index 0000000000..816287dda9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-003.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: font-size</title> + + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font-size"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 --> + <link rel="match" href="c526-font-sz-003-ref.xht" /> + + <meta name="flags" content="ahem invalid" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .j { font-size: 3.75em; color: navy; font-family: Ahem; line-height: 1; } + .a { font-size: 1em; } + .b { font-size: 1em; font-size: -0.5in; } + .j p { margin: 10px 30px; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop" /> + </head> + <body> + <p>Test passes if the 2 blue navy squares have the <strong>same size</strong>.</p> + <div class="j"> + <p class="a"> x </p> + <p class="b"> x </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c527-font-000.xht b/testing/web-platform/tests/css/CSS2/css1/c527-font-000.xht new file mode 100644 index 0000000000..516c42109b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c527-font-000.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: font</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + body {font-size: 12px; color: navy;} + .one {font: italic small-caps 13px Helvetica;} + span.dummy {color: silver;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/> + </head> + <body> + <p class="one"> + This text should be 13px Helvetica in small-caps and italicized. There should be a small gap between each line. + <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text </span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c527-font-001.xht b/testing/web-platform/tests/css/CSS2/css1/c527-font-001.xht new file mode 100644 index 0000000000..3b37c5cd0b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c527-font-001.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: font</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + body {font-size: 12px; color: navy;} + .two {font: 150%/150% serif;} + span.dummy {color: silver;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop" /> + </head> + <body> + <p class="two"> + This text should be 18px serif. There should be 27px between baselines + (9px gap between lines). + <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text </span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c527-font-002.xht b/testing/web-platform/tests/css/CSS2/css1/c527-font-002.xht new file mode 100644 index 0000000000..ef7feb9a05 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c527-font-002.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: font</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + body {font-size: 12px; color: navy;} + .three {font: 150%/150% sans-serif;} + span.dummy {color: silver;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/> + </head> + <body> + <p class="three"> + This text should be 18px sans-serif. There should be 27px between baselines + (9px gap between lines). + <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text </span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c527-font-003.xht b/testing/web-platform/tests/css/CSS2/css1/c527-font-003.xht new file mode 100644 index 0000000000..e37aa6dd12 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c527-font-003.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: font</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + body {font-size: 12px; color: navy;} + .four {font: small/200% cursive;} + span.dummy {color: silver;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/> + + </head> + <body> + <p class="four"> + This text should be small and cursive, with double line spacing. + <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text </span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c527-font-004.xht b/testing/web-platform/tests/css/CSS2/css1/c527-font-004.xht new file mode 100644 index 0000000000..323d4bc843 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c527-font-004.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: font</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + body {font-size: 12px; color: navy;} + .five {font: italic small-caps 900 150%/150% sans-serif;} + span.dummy {color: silver;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/> + </head> + <body> + <p class="five"> + This text should be 18px sans-serif, in small-caps, italicized, and very bold. + There should be 27px between baselines (9px gap between lines). + <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text </span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c527-font-005.xht b/testing/web-platform/tests/css/CSS2/css1/c527-font-005.xht new file mode 100644 index 0000000000..2e18d59caf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c527-font-005.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: font</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + body {font-size: 12px; color: navy;} + .six {font: italic small-caps 100 150%/300% sans-serif;} + span.dummy {color: silver;} + span.color {background-color: silver;} + span.color span.dummy {color: gray;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/> + + </head> + <body> + <p class="six"> + This text should be 18px sans-serif, in small-caps, italicized, and very light. + There should be 54px between baselines (36px gap between lines). + <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text </span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c527-font-006.xht b/testing/web-platform/tests/css/CSS2/css1/c527-font-006.xht new file mode 100644 index 0000000000..95f340376a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c527-font-006.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: font</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + body {font-size: 12px; color: navy;} + .seven {font: italic small-caps 900 150%/2em monospace;} + span.dummy {color: silver;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/> + </head> + <body> + <p class="seven"> + This text should be 18px monospace, in small-caps, italicized, and very bold, with double line spacing. + <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text </span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c527-font-007.xht b/testing/web-platform/tests/css/CSS2/css1/c527-font-007.xht new file mode 100644 index 0000000000..c6ecd3eb81 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c527-font-007.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: font</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + body {font-size: 12px; color: navy;} + .eight {font: italic small-caps 500 150%/1in sans-serif;} + span.dummy {color: silver;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/> + </head> + <body> + <p class="eight"> + This text should be 18px sans-serif, in small-caps and italicized. + The baselines should be one inch apart. + <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text </span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c527-font-008.xht b/testing/web-platform/tests/css/CSS2/css1/c527-font-008.xht new file mode 100644 index 0000000000..ba6aa2003f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c527-font-008.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: font</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + body {font-size: 12px; color: navy;} + .nine {font: oblique normal 700 18px/200% sans-serif;} + span.dummy {color: silver;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/> + </head> + <body> + <p class="nine"> + This text should be 18px sans-serif, oblique, and bold. + There should be 36px between baselines (18px gap between lines). + <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text </span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c527-font-009.xht b/testing/web-platform/tests/css/CSS2/css1/c527-font-009.xht new file mode 100644 index 0000000000..b3596c3225 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c527-font-009.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: font</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + body {font-size: 16px; color: navy;} + .ten {font: normal 400 75%/2.5 sans-serif;} + span.dummy {color: silver;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/> + </head> + <body> + <p class="ten"> + This test should be 12px, sans-serif, and light. + There should be 30px between baselines (18px gap between lines). + <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text </span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c527-font-10.xht b/testing/web-platform/tests/css/CSS2/css1/c527-font-10.xht new file mode 100644 index 0000000000..3df39b764f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c527-font-10.xht @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: font</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + body {font-size: 12px;} + .eleven {font: italic small-caps 100 150%/300% sans-serif;} + span.color {background-color: navy; color: white; } + span.dummy {color: blue;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/> + </head> + <body> + <p class="eleven"> + <span class="color"> + This text should be 18px sans-serif, in small-caps, italicized, + and very light. There should be 54px between baselines, with a + 36px gap between lines. The text should have a blue background, + the gap should not. + <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text </span> + </span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c531-color-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c531-color-000-ref.xht new file mode 100644 index 0000000000..d5f76d6ed0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c531-color-000-ref.xht @@ -0,0 +1,25 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {color: green;} + ]]> + </style> + + </head> + + <body> + + <p>This text should be green.</p> + + <p>This text should be green.</p> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c531-color-000.xht b/testing/web-platform/tests/css/CSS2/css1/c531-color-000.xht new file mode 100644 index 0000000000..1568eff2ed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c531-color-000.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: color</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#color"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c531-color-000-ref.xht" /> + + <style type="text/css"><![CDATA[ + .one {color: green;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" title="14.1 Foreground color: the 'color' property"/> + </head> + <body> + <p class="one"> + This text should be green. + </p> + <p style="color: green;"> + This text should be green. + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c532-bgcolor-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c532-bgcolor-000-ref.xht new file mode 100644 index 0000000000..5de84cf3f0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c532-bgcolor-000-ref.xht @@ -0,0 +1,28 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {background-color: lime;} + p#pale {background-color: #AFA;} + ]]> + </style> + + </head> + + <body> + + <p>This sentence should have a bright green background.</p> + + <p>This sentence should have a bright green background too.</p> + + <p id="pale">This sentence should have a pale green background.</p> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c532-bgcolor-000.xht b/testing/web-platform/tests/css/CSS2/css1/c532-bgcolor-000.xht new file mode 100644 index 0000000000..5436d312fc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c532-bgcolor-000.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: background-color</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-color"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c532-bgcolor-000-ref.xht" /> + + <style type="text/css"><![CDATA[ + p {background-color: lime;} + .one {background-color: #AAFFAA;} + .two {background-color: transparent;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/> + </head> + <body> + <p> This sentence should have a bright green background. </p> + <p> This sentence <span class="two">should have a bright green background</span> too.</p> + <p class="one"> This sentence should have a pale green background. </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c532-bgcolor-001.xht b/testing/web-platform/tests/css/CSS2/css1/c532-bgcolor-001.xht new file mode 100644 index 0000000000..8ea2987175 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c532-bgcolor-001.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: background-color</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-color"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="../reference/ref-this-text-should-be-green.xht" /> + + <style type="text/css"><![CDATA[ + body { color: green; } + p {background-color: red;} + .two {background-color: transparent;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/> + </head> + <body> + <p class="two"> + This text should be green. + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c533-bgimage-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c533-bgimage-000-ref.xht new file mode 100644 index 0000000000..7faa527a28 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c533-bgimage-000-ref.xht @@ -0,0 +1,25 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {background-color: lime;} + ]]> + </style> + + </head> + + <body> + + <p>This sentence should have a bright green background.</p> + + <p>This sentence should have a bright green background too.</p> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c533-bgimage-000.xht b/testing/web-platform/tests/css/CSS2/css1/c533-bgimage-000.xht new file mode 100644 index 0000000000..1cfd5320b5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c533-bgimage-000.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: background-image</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-image"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c533-bgimage-000-ref.xht" /> + + <style type="text/css"><![CDATA[ + p {background-image: url(support/1x1-lime.png);} + .one {background-image: none;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/> + </head> + <body> + <p> This sentence should have a bright green background. </p> + <p> This sentence <span class="one">should have a bright green background</span> too.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c533-bgimage-001.xht b/testing/web-platform/tests/css/CSS2/css1/c533-bgimage-001.xht new file mode 100644 index 0000000000..8505c53044 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c533-bgimage-001.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: background-image</title> + <meta name="flags" content="image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-image"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="../reference/ref-this-text-should-be-green.xht" /> + + <style type="text/css"><![CDATA[ + body { color: green; } + p {background-image: url(support/1x1-red.png);} + .two {background-image: none;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/> + </head> + <body> + <p class="two"> + This text should be green. + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c534-bgre-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c534-bgre-000-ref.xht new file mode 100644 index 0000000000..ad8648ad5d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c534-bgre-000-ref.xht @@ -0,0 +1,30 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 231px; + width: 156px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is a filled green rectangle.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c534-bgre-000.xht b/testing/web-platform/tests/css/CSS2/css1/c534-bgre-000.xht new file mode 100644 index 0000000000..cd546ba75a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c534-bgre-000.xht @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: background-repeat</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-repeat"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c534-bgre-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .test { font: 15px/1 Ahem; width: 10em; background: red; color: green; border: solid green; } + .one {background-image: url(support/swatch-green.png); background-repeat: repeat-y;} + .two {background-image: url(support/swatch-green.png); background-repeat: repeat-x;} + .three {background-image: url(support/swatch-green.png); background-repeat: no-repeat;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/> + </head> + <body> + <p>Test passes if there is a filled green rectangle.</p> + <div class="test"> + <div class="one"> +  xxxxxxxxx +  xxxxxxxxx +  xxxxxxxxx +  xxxxxxxxx +  xxxxxxxxx + </div> + <div class="two"> +            + xxxxxxxxxx + xxxxxxxxxx + xxxxxxxxxx + xxxxxxxxxx + </div> + <div class="three"> +  xxxxxxxxx + xxxxxxxxxx + xxxxxxxxxx + xxxxxxxxxx + xxxxxxxxxx + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c534-bgre-001.xht b/testing/web-platform/tests/css/CSS2/css1/c534-bgre-001.xht new file mode 100644 index 0000000000..9a93878fae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c534-bgre-001.xht @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: background-repeat</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-repeat"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c534-bgre-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .test { font: 15px/1 Ahem; width: 10em; background: green; color: green; border: solid green; } + .one {background-image: url(support/swatch-red.png); background-repeat: repeat-y;} + .two {background-image: url(support/swatch-red.png); background-repeat: repeat-x;} + .three {background-image: url(support/swatch-red.png); background-repeat: no-repeat;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/> + </head> + <body> + <p>Test passes if there is a filled green rectangle.</p> + <div class="test"> + <div class="one"> + z          + z          + z          + z          + z          + </div> + <div class="two"> + zzzzzzzzzz +            +            +            +            + </div> + <div class="three"> + z          +            +            +            +            + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-000-ref.xht new file mode 100644 index 0000000000..56afa1106d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-000-ref.xht @@ -0,0 +1,30 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 106px; + width: 226px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is a filled green rectangle.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-000.xht b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-000.xht new file mode 100644 index 0000000000..5f22d22280 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-000.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: background-repeat</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-repeat"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c534-bgreps-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .test { font: 20px/1 Ahem; width: 11em; background: red; color: green; border: solid green; } + .one {background-image: url(support/pattern-grg-rgr-grg.png); background-position: 50% 50%; background-repeat: repeat-y;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/> + </head> + <body> + <p>Test passes if there is a filled green rectangle.</p> + <div class="test"> + <div class="one"> + xxxx x xxxx + xxxx x xxxx + xxxxx xxxxx + xxxx x xxxx + xxxx x xxxx + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-001.xht b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-001.xht new file mode 100644 index 0000000000..50dab70528 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-001.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: background-repeat</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-repeat"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c534-bgreps-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .test { font: 20px/1 Ahem; width: 11em; background: green; color: green; border: solid green; } + .one {background-image: url(support/pattern-grg-rgr-grg.png); background-position: 50% 50%; background-repeat: repeat-y;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/> + </head> + <body> + <p>Test passes if there is a filled green rectangle.</p> + <div class="test"> + <div class="one"> +      x      +      x      +     x x     +      x      +      x      + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-002.xht b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-002.xht new file mode 100644 index 0000000000..e424052214 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-002.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: background-repeat</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-repeat"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c534-bgreps-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .test { font: 20px/1 Ahem; width: 11em; background: red; color: green; border: solid green; } + .one {background-image: url(support/pattern-grg-rgr-grg.png); background-position: 50% 50%;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/> + </head> + <body> + <p>Test passes if there is a filled green rectangle.</p> + <div class="test"> + <div class="one"> +   _  _  _   +   _  _  _   + __ __ __ __ +   _  _  _   +   _  _  _   + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-003.xht b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-003.xht new file mode 100644 index 0000000000..5653e9bfd9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-003.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: background-repeat</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-repeat"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c534-bgreps-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .test { font: 20px/1 Ahem; width: 11em; background: red; color: green; border: solid green; } + .one {background-image: url(support/pattern-grg-rgr-grg.png); background-position: center top;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/> + </head> + <body> + <p>Test passes if there is a filled green rectangle.</p> + <div class="test"> + <div class="one"> +   r  r  r   + rr rr rr rr +   r  r  r   +   r  r  r   + rr rr rr rr + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-004.xht b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-004.xht new file mode 100644 index 0000000000..4e92c2621e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-004.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: background-repeat</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-repeat"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c534-bgreps-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .test { font: 20px/1 Ahem; width: 11em; background: red; color: green; border: solid green; } + .one {background-image: url(support/pattern-grg-rgr-grg.png); background-position: top left;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/> + </head> + <body> + <p>Test passes if there is a filled green rectangle.</p> + <div class="test"> + <div class="one"> +  r  r  r  r + r rr rr rr  +  r  r  r  r +  r  r  r  r + r rr rr rr  + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-005.xht b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-005.xht new file mode 100644 index 0000000000..1987859c39 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-005.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: background-repeat</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-repeat"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c534-bgreps-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .test { font: 20px/1 Ahem; width: 11em; background: red; color: green; border: solid green; } + .one {background-image: url(support/pattern-grg-rgr-grg.png); background-position: bottom right;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/> + </head> + <body> + <p>Test passes if there is a filled green rectangle.</p> + <div class="test"> + <div class="one"> +  rr rr rr r + r  r  r  r  + r  r  r  r  +  rr rr rr r + r  r  r  r  + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c535-bg-fixd-000.xht b/testing/web-platform/tests/css/CSS2/css1/c535-bg-fixd-000.xht new file mode 100644 index 0000000000..0942ddba60 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c535-bg-fixd-000.xht @@ -0,0 +1,178 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: background-attachment</title> + <meta name="flags" content="image interact scroll" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-attachment"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + html {background-image: url(support/swatch-blue.png); background-repeat: repeat-x; background-attachment: fixed;} + div { color: silver; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/> + </head> + <body> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <p>Scroll this document. A line of blue should remain stuck at the + top of the viewport the whole time.</p> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + <div>Dummy text.</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c536-bgpos-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c536-bgpos-000-ref.xht new file mode 100644 index 0000000000..eb61515069 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c536-bgpos-000-ref.xht @@ -0,0 +1,27 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + body + { + height: 260px; + margin: 31px 0px 0px 0px; + } + ]]> + </style> + + </head> + + <body> + + <div>There should be no red on this page (look in the upper right hand corner too).</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c536-bgpos-000.xht b/testing/web-platform/tests/css/CSS2/css1/c536-bgpos-000.xht new file mode 100644 index 0000000000..0b8ec1f67d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c536-bgpos-000.xht @@ -0,0 +1,55 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: background-position</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-position"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 --> + <link rel="match" href="c536-bgpos-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + html,body,div { margin: 0; border: 0; padding: 0; } + div { font: 15px/1 Ahem; color: white; width: 11em; } + .right { width: auto; text-align: right; } + + /* tests */ + body {background-image: url(support/swatch-red.png); background-position: right top; + background-repeat: no-repeat;} + .one {background-image: url(support/swatch-red.png); background-position: center; + background-repeat: no-repeat;} + .two {background-image: url(support/swatch-red.png); background-position: 50% 50%; + background-repeat: no-repeat;} + .three {background-image: url(support/swatch-red.png); background-position: bottom right; + background-repeat: no-repeat;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/> + </head> + <body> + <div class="right">X</div> + <p>There should be no red on this page (look in the upper right hand corner too).</p> + <div class="one"> +             +             +      X      +             +             + </div> + <div class="two"> +             +             +      X      +             +             + </div> + <div class="three"> +             +             +             +             +           X + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c536-bgpos-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c536-bgpos-001-ref.xht new file mode 100644 index 0000000000..949546fbc5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c536-bgpos-001-ref.xht @@ -0,0 +1,27 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + body + { + height: 335px; + margin: 16px 0px 0px 0px; + } + ]]> + </style> + + </head> + + <body> + + <div>There should be no red on this page.</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c536-bgpos-001.xht b/testing/web-platform/tests/css/CSS2/css1/c536-bgpos-001.xht new file mode 100644 index 0000000000..bec5a16db3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c536-bgpos-001.xht @@ -0,0 +1,60 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: background-position</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-position"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 --> + <link rel="match" href="c536-bgpos-001-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + html,body,div { margin: 0; border: 0; padding: 0; } + div { font: 15px/1 Ahem; color: white; width: 11em; } + + /* tests */ + .four {background-image: url(support/swatch-red.png); background-position: 100% 100%; + background-repeat: no-repeat;} + .five {background-image: url(support/swatch-red.png); background-position: 0% 50%; + background-repeat: no-repeat;} + .six {background-image: url(support/swatch-red.png); background-position: 80% 25%; + background-repeat: no-repeat;} + .seven {background-image: url(support/swatch-red.png); background-position: 30px 30px; + background-repeat: no-repeat;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/> + </head> + <body> + <p>There should be no red on this page.</p> + <div class="four"> +             +             +             +             +           X + </div> + <div class="five"> +             +             + X           +             +             + </div> + <div class="six"> +             +         X   +             +             +             + </div> + <div class="seven"> +             +             +   X         +             +             + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c537-bgfxps-000.xht b/testing/web-platform/tests/css/CSS2/css1/c537-bgfxps-000.xht new file mode 100644 index 0000000000..3ed68448b3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c537-bgfxps-000.xht @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: background</title> + <meta name="flags" content="ahem image interact scroll" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + html {background: url(support/swatch-blue.png) repeat-x center top fixed;} + div { font: 15px/1 Ahem; background: red; color: green; width: 11em; margin: 0 0 0 2em; } + .dummy { color: silver; } + .one {background: green url(support/swatch-red.png) repeat-y 100% 0%;} + .two {background: green url(support/swatch-red.png) repeat-y center top;} + .three {background: green url(support/swatch-red.png) repeat-x left top;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/> + </head> + <body> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p>Scroll this document. A line of blue should remain stuck at the + top of the viewport the whole time, and there should be no red + below, just a block of green.</p> + <div class="one"> +           X +           X +           X +           X +           X + </div> + <div class="two"> +      X      +      X      +      X      +      X      +      X      + </div> + <div class="three"> + XXXXXXXXXXX +             +             +             +             + </div> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + <p class="dummy">Dummy text.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c541-word-sp-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c541-word-sp-000-ref.xht new file mode 100644 index 0000000000..309cac45ee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c541-word-sp-000-ref.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 30px/1 Ahem; width: 18em; background: yellow; color: aqua; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" title="16.4 Letter and word spacing: the 'letter-spacing' and 'word-spacing' properties"/> + </head> + <body> + <p>There should be a stripy pattern of yellow and aqua below (each vertical stripe should be straight and unbroken).</p> + <div class="test">x  xx  xxx  xxxx</div> + <div class="test">x  xx  xxx  xxxx</div> + <div class="test">x  xx  xxx  xxxx</div> + <div class="test">x  xx  xxx  xxxx</div> + <div class="test">x  xx  xxx  xxxx</div> + <div class="test">x  xx  xxx  xxxx</div> + <div class="test">x  xx  xxx  xxxx</div> + <div class="test">x  xx  xxx  xxxx</div> + <div class="test">x  xx  xxx  xxxx</div> + <div class="test">x  xx  xxx  xxxx</div> + <div class="test">x  xx  xxx  xxxx</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c541-word-sp-000.xht b/testing/web-platform/tests/css/CSS2/css1/c541-word-sp-000.xht new file mode 100644 index 0000000000..92130a1bb2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c541-word-sp-000.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: word-spacing</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#word-spacing"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-06-08 --> + <link rel="match" href="c541-word-sp-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 30px/1 Ahem; width: 18em; background: yellow; color: aqua; } + .one {word-spacing: 0.3125in;} + .two {word-spacing: 0.79375cm;} + .three {word-spacing: 7.9375mm;} + .four {word-spacing: 22.5pt;} + .five {word-spacing: 1.875pc;} + .six {word-spacing: 1em;} + .seven {word-spacing: 1.25ex;} + .eight {word-spacing: 30px;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" title="16.4 Letter and word spacing: the 'letter-spacing' and 'word-spacing' properties"/> + </head> + <body> + <p>There should be a stripy pattern of yellow and aqua below (each vertical stripe should be straight and unbroken).</p> + <div class="test">x  xx  xxx  xxxx</div> + <div class="test">x  xx  xxx  xxxx</div> + <div class="test">x  xx  xxx  xxxx</div> + <div class="one"> x xx xxx xxxx </div> + <div class="two"> x xx xxx xxxx </div> + <div class="three"> x xx xxx xxxx </div> + <div class="four"> x xx xxx xxxx </div> + <div class="five"> x xx xxx xxxx </div> + <div class="six"> x xx xxx xxxx </div> + <div class="seven"> x xx xxx xxxx </div> + <div class="eight"> x xx xxx xxxx </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c541-word-sp-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c541-word-sp-001-ref.xht new file mode 100644 index 0000000000..25dcde1859 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c541-word-sp-001-ref.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 25px/1 Ahem; width: 12em; background: yellow; color: aqua; margin: 0 0 0 2em; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" title="16.4 Letter and word spacing: the 'letter-spacing' and 'word-spacing' properties"/> + </head> + <body> + <p>There should be a stripy pattern of yellow and aqua below (each vertical stripe should be straight and unbroken).</p> + <div class="test">x  x  xx xx</div> + <div class="test">x  x  xx xx</div> + <div class="test">x  x  xx xx</div> + <div class="test">x  x  xx xx</div> + <div class="test">x  x  xx xx</div> + <div class="test">x  x  xx xx</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c541-word-sp-001.xht b/testing/web-platform/tests/css/CSS2/css1/c541-word-sp-001.xht new file mode 100644 index 0000000000..8b83eb8316 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c541-word-sp-001.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: word-spacing</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#word-spacing"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c541-word-sp-001-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 25px/1 Ahem; width: 12em; background: yellow; color: aqua; margin: 0 0 0 2em; } + .eight {word-spacing: 25px;} + .nine {word-spacing: normal;} + .ten {word-spacing: 300%;} + .eleven {word-spacing: -1em;} + .fill { color: yellow; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" title="16.4 Letter and word spacing: the 'letter-spacing' and 'word-spacing' properties"/> + </head> + <body> + <p>There should be a stripy pattern of yellow and aqua below (each vertical stripe should be straight and unbroken).</p> + <div class="test">x  x  xx xx</div> + <div class="test">x  x  xx xx</div> + <div class="test">x  x  xx xx</div> + <div class="eight"> x x <span class="nine">xx xx</span> </div> + <div class="ten"> x  x  xx xx </div> + <div class="eleven"> x   <span class="nine">  </span>x  <span class="fill">xx</span> xx  <span class="fill">x</span>xx </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-000-ref.xht new file mode 100644 index 0000000000..e0672d94c0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-000-ref.xht @@ -0,0 +1,35 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: aqua; + width: 540px; + } + + img + { + margin-left: 30px; + vertical-align: bottom; + } + ]]> + </style> + + </head> + + <body> + + <p>There should be a stripy pattern of yellow and aqua below (each vertical stripe should be straight and unbroken).</p> + + <div><img src="support/swatch-yellow.png" width="30" height="330" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" width="90" height="330" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" width="30" height="330" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" width="90" height="330" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" width="30" height="330" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" width="90" height="330" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-000.xht b/testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-000.xht new file mode 100644 index 0000000000..4fa5f81a3c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-000.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: letter-spacing</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#letter-spacing"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-06-08 --> + <link rel="match" href="c542-letter-sp-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 30px/1 Ahem; width: 18em; background: yellow; color: aqua; } + .one {letter-spacing: 0.3125in;} + .two {letter-spacing: 0.79375cm;} + .three {letter-spacing: 7.9375mm;} + .four {letter-spacing: 22.5pt;} + .five {letter-spacing: 1.875pc;} + .six {letter-spacing: 1em;} + .seven {letter-spacing: 1.25ex;} + .eight {letter-spacing: 30px;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" title="16.4 Letter and word spacing: the 'letter-spacing' and 'word-spacing' properties"/> + </head> + <body> + <p>There should be a stripy pattern of yellow and aqua below (each vertical stripe should be straight and unbroken).</p> + <div class="test">x x   x x   x x </div> + <div class="test">x x   x x   x x </div> + <div class="test">x x   x x   x x </div> + <div class="one"> xx xx xx </div> + <div class="two"> xx xx xx </div> + <div class="three"> xx xx xx </div> + <div class="four"> xx xx xx </div> + <div class="five"> xx xx xx </div> + <div class="six"> xx xx xx </div> + <div class="seven"> xx xx xx </div> + <div class="eight"> xx xx xx </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-001-ref.xht new file mode 100644 index 0000000000..f4ee866e5d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-001-ref.xht @@ -0,0 +1,36 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: aqua; + margin-left: 60px; + width: 450px; + } + + img + { + margin-left: 30px; + vertical-align: bottom; + } + ]]> + </style> + + </head> + + <body> + + <p>There should be a stripy pattern of yellow and aqua below (each vertical stripe should be straight and unbroken).</p> + + <div><img src="support/swatch-yellow.png" width="60" height="180" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" width="150" height="180" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" width="60" height="180" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" width="60" height="180" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-001.xht b/testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-001.xht new file mode 100644 index 0000000000..9c489e9067 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-001.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: letter-spacing</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#letter-spacing"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c542-letter-sp-001-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 30px/1 Ahem; width: 15em; background: yellow; color: aqua; margin: 0 0 0 2em; } + .eight {letter-spacing: 60px;} + .nine {letter-spacing: normal;} + .ten {letter-spacing: 300%;} + .eleven {letter-spacing: -0.5em;} + .fill { color: yellow; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" title="16.4 Letter and word spacing: the 'letter-spacing' and 'word-spacing' properties"/> + </head> + <body> + <p>There should be a stripy pattern of yellow and aqua below (each vertical stripe should be straight and unbroken).</p> + <div class="test">x  x     x  x </div> + <div class="test">x  x     x  x </div> + <div class="test"><span class="eight"> xx xx </span></div> + <div class="eight"><span class="nine">x  x     x  x </span></div> + <div class="ten">x  x     x  x </div> + <div class="eleven">x     x         <span class="fill">x</span> x   <span class="fill">x</span> x </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c543-txt-decor-000.xht b/testing/web-platform/tests/css/CSS2/css1/c543-txt-decor-000.xht new file mode 100644 index 0000000000..1f36523cc3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c543-txt-decor-000.xht @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: text-decoration</title> + <meta name="flags" content="animated image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#text-decoration"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p { color: navy; } + .one {text-decoration: underline;} + .two {text-decoration: overline;} + .three {text-decoration: line-through;} + .four {text-decoration: blink;} + b.five {text-decoration: none;} + .six {text-decoration: underline overline;} + .seven {text-decoration: underline overline line-through;} + div, strong, img { color: red; } + .eight { color: white; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + </head> + <body> + <p class="one"> This sentence should be underlined. </p> + <p class="two"> This sentence should be overlined. </p> + <p class="three"> This sentence should be stricken out. </p> + <p class="four"> This sentence should be blinking (if the UA supports that). </p> + <p class="one"> The sentence should be underlined. <b class="five">This sentence should be underlined</b>. </p> + <p class="six"> This sentence should be underlined and overlined. </p> + <p class="seven"> This sentence should be underlined, overlined, and stricken. </p> + <div class="seven"></div> <!-- there should be no red on this page --> + <p> There should be no red at the end of this line.<img src="support/swatch-white.png" alt="FAIL: Images required." class="one"/> </p> + <p class="one"> + The text of this sentence and all<span> </span>its<span> </span>spaces (including the space between the images) + <img src="support/square-teal.png" alt="FAIL: Images required."/> + <img src="support/square-purple.png" alt="FAIL: Images required."/> + should be underlined, but the images themselves should <em>not</em> be underlined. + </p> + <p class="one"> + This sentence should have a long blue underline including between the two + arrows here→<span class="eight"> FAIL FAIL FAIL FAIL </span>←and here. + </p> + <p>There should be a long blue underline between here→<span class="one">                      </span> ←and here.</p> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c544-valgn-000.xht b/testing/web-platform/tests/css/CSS2/css1/c544-valgn-000.xht new file mode 100644 index 0000000000..9cb30e7f3c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c544-valgn-000.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: vertical-align</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#vertical-align"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div {font: 50px/1 Ahem; color: white; margin: 1em; padding: 0.25em; background: teal url(support/square-teal.png) top left;} + img {height: 50px;} + .one {vertical-align: sub;} + .two {vertical-align: super;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/> + </head> + <body> + <p>There should be four identical white boxes in the teal block below, all the same size, each one a little lower down on the line, in a step pattern.</p> + <div> <span class="two">X</span> <img src="support/swatch-white.png" alt="FAIL: Image support required."/> X <span class="one">X</span></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c544-valgn-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c544-valgn-001-ref.xht new file mode 100644 index 0000000000..7d115c3c8d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c544-valgn-001-ref.xht @@ -0,0 +1,31 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 240px; + margin-left: 15px; + width: 90px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is a filled green rectangle and no red.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c544-valgn-001.xht b/testing/web-platform/tests/css/CSS2/css1/c544-valgn-001.xht new file mode 100644 index 0000000000..83ea2ef415 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c544-valgn-001.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: vertical-align</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#vertical-align"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c544-valgn-001-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .test {font: 15px/1 Ahem; color: green; background: red url(support/css1test544b.png) no-repeat; width: 90px; margin: 0 1em;} + img {height: 30px;} + .big {font-size:200%;} + .three {vertical-align: top; font-size: 15px;} + .four {vertical-align: text-top; font-size: 15px;} + .five {vertical-align: middle; font-size: 15px;} + .six {vertical-align: bottom; font-size: 15px;} + .seven {vertical-align: text-bottom; font-size: 15px;} + .eight {vertical-align: baseline; font-size: 15px;} + .nine {vertical-align: 50%; font-size: 15px; line-height: 20px;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/> + </head> + <body> + <p>Test passes if there is a filled green rectangle and no red.</p> + <div class="test"> + <div><img src="support/swatch-green.png" alt="FAIL: Image support required."/><span class="three">X</span>X</div> + <div><img src="support/swatch-green.png" alt="FAIL: Image support required."/><span class="big"><span class="four">X</span>X</span></div> + <div><img src="support/swatch-green.png" alt="FAIL: Image support required." class="five"/>X</div> + <div><img src="support/swatch-green.png" alt="FAIL: Image support required."/><span class="big"><span class="six">X</span>X</span></div> + <div><img src="support/swatch-green.png" alt="FAIL: Image support required."/><span class="big"><span class="seven">X</span>X</span></div> + <div><img src="support/swatch-green.png" alt="FAIL: Image support required."/><span class="big"><span class="eight">X</span>X</span></div> + <div><img src="support/swatch-green.png" alt="FAIL: Image support required."/><span class="nine">X</span>X</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c544-valgn-002.xht b/testing/web-platform/tests/css/CSS2/css1/c544-valgn-002.xht new file mode 100644 index 0000000000..7d83ff5f18 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c544-valgn-002.xht @@ -0,0 +1,50 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: vertical-align</title> + <meta name="flags" content="ahem image interact" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#vertical-align"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + p {font-size: 12pt;} + p.example { font: 15px/1 Ahem; color: blue; background: white url(support/square-white.png); border: 1px solid silver; padding: 0.5em; margin: 1em; } + .no {color: silver;} + big {font-size: 20px;} + small {font-size: 10px;} + .ttopalign {vertical-align: text-top;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/> + </head> + <body> + <p class="explain"> + Change your window size. However the lines wrap, the blue + rectanglues should always have their tops on the same alignment as + other blue rectangles on the line. + </p> + <p class="example"> + xxx + <img src="support/swatch-blue.png" alt="[Image]" height="30" class="ttopalign" /> + <span class="no" style="font-size: 250%;">xxx</span> + <img src="support/swatch-blue.png" alt="[Image]" height="50" class="ttopalign" /> + <big class="no">xxx</big> + <img src="support/swatch-blue.png" alt="[Image]" height="10" class="ttopalign" /> + <small class="no">xxx</small> + <img src="support/swatch-blue.png" alt="[Image]" height="20" class="ttopalign" /> + xxx + <img src="support/swatch-blue.png" alt="[Image]" height="65" class="ttopalign" /> + <span class="no" style="font-size: 2em;">xxx</span> + <img src="support/swatch-blue.png" alt="[Image]" height="35" class="ttopalign" /> + xxx + <img src="support/swatch-blue.png" alt="[Image]" height="30" class="ttopalign" /> + <span class="no" style="font-size: 150%;">xxx <span style="font-size: 250%;">xxx</span> xxx</span> + <img src="support/swatch-blue.png" alt="[Image]" height="50" class="ttopalign" /> + <small class="no">xxx</small> + <img src="support/swatch-blue.png" alt="[Image]" height="15" class="ttopalign" /> + <big class="no">xxx</big> + <img src="support/swatch-blue.png" alt="[Image]" height="90" class="ttopalign" /> + xxx + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c544-valgn-003.xht b/testing/web-platform/tests/css/CSS2/css1/c544-valgn-003.xht new file mode 100644 index 0000000000..9b07fa6dcd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c544-valgn-003.xht @@ -0,0 +1,50 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: vertical-align</title> + <meta name="flags" content="ahem image interact" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#vertical-align"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + p {font-size: 12pt;} + p.example { font: 15px/1 Ahem; color: blue; background: white url(support/square-white.png); border: 1px solid silver; padding: 0.5em; margin: 1em; } + .no {color: silver;} + big {font-size: 20px;} + small {font-size: 10px;} + .midalign {vertical-align: middle;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/> + </head> + <body> + <p class="explain"> + Change your window size. However the lines wrap, the blue + rectanglues should always have their middles on the same alignment as + other blue rectangles on the line. + </p> + <p class="example"> + ÉÉÉ + <img src="support/swatch-blue.png" alt="[Image]" height="30" class="midalign" /> + <span class="no" style="font-size: 250%;">xxx</span> + <img src="support/swatch-blue.png" alt="[Image]" height="50" class="midalign" /> + ÉÉÉ + <img src="support/swatch-blue.png" alt="[Image]" height="10" class="midalign" /> + <small class="no">xxx</small> + <img src="support/swatch-blue.png" alt="[Image]" height="20" class="midalign" /> + ÉÉÉ + <img src="support/swatch-blue.png" alt="[Image]" height="65" class="midalign" /> + ÉÉÉ + <img src="support/swatch-blue.png" alt="[Image]" height="35" class="midalign" /> + <span class="no" style="font-size: 2em;">xxx</span> + <img src="support/swatch-blue.png" alt="[Image]" height="50" class="midalign" /> + <span class="no" style="font-size: 150%;">xxx <span style="font-size: 250%;">xxx</span> xxx</span> + <img src="support/swatch-blue.png" alt="[Image]" height="50" class="midalign" /> + <small class="no">xxx</small> + <img src="support/swatch-blue.png" alt="[Image]" height="15" class="midalign" /> + <big class="no">xxx</big> + <img src="support/swatch-blue.png" alt="[Image]" height="90" class="midalign" /> + ÉÉÉ + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c544-valgn-004.xht b/testing/web-platform/tests/css/CSS2/css1/c544-valgn-004.xht new file mode 100644 index 0000000000..51c4c63a3e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c544-valgn-004.xht @@ -0,0 +1,49 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: vertical-align</title> + <meta name="flags" content="ahem image interact" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#vertical-align"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + p {font-size: 12pt;} + p.example { font: 15px/1 Ahem; color: blue; background: white url(support/square-white.png); border: 1px solid silver; padding: 0.5em; margin: 1em; } + .no {color: silver;} + big {font-size: 20px;} + small {font-size: 10px;} + .topalign {vertical-align: top;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/> + </head> + <body> + <p class="explain"> + Change your window size. However the lines wrap, the blue + rectanglues should always have their tops on the same alignment as + other blue rectangles on the line. + </p> + <p class="example"> + <span class="topalign">xxx</span> + <img src="support/swatch-blue.png" alt="[Image]" height="10" class="topalign" /> + <span style="font-size: 250%;" class="topalign">xxx</span> + <img src="support/swatch-blue.png" alt="[Image]" height="10" class="topalign" /> + <span class="topalign">xxx</span> + <img src="support/swatch-blue.png" alt="[Image]" height="10" class="topalign" /> + <span class="topalign">xxx</span> + <img src="support/swatch-blue.png" alt="[Image]" height="10" class="topalign" /> + <big class="topalign">xxx</big> + <img src="support/swatch-blue.png" alt="[Image]" height="20" class="topalign" /> + <span class="topalign">xxx</span> + <img src="support/swatch-blue.png" alt="[Image]" height="65" class="topalign" /> + <span class="topalign">xxx</span> + <img src="support/swatch-blue.png" alt="[Image]" height="35" class="topalign" /> + <span style="font-size: 2em;" class="topalign">xxx</span> + <img src="support/swatch-blue.png" alt="[Image]" height="50" class="topalign" /> + <span class="topalign">xxx</span> + <img src="support/swatch-blue.png" alt="[Image]" height="15" class="topalign" /> + <big class="topalign">xxx</big> + <img src="support/swatch-blue.png" alt="[Image]" height="90" class="topalign" /> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c545-txttrans-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c545-txttrans-000-ref.xht new file mode 100644 index 0000000000..7908955a2b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c545-txttrans-000-ref.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: text-transform</title> + <style type="text/css"><![CDATA[ + div { background: green; border: solid black; width: 320px; height: 150px; } + p { margin: 0; } + ]]></style> + </head> + <body> + <p>There should be a green box below.</p> + <div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c545-txttrans-000.xht b/testing/web-platform/tests/css/CSS2/css1/c545-txttrans-000.xht new file mode 100644 index 0000000000..31f708335e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c545-txttrans-000.xht @@ -0,0 +1,52 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: text-transform</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#text-transform"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#propdef-text-transform"/> + <link rel="match" href="c545-txttrans-000-ref.xht"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 10px/1 Ahem; color: green; background: red url(support/css1test545.png); border: solid black; width: 32em; image-rendering: pixelated; image-rendering: crisp-edges; } + p { margin: 0; } + .ttn {text-transform: none;} + .cap {text-transform: capitalize;} + .upp {text-transform: uppercase;} + .low {text-transform: lowercase;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" title="16.5 Capitalization: the 'text-transform' property"/> + </head> + <body> + <p>There should be a green box below.</p> + <div> + <p class=""> + Xx xx x. (x.x. XX) x x <span class="cap">xx</span>xxx <span class="ttn">xxx</span> + Pp pp p. (p.p. PP) p p <span class="cap">pp</span>ppp <span class="ttn">ppp</span> + Éé éé é. (é.é. ÉÉ) é é <span class="cap">éé</span>ééé <span class="ttn">ééé</span> + </p> + <p class="ttn"> + Xx xx x. (x.x. XX) x x <span class="cap">xx</span>xxx <span class="ttn">xxx</span> + Pp pp p. (p.p. PP) p p <span class="cap">pp</span>ppp <span class="ttn">ppp</span> + Éé éé é. (é.é. ÉÉ) é é <span class="cap">éé</span>ééé <span class="ttn">ééé</span> + </p> + <p class="cap"> + Xx xx x. (x.x. XX) x x <span class="cap">xx</span>xxx <span class="ttn">xxx</span> + Pp pp p. (p.p. PP) p p <span class="cap">pp</span>ppp <span class="ttn">ppp</span> + Éé éé é. (é.e. ÉÉ) é é <span class="cap">éé</span>ééé <span class="ttn">ééé</span> + </p> + <p class="upp"> + Xx xx x. (x.x. XX) x x <span class="cap">xx</span>xxx <span class="ttn">xxx</span> + Pp pp p. (p.p. PP) p p <span class="cap">pp</span>ppp <span class="ttn">ppp</span> + Éé éé é. (é.é. ÉÉ) é é <span class="cap">éé</span>ééé <span class="ttn">ééé</span> + </p> + <p class="low"> + Xx xx x. (x.x. XX) x x <span class="cap">xx</span>xxx <span class="ttn">xxx</span> + Pp pp p. (p.p. PP) p p <span class="cap">pp</span>ppp <span class="ttn">ppp</span> + Éé éé é. (é.é. ÉÉ) é é <span class="cap">éé</span>ééé <span class="ttn">ééé</span> + </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c546-txt-align-000.xht b/testing/web-platform/tests/css/CSS2/css1/c546-txt-align-000.xht new file mode 100644 index 0000000000..70e2cef57a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c546-txt-align-000.xht @@ -0,0 +1,54 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: text-align</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#text-align"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p { color: navy; } + span { color: silver; } + .one {text-align: left;} + .two {text-align: right;} + .three {text-align: center;} + .four {text-align: justify;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" title="16.2 Alignment: the 'text-align' property"/> + </head> + <body> + <p class="one"> + This sentence should be left-justified. + </p> + <p class="two"> + This sentence should be right-justified. + </p> + <p class="three"> + This sentence should be centered. + </p> + <p class="four"> + This paragraph should be justified (the right and left margins + should line up). <span> This is just lovely dummy text. Dummy text. Dummy + text. This is just lovely dummy text. This is just lovely dummy text. Dummy text. + This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy + text. This is just lovely dummy text. This is just lovely dummy text. Dummy text. + This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy + text. This is just lovely dummy text. This is just lovely dummy text. Dummy text. + This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy + text. This is just lovely dummy text. This is just lovely dummy text. Dummy text. + This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy + text. This is just lovely dummy text. This is just lovely dummy text. Dummy text. + This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy + text. This is just lovely dummy text. This is just lovely dummy text. Dummy text. + This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy + text. This is just lovely dummy text. This is just lovely dummy text. Dummy text. + This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy + text. This is just lovely dummy text. This is just lovely dummy text. Dummy text. + This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy + text. This is just lovely dummy text. This is just lovely dummy text. Dummy text. + This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy + text. Dummy text. </span> This sentence should be at the end of the + block, not justified. + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c547-indent-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c547-indent-000-ref.xht new file mode 100644 index 0000000000..ad5e4eb456 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c547-indent-000-ref.xht @@ -0,0 +1,28 @@ +<!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> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/> +<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> +<style type="text/css"> +div { + font: 24px/1 Ahem; + width: 18em; + color: blue; +} +</style> +</head> +<body> +<p>There should be a tall solid unbroken column of blue below.</p> +<div> x</div> +<div> x</div> +<div> x</div> +<div> x</div> +<div> x</div> +<div> x</div> +<div> x</div> +<div> x</div> +<div> x</div> +<div> x</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c547-indent-000.xht b/testing/web-platform/tests/css/CSS2/css1/c547-indent-000.xht new file mode 100644 index 0000000000..1d4fb02c9f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c547-indent-000.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: text-indent</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#text-indent"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c547-indent-000-ref.xht"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 24px/1 Ahem; width: 18em; color: blue; } + .one {text-indent: 0.25in;} + .two {text-indent: 0.635cm;} + .three {text-indent: 6.35mm;} + .four {text-indent: 18pt;} + .five {text-indent: 1.5pc;} + .six {text-indent: 1em;} + .seven {text-indent: 1.25ex;} + .eight {text-indent: 24px;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" title="16.1 Indentation: the 'text-indent' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" title="4.3.2 Lengths"/> + </head> + <body> + <p>There should be a tall solid unbroken column of blue below.</p> + <div class="test"> x</div> + <div class="one"> x </div> + <div class="two"> x </div> + <div class="three"> x </div> + <div class="four"> x </div> + <div class="five"> x </div> + <div class="six"> x </div> + <div class="seven"> x </div> + <div class="eight"> x </div> + <div class="test"> x</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c547-indent-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c547-indent-001-ref.xht new file mode 100644 index 0000000000..013a5414bc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c547-indent-001-ref.xht @@ -0,0 +1,58 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p.eight:before + { + color: aqua; + content: "generated content before"; + display: inline-block; + width: 50%; + } + + p.eight {background-color: aqua;} + + p.one-first + { + background-color: aqua; + margin-bottom: 0em; + padding-left: 5em; + } + + p.one + { + background-color: aqua; + margin-top: 0em; + } + + div + { + background-color: aqua; + width: 25%; + } + ]]> + </style> + + </head> + + <body> + + <p class="eight">The first line of this sentence should be indented halfway across the page, but the rest of it should be flush with the normal left margin of the page.</p> + + <p class="one-first">Only the first line of this sentence</p> + + <p class="one">should be indented,<br /> + the others should all be<br /> + <em>aligned on the left</em> of the window.</p> + + <div><span style="padding-left:50%">X The first X in this sentence should be indented to the center of this block.</span></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c547-indent-001.xht b/testing/web-platform/tests/css/CSS2/css1/c547-indent-001.xht new file mode 100644 index 0000000000..ed58f887e7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c547-indent-001.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: text-indent</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#text-indent"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c547-indent-001-ref.xht" /> + + <style type="text/css"><![CDATA[ + .one {text-indent: 5em; background: aqua;} + .eight {text-indent: 50%; background: aqua;} + div {text-indent: 50%; background: aqua;width: 25%;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" title="16.1 Indentation: the 'text-indent' property"/> + </head> + <body> + <p class="eight"> + The first line of this sentence should be indented halfway across the + page, but the rest of it should be flush with the normal left margin + of the page. + </p> + <p class="one"> + Only the first line of this sentence<br /> + should be indented,<br /> + the others should all be<br /> + <em>aligned on the left</em> of the window. + </p> + <div> + X The first X in this sentence should be indented to the center of this block. + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c548-leadin-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c548-leadin-000-ref.xht new file mode 100644 index 0000000000..ae504f8b9a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c548-leadin-000-ref.xht @@ -0,0 +1,36 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + border: black solid medium; + width: 75px; + } + + img + { + padding: 13px 0px; + vertical-align: top; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there are 3 stripes of green and 2 stripes of bright green and if there is <strong>no red</strong>.</p> + + <div><img src="support/1x1-lime.png" width="75" height="25" alt="Image download support must be enabled" /><img src="support/1x1-lime.png" width="75" height="25" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c548-leadin-000.xht b/testing/web-platform/tests/css/CSS2/css1/c548-leadin-000.xht new file mode 100644 index 0000000000..79e41971df --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c548-leadin-000.xht @@ -0,0 +1,31 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: line-height</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#line-height"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-06 --> + <link rel="match" href="c548-leadin-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 25px Ahem; line-height: 51px; width: 3em; color: lime; background: green; border: solid black; } + span { background-color: red; } + /* + Nota bene: line-height computed value minus font-size computed value + must be dividable by 2 without fractional remainder otherwise + actual top-half-leading and the bottom-half-leading values may not + be equal. + */ + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/> + </head> + <body> + <p>Test passes if there are 3 stripes of green and 2 stripes of bright green and if there is <strong>no red</strong>.</p> + <div> + <span>xxx xxx</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-000-ref.xht new file mode 100644 index 0000000000..45568558d3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-000-ref.xht @@ -0,0 +1,48 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + table + { + background-color: teal; + border: navy solid medium; + border-spacing: 28px 28px; + margin: 15px; + padding: 1px; + } + + img {vertical-align: bottom;} + ]]> + </style> + + </head> + + <body> + + <p>The two blocks below should be identical:</p> + + <table> + + <tr><td><img src="support/swatch-aqua.png" width="30" height="30" alt="Image download support must be enabled" /></td><td><img src="support/swatch-aqua.png" width="30" height="30" alt="Image download support must be enabled" /></td></tr> + + <tr><td><img src="support/swatch-aqua.png" width="30" height="30" alt="Image download support must be enabled" /></td><td><img src="support/swatch-aqua.png" width="30" height="30" alt="Image download support must be enabled" /></td></tr> + + </table> + + <table> + + <tr><td><img src="support/swatch-aqua.png" width="30" height="30" alt="Image download support must be enabled" /></td><td><img src="support/swatch-aqua.png" width="30" height="30" alt="Image download support must be enabled" /></td></tr> + + <tr><td><img src="support/swatch-aqua.png" width="30" height="30" alt="Image download support must be enabled" /></td><td><img src="support/swatch-aqua.png" width="30" height="30" alt="Image download support must be enabled" /></td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-000.xht b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-000.xht new file mode 100644 index 0000000000..9069d6be72 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-000.xht @@ -0,0 +1,28 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: line-height</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#line-height"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-31 --> + <link rel="match" href="c548-ln-ht-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .test { font: 30px Ahem; background: teal; color: aqua; width: 4em; padding: 0.5em 0 0.5em 1em; border: solid navy; margin: 0.5em; line-height: 60px; } + .control { font: 30px/1 Ahem; background: teal; color: aqua; width: 5em; padding: 0; border: solid navy; margin: 0.5em; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/> + </head> + <body> + <p>The two blocks below should be identical:</p> + <div class="test"> X X X X </div> + <pre class="control"> + X X + + X X + </pre> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-001-ref.xht new file mode 100644 index 0000000000..a99bde70ee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-001-ref.xht @@ -0,0 +1,58 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {margin: 0;} + + table + { + background-color: green; + border: black solid medium; + border-spacing: 20px; + margin: 10px; + } + + td {padding: 0px;} + + img {vertical-align: bottom;} + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there are 20 small lime squares inside a filled green tall rectangle and if there is <strong>no red</strong>.</p> + + <table> + + <tr><td><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /></td></tr> + + <tr><td><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /></td></tr> + + <tr><td><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /></td></tr> + + <tr><td><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /></td></tr> + + <tr><td><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /></td></tr> + + <tr><td><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /></td></tr> + + <tr><td><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /></td></tr> + + <tr><td><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /></td></tr> + + <tr><td><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /></td></tr> + + <tr><td><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /></td></tr> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-001.xht b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-001.xht new file mode 100644 index 0000000000..21bd6ce58a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-001.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: line-height</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#line-height"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-31 and 2013-12-03 --> + <link rel="match" href="c548-ln-ht-001-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 20px Ahem; background: red url(support/pattern-gg-gr.png); color: lime; width: 4em; padding: 0.5em 0 0.5em 1em; border: solid black; margin: 0.5em; } + p { margin: 0; } + /* + .one {line-height: 0.41667in;} + */ + .two {line-height: 1.05834cm;} /* 1.05833cm will not suffice! */ + .three {line-height: 10.58334mm;} /* 10.58333cm will not suffice! */ + .four {line-height: 30pt;} + .five {line-height: 2.5pc;} + .six {line-height: 2em;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/> + </head> + <body> + <p>Test passes if there are 20 small lime squares inside a filled green tall rectangle and if there is <strong>no red</strong>.</p> + <div> +<!-- + <p class="one"> X X X X </p>--> + <p class="two"> X X X X </p> + <p class="three"> X X X X </p> + <p class="four"> X X X X </p> + <p class="five"> X X X X </p> + <p class="six"> X X X X </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-002.xht b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-002.xht new file mode 100644 index 0000000000..952453c1d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-002.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: line-height</title> + <meta name="flags" content="ahem image invalid" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#line-height"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-31 --> + <link rel="match" href="c548-ln-ht-001-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 20px Ahem; background: red url(support/pattern-gg-gr.png); color: lime; width: 4em; padding: 0.5em 0 0.5em 1em; border: solid black; margin: 0.5em; } + p { margin: 0; } + .eight {line-height: 200%;} + .nine {line-height: 2;} + .ten {line-height: 40px;} + .eleven {line-height: -1em; line-height: 2em; line-height: -1em;} + .seven {line-height: 2.5ex;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/> + </head> + <body> + <p>Test passes if there are 20 small lime squares inside a filled green tall rectangle and if there is <strong>no red</strong>.</p> + <div> + <p class="eight"> X X X X </p> + <p class="nine"> X X X X </p> + <p class="ten"> X X X X </p> + <p class="eleven"> X X X X </p> + <p class="seven"> X X X X </p> <!-- ex comes last because it is the least likely to be supported --> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-003-ref.xht new file mode 100644 index 0000000000..5180a3fcc5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-003-ref.xht @@ -0,0 +1,34 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {margin: 0px;} + + div + { + background-color: green; + border: black solid 3px; + height: 240px; + margin: 20px; + width: 80px; + } + ]]> + </style> + + </head> + + <body> + + <p>There should be no red below:</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-003.xht b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-003.xht new file mode 100644 index 0000000000..174c5fa8e5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-003.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: line-height</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#line-height"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-?? --> + <link rel="match" href="c548-ln-ht-003-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 20px Ahem; width: 4em; color: green; background: red url(support/css1test548d.png); margin: 1em; border: solid black; } + p { margin: 0; } + .eight {line-height: 200%;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#inheritance" title="6.2 Inheritance"/> + <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inheriting"/> + <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inheriting"/> + </head> + <body> + <p>There should be no red below:</p> + <div class="eight"> + x x x x + <p style="font-size: 200%;"> + x x + </p> + x x x x + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-004-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-004-ref.xht new file mode 100644 index 0000000000..5dedaed600 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-004-ref.xht @@ -0,0 +1,34 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {margin: 0px;} + + div + { + background-color: green; + border: black solid 3px; + height: 320px; + margin: 20px; + width: 80px; + } + ]]> + </style> + + </head> + + <body> + + <p>There should be no red below:</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-004.xht b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-004.xht new file mode 100644 index 0000000000..3768c9e659 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-004.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: line-height</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#line-height"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-?? --> + <link rel="match" href="c548-ln-ht-004-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 20px Ahem; width: 4em; color: green; background: red url(support/css1test548e.png); margin: 1em; border: solid black; } + p { margin: 0; } + .nine {line-height: 2;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#inheritance" title="6.2 Inheritance"/> + <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inheriting"/> + <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inheriting"/> + </head> + <body> + <p>There should be no red below:</p> + <div class="nine"> + x x x x + <p style="font-size: 200%;"> + x x + </p> + x x x x + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5501-imrgn-t-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5501-imrgn-t-000-ref.xht new file mode 100644 index 0000000000..4d42befc97 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5501-imrgn-t-000-ref.xht @@ -0,0 +1,52 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div {margin: 1.25em 0;} + + img {vertical-align: bottom;} + + img.swatch-lime + { + border-bottom: yellow solid 1.25em; + border-top: yellow solid 1.25em; + } + ]]> + </style> + + </head> + + <body> + + <p>The three diagrams below should be identical:</p> + + <div> + <img src="support/swatch-orange.png" alt="Image download support must be enabled" height="60" width="60" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" height="20" width="20" class="swatch-lime" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" height="60" width="60" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" height="60" width="60" /> + </div> + + <div> + <img src="support/swatch-orange.png" alt="Image download support must be enabled" height="60" width="60" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" height="20" width="20" class="swatch-lime" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" height="60" width="60" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" height="60" width="60" /> + </div> + + <div> + <img src="support/swatch-orange.png" alt="Image download support must be enabled" height="60" width="60" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" height="20" width="20" class="swatch-lime" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" height="60" width="60" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" height="60" width="60" /> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5501-imrgn-t-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5501-imrgn-t-000.xht new file mode 100644 index 0000000000..882ad4211a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5501-imrgn-t-000.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-top</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-top"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 --> + <link rel="match" href="c5501-imrgn-t-000-ref.xht" /> + + <meta name="flags" content="ahem image" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .test { background-color: yellow; color: orange; margin: 1em 0; width: 10em; font: 20px/1 Ahem; } + .one { margin-top: 25px; background-color: lime; } + .two { margin-top: -10px; background-color: lime; } + img.b { border: 20px yellow; border-style: solid none; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + </head> + <body> + <p>The three diagrams below should be identical:</p> + <p class="test"> xxx xxx <span class="one">xxx xxx</span> xxx xxx </p> + <p class="test"> xxx xxx <span class="two">xxx xxx</span> xxx xxx </p> + <div> + <img src="support/swatch-orange.png" alt="Image download support must be enabled" height="60" width="60" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" height="20" width="20" class="b" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" height="60" width="60" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" height="60" width="60"/> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5501-mrgn-t-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5501-mrgn-t-000-ref.xht new file mode 100644 index 0000000000..97ba036e92 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5501-mrgn-t-000-ref.xht @@ -0,0 +1,105 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {margin: 0px;} + + td {border: black solid medium; padding: 0px;} + + div.teal {background-color: teal;} + + div.aqua {background-color: aqua;} + + div.blue {background-color: blue;} + + div.yellow {background-color: yellow;} + + div.long {width: 70px; height: 10px; background-color: orange;} + + div.short {width: 40px; height: 10px; background-color: orange;} + + div.blank {width: 100px; height: 20px;} + ]]> + </style> + + </head> + + <body> + + <p>The two diagrams below should be identical, with no red present.</p> + + <table> + <tr> + <td> + <div class="teal"><div class="long"></div><div class="short"></div></div> + + <div class="yellow"><div class="blank"></div></div> + + <div class="aqua"><div class="long"></div><div class="short"></div></div> + + <div class="yellow"><div class="blank"></div></div> + + <div class="blue"><div class="long"></div><div class="short"></div></div> + + <div class="yellow"><div class="blank"></div></div> + + <div class="aqua"><div class="long"></div><div class="short"></div></div> + + <div class="yellow"><div class="blank"></div></div> + + <div class="teal"><div class="long"></div><div class="short"></div></div> + + <div class="yellow"><div class="blank"></div></div> + + <div class="blue"><div class="long"></div><div class="short"></div></div> + + <div class="blue"><div class="blank"></div></div> + + <div class="blue"><div class="long"></div><div class="short"></div></div> + + <div class="aqua"><div class="long"></div><div class="short"></div></div> + + </td> + + <td> + <div class="teal"><div class="long"></div><div class="short"></div></div> + + <div class="yellow"><div class="blank"></div></div> + + <div class="aqua"><div class="long"></div><div class="short"></div></div> + + <div class="yellow"><div class="blank"></div></div> + + <div class="blue"><div class="long"></div><div class="short"></div></div> + + <div class="yellow"><div class="blank"></div></div> + + <div class="aqua"><div class="long"></div><div class="short"></div></div> + + <div class="yellow"><div class="blank"></div></div> + + <div class="teal"><div class="long"></div><div class="short"></div></div> + + <div class="yellow"><div class="blank"></div></div> + + <div class="blue"><div class="long"></div><div class="short"></div></div> + + <div class="blue"><div class="blank"></div></div> + + <div class="blue"><div class="long"></div><div class="short"></div></div> + + <div class="aqua"><div class="long"></div><div class="short"></div></div> + + </td> + </tr> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5501-mrgn-t-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5501-mrgn-t-000.xht new file mode 100644 index 0000000000..3ec63a62a6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5501-mrgn-t-000.xht @@ -0,0 +1,89 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-top</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-top"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5501-mrgn-t-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .test { font: 10px/1 Ahem; width: 10em; border: solid black; padding: 0; background: yellow; color: orange; } + .zero {background-color: teal; margin-top: 0;} + .one {margin-top: 5.29166mm; background-color: aqua;} + .two {margin-top: 20px; background-color: blue;} + .three {margin-top: 2em; background-color: aqua;} + .four {margin-top: 20%; background-color: teal;} + .five {margin-top: 20px;} + .six {margin-top: -10px; background-color: aqua;} + p, ul, li {margin: 0; padding: 0; list-style:none;} + + .control { border: solid black; padding: 0; background: red; } + .control .teal { background: teal; } + .control .aqua { background: aqua; } + .control .blue { background: blue; } + .control .yellow { background: yellow; } + .control .long { width: 70px; height: 10px; background: orange; } + .control .short { width: 40px; height: 10px; background: orange; } + .control .blank { width: 100px; height: 20px; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + </head> + <body> + <p>The two diagrams below should be identical, with no red present.</p> + <table> + <tr> + <td class="test"> + <p class="zero"> + xxxxxxx + </p> + <p class="zero"> + xxxx + </p> + <p class="one"> + xxxxxxx xxxx + </p> + <p class="two"> + xxxxxxx xxxx + </p> + <p class="three"> + xxxxxxx xxxx + </p> + <p class="four"> + xxxxxxx xxxx + </p> + <ul class="two"> + <li>xxxxxxx</li> + <li>xxxx</li> + <li class="five">xxxxxxx</li> + <li>xxxx</li> + </ul> + <p class="zero"> + xxxxxxx + </p> + <p class="six"> + xxxxxxx xxxx + </p> + </td> + <td class="control"> + <div class="teal"><div class="long"></div><div class="short"></div></div> + <div class="yellow"><div class="blank"></div></div> + <div class="aqua"><div class="long"></div><div class="short"></div></div> + <div class="yellow"><div class="blank"></div></div> + <div class="blue"><div class="long"></div><div class="short"></div></div> + <div class="yellow"><div class="blank"></div></div> + <div class="aqua"><div class="long"></div><div class="short"></div></div> + <div class="yellow"><div class="blank"></div></div> + <div class="teal"><div class="long"></div><div class="short"></div></div> + <div class="yellow"><div class="blank"></div></div> + <div class="blue"><div class="long"></div><div class="short"></div></div> + <div class="blue"><div class="blank"></div></div> + <div class="blue"><div class="long"></div><div class="short"></div></div> + <div class="aqua"><div class="long"></div><div class="short"></div></div> + </td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-000-ref.xht new file mode 100644 index 0000000000..bda241b0cb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-000-ref.xht @@ -0,0 +1,32 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 30px; + left: 120px; + position: relative; + width: 15px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is a short green vertical bar and no red.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-000.xht new file mode 100644 index 0000000000..68f1f1f15a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-000.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-right</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-right"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5502-imrgn-r-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 15px/1 Ahem; margin: 1em; background: yellow; } + .one { width: 8em; height: 2em; background: red url(support/swatch-green.png) right repeat-y; color: white; } + .one p { width: 7em; background: white; } + .one span { margin-right: 4em; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + </head> + <body> + <p>Test passes if there is a short green vertical bar and no red.</p> + <div class="one"> + <p>x <span>x</span>x</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-001-ref.xht new file mode 100644 index 0000000000..dfeba34c2f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-001-ref.xht @@ -0,0 +1,32 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 15px; + margin-left: 15px; + margin-top: 46px; + width: 195px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is a green horizontal bar and no red.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-001.xht new file mode 100644 index 0000000000..8c45fb5542 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-001.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-right</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-right"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5502-imrgn-r-001-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 15px/1 Ahem; margin: 1em; background: yellow; } + .two { width: 13em; height: 3em; background: green; } + .two p { color: white; background: white url(support/swatch-red.png) 3em 0 no-repeat; } + .two span { margin-right: 4em; color: white; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + </head> + <body> + <p>Test passes if there is a green horizontal bar and no red.</p> + <div class="two"> + <p>x <span>xxxxx xxxxx</span> x</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-002-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-002-ref.xht new file mode 100644 index 0000000000..c43d796295 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-002-ref.xht @@ -0,0 +1,32 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 30px; + margin-left: 15px; + margin-top: 31px; + width: 30px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and no red.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-002.xht new file mode 100644 index 0000000000..a65f5cfbff --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-002.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-right</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-right"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5502-imrgn-r-002-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 15px/1 Ahem; margin: 1em; background: yellow; } + .three { width: 5em; height: 4em; background: red; } + .three p { color: white; background: white; } + .three span { margin-right: 4em; background: red; color: green; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + </head> + <body> + <p>Test passes if there is a filled green square and no red.</p> + <div class="three"> + <p>xx xx <span>xx xx</span> xx xx</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-003-ref.xht new file mode 100644 index 0000000000..812189a1c1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-003-ref.xht @@ -0,0 +1,29 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div {padding-left: 45px;} + + img#h-horiz-bar {vertical-align: 30px;} + + img#I {padding-left: 25px;} + ]]> + </style> + + </head> + + <body> + + <p>It should say "HI" below:</p> + + <div><img src="support/1x1-navy.png" width="15" height="75" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="30" height="15" alt="Image download support must be enabled" id="h-horiz-bar" /><img src="support/1x1-navy.png" width="15" height="75" alt="Image download support must be enabled" /> <img src="support/1x1-navy.png" width="15" height="75" alt="Image download support must be enabled" id="I" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-003.xht new file mode 100644 index 0000000000..795cdc4cf0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-003.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-right</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-right"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5502-imrgn-r-003-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 15px/1 Ahem; margin: 1em; background: yellow; } + .four { width: 11em; color: white; background: navy; } + .four span { margin-right: 3em; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + </head> + <body> + <p>It should say "HI" below:</p> + <div class="four"> + xx xx xx <span>xx xx xx xx xx xx</span> xx xx xx xx xx xx xx xx xx xx + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-004-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-004-ref.xht new file mode 100644 index 0000000000..fbf97a3d0d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-004-ref.xht @@ -0,0 +1,32 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 15px; + margin-left: 15px; + margin-top: 46px; + width: 120px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is a short green horizontal bar and no red.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-004.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-004.xht new file mode 100644 index 0000000000..56b2b6fcdd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-004.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-right</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-right"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5502-imrgn-r-004-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .five { font: 15px/1 Ahem; margin: 1em; background: green; width: 8em; height: 3em; } + .five p { background: white url(support/swatch-red.png) top right no-repeat; color: white; } + .five span { margin-right: -4em; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + </head> + <body> + <p>Test passes if there is a short green horizontal bar and no red.</p> + <div class="five"> + <p>x x x x<span>x</span>x x x x x x</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-005-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-005-ref.xht new file mode 100644 index 0000000000..da461758d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-005-ref.xht @@ -0,0 +1,55 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div#first {margin: 15px auto auto 15px;} + + div#second {margin: 11px auto auto 15px;} + ]]> + </style> + + </head> + + <body> + + <p>The following two bars should be identical:</p> + + <div id="first"> + <img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-blue.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-blue.png" alt="Image download support must be enabled"/> + </div> + + <div id="second"> + <img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-blue.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-blue.png" alt="Image download support must be enabled"/> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-005.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-005.xht new file mode 100644 index 0000000000..73f9f4135b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-005.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-right</title> + + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-right"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + <link rel="match" href="c5502-imrgn-r-005-ref.xht" /> + + <meta name="flags" content="ahem image" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 15px/1 Ahem; margin: 1em; } + .six { width: 12em; } + .six p { background: yellow; color: lime; } + .six span { margin-right: -4em; background: blue; color: orange; } + ]]></style> + </head> + <body> + <p>The following two bars should be identical:</p> + <div class="six"> + <p>xx <span>xx xx xx </span> xx</p> + </div> + <div> + <img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-blue.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-blue.png" alt="Image download support must be enabled"/> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-006-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-006-ref.xht new file mode 100644 index 0000000000..e227ae0f0e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-006-ref.xht @@ -0,0 +1,43 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div#second {margin-top: 11px;} + ]]> + </style> + + </head> + + <body> + + <p>The following two bars should be identical:</p> + + <div> + <img src="support/swatch-white.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"/> + </div> + + <div id="second"> + <img src="support/swatch-white.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"/> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-006.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-006.xht new file mode 100644 index 0000000000..9e60035934 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-006.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-right</title> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-right"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + <link rel="match" href="c5502-imrgn-r-006-ref.xht" /> + + <meta name="flags" content="ahem image" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .seven { font: 15px/1 Ahem; margin: 1em 2em; width: 5em; } + .seven p { background: yellow; color: lime; } + .seven span { margin-right: -4em; background: red; color: orange; } + ]]></style> + </head> + <body> + <p class="criteria">The following two bars should be identical:</p> + <div class="seven"> + <p><span>xx</span> xx</p> + </div> + <div> + <img src="support/swatch-white.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"/> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-000-ref.xht new file mode 100644 index 0000000000..e768a27b2b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-000-ref.xht @@ -0,0 +1,43 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {color: navy;} + + div + { + background-color: maroon; + height: 10px; + margin-bottom: 10px; + width: 152px; + } + + img {float: right;} + ]]> + </style> + + </head> + + <body> + + <p>The five "matches" below should be identical.</p> + + <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-000.xht new file mode 100644 index 0000000000..2fc45712dd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-000.xht @@ -0,0 +1,45 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-right</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-right"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5502-mrgn-r-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + body { color: navy; } + div { font: 10px/1 Ahem; width: 200px; color: orange; } + img { vertical-align: bottom; } + .zero {margin-right: 0; text-align: right; background-color: maroon;} + .one {margin-right: 0.5in; text-align: right; background-color: maroon;} + .two {margin-right: 48px; text-align: right; background-color: maroon;} + .three {margin-right: 4.8em; text-align: right; background-color: maroon;} + .four {margin-right: 24%; text-align: right; background-color: maroon;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" title="16.2 Alignment: the 'text-align' property"/> + </head> + <body> + <p>The five "matches" below should be identical.</p> + <div> + <p class="zero"> + x<img src="support/swatch-white.png" alt="Image download support must be enabled" height="10" width="48"/> + </p> + <p class="one"> + x + </p> + <p class="two"> + x + </p> + <p class="three"> + x + </p> + <p class="four"> + x + </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-001-ref.xht new file mode 100644 index 0000000000..79afce9051 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-001-ref.xht @@ -0,0 +1,68 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p + { + color: navy; + margin: 0; + } + + div.control + { + border: black solid medium; + margin: 1.25em; + width: 12.5em; + } + + div.control div {height: 1.25em;} + + div.a + { + border-left: yellow solid 8.75em; + border-right: orange solid 2.5em; + } + + div.aa {border-right: teal solid 1.25em;} + + div.b + { + border-left: aqua solid 6.25em; + border-right: orange solid 2.5em; + } + + div.bb + { + border-left: teal solid 1.25em; + border-right: yellow solid 2.5em; + } + ]]> + </style> + + </head> + + <body> + + <p>The following two diagrams should look identical.</p> + + <div class="control"> + <div class="a"><div class="aa"></div></div> + <div class="b"><div class="bb"></div></div> + <div class="a"><div class="aa"></div></div> + </div> + + <div class="control"> + <div class="a"><div class="aa"></div></div> + <div class="b"><div class="bb"></div></div> + <div class="a"><div class="aa"></div></div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-001.xht new file mode 100644 index 0000000000..8436101036 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-001.xht @@ -0,0 +1,49 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-right</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-right"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 --> + <link rel="match" href="c5502-mrgn-r-001-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div.control { margin: 1.25em; } + p.criteria { color: navy; } + p, ul, li { margin: 0; padding: 0; list-style: none; } + + div.test { border: solid black; width: 10em; background-color: orange; font: 1.25em/1 Ahem; color: teal; margin: 1em; } + ul.test, li.test { margin-right: 2em; text-align: right; } + li.test { background-color: aqua; } + ul.test { background-color: yellow; } + + .control { border: solid; width: 12.5em; background: red; } + .control div { border-style: none solid; height: 1.25em; } + .control .a { border-color: red orange red yellow; border-width: 0 2.5em 0 8.75em; } + .control .aa { border-color: red teal red red; border-width: 0 1.25em 0 0; } + .control .b { border-color: red orange red aqua; border-width: 0 2.5em 0 6.25em; } + .control .bb { border-color: red yellow red teal; border-width: 0 2.5em 0 1.25em; } + + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p class="criteria">The following two diagrams should look identical.</p> + <div class="test"> + <ul class="test"> + <li>-</li> + <li class="test">-</li> + <li>-</li> + </ul> + </div> + <div class="control"> + <div class="a"><div class="aa"></div></div> + <div class="b"><div class="bb"></div></div> + <div class="a"><div class="aa"></div></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-002.xht new file mode 100644 index 0000000000..ef93fd531f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-002.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-right</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-right"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <meta name="flags" content="image scroll should"/> + <style type="text/css"><![CDATA[ + html { margin: 0; padding: 0; } + body { margin: 0; padding: 0; } + .five { margin-right: -2em; padding-right: 2em; color: navy; + background: url(support/swatch-green.png) no-repeat right; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + </head> + <body> + <p class="five">Test passes if you can scroll to the right and see a green square.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-003-ref.xht new file mode 100644 index 0000000000..d0531cfd5f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-003-ref.xht @@ -0,0 +1,33 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: navy; + color: yellow; + margin: 1em 0em; + width: 15em; + } + ]]> + </style> + + </head> + + <body> + + <p>The next two bars should be identical:</p> + + <div>TEST</div> + + <div>TEST</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-003.xht new file mode 100644 index 0000000000..087d5a3edd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-003.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-right</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-right"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5502-mrgn-r-003-ref.xht" /> + + <style type="text/css"><![CDATA[ + .test { width: 10em; } + .test p { margin-right: -5em; color: yellow; background: navy; } + .control { width: 15em; color: yellow; background: navy; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" title="10.2 Content width: the 'width' property"/> + </head> + <body> + <p>The next two bars should be identical:</p> + <div class="test"> <p> TEST </p> </div> + <div class="control"> TEST </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5503-imrgn-b-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5503-imrgn-b-000.xht new file mode 100644 index 0000000000..f206087af2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5503-imrgn-b-000.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-bottom</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-bottom"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 --> + <link rel="match" href="c5501-imrgn-t-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .test { background-color: yellow; color: orange; margin: 1em 0; width: 10em; font: 20px/1 Ahem; } + .one { margin-bottom: 25px; background-color: lime; } + .two { margin-bottom: -10px; background-color: lime; } + img.b { border: 20px yellow; border-style: solid none; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + </head> + <body> + <p>The three diagrams below should be identical:</p> + <p class="test"> xxx xxx <span class="one">xxx xxx</span> xxx xxx </p> + <p class="test"> xxx xxx <span class="two">xxx xxx</span> xxx xxx </p> + <div> + <img src="support/swatch-orange.png" alt="Image download support must be enabled" height="60" width="60" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" height="20" width="20" class="b" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" height="60" width="60" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" height="60" width="60"/> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5503-mrgn-b-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5503-mrgn-b-000-ref.xht new file mode 100644 index 0000000000..6629128341 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5503-mrgn-b-000-ref.xht @@ -0,0 +1,81 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {margin: 0em;} + + .control { border: black solid medium; padding: 0;} + + .control .teal { background-color: teal; } + + .control .aqua { background-color: aqua; } + + .control .blue { background-color: blue; } + + .control .yellow { background-color: yellow; } + + .control .long { width: 70px; height: 10px; background-color: orange; } + + .control .short { width: 40px; height: 10px; background-color: orange; } + + .control .blank { width: 100px; height: 20px; } + ]]> + </style> + + </head> + + <body> + + <p>The two diagrams below should be identical, with no red present.</p> + +<table> + <tr> + <td class="control"> + <div class="teal"><div class="long"></div><div class="short"></div></div> + <div class="aqua"><div class="long"></div><div class="short"></div></div> + <div class="yellow"><div class="blank"></div></div> + <div class="blue"><div class="long"></div><div class="short"></div></div> + <div class="yellow"><div class="blank"></div></div> + <div class="aqua"><div class="long"></div><div class="short"></div></div> + <div class="yellow"><div class="blank"></div></div> + <div class="teal"><div class="long"></div><div class="short"></div></div> + <div class="yellow"><div class="blank"></div></div> + <div class="blue"><div class="long"></div><div class="short"></div><div class="long"></div></div> + <div class="blue"><div class="blank"></div></div> + <div class="blue"><div class="short"></div></div> + <div class="yellow"><div class="blank"></div></div> + <div class="teal"><div class="long"></div><div class="short"></div></div> + <div class="aqua"><div class="long"></div></div> + <div class="teal"><div class="short"></div></div> + </td> + + <td class="control"> + <div class="teal"><div class="long"></div><div class="short"></div></div> + <div class="aqua"><div class="long"></div><div class="short"></div></div> + <div class="yellow"><div class="blank"></div></div> + <div class="blue"><div class="long"></div><div class="short"></div></div> + <div class="yellow"><div class="blank"></div></div> + <div class="aqua"><div class="long"></div><div class="short"></div></div> + <div class="yellow"><div class="blank"></div></div> + <div class="teal"><div class="long"></div><div class="short"></div></div> + <div class="yellow"><div class="blank"></div></div> + <div class="blue"><div class="long"></div><div class="short"></div><div class="long"></div></div> + <div class="blue"><div class="blank"></div></div> + <div class="blue"><div class="short"></div></div> + <div class="yellow"><div class="blank"></div></div> + <div class="teal"><div class="long"></div><div class="short"></div></div> + <div class="aqua"><div class="long"></div></div> + <div class="teal"><div class="short"></div></div> + </td> + </tr> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5503-mrgn-b-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5503-mrgn-b-000.xht new file mode 100644 index 0000000000..8bd1a2a9ac --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5503-mrgn-b-000.xht @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-bottom</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-bottom"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5503-mrgn-b-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .test { font: 10px/1 Ahem; width: 10em; border: solid black; padding: 0; background: yellow; color: orange; } + .zero {background-color: teal; margin-bottom: 0;} + .one {margin-bottom: 5.29166mm; background-color: aqua;} + .two {margin-bottom: 20px; background-color: blue;} + .three {margin-bottom: 2em; background-color: aqua;} + .four {margin-bottom: 20%; background-color: teal;} + .five {margin-bottom: 20px;} + .six {margin-bottom: -10px; background-color: aqua;} + p, ul, li {margin: 0; padding: 0; list-style:none;} + + .control { border: solid black; padding: 0; background: red; } + .control .teal { background: teal; } + .control .aqua { background: aqua; } + .control .blue { background: blue; } + .control .yellow { background: yellow; } + .control .long { width: 70px; height: 10px; background: orange; } + .control .short { width: 40px; height: 10px; background: orange; } + .control .blank { width: 100px; height: 20px; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + </head> + <body> + <p>The two diagrams below should be identical, with no red present.</p> + <table> + <tr> + <td class="test"> + <p class="zero"> + xxxxxxx + </p> + <p class="zero"> + xxxx + </p> + <p class="one"> + xxxxxxx xxxx + </p> + <p class="two"> + xxxxxxx xxxx + </p> + <p class="three"> + xxxxxxx xxxx + </p> + <p class="four"> + xxxxxxx xxxx + </p> + <ul class="two"> + <li>xxxxxxx</li> + <li>xxxx</li> + <li class="five">xxxxxxx</li> + <li>xxxx</li> + </ul> + <p class="zero"> + xxxxxxx xxxx + </p> + <p class="six"> + xxxxxxx xxxx + </p> + <p class="zero"> + xxxx + </p> + </td> + <td class="control"> + <div class="teal"><div class="long"></div><div class="short"></div></div> + <div class="aqua"><div class="long"></div><div class="short"></div></div> + <div class="yellow"><div class="blank"></div></div> + <div class="blue"><div class="long"></div><div class="short"></div></div> + <div class="yellow"><div class="blank"></div></div> + <div class="aqua"><div class="long"></div><div class="short"></div></div> + <div class="yellow"><div class="blank"></div></div> + <div class="teal"><div class="long"></div><div class="short"></div></div> + <div class="yellow"><div class="blank"></div></div> + <div class="blue"><div class="long"></div><div class="short"></div><div class="long"></div></div> + <div class="blue"><div class="blank"></div></div> + <div class="blue"><div class="short"></div></div> + <div class="yellow"><div class="blank"></div></div> + <div class="teal"><div class="long"></div><div class="short"></div></div> + <div class="aqua"><div class="long"></div></div> + <div class="teal"><div class="short"></div></div> + </td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-000.xht new file mode 100644 index 0000000000..0ed52db049 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-000.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-left</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-left"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5502-imrgn-r-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 15px/1 Ahem; margin: 1em; background: yellow; } + .one { width: 8em; height: 2em; background: red url(support/swatch-green.png) right repeat-y; color: white; } + .one p { width: 7em; background: white; } + .one span { margin-left: 4em; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + </head> + <body> + <p>Test passes if there is a short green vertical bar and no red.</p> + <div class="one"> + <p>x <span>x</span>x</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-001.xht new file mode 100644 index 0000000000..a08e7dad71 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-001.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-left</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-left"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5502-imrgn-r-001-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 15px/1 Ahem; margin: 1em; background: yellow; } + .two { width: 13em; height: 3em; background: green; } + .two p { color: white; background: white url(support/swatch-red.png) 6em 1em no-repeat; } + .two span { margin-left: 4em; color: white; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + </head> + <body> + <p>Test passes if there is a green horizontal bar and no red.</p> + <div class="two"> + <p>x <span>xxxxx xxxxx</span> x</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-002-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-002-ref.xht new file mode 100644 index 0000000000..c5ade75574 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-002-ref.xht @@ -0,0 +1,30 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img + { + left: 105px; + position: relative; + top: 15px; + } + ]]> + </style> + + </head> + + <body> + + <p>There should be a small light green square below:</p> + + <div><img src="support/swatch-lime.png" width="15" height="15" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-002.xht new file mode 100644 index 0000000000..1a875f5c17 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-002.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-left</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-left"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5504-imrgn-l-002-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .three { background: url(support/swatch-red.png) no-repeat 6em 1em; font: 15px/1 Ahem; margin: 1em; } + .three p { width: 5em; color: white; } + .three span { margin-left: 4em; background: red; color: lime; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + </head> + <body> + <p>There should be a small light green square below:</p> + <div class="three"> + <p>xx xx<span>x</span> xx xx</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-003.xht new file mode 100644 index 0000000000..36225165aa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-003.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-left</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-left"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5502-imrgn-r-003-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 15px/1 Ahem; margin: 1em; background: navy; } + .four { width: 11em; color: white; } + .four span { margin-left: 3em; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + </head> + <body> + <p>It should say "HI" below:</p> + <div class="four"> + xx xx xx xx xx xx xx xx xx <span>xx xx xx xx xx xx</span> xx xx xx xx + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-004.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-004.xht new file mode 100644 index 0000000000..633d3ae7de --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-004.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-left</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-left"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5502-imrgn-r-004-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .five { font: 15px/1 Ahem; margin: 1em; background: green; width: 8em; height: 3em; } + .five p { background: white url(support/swatch-red.png) 3em 0 no-repeat; color: white; } + .five span { margin-left: -4em; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + </head> + <body> + <p>Test passes if there is a short green horizontal bar and no red.</p> + <div class="five"> + <p>x x x x<span>x</span>x x x x x x</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-005-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-005-ref.xht new file mode 100644 index 0000000000..39d57f38c4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-005-ref.xht @@ -0,0 +1,56 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div#first {margin: 15px auto auto 15px;} + div#second {margin: 11px auto auto 15px;} + ]]> + </style> + + </head> + + <body> + + <p>The following two bars should be identical:</p> + + <div id="first"> + <img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-blue.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-blue.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled"/> + </div> + + <div id="second"> + <img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-blue.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-blue.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled"/> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-005.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-005.xht new file mode 100644 index 0000000000..0c19cbe20e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-005.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-left</title> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-left"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + <link rel="match" href="c5504-imrgn-l-005-ref.xht" /> + + <meta name="flags" content="ahem image" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 15px/1 Ahem; margin: 1em; } + .six { width: 13em; } + .six p { background: yellow; color: lime; } + .six span { margin-left: -4em; background: blue; color: orange; } + ]]></style> + </head> + <body> + <p>The following two bars should be identical:</p> + <div class="six"> + <p>xx xx xx <span>xx xx </span> xx</p> + </div> + <div> + <img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-blue.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-blue.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled"/> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-006-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-006-ref.xht new file mode 100644 index 0000000000..2f41a57862 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-006-ref.xht @@ -0,0 +1,43 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div#second {margin-top: 11px;} + ]]> + </style> + + </head> + + <body> + + <p>The following two bars should be identical:</p> + + <div> + <img src="support/swatch-white.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"/> + </div> + + <div id="second"> + <img src="support/swatch-white.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"/> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-006.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-006.xht new file mode 100644 index 0000000000..c3e3645156 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-006.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-left</title> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-left"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + <link rel="match" href="c5504-imrgn-l-006-ref.xht" /> + + <meta name="flags" content="ahem image" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .seven { font: 15px/1 Ahem; margin: 1em 2em; width: 5em; } + .seven p { background: yellow; color: lime; } + .seven span { margin-left: -4em; background: red; color: orange; } + ]]></style> + </head> + <body> + <p class="criteria">The following two bars should be identical:</p> + <div class="seven"> + <p>xx <span>xx</span></p> + </div> + <div> + <img src="support/swatch-white.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"/> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-000-ref.xht new file mode 100644 index 0000000000..5ad43d13fe --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-000-ref.xht @@ -0,0 +1,44 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {color: navy;} + + div + { + background-color: maroon; + height: 10px; + margin-bottom: 10px; + margin-left: 48px; + width: 152px; + } + + img {float: left;} + ]]> + </style> + + </head> + + <body> + + <p>The five "matches" below should be identical.</p> + + <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-000.xht new file mode 100644 index 0000000000..505e8a8426 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-000.xht @@ -0,0 +1,45 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-left</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-left"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5504-mrgn-l-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + body { color: navy; } + div { font: 10px/1 Ahem; width: 200px; color: orange; } + img { vertical-align: bottom; } + .zero {margin-left: 0; text-align: left; background-color: maroon;} + .one {margin-left: 0.5in; text-align: left; background-color: maroon;} + .two {margin-left: 48px; text-align: left; background-color: maroon;} + .three {margin-left: 4.8em; text-align: left; background-color: maroon;} + .four {margin-left: 24%; text-align: left; background-color: maroon;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" title="16.2 Alignment: the 'text-align' property"/> + </head> + <body> + <p>The five "matches" below should be identical.</p> + <div> + <p class="zero"> + <img src="support/swatch-white.png" alt="Image download support must be enabled" height="10" width="48"/>x + </p> + <p class="one"> + x + </p> + <p class="two"> + x + </p> + <p class="three"> + x + </p> + <p class="four"> + x + </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-001-ref.xht new file mode 100644 index 0000000000..133a5c41ce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-001-ref.xht @@ -0,0 +1,68 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p + { + color: navy; + margin: 0; + } + + div.control + { + border: black solid medium; + margin: 1.25em; + width: 12.5em; + } + + div.control div {height: 1.25em;} + + div.a + { + border-left: orange solid 2.5em; + border-right: yellow solid 8.75em; + } + + div.aa {border-right: teal solid 1.25em;} + + div.b + { + border-left: orange solid 2.5em; + border-right: aqua solid 6.25em; + } + + div.bb + { + border-left: yellow solid 2.5em; + border-right: teal solid 1.25em; + } + ]]> + </style> + + </head> + + <body> + + <p>The following two diagrams should look identical.</p> + + <div class="control"> + <div class="a"><div class="aa"></div></div> + <div class="b"><div class="bb"></div></div> + <div class="a"><div class="aa"></div></div> + </div> + + <div class="control"> + <div class="a"><div class="aa"></div></div> + <div class="b"><div class="bb"></div></div> + <div class="a"><div class="aa"></div></div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-001.xht new file mode 100644 index 0000000000..c005d30e58 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-001.xht @@ -0,0 +1,49 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-left</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-left"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 --> + <link rel="match" href="c5504-mrgn-l-001-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div.control { margin: 1.25em; } + p.criteria { color: navy; } + p, ul, li { margin: 0; padding: 0; list-style: none; } + + div.test { border: solid black; width: 10em; background-color: orange; font: 1.25em/1 Ahem; color: teal; margin: 1em; } + ul.test, li.test { margin-left: 2em; text-align: left; } + li.test { background-color: aqua; } + ul.test { background-color: yellow; } + + .control { border: solid; width: 12.5em; background: red; } + .control div { border-style: none solid; height: 1.25em; } + .control .a { border-color: red yellow red orange; border-width: 0 8.75em 0 2.5em; } + .control .aa { border-color: red red red teal; border-width: 0 0 0 1.25em; } + .control .b { border-color: red aqua red orange; border-width: 0 6.25em 0 2.5em; } + .control .bb { border-color: red teal red yellow; border-width: 0 1.25em 0 2.5em; } + + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p class="criteria">The following two diagrams should look identical.</p> + <div class="test"> + <ul class="test"> + <li>-</li> + <li class="test">-</li> + <li>-</li> + </ul> + </div> + <div class="control"> + <div class="a"><div class="aa"></div></div> + <div class="b"><div class="bb"></div></div> + <div class="a"><div class="aa"></div></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-002.xht new file mode 100644 index 0000000000..71a089784a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-002.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-left</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-left"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <meta name="flags" content="image scroll should"/> + <style type="text/css"><![CDATA[ + html { margin: 0; padding: 0; } + body { margin: 0; padding: 0; } + .five { margin-left: -2em; padding-left: 2em; color: navy; + background: url(support/swatch-green.png) no-repeat left; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + </head> + <body> + <p class="five">Test passes if you can scroll to the left and see a green box.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-003-ref.xht new file mode 100644 index 0000000000..ae5b31492f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-003-ref.xht @@ -0,0 +1,33 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: navy; + color: yellow; + margin: 1em 5em; + width: 15em; + } + ]]> + </style> + + </head> + + <body> + + <p>The next two bars should be identical:</p> + + <div>TEST</div> + + <div>TEST</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-003.xht new file mode 100644 index 0000000000..a64f480d06 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-003.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin-left</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-left"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5504-mrgn-l-003-ref.xht" /> + + <style type="text/css"><![CDATA[ + .test { width: 10em; margin: 1em 10em; } + .test p { margin-left: -5em; color: yellow; background: navy; } + .control { width: 15em; margin: 1em 5em; color: yellow; background: navy; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" title="10.2 Content width: the 'width' property"/> + </head> + <body> + <p>The next two bars should be identical:</p> + <div class="test"> <p> TEST </p> </div> + <div class="control"> TEST </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5505-imrgn-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5505-imrgn-000-ref.xht new file mode 100644 index 0000000000..14805407fe --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5505-imrgn-000-ref.xht @@ -0,0 +1,47 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div#first {margin: 15px 15px 12px;} + + div#second {margin: 12px 16px 16px;} + ]]> + </style> + + </head> + + <body> + + <p>The two bars below should be identical:</p> + + <div id="first"> + <img src="support/swatch-green.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-green.png" alt="Image download support must be enabled" + /> + </div> + + <div id="second"> + <img src="support/swatch-green.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-green.png" alt="Image download support must be enabled" + /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5505-imrgn-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5505-imrgn-000.xht new file mode 100644 index 0000000000..8f735f89ee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5505-imrgn-000.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin</title> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + <link rel="match" href="c5505-imrgn-000-ref.xht" /> + + <meta name="flags" content="ahem image" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .one, .two { margin: 1em; } + .one { font: 15px/1 Ahem; width: 7em; background: red; } + .one div { color: green; background: lime; } + .one span { margin: 1em; background: orange; color: yellow; } + ]]></style> + </head> + <body> + <p>The two bars below should be identical:</p> + <div class="one"><div> x<span> x </span>x </div></div> + <div class="two"> + <img src="support/swatch-green.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-lime.png" alt="Image download support must be enabled" + /><img src="support/swatch-green.png" alt="Image download support must be enabled" + /> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-000-ref.xht new file mode 100644 index 0000000000..447172d3e5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-000-ref.xht @@ -0,0 +1,45 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {color: navy;} + + div + { + background-color: maroon; + height: 10px; + margin: 16px 24px 24px; + width: 152px; + } + + img {float: left;} + ]]> + </style> + + </head> + + <body> + + <p>The six "matches" below should be <strong>identical and equally spaced</strong>.</p> + + <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-000.xht new file mode 100644 index 0000000000..b40bcf2226 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-000.xht @@ -0,0 +1,51 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5505-mrgn-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + body { color: navy; } + div { font: 10px/1 Ahem; width: 200px; color: orange; } + img { vertical-align: bottom; } + .zero {margin: 0; background-color: maroon;} + .one {margin: 0.25in; background-color: maroon;} + .two {margin: 24px; background-color: maroon;} + .three {margin: 2.4em; background-color: maroon;} + .four {margin: 12%; background-color: maroon;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + </head> + <body> + <p>The six "matches" below should be <strong>identical and equally spaced</strong>.</p> + <div> + <p class="zero"> + <img src="support/swatch-white.png" alt="Image download support must be enabled" height="10" width="24" + />x<img src="support/1x1-maroon.png" alt="Image download support must be enabled" height="10" width="142" + /><img src="support/swatch-white.png" alt="Image download support must be enabled" height="10" width="24"/> + </p> + <p class="one"> + x + </p> + <p class="two"> + x + </p> + <p class="three"> + x + </p> + <p class="four"> + x + </p> + <p class="zero"> + <img src="support/swatch-white.png" alt="Image download support must be enabled" height="10" width="24" + />x<img src="support/1x1-maroon.png" alt="Image download support must be enabled" height="10" width="142" + /><img src="support/swatch-white.png" alt="Image download support must be enabled" height="10" width="24"/> + </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-001-ref.xht new file mode 100644 index 0000000000..82d658018f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-001-ref.xht @@ -0,0 +1,69 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p + { + color: navy; + margin: 0em; + } + + div.control + { + border: black solid medium; + margin: 1.25em; + width: 12.5em; + } + + div.orange + { + background-color: yellow; + border: orange solid 1.25em; + } + + div.teal + { + background-color: teal; + height: 1.25em; + width: 1.25em; + } + + div.aqua + { + background-color: aqua; + border: yellow solid 1.25em; + } + ]]> + </style> + + </head> + + <body> + + <p>The following two diagrams should look identical.</p> + + <div class="control"> + <div class="orange"> + <div class="teal"></div> + <div class="aqua"><div class="teal"></div></div> + <div class="teal"></div> + </div> + </div> + + <div class="control"> + <div class="orange"> + <div class="teal"></div> + <div class="aqua"><div class="teal"></div></div> + <div class="teal"></div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-001.xht new file mode 100644 index 0000000000..1bb2bc69b4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-001.xht @@ -0,0 +1,48 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 --> + <link rel="match" href="c5505-mrgn-001-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div.control { margin: 1.25em; } + p.criteria { color: navy; } + p, ul, li { margin: 0; padding: 0; list-style: none; } + + div.test { border: solid black; width: 10em; background-color: orange; font: 1.25em/1 Ahem; color: teal; margin: 1em; } + ul.test, li.test { margin: 1em; } + li.test { background-color: aqua; } + ul.test { background-color: yellow; } + + .control { border: solid; width: 12.5em; background: red; } + .control .orange { border: solid 1.25em orange; background: yellow; } + .control .teal { height: 1.25em; width: 1.25em; background: teal; } + .control .aqua { border: solid 1.25em yellow; background: aqua; } + + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + </head> + <body> + <p class="criteria">The following two diagrams should look identical.</p> + <div class="test"> + <ul class="test"> + <li>-</li> + <li class="test">-</li> + <li>-</li> + </ul> + </div> + <div class="control"> + <div class="orange"> + <div class="teal"></div> + <div class="aqua"><div class="teal"></div></div> + <div class="teal"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-002.xht new file mode 100644 index 0000000000..413fc71a51 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-002.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + html { margin: 0; padding: 8px; } + body { margin: 0; padding: 0; } + .five { margin: -10px; color: navy; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + </head> + <body> + <p class="five"> <br/>  This page should have a horizontal scroll bar. </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-003-ref.xht new file mode 100644 index 0000000000..3229414bef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-003-ref.xht @@ -0,0 +1,48 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: orange; + border: black solid medium; + height: 1.25em; + margin: 1.25em; + width: 10em; + } + + div.yellow + { + background-color: yellow; + border: none 0px; + left: 50%; + margin: 0; + position: relative; + width: 50%; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if the two bars are identical.</p> + + <div> + <div class="yellow"></div> + </div> + + <div> + <div class="yellow"></div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-003.xht new file mode 100644 index 0000000000..dfc6afd7cd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-003.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: margin</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 --> + <link rel="match" href="c5505-mrgn-003-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 1.25em/1 Ahem; margin: 1em; } + .test { width: 6em; padding: 1em 1em 0; border: solid; } + .test p { margin: -1em; color: orange; background: yellow; } + .control { width: 8em; background: red; border: solid; } + .control .a { width: 4em; height: 1em; vertical-align: bottom; } + .control .b { width: 4em; height: 1em; vertical-align: bottom; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" title="10.2 Content width: the 'width' property"/> + </head> + <body> + <p>Test passes if the two bars are identical.</p> + <!-- This test is too complicated. --> + <div class="test"> <p> TEST </p> </div> + <div class="control"> + <img src="support/swatch-orange.png" alt="Image download support must be enabled" class="a" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" class="b"/> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-000-ref.xht new file mode 100644 index 0000000000..1b44c33f8f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-000-ref.xht @@ -0,0 +1,32 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 20px; + position: relative; + top: 20px; + width: 40px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is a short green horizontal bar and no red.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-000.xht new file mode 100644 index 0000000000..9b3a7817e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-000.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-top</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-top"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5506-ipadn-t-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 20px/1 Ahem; width: 6em; color: white; } + .red { color: red; } + .one { padding-top: 20px; background-color: green; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + </head> + <body> + <p>Test passes if there is a short green horizontal bar and no red.</p> + <div> + xx xx <span class="red">xx</span> xx <span class="one">xx</span> xx + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-001.xht new file mode 100644 index 0000000000..be11c9f66a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-001.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-top</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-top"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5506-ipadn-t-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 20px/1 Ahem; width: 6em; color: white; } + .green { color: green; } + .two { padding-top: -20px; background-color: red; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + </head> + <body> + <p>Test passes if there is a short green horizontal bar and no red.</p> + <div> + xx xx <span class="green">xx</span> xx <span class="two">xx</span> xx + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-002-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-002-ref.xht new file mode 100644 index 0000000000..119d8b12bb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-002-ref.xht @@ -0,0 +1,31 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 20px; + margin-top: 28px; + width: 40px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is a short green horizontal bar.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-002.xht new file mode 100644 index 0000000000..9d85ce53b1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-002.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-top</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-top"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5506-ipadn-t-002-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + p { margin-bottom: 3em; } + div { font: 20px/1 Ahem; width: 6em; color: white; } + .one { padding-top: 20px; background-color: green; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + </head> + <body> + <p>Test passes if there is a short green horizontal bar.</p> + <div> + <span class="one">xx</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5506-padn-t-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5506-padn-t-000-ref.xht new file mode 100644 index 0000000000..5467c8b199 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5506-padn-t-000-ref.xht @@ -0,0 +1,72 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {margin: 0;} + + td + { + border: black solid medium; + padding: 0; + width: 100px; + } + + div.blue {border-top: blue solid 20px;} + + div.yellow {border-top: yellow solid 20px;} + + div.aqua {border-top: aqua solid 20px;} + + div.lime {border-top: lime solid 20px;} + + div.fuchsia {border-top: fuchsia solid 20px;} + + div.orange {border-top: orange solid 20px;} + ]]> + </style> + + </head> + + <body> + + <p>The next two columns should be identical.</p> + + <table> + <tr> + <td> + <div class="blue"></div> + <div class="yellow"></div> + <div class="aqua"></div> + <div class="lime"></div> + <div class="fuchsia"></div> + <div class="blue"></div> + <div class="orange"></div> + <div class="aqua"></div> + <div class="yellow"></div> + <div class="lime"></div> + </td> + + <td> + <div class="blue"></div> + <div class="yellow"></div> + <div class="aqua"></div> + <div class="lime"></div> + <div class="fuchsia"></div> + <div class="blue"></div> + <div class="orange"></div> + <div class="aqua"></div> + <div class="yellow"></div> + <div class="lime"></div> + </td> + </tr> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5506-padn-t-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5506-padn-t-000.xht new file mode 100644 index 0000000000..1364456b35 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5506-padn-t-000.xht @@ -0,0 +1,64 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-top</title> + <meta name="flags" content="ahem invalid" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-top"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 --> + <link rel="match" href="c5506-padn-t-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + td { padding: 0; border: solid black; } + p { margin: 0; } + .test { font: 20px/1 Ahem; width: 5em; } + .zero {padding-top: 0; background-color: orange; color: blue;} + .one {padding-top: 0.20833in; background-color: yellow; color: aqua;} + .two {padding-top: 20px; background-color: lime; color: fuchsia;} + .three {padding-top: 1em; background-color: blue; color: orange;} + .four {padding-top: 20%; background-color: aqua; color: yellow;} + .five {padding-top: -20px; background-color: fuchsia; color: lime;} + + .control { width: 100px; background: red; } + .control .blue { border-top: solid blue 20px; } + .control .yellow { border-top: solid yellow 20px; } + .control .aqua { border-top: solid aqua 20px; } + .control .lime { border-top: solid lime 20px; } + .control .fuchsia { border-top: solid fuchsia 20px; } + .control .orange { border-top: solid orange 20px; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" title="4.3.2 Lengths"/> + </head> + <body> + <p>The next two columns should be identical.</p> + <table> + <tr> + <td> + <div class="test"> + <p class="zero"> xxxxx </p> + <p class="one"> xxxxx </p> + <p class="two"> xxxxx </p> + <p class="three"> xxxxx </p> + <p class="four"> xxxxx </p> + <p class="five"> xxxxx </p> + </div> + </td> + <td class="control"> + <div class="blue"></div> + <div class="yellow"></div> + <div class="aqua"></div> + <div class="lime"></div> + <div class="fuchsia"></div> + <div class="blue"></div> + <div class="orange"></div> + <div class="aqua"></div> + <div class="yellow"></div> + <div class="lime"></div> + </td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-000.xht new file mode 100644 index 0000000000..a51c63f299 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-000.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-right</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-right"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5502-imrgn-r-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 15px/1 Ahem; margin: 1em; } + .one { width: 8em; height: 2em; background: red url(support/swatch-green.png) right repeat-y; color: white; } + .one p { width: 7em; background: white; } + .one span { padding-right: 4em; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + </head> + <body> + <p>Test passes if there is a short green vertical bar and no red.</p> + <div class="one"> + <p>x <span>x</span>x</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-001.xht new file mode 100644 index 0000000000..cb01ad37e3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-001.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-right</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-right"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5502-imrgn-r-001-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 15px/1 Ahem; margin: 1em; } + .two { width: 13em; height: 3em; background: green; } + .two p { color: white; background: white url(support/swatch-red.png) 3em 0 no-repeat; } + .two span { padding-right: 4em; color: white; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + </head> + <body> + <p>Test passes if there is a green horizontal bar and no red.</p> + <div class="two"> + <p>x <span>xxxxx xxxxx</span> x</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-002.xht new file mode 100644 index 0000000000..c3bec3f3c0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-002.xht @@ -0,0 +1,28 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-right</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-right"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5502-imrgn-r-002-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .three { background: url(support/swatch-red.png) 5em 2em no-repeat; font: 15px/1 Ahem; margin: 1em; } + .three div { width: 5em; height: 4em; background: red; } + .three p { background: white; color: white; } + .three span { padding-right: 4em; background: white; color: green; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + </head> + <body> + <p>Test passes if there is a filled green square and no red.</p> + <div class="three"> + <div> + <p>xx xx <span>xx xx</span> xx xx</p> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-003.xht new file mode 100644 index 0000000000..9934a0925e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-003.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-right</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-right"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="match" href="c5502-imrgn-r-003-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 15px/1 Ahem; margin: 1em; } + .four { width: 11em; color: white; background: navy; } + .four span { padding-right: 3em; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + </head> + <body> + <p>It should say "HI" below:</p> + <div class="four"> + xx xx xx <span>xx xx xx xx xx xx</span> xx xx xx xx xx xx xx xx xx xx + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-004-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-004-ref.xht new file mode 100644 index 0000000000..35e7fcc621 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-004-ref.xht @@ -0,0 +1,50 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div#first {margin: 15px auto auto 15px;} + div#second {margin: 12px auto auto 15px;} + ]]> + </style> + + </head> + + <body> + + <p>The following two bars should be identical:</p> + + <div id="first"> + <img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /> + </div> + + <div id="second"> + <img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-004.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-004.xht new file mode 100644 index 0000000000..c00687437e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-004.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-right</title> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-right"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + <link rel="match" href="c5507-ipadn-r-004-ref.xht" /> + + <meta name="flags" content="ahem image invalid" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 15px/1 Ahem; margin: 1em; background: yellow; } + .four { width: 9em; color: yellow; background: orange; } + .four span { padding-right: 3em; padding-right: -3em; } + ]]></style> + </head> + <body> + <p>The following two bars should be identical:</p> + <div class="four"> + x<span>x</span>x + </div> + <p> + <img src="support/swatch-white.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-000-ref.xht new file mode 100644 index 0000000000..86023f4532 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-000-ref.xht @@ -0,0 +1,44 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {color: navy;} + + div + { + background-color: navy; + height: 10px; + margin-top: 10px; + text-align: center; + width: 106px; + } + + img {vertical-align: top;} + ]]> + </style> + + </head> + + <body> + + <p>The five bars below should be identical.</p> + + <div><img src="support/swatch-blue.png" width="10" height="10" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-blue.png" width="10" height="10" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-blue.png" width="10" height="10" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-blue.png" width="10" height="10" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-blue.png" width="10" height="10" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-000.xht new file mode 100644 index 0000000000..a9b9b0b07a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-000.xht @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-right</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-right"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 --> + <link rel="match" href="c5507-padn-r-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + body { color: navy; } + div { font: 10px/1 Ahem; width: 106px; color: blue; } + img { vertical-align: bottom; } + .zero {padding-right: 0; text-align: center; background-color: navy;} + .one {padding-right: 0.5in; text-align: right; background-color: navy;} + .two {padding-right: 48px; text-align: right; background-color: navy;} + .three {padding-right: 4.8em; text-align: right; background-color: navy;} + .four {padding-right: 45.3%; text-align: right; background-color: navy;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" title="16.2 Alignment: the 'text-align' property"/> + </head> + <body> + <p>The five bars below should be identical.</p> + <div> + <p class="zero"> + x + </p> + <p class="one"> + x + </p> + <p class="two"> + x + </p> + <p class="three"> + x + </p> + <p class="four"> + x + </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-001-ref.xht new file mode 100644 index 0000000000..3aa347a7e5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-001-ref.xht @@ -0,0 +1,68 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p + { + color: navy; + margin: 0; + } + + div.control + { + border: black solid medium; + margin: 1.25em; + width: 12.5em; + } + + div.control div {height: 1.25em;} + + div.a + { + border-left: yellow solid 8.75em; + border-right: yellow solid 2.5em; + } + + div.aa {border-right: teal solid 1.25em;} + + div.b + { + border-left: aqua solid 6.25em; + border-right: yellow solid 2.5em; + } + + div.bb + { + border-left: teal solid 1.25em; + border-right: aqua solid 2.5em; + } + ]]> + </style> + + </head> + + <body> + + <p>The following two diagrams should look identical.</p> + + <div class="control"> + <div class="a"><div class="aa"></div></div> + <div class="b"><div class="bb"></div></div> + <div class="a"><div class="aa"></div></div> + </div> + + <div class="control"> + <div class="a"><div class="aa"></div></div> + <div class="b"><div class="bb"></div></div> + <div class="a"><div class="aa"></div></div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-001.xht new file mode 100644 index 0000000000..57c4f02592 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-001.xht @@ -0,0 +1,50 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-right</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-right"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 --> + <link rel="match" href="c5507-padn-r-001-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div.control { margin: 1.25em; } + p.criteria { color: navy; } + p, ul, li { margin: 0; padding: 0; list-style: none; } + + div.test { border: solid black; width: 10em; background-color: orange; font: 1.25em/1 Ahem; color: teal; margin: 1em; } + ul.test, li.test { padding-right: 2em; text-align: right; } + li.test { background-color: aqua; } + ul.test { background-color: yellow; } + + .control { border: solid; width: 12.5em; background: red; } + .control div { border-style: none solid; height: 1.25em; } + .control .a { border-color: red yellow red yellow; border-width: 0 2.5em 0 8.75em; } + .control .aa { border-color: red teal red red; border-width: 0 1.25em 0 0; } + .control .b { border-color: red yellow red aqua; border-width: 0 2.5em 0 6.25em; } + .control .bb { border-color: red aqua red teal; border-width: 0 2.5em 0 1.25em; } + + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" title="16.2 Alignment: the 'text-align' property"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p class="criteria">The following two diagrams should look identical.</p> + <div class="test"> + <ul class="test"> + <li>-</li> + <li class="test">-</li> + <li>-</li> + </ul> + </div> + <div class="control"> + <div class="a"><div class="aa"></div></div> + <div class="b"><div class="bb"></div></div> + <div class="a"><div class="aa"></div></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-002-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-002-ref.xht new file mode 100644 index 0000000000..706022ba51 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-002-ref.xht @@ -0,0 +1,27 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border-right: green solid 1em; + margin-top: 1em; + width: 10em; + } + ]]></style> + + </head> + + <body> + + <div>There should be a green block to the right of this text.</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-002.xht new file mode 100644 index 0000000000..4ee8a6da1f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-002.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-right</title> + <meta name="flags" content="invalid" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-right"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5507-padn-r-002-ref.xht" /> + + <style type="text/css"><![CDATA[ + .five { width: 10em; background: white; border-right: solid 1em green; padding-right: -1em; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + </head> + <body> + <p class="five"> There should be a green block to the right of this text. </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-003-ref.xht new file mode 100644 index 0000000000..9e427b6b74 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-003-ref.xht @@ -0,0 +1,33 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: navy; + color: yellow; + margin: 1em; + width: 12em; + } + ]]> + </style> + + </head> + + <body> + + <p>The next two bars should be identical:</p> + + <div>TEST</div> + + <div>TEST</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-003.xht new file mode 100644 index 0000000000..1348247c16 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-003.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-right</title> + <meta name="flags" content="invalid" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-right"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5507-padn-r-003-ref.xht" /> + + <style type="text/css"><![CDATA[ + div { margin: 1em; color: yellow; background: navy; } + .test { width: 10em; padding-right: 2em; padding-right: -5em; } + .control { width: 12em; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" title="10.2 Content width: the 'width' property"/> + </head> + <body> + <p>The next two bars should be identical:</p> + <div class="test"> TEST </div> + <div class="control"> TEST </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-000-ref.xht new file mode 100644 index 0000000000..41a57c2df9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-000-ref.xht @@ -0,0 +1,32 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 20px; + position: relative; + top: 40px; + width: 40px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is a short green horizontal bar and no red.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-000.xht new file mode 100644 index 0000000000..62a4cdb85a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-000.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-bottom</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-bottom"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5508-ipadn-b-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 20px/1 Ahem; width: 6em; color: white; } + .green { color: green; } + .one { padding-bottom: 20px; background-color: red; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + </head> + <body> + <p>Test passes if there is a short green horizontal bar and no red.</p> + <div> + xx xx <span class="one">xx</span> xx <span class="green">xx</span> xx + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-001.xht new file mode 100644 index 0000000000..c3bf23518d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-001.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-bottom</title> + <meta name="flags" content="ahem invalid" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-bottom"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5508-ipadn-b-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 20px/1 Ahem; width: 6em; color: white; } + .green { color: green; } + .two { padding-bottom: -20px; background-color: red; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + </head> + <body> + <p>Test passes if there is a short green horizontal bar and no red.</p> + <div> + xx xx <span class="two">xx</span> xx <span class="green">xx</span> xx + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-002.xht new file mode 100644 index 0000000000..aeae02259d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-002.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-bottom</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-bottom"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5506-ipadn-t-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 20px/1 Ahem; width: 6em; color: white; } + .one { padding-bottom: 20px; background-color: green; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + </head> + <body> + <p>Test passes if there is a short green horizontal bar and no red.</p> + <div> + <span class="one">xx</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-003-ref.xht new file mode 100644 index 0000000000..a464366455 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-003-ref.xht @@ -0,0 +1,73 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {margin: 0;} + + td + { + border: black solid medium; + padding: 0; + width: 100px; + } + + div.blue {border-top: blue solid 20px;} + + div.yellow {border-top: yellow solid 20px;} + + div.aqua {border-top: aqua solid 20px;} + + div.lime {border-top: lime solid 20px;} + + div.fuchsia {border-top: fuchsia solid 20px;} + + div.orange {border-top: orange solid 20px;} + ]]> + </style> + + </head> + + <body> + + <p>The next two columns should be identical.</p> + + <table> + <tr> + <td> + <div class="blue"></div> + <div class="aqua"></div> + <div class="yellow"></div> + <div class="fuchsia"></div> + <div class="lime"></div> + <div class="orange"></div> + <div class="blue"></div> + <div class="yellow"></div> + <div class="aqua"></div> + <div class="lime"></div> + </td> + + <td> + <div class="blue"></div> + <div class="aqua"></div> + <div class="yellow"></div> + <div class="fuchsia"></div> + <div class="lime"></div> + <div class="orange"></div> + <div class="blue"></div> + <div class="yellow"></div> + <div class="aqua"></div> + <div class="lime"></div> + </td> + + </tr> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-003.xht new file mode 100644 index 0000000000..7c73a2c59f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-003.xht @@ -0,0 +1,63 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-bottom</title> + <meta name="flags" content="ahem invalid" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-bottom"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 --> + <link rel="match" href="c5508-ipadn-b-003-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + td { padding: 0; border: solid black; } + p { margin: 0; } + .test { font: 20px/1 Ahem; width: 5em; } + .zero {padding-bottom: 0; background-color: orange; color: blue;} + .one {padding-bottom: 0.20833in; background-color: yellow; color: aqua;} + .two {padding-bottom: 20px; background-color: lime; color: fuchsia;} + .three {padding-bottom: 1em; background-color: blue; color: orange;} + .four {padding-bottom: 20%; background-color: aqua; color: yellow;} + .five {padding-bottom: -20px; background-color: fuchsia; color: lime;} + + .control { width: 100px; background: red; } + .control .blue { border-bottom: solid blue 20px; } + .control .yellow { border-bottom: solid yellow 20px; } + .control .aqua { border-bottom: solid aqua 20px; } + .control .lime { border-bottom: solid lime 20px; } + .control .fuchsia { border-bottom: solid fuchsia 20px; } + .control .orange { border-bottom: solid orange 20px; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + </head> + <body> + <p>The next two columns should be identical.</p> + <table> + <tr> + <td> + <div class="test"> + <p class="zero"> xxxxx </p> + <p class="one"> xxxxx </p> + <p class="two"> xxxxx </p> + <p class="three"> xxxxx </p> + <p class="four"> xxxxx </p> + <p class="five"> xxxxx </p> + </div> + </td> + <td class="control"> + <div class="blue"></div> + <div class="aqua"></div> + <div class="yellow"></div> + <div class="fuchsia"></div> + <div class="lime"></div> + <div class="orange"></div> + <div class="blue"></div> + <div class="yellow"></div> + <div class="aqua"></div> + <div class="lime"></div> + </td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-000.xht new file mode 100644 index 0000000000..51837e8d03 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-000.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-left</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-left"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5502-imrgn-r-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 15px/1 Ahem; margin: 1em; } + .one { width: 8em; height: 2em; background: red url(support/swatch-green.png) right repeat-y; color: white; } + .one p { width: 7em; background: white; } + .one span { padding-left: 4em; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + </head> + <body> + <p>Test passes if there is a short green vertical bar and no red.</p> + <div class="one"> + <p>x <span>x</span>x</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-001.xht new file mode 100644 index 0000000000..f04d7236b0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-001.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-left</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-left"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5502-imrgn-r-001-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 15px/1 Ahem; margin: 1em; } + .two { width: 13em; height: 3em; background: green; } + .two p { color: white; background: white url(support/swatch-red.png) 6em 0 no-repeat; } + .two span { padding-left: 4em; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + </head> + <body> + <p>Test passes if there is a green horizontal bar and no red.</p> + <div class="two"> + <p>x <span>xxxx xxxx</span> x</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-002.xht new file mode 100644 index 0000000000..9570eb5d6e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-002.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-left</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-left"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5504-imrgn-l-002-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .three { background: url(support/swatch-red.png) no-repeat 6em 1em; font: 15px/1 Ahem; margin: 1em; } + .three p { width: 5em; color: white; } + .three span { padding-left: 4em; color: lime; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + </head> + <body> + <p>There should be a small light green square below:</p> + <div class="three"> + <p>xx xx<span>x</span> xx xx</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-003.xht new file mode 100644 index 0000000000..d603b4964b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-003.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-left</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-left"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5502-imrgn-r-003-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 15px/1 Ahem; margin: 1em; } + .four { width: 11em; color: white; background: navy; } + .four span { padding-left: 3em; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + </head> + <body> + <p>It should say "HI" below:</p> + <div class="four"> + xx xx xx xx xx xx xx xx xx <span>xx xx xx xx xx xx</span> xx xx xx xx + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-004-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-004-ref.xht new file mode 100644 index 0000000000..908f743c0f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-004-ref.xht @@ -0,0 +1,50 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div#first {margin: 15px auto auto 15px;} + div#second {margin: 12px auto auto 15px;} + ]]> + </style> + + </head> + + <body> + + <p>The following two bars should be identical:</p> + + <div id="first"> + <img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /> + </div> + + <div id="second"> + <img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-004.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-004.xht new file mode 100644 index 0000000000..300814f6bb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-004.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-left</title> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-left"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + <link rel="match" href="c5509-ipadn-l-004-ref.xht" /> + + <meta name="flags" content="ahem image invalid" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 15px/1 Ahem; margin: 1em; background: yellow; } + .four { width: 9em; color: yellow; background: orange; } + .four span { padding-left: 3em; padding-left: -3em; } + ]]></style> + </head> + <body> + <p>The following two bars should be identical:</p> + <div class="four"> + x<span>x</span>x + </div> + <p> + <img src="support/swatch-white.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" + /> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-000.xht new file mode 100644 index 0000000000..0bce119d5e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-000.xht @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-left</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-left"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5507-padn-r-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + body { color: navy; } + div { font: 10px/1 Ahem; width: 106px; color: blue; } + img { vertical-align: bottom; } + .zero {padding-left: 0; text-align: center; background-color: navy;} + .one {padding-left: 0.5in; text-align: left; background-color: navy;} + .two {padding-left: 48px; text-align: left; background-color: navy;} + .three {padding-left: 4.8em; text-align: left; background-color: navy;} + .four {padding-left: 45.3%; text-align: left; background-color: navy;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" title="4.3.2 Lengths"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" title="16.2 Alignment: the 'text-align' property"/> + </head> + <body> + <p>The five bars below should be identical.</p> + <div> + <p class="zero"> + x + </p> + <p class="one"> + x + </p> + <p class="two"> + x + </p> + <p class="three"> + x + </p> + <p class="four"> + x + </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-001-ref.xht new file mode 100644 index 0000000000..51bd932bee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-001-ref.xht @@ -0,0 +1,68 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p + { + color: navy; + margin: 0; + } + + div.control + { + border: black solid medium; + margin: 1.25em; + width: 12.5em; + } + + div.control div {height: 1.25em;} + + div.a + { + border-left: yellow solid 2.5em; + border-right: yellow solid 8.75em; + } + + div.aa {border-left: teal solid 1.25em;} + + div.b + { + border-left: yellow solid 2.5em; + border-right: aqua solid 6.25em; + } + + div.bb + { + border-left: aqua solid 2.5em; + border-right: teal solid 1.25em; + } + ]]> + </style> + + </head> + + <body> + + <p>The following two diagrams should look identical.</p> + + <div class="control"> + <div class="a"><div class="aa"></div></div> + <div class="b"><div class="bb"></div></div> + <div class="a"><div class="aa"></div></div> + </div> + + <div class="control"> + <div class="a"><div class="aa"></div></div> + <div class="b"><div class="bb"></div></div> + <div class="a"><div class="aa"></div></div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-001.xht new file mode 100644 index 0000000000..9f02d2e7b8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-001.xht @@ -0,0 +1,51 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-left</title> + + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-left"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-07 --> + <link rel="match" href="c5509-padn-l-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div.control { margin: 1.25em; } + p.criteria { color: navy; } + p, ul, li { margin: 0; padding: 0; list-style: none; } + + div.test { border: solid black; width: 10em; background-color: orange; font: 1.25em/1 Ahem; color: teal; margin: 1em; } + ul.test, li.test { padding-left: 2em; text-align: left; } + li.test { background-color: aqua; } + ul.test { background-color: yellow; } + + .control { border: solid; width: 12.5em; background: red; } + .control div { border-style: none solid; height: 1.25em; } + .control .a { border-color: red yellow red yellow; border-width: 0 8.75em 0 2.5em; } + .control .aa { border-color: red red red teal; border-width: 0 0 0 1.25em; } + .control .b { border-color: red aqua red yellow; border-width: 0 6.25em 0 2.5em; } + .control .bb { border-color: red teal red aqua; border-width: 0 1.25em 0 2.5em; } + + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" title="16.2 Alignment: the 'text-align' property"/> + </head> + <body> + <p class="criteria">The following two diagrams should look identical.</p> + <div class="test"> + <ul class="test"> + <li>-</li> + <li class="test">-</li> + <li>-</li> + </ul> + </div> + <div class="control"> + <div class="a"><div class="aa"></div></div> + <div class="b"><div class="bb"></div></div> + <div class="a"><div class="aa"></div></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-002-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-002-ref.xht new file mode 100644 index 0000000000..0f28b2eea3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-002-ref.xht @@ -0,0 +1,27 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border-left: green solid 1em; + margin-top: 1em; + width: 10em; + } + ]]></style> + + </head> + + <body> + + <div>There should be a green block to the left of this text.</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-002.xht new file mode 100644 index 0000000000..17fabf4d9e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-002.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-left</title> + <meta name="flags" content="invalid" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-left"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5509-padn-l-002-ref.xht" /> + + <style type="text/css"><![CDATA[ + .five { width: 10em; background: white; border-left: solid 1em green; padding-left: -1em; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + </head> + <body> + <p class="five"> There should be a green block to the left of this text. </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-003-ref.xht new file mode 100644 index 0000000000..12e2f421aa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-003-ref.xht @@ -0,0 +1,38 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: navy; + color: yellow; + margin: 1em; + width: 12em; + } + + img + { + height: 1px; + width: 2em; + } + ]]></style> + + </head> + + <body> + + <p>The next two bars should be identical:</p> + + <div><img src="support/1x1-navy.png" alt="Image download support must be enabled" />TEST</div> + + <div><img src="support/1x1-navy.png" alt="Image download support must be enabled" />TEST</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-003.xht new file mode 100644 index 0000000000..341f048913 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-003.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding-left</title> + <meta name="flags" content="image invalid" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-left"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5509-padn-l-003-ref.xht" /> + + <style type="text/css"><![CDATA[ + div { margin: 1em; color: yellow; background: navy; } + .test { width: 10em; padding-left: 2em; padding-left: -5em; } + .control { width: 12em; } + img { width: 2em; height: 0.1em; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + </head> + <body> + <p>The next two bars should be identical:</p> + <div class="test"> TEST </div> + <div class="control"> <img src="support/1x1-navy.png" alt="Image download support must be enabled"/>TEST </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5510-ipadn-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5510-ipadn-000-ref.xht new file mode 100644 index 0000000000..67ecce9ac7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5510-ipadn-000-ref.xht @@ -0,0 +1,32 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p + { + color: navy; + margin: 1em 0px 15px; + } + + div {margin: 13px 0px;} + ]]></style> + + </head> + + <body> + + <p>The two sweets below should be identical:</p> + + <div><img src="support/css1test5510-i.png" alt="FAIL: Need image support for reference rendering." /></div> + + <div><img src="support/css1test5510-i.png" alt="FAIL: Need image support for reference rendering." /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5510-ipadn-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5510-ipadn-000.xht new file mode 100644 index 0000000000..3376a3f1f4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5510-ipadn-000.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5510-ipadn-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + p { color: navy; } + div { margin: 2em 0; } + .one { font: 15px/1 Ahem; width: 7em; background: red; } + .one p { color: green; background: lime; } + .one span { padding: 1em; background: orange; color: yellow; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + </head> + <body> + <p>The two sweets below should be identical:</p> + <div class="one"><p> x <span>x</span> x </p></div> + <div><img src="support/css1test5510-i.png" alt="FAIL: Need image support for reference rendering."/></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5510-padn-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5510-padn-000-ref.xht new file mode 100644 index 0000000000..cea9227e44 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5510-padn-000-ref.xht @@ -0,0 +1,89 @@ +<!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> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/> +<style type="text/css"> +body { + color: navy; +} +div { + width: 138px; + font-size: 10px; + line-height: 1; +} +div p { + padding: 0; + border: solid 24px yellow; +} +img { + vertical-align: bottom; +} +</style> +</head> +<body> +<p>The five diagrams below should be identical.</p> +<div> + <p> + <img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /> + </p> + <p> + <img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /> + </p> + <p> + <img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /> + </p> + <p> + <img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /> + </p> + <p> + <img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /> + </p> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5510-padn-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5510-padn-000.xht new file mode 100644 index 0000000000..72ba3fc963 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5510-padn-000.xht @@ -0,0 +1,54 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5510-padn-000-ref.xht"/> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + body { color: navy; } + div { font: 10px/1 Ahem; width: 138px; color: orange; } + img { vertical-align: bottom; } + .zero {padding: 0; border: solid 24px yellow; background-color: red;} + .one {padding: 0.25in; background-color: yellow;} + .two {padding: 24px; background-color: yellow;} + .three {padding: 2.4em; background-color: yellow;} + .four {padding: 17.391%; background-color: yellow;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" title="4.3.2 Lengths"/> + </head> + <body> + <p>The five diagrams below should be identical.</p> + <div> + <p class="zero"> + <img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10" + /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10" + /> + </p> + <p class="one"> + x x x x x + </p> + <p class="two"> + x x x x x + </p> + <p class="three"> + x x x x x + </p> + <p class="four"> + x x x x x + </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5510-padn-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5510-padn-001-ref.xht new file mode 100644 index 0000000000..7e21846bca --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5510-padn-001-ref.xht @@ -0,0 +1,68 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p + { + color: navy; + margin: 0; + } + + div.control + { + border: black solid medium; + margin: 1.25em; + width: 12.5em; + } + + div.yellow + { + background-color: yellow; + border: yellow solid 1.25em; + } + + div.control div.teal + { + background-color: teal; + height: 1.25em; + width: 1.25em; + } + + div.control div.aqua + { + background-color: aqua; + border: aqua solid 1.25em; + } + ]]></style> + + </head> + + <body> + + <p>The following two diagrams should look identical.</p> + + <div class="control"> + <div class="yellow"> + <div class="teal"></div> + <div class="aqua"><div class="teal"></div></div> + <div class="teal"></div> + </div> + </div> + + <div class="control"> + <div class="yellow"> + <div class="teal"></div> + <div class="aqua"><div class="teal"></div></div> + <div class="teal"></div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5510-padn-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5510-padn-001.xht new file mode 100644 index 0000000000..5b025c0869 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5510-padn-001.xht @@ -0,0 +1,47 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding</title> + <meta name="flags" content="ahem" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-08 --> + <link rel="match" href="c5510-padn-001-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div.control { margin: 1.25em; } + p.criteria { color: navy; } + p, ul, li { margin: 0; padding: 0; list-style: none; } + + div.test { border: solid black; width: 10em; background-color: orange; font: 1.25em/1 Ahem; color: teal; margin: 1em;} + ul.test, li.test { padding: 1em; } + li.test { background-color: aqua; } + ul.test { background-color: yellow; } + + .control { border: solid; width: 12.5em; background: red; } + .control .yellow { border: solid 1.25em yellow; background: yellow; } + .control .teal { height: 1.25em; width: 1.25em; background: teal; } + .control .aqua { border: solid 1.25em aqua; background: aqua; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + </head> + <body> + <p class="criteria">The following two diagrams should look identical.</p> + <div class="test"> + <ul class="test"> + <li>-</li> + <li class="test">-</li> + <li>-</li> + </ul> + </div> + <div class="control"> + <div class="yellow"> + <div class="teal"></div> + <div class="aqua"><div class="teal"></div></div> + <div class="teal"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5510-padn-002-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5510-padn-002-ref.xht new file mode 100644 index 0000000000..c41f7732e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5510-padn-002-ref.xht @@ -0,0 +1,33 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: navy; + border: navy solid 1em; + color: yellow; + margin: 1em; + width: 10em; + } + ]]></style> + + </head> + + <body> + + <p>The next two bars should be identical:</p> + + <div>TEST</div> + + <div>TEST</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5510-padn-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5510-padn-002.xht new file mode 100644 index 0000000000..af2e9daaf1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5510-padn-002.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: padding</title> + <meta name="flags" content="invalid" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5510-padn-002-ref.xht" /> + + <style type="text/css"><![CDATA[ + div { margin: 1em; color: yellow; background: navy; } + .test { width: 10em; padding: 1em; padding: -5em; } + .control { width: 10em; border: solid 1em navy; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/> + </head> + <body> + <p>The next two bars should be identical:</p> + <div class="test"> TEST </div> + <div class="control"> TEST </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-000.xht new file mode 100644 index 0000000000..5ea364f1e5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-000.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-top-width</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-top-width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + td { vertical-align: bottom;} + table { color: navy; } + .two {border-top-width: thick; border-style: solid;} + .three {border-top-width: medium; border-style: solid;} + .four {border-top-width: thin; border-style: solid;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p>The three boxes below should have progressively thinner top borders.</p> + <table> + <tr> + <td> + <p class="two"> + A + </p> + </td> + <td> + <p class="three"> + B + </p> + </td> + <td> + <p class="four"> + C + </p> + </td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-001-ref.xht new file mode 100644 index 0000000000..0eb310a1c6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-001-ref.xht @@ -0,0 +1,36 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div#background + { + background: url("support/swatch-green.png") repeat-x; + line-height: 15px; + } + + div#border + { + border-color: green; + border-style: solid; + border-width: 0px medium medium medium; + color: green; + } + ]]></style> + + </head> + + <body> + + <div id="background"> </div> + + <div id="border">There should be no red on this page.</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-001.xht new file mode 100644 index 0000000000..6985014c1a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-001.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-top-width</title> + <meta name="flags" content="image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-top-width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5511-brdr-tw-001-ref.xht" /> + + <style type="text/css"><![CDATA[ + .one { background: url(support/swatch-red.png) repeat-x top left; } + .one div { border-top-width: 15px; border-style: solid; color: green; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <div class="one"> + <div> + There should be no red on this page. + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-002.xht new file mode 100644 index 0000000000..ed243c9fbe --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-002.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-top-width</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-top-width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <style type="text/css"><![CDATA[ + .five {border-top-width: 25px; color: red;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <p class="five"> +   + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-003-ref.xht new file mode 100644 index 0000000000..ff7e092296 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-003-ref.xht @@ -0,0 +1,28 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border-color: navy; + border-style: none solid solid; + border-width: 0px medium medium; + color: navy; + } + ]]></style> + + </head> + + <body> + + <div>This box should be open ended at the top.</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-003.xht new file mode 100644 index 0000000000..4f8950098b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-003.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-top-width</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-top-width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5511-brdr-tw-003-ref.xht" /> + + <style type="text/css"><![CDATA[ + .zero { color: navy; } + .zero div { border-top-width: 0; border-style: solid; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <div class="zero"> + <div> + This box should be open ended at the top. + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5511-ibrdr-tw-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5511-ibrdr-tw-000-ref.xht new file mode 100644 index 0000000000..e37b8aaaea --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5511-ibrdr-tw-000-ref.xht @@ -0,0 +1,31 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + span + { + border-color: black black black black; + border-style: solid solid solid solid; + border-width: thin medium medium medium; + } + ]]></style> + + </head> + + <body> + + <p> + <span>This box should have a thin top border.</span> + </p> + + <div>There should be no red on this line.</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5511-ibrdr-tw-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5511-ibrdr-tw-000.xht new file mode 100644 index 0000000000..28b6c3d632 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5511-ibrdr-tw-000.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-top-width</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-top-width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5511-ibrdr-tw-000-ref.xht" /> + + <style type="text/css"><![CDATA[ + .two {border-top-width: thin; border-style: solid;} + .three {border-top-width: 25px; color: red;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p> + <span class="two"> This box should have a thin top border.</span> + </p> + <p> + There should be no red on this line. <span class="three">   </span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-000.xht new file mode 100644 index 0000000000..bff9820e1a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-000.xht @@ -0,0 +1,27 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-right-width</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-right-width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + .two {border-right-width: thick; border-style: solid;} + .three {border-right-width: medium; border-style: solid;} + .four {border-right-width: thin; border-style: solid;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p>The three boxes below should have progressively thinner right borders.</p> + <p class="two"> + A + </p> + <p class="three"> + B + </p> + <p class="four"> + C + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-001-ref.xht new file mode 100644 index 0000000000..92f885922d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-001-ref.xht @@ -0,0 +1,34 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border-color: green; + border-style: solid none solid solid; + border-width: medium 0px medium medium; + color: green; + } + + img + { + float: right; + vertical-align: bottom; + } + ]]></style> + + </head> + + <body> + + <div><img src="support/swatch-green.png" height="19" width="15" alt="Image download support must be enabled" />There should be no red on this page.</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-001.xht new file mode 100644 index 0000000000..4671ff3131 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-001.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-right-width</title> + <meta name="flags" content="image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-right-width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5512-brdr-rw-001-ref.xht" /> + + <style type="text/css"><![CDATA[ + .one { background: url(support/swatch-red.png) repeat-y top right; } + .one div { border-right-width: 15px; border-style: solid; color: green; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <div class="one"> + <div> + There should be no red on this page. + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-002.xht new file mode 100644 index 0000000000..20e2ffe7dd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-002.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-right-width</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-right-width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <style type="text/css"><![CDATA[ + .five {border-right-width: 25px; color: red;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <p class="five"> +   + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-003-ref.xht new file mode 100644 index 0000000000..bf6f86268a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-003-ref.xht @@ -0,0 +1,28 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border-color: navy; + border-style: solid none solid solid; + border-width: medium 0px medium medium; + color: navy; + } + ]]></style> + + </head> + + <body> + + <div>This box should be open ended at the right.</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-003.xht new file mode 100644 index 0000000000..61de0155d8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-003.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-right-width</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-right-width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5512-brdr-rw-003-ref.xht" /> + + <style type="text/css"><![CDATA[ + .zero { color: navy; } + .zero div { border-right-width: 0; border-style: solid; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <div class="zero"> + <div> + This box should be open ended at the right. + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5512-ibrdr-rw-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5512-ibrdr-rw-000-ref.xht new file mode 100644 index 0000000000..c33687f311 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5512-ibrdr-rw-000-ref.xht @@ -0,0 +1,31 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + span + { + border-color: black black black black; + border-style: solid solid solid solid; + border-width: medium thin medium medium; + } + ]]></style> + + </head> + + <body> + + <p> + <span>This box should have a thin right border.</span> + </p> + + <div>There should be no red on this line.</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5512-ibrdr-rw-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5512-ibrdr-rw-000.xht new file mode 100644 index 0000000000..8267414f0c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5512-ibrdr-rw-000.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-right-width</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-right-width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5512-ibrdr-rw-000-ref.xht" /> + + <style type="text/css"><![CDATA[ + .two {border-right-width: thin; border-style: solid;} + .three {border-right-width: 25px; color: red;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p class="one"> + <span class="two"> This box should have a thin right border.</span> + </p> + <p class="one"> + There should be no red on this line. <span class="three">   </span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-000.xht new file mode 100644 index 0000000000..04e6145604 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-000.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-bottom-width</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-bottom-width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + td { vertical-align: top;} + table { color: navy; } + .two {border-bottom-width: thick; border-style: solid;} + .three {border-bottom-width: medium; border-style: solid;} + .four {border-bottom-width: thin; border-style: solid;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p>The three boxes below should have progressively thinner bottom borders.</p> + <table> + <tr> + <td> + <p class="two"> + A + </p> + </td> + <td> + <p class="three"> + B + </p> + </td> + <td> + <p class="four"> + C + </p> + </td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-001-ref.xht new file mode 100644 index 0000000000..c35385fcf9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-001-ref.xht @@ -0,0 +1,36 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div#border + { + border-color: green; + border-style: solid; + border-width: medium medium 0px medium ; + color: green; + } + + div#background + { + background: url("support/swatch-green.png") repeat-x; + line-height: 15px; + } + ]]></style> + + </head> + + <body> + + <div id="border">There should be no red on this page.</div> + + <div id="background"> </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-001.xht new file mode 100644 index 0000000000..7d25713eb0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-001.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-bottom-width</title> + <meta name="flags" content="image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-bottom-width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5513-brdr-bw-001-ref.xht" /> + + <style type="text/css"><![CDATA[ + .one { background: url(support/swatch-red.png) repeat-x bottom left; } + .one div { border-bottom-width: 15px; border-style: solid; color: green; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <div class="one"> + <div> + There should be no red on this page. + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-002.xht new file mode 100644 index 0000000000..b7dca34ca0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-002.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-bottom-width</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-bottom-width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <style type="text/css"><![CDATA[ + .five {border-bottom-width: 25px; color: red;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <p class="five"> +   + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-003-ref.xht new file mode 100644 index 0000000000..6e139b5bb1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-003-ref.xht @@ -0,0 +1,28 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border-color: navy; + border-style: solid solid none solid; + border-width: medium medium 0px medium; + color: navy; + } + ]]></style> + + </head> + + <body> + + <div>This box should be open ended at the bottom.</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-003.xht new file mode 100644 index 0000000000..f43c11afac --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-003.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-bottom-width</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-bottom-width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5513-brdr-bw-003-ref.xht" /> + + <style type="text/css"><![CDATA[ + .zero { color: navy; } + .zero div { border-bottom-width: 0; border-style: solid; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <div class="zero"> + <div> + This box should be open ended at the bottom. + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5513-ibrdr-bw-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5513-ibrdr-bw-000-ref.xht new file mode 100644 index 0000000000..581a7ae213 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5513-ibrdr-bw-000-ref.xht @@ -0,0 +1,31 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + span + { + border-color: black black black black; + border-style: solid solid solid solid; + border-width: medium medium thin medium; + } + ]]></style> + + </head> + + <body> + + <p> + <span>This box should have a thin bottom border.</span> + </p> + + <div>There should be no red on this line.</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5513-ibrdr-bw-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5513-ibrdr-bw-000.xht new file mode 100644 index 0000000000..a232780819 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5513-ibrdr-bw-000.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-bottom-width</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-bottom-width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5513-ibrdr-bw-000-ref.xht" /> + + <style type="text/css"><![CDATA[ + .two {border-bottom-width: thin; border-style: solid;} + .three {border-bottom-width: 25px; color: red;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p class="one"> + <span class="two"> This box should have a thin bottom border.</span> + </p> + <p class="one"> + There should be no red on this line. <span class="three">   </span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-000.xht new file mode 100644 index 0000000000..f2ca6d14d0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-000.xht @@ -0,0 +1,27 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-left-width</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-left-width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + .two {border-left-width: thick; border-style: solid;} + .three {border-left-width: medium; border-style: solid;} + .four {border-left-width: thin; border-style: solid;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p>The three boxes below should have progressively thinner left borders.</p> + <p class="two"> + A + </p> + <p class="three"> + B + </p> + <p class="four"> + C + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-001-ref.xht new file mode 100644 index 0000000000..2c0103e1f8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-001-ref.xht @@ -0,0 +1,34 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border-color: green; + border-style: solid solid solid none; + border-width: medium medium medium 0px; + color: green; + } + + img + { + float: left; + vertical-align: bottom; + } + ]]></style> + + </head> + + <body> + + <div><img src="support/swatch-green.png" height="19" width="15" alt="Image download support must be enabled" />There should be no red on this page.</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-001.xht new file mode 100644 index 0000000000..054fd2cb77 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-001.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-left-width</title> + <meta name="flags" content="image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-left-width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5514-brdr-lw-001-ref.xht" /> + + <style type="text/css"><![CDATA[ + .one { background: url(support/swatch-red.png) repeat-y top left; } + .one div { border-left-width: 15px; border-style: solid; color: green; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <div class="one"> + <div> + There should be no red on this page. + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-002.xht new file mode 100644 index 0000000000..916af83080 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-002.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-left-width</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-left-width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <style type="text/css"><![CDATA[ + .five {border-left-width: 25px; color: red;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <p class="five"> +   + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-003-ref.xht new file mode 100644 index 0000000000..02a2b2fc2a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-003-ref.xht @@ -0,0 +1,28 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border-color: navy; + border-style: solid solid solid none; + border-width: medium medium medium 0px; + color: navy; + } + ]]></style> + + </head> + + <body> + + <div>This box should be open ended at the left.</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-003.xht new file mode 100644 index 0000000000..e63afac097 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-003.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-left-width</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-left-width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5514-brdr-lw-003-ref.xht" /> + + <style type="text/css"><![CDATA[ + .zero { color: navy; } + .zero div { border-left-width: 0; border-style: solid; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <div class="zero"> + <div> + This box should be open ended at the left. + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5514-ibrdr-lw-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5514-ibrdr-lw-000-ref.xht new file mode 100644 index 0000000000..96a230d840 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5514-ibrdr-lw-000-ref.xht @@ -0,0 +1,31 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + span + { + border-color: black black black black; + border-style: solid solid solid solid; + border-width: medium medium medium thin; + } + ]]></style> + + </head> + + <body> + + <p> + <span>This box should have a thin left border.</span> + </p> + + <div>There should be no red on this line.</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5514-ibrdr-lw-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5514-ibrdr-lw-000.xht new file mode 100644 index 0000000000..e78533829b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5514-ibrdr-lw-000.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-left-width</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-left-width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5514-ibrdr-lw-000-ref.xht" /> + + <style type="text/css"><![CDATA[ + .two {border-left-width: thin; border-style: solid;} + .three {border-left-width: 25px; color: red;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p class="one"> + <span class="two"> This box should have a thin left border.</span> + </p> + <p class="one"> + There should be no red on this line. <span class="three">   </span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-000.xht new file mode 100644 index 0000000000..a53539c0c3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-000.xht @@ -0,0 +1,27 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-width</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + .two {border-width: thick; border-style: solid;} + .three {border-width: medium; border-style: solid;} + .four {border-width: thin; border-style: solid;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p>The three boxes below should have progressively thinner borders.</p> + <p class="two"> + A + </p> + <p class="three"> + B + </p> + <p class="four"> + C + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-001-ref.xht new file mode 100644 index 0000000000..b6f0e09e28 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-001-ref.xht @@ -0,0 +1,36 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div.background + { + background: url("support/swatch-green.png") repeat-x; + line-height: 15px; + } + + div#sentence + { + border-left: green solid 15px; + border-right: green solid 15px; + } + ]]></style> + + </head> + + <body> + + <div class="background"> </div> + + <div id="sentence">There should be no red on this page.</div> + + <div class="background"> </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-001.xht new file mode 100644 index 0000000000..1a7210c6cc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-001.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-width</title> + <meta name="flags" content="image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5515-brdr-w-001-ref.xht" /> + + <style type="text/css"><![CDATA[ + .one { background: url(support/swatch-red.png) repeat; } + .one div { border-width: 15px; border-style: solid; color: green; } + .one p { color: black; background: white; margin: 0; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <div class="one"> + <div> + <p>There should be no red on this page.</p> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-002.xht new file mode 100644 index 0000000000..2b8c9d72b1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-002.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-width</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <style type="text/css"><![CDATA[ + .five {border-width: 25px; color: red;} + .six {border-width: 0; border-style: solid; color: red;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <p class="five"> +   + </p> + <p class="six"> +   + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5515-ibrdr-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5515-ibrdr-000-ref.xht new file mode 100644 index 0000000000..3b83dc325c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5515-ibrdr-000-ref.xht @@ -0,0 +1,31 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + span + { + border-color: black black black black; + border-style: solid solid solid solid; + border-width: thin thin thin thin; + } + ]]></style> + + </head> + + <body> + + <p> + <span>This box should have a thin border.</span> + </p> + + <p>There should be no red on this line.</p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5515-ibrdr-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5515-ibrdr-000.xht new file mode 100644 index 0000000000..bde0f4a716 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5515-ibrdr-000.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-width</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5515-ibrdr-000-ref.xht" /> + + <style type="text/css"><![CDATA[ + .two {border-width: thin; border-style: solid;} + .three {border-width: 25px; color: red;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p class="one"> + <span class="two"> This box should have a thin border.</span> + </p> + <p class="one"> + There should be no red on this line. <span class="three">   </span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5516-brdr-c-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5516-brdr-c-000-ref.xht new file mode 100644 index 0000000000..14507bd421 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5516-brdr-c-000-ref.xht @@ -0,0 +1,39 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p + { + border-color: green green green green; + border-style: solid solid solid solid; + border-width: medium medium medium medium; + } + + p#multi-color + { + border-top: purple solid 2em; + border-right: green solid 2em; + border-bottom: blue solid 2em; + border-left: yellow solid 2em; + } + ]]></style> + + </head> + + <body> + + <p>This box should have a green border.</p> + + <p>This box should have an identical green border.</p> + + <p id="multi-color">Clockwise from top, the borders should be: PURPLE, GREEN, BLUE, YELLOW.</p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5516-brdr-c-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5516-brdr-c-000.xht new file mode 100644 index 0000000000..a21c5ea39c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5516-brdr-c-000.xht @@ -0,0 +1,28 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-color</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-color"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5516-brdr-c-000-ref.xht" /> + + <style type="text/css"><![CDATA[ + .one {border-color: green; border-style: solid;} + .two {border-color: green; border-width: medium; border-style: solid;} + .three {border-color: purple green blue yellow; border-width: 2em; border-style: solid;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p class="one"> + This box should have a green border. + </p> + <p class="two"> + This box should have an identical green border. + </p> + <p class="three"> + Clockwise from top, the borders should be: PURPLE, GREEN, BLUE, YELLOW. + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5516-ibrdr-c-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5516-ibrdr-c-000-ref.xht new file mode 100644 index 0000000000..4af890e75e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5516-ibrdr-c-000-ref.xht @@ -0,0 +1,42 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {margin: 3em;} + + span + { + border-color: green green green green; + border-style: solid solid solid solid; + border-width: medium medium medium medium; + } + + span#multi-color + { + border-top: purple solid 2em; + border-right: green solid 2em; + border-bottom: blue solid 2em; + border-left: yellow solid 2em; + line-height: 6em; + } + ]]></style> + + </head> + + <body> + + <p><span>This box should have a green border.</span></p> + + <p><span>This box should have a green border.</span></p> + + <p>Clockwise from top, the borders around <span id="multi-color">THIS PHRASE</span> should be: PURPLE, GREEN, BLUE, YELLOW.</p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5516-ibrdr-c-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5516-ibrdr-c-000.xht new file mode 100644 index 0000000000..c2001cb2b5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5516-ibrdr-c-000.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-color</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-color"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5516-ibrdr-c-000-ref.xht" /> + + <style type="text/css"><![CDATA[ + p { margin: 3em; } + .one {border-color: green; border-style: solid;} + .two {border-color: green; border-width: medium; border-style: solid;} + .three {border-color: purple green blue yellow; border-width: 2em; border-style: solid; + line-height: 6em;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p> + <span class="one">This box should have a green border.</span> + </p> + <p> + <span class="two">This box should have a green border.</span> + </p> + <p> + Clockwise from top, the borders around + <span class="three">THIS PHRASE</span> + should be: PURPLE, GREEN, BLUE, YELLOW. + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5517-brdr-s-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5517-brdr-s-000.xht new file mode 100644 index 0000000000..0136e0ecda --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5517-brdr-s-000.xht @@ -0,0 +1,60 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-style</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-style"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p { padding: 1em; } + .one {border-style: dotted; border-color: navy; border-width: thick;} + .two {border-style: dashed; border-color: navy; border-width: thick;} + .three {border-style: solid; border-color: navy; border-width: thick;} + .four {border-style: double; border-color: navy; border-width: thick;} + .five {border-style: groove; border-color: orange; border-width: thick;} + .six {border-style: ridge; border-color: orange; border-width: thick;} + .seven {border-style: inset; border-color: orange; border-width: thick;} + .eight {border-style: outset; border-color: orange; border-width: thick;} + .nine {border-style: double groove; border-color: blue; border-width: thick;} + .ten {border-style: dotted double dashed solid; border-color: blue; border-width: thick;} + .eleven {border-style: none; border-color: red; border-width: thick;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p>The borders below should be as described:</p> + <p class="one"> + Blue and dotted. + </p> + <p class="two"> + Blue and dashed. + </p> + <p class="three"> + Blue and solid. + </p> + <p class="four"> + Blue and double. + </p> + <p class="five"> + Orange and groove. + </p> + <p class="six"> + Orange and ridge. + </p> + <p class="seven"> + Orange and inset. + </p> + <p class="eight"> + Orange and outset. + </p> + <p class="nine"> + Blue and double on top and bottom; Blue and grooved on the left and right. + </p> + <p class="ten"> + Blue borders which are, in clockwise order from top: dotted, double, dashed, solid. + </p> + <p class="eleven"> + This paragraph should have no border at all. + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5517-ibrdr-s-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5517-ibrdr-s-000.xht new file mode 100644 index 0000000000..0c6ab7c399 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5517-ibrdr-s-000.xht @@ -0,0 +1,27 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-style</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-style"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + .one {border-style: dashed; border-color: black; border-width: thick;} + .two {border-style: groove; border-color: orange; border-width: thick;} + .three {border-style: none; border-color: red; border-width: thick;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p>The borders below should be as described:</p> + <p> + <span class="one">Black and dashed.</span> + </p> + <p> + <span class="two">Orange and grooved.</span> + </p> + <p> + <span class="three">No border.</span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5518-brdr-t-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5518-brdr-t-000.xht new file mode 100644 index 0000000000..8196b84ec4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5518-brdr-t-000.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-top</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-top"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p { color: blue; } + .one {border-top: blue double 10px;} + .two {border-top: blue thin solid;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p class="one"> + This paragraph should have two blue lines directly above it. + </p> + <p class="two"> + This paragraph should have a single thin blue line directly above it. + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5518-brdr-t-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5518-brdr-t-001.xht new file mode 100644 index 0000000000..5891bbe812 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5518-brdr-t-001.xht @@ -0,0 +1,53 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-top</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-top"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + body { color: blue; } + td { text-align: center; } + td, span, .three { border-top: blue 2px solid; } + .skip { border-top: none; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p>There should be a solid blue line directly over every occurance of the word "<span>HERE ⇧</span>". (So there should be 7 blue lines on this page.)</p> + <table> + <tr> + <td colspan="2"> + HERE ⇧ + </td> + </tr> + <tr> + <td> + HERE ⇧ + </td> + <td class="skip"> + dummy text + <table> + <tr> + <td> + HERE ⇧ + </td> + </tr> + </table> + </td> + </tr> + </table> + <ul> + <li class="three"> + HERE ⇧ + <ul> + <li>dummy text</li> + <li>dummy text</li> + <li>dummy text</li> + </ul> + </li> + <li class="three">HERE ⇧</li> + <li class="three">HERE ⇧</li> + </ul> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5518-ibrdr-t-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5518-ibrdr-t-000.xht new file mode 100644 index 0000000000..58decc7880 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5518-ibrdr-t-000.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-top</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-top"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p { color: silver; } + span { color: blue; } + .one { border-top: blue double 10px; } + .two { border-top: blue thin solid; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <div>The blue bits of text should be decorated as described.</div> + <p> + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + <span class="one">two blue lines above</span> dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text <span class="two">one thin blue line + above</span> dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text + </p> + <div>(All the lines of text in the block above should be equally spaced.)</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5519-brdr-r-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5519-brdr-r-000.xht new file mode 100644 index 0000000000..3992161b00 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5519-brdr-r-000.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-right</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-right"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p { color: blue; margin-right: 20px; } + span { color: silver; } + .one { border-right: blue double 10px; } + .two { border-right: blue thin solid; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p class="one"> + This paragraph should have two blue lines on its right. ⇨ + <span>dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text</span> + </p> + <p class="two"> + This paragraph should have a thin blue line on its right. ⇨ + <span>dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text</span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5519-brdr-r-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5519-brdr-r-001.xht new file mode 100644 index 0000000000..c7ca9ba235 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5519-brdr-r-001.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-right</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-right"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + body { color: blue; } + .test { font-size: 2em; } + span, td { text-align: right; border-right: blue 2px solid; } + table { border-collapse: separate; border-spacing: 6px; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p>There should be a solid blue line to the right of every occurence of the word "<span class="test">THERE ➙</span>".</p> + <table class="test"> + <tr> + <td colspan="2"> + THERE ➙ + </td> + </tr> + <tr> + <td> + THERE ➙ + </td> + <td> + THERE ➘ + <table> + <tr> + <td> + THERE ➙ + </td> + </tr> + </table> + </td> + </tr> + </table> + <p>There should be 3 short lines and 2 long lines in total.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5519-brdr-r-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5519-brdr-r-002.xht new file mode 100644 index 0000000000..abd726cb23 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5519-brdr-r-002.xht @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-right</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-right"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + body { color: blue; } + ul { margin-right: 25%; } + .threea {border-right: orange medium solid;} + .threeb {border-right: lime medium solid;} + .threec {border-right: yellow medium solid;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p>There should be a solid line to the right of the text below, + having three segments each of a different colour as indicated.</p> + <ul> + <li class="threea">Orange orange... + <ul> + <li>...orange orange... + </li> + <li>...orange orange... + </li> + <li>...orange orange. + </li> + </ul> + </li> + <li class="threeb">Lime.</li> + <li class="threec">Yellow yellow yellow yellow yellow yellow yellow + yellow yellow yellow yellow yellow yellow yellow yellow yellow + yellow yellow yellow yellow yellow yellow yellow yellow yellow + yellow yellow yellow yellow yellow yellow yellow yellow yellow + yellow yellow yellow yellow yellow yellow yellow yellow yellow + yellow yellow yellow yellow yellow yellow yellow yellow yellow + yellow yellow yellow yellow yellow yellow yellow yellow yellow + yellow yellow yellow yellow yellow yellow yellow yellow yellow + yellow yellow yellow yellow yellow yellow yellow yellow yellow + yellow yellow yellow yellow yellow yellow yellow yellow yellow + yellow yellow yellow yellow yellow yellow yellow yellow yellow + yellow yellow yellow yellow yellow yellow yellow yellow.</li> + </ul> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5519-ibrdr-r-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5519-ibrdr-r-000.xht new file mode 100644 index 0000000000..e61ac022a4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5519-ibrdr-r-000.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-right</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-right"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p, span span { color: silver; } + span { color: blue; } + .one { border-right: blue double 10px; } + .two { border-right: blue thin solid; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <div>The blue bits of text should be decorated as described.</div> + <p> + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + <span class="one"><span>dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text</span> two blue lines here: </span> dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text <span class="two">one thin + blue line here: </span> dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text + </p> + <div>(All the lines of text in the block above should be equally spaced.)</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5520-brdr-b-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5520-brdr-b-000.xht new file mode 100644 index 0000000000..031a99e386 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5520-brdr-b-000.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-bottom</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-bottom"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p { color: blue; } + .one {border-bottom: blue double 10px;} + .two {border-bottom: blue thin solid;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p class="one"> + This paragraph should have two blue lines directly under it. + </p> + <p class="two"> + This paragraph should have a single thin blue line directly under it. + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5520-brdr-b-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5520-brdr-b-001.xht new file mode 100644 index 0000000000..273833634a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5520-brdr-b-001.xht @@ -0,0 +1,53 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-bottom</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-bottom"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + body { color: blue; } + td { text-align: center; } + td, span, .three { border-bottom: blue 2px solid; } + .skip { border-bottom: none; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p>There should be a solid blue line directly under every occurrence of the word "<span>HERE ⇩</span>". (So there should be 7 blue lines on this page.)</p> + <table> + <tr> + <td colspan="2"> + HERE ⇩ + </td> + </tr> + <tr> + <td> + HERE ⇩ + </td> + <td class="skip"> + <table> + <tr> + <td> + HERE ⇩ + </td> + </tr> + </table> + dummy text + </td> + </tr> + </table> + <ul> + <li class="three"> + <ul> + <li>dummy text</li> + <li>dummy text</li> + <li>dummy text</li> + </ul> + HERE ⇩ + </li> + <li class="three">HERE ⇩</li> + <li class="three">HERE ⇩</li> + </ul> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5520-ibrdr-b-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5520-ibrdr-b-000.xht new file mode 100644 index 0000000000..fdb2b410d4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5520-ibrdr-b-000.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-bottom</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-bottom"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p { color: silver; } + span { color: blue; } + .one { border-bottom: blue double 10px; } + .two { border-bottom: blue thin solid; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <div>The blue bits of text should be decorated as described.</div> + <p> + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + <span class="one">two blue lines below</span> dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text <span class="two">one thin blue line + below</span> dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text + </p> + <div>(All the lines of text in the block above should be equally spaced.)</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5521-brdr-l-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5521-brdr-l-000.xht new file mode 100644 index 0000000000..b99ae1f3aa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5521-brdr-l-000.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-left</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-left"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p { color: blue; margin-left: 20px; } + span { color: silver; } + .one { border-left: blue double 10px; } + .two { border-left: blue thin solid; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p class="one"> + ⇦ This paragraph should have two blue lines on its left. + <span>dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text</span> + </p> + <p class="two"> + ⇦ This paragraph should have a thin blue line on its left. + <span>dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text</span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5521-brdr-l-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5521-brdr-l-001.xht new file mode 100644 index 0000000000..ae508ddf24 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5521-brdr-l-001.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-left</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-left"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + body { color: blue; } + .test { font-size: 2em; } + span, td { text-align: left; border-left: blue 2px solid; } + table { border-collapse: separate; border-spacing: 6px; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p>There should be a solid blue line to the left of every occurence of the word "<span class="test">⇦THERE</span>".</p> + <table class="test"> + <tr> + <td colspan="2"> + ⇦THERE + </td> + </tr> + <tr> + <td> + ⇦THERE + </td> + <td> + ⇦THERE + <table> + <tr> + <td> + ⇦THERE + </td> + </tr> + </table> + </td> + </tr> + </table> + <p>There should be 3 short lines and 2 long lines in total.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5521-brdr-l-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5521-brdr-l-002.xht new file mode 100644 index 0000000000..14d27dd52e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5521-brdr-l-002.xht @@ -0,0 +1,45 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-left</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-left"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + body { color: blue; } + .threea {border-left: orange medium solid;} + .threeb {border-left: lime medium solid;} + .threec {border-left: yellow medium solid;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p>There should be a solid line to the left of the text below, + having three segments each of a different colour as indicated.</p> + <ul> + <li class="threea">Orange orange... + <ul> + <li>...orange orange... + </li> + <li>...orange orange... + </li> + <li>...orange orange. + </li> + </ul> + </li> + <li class="threeb">Lime.</li> + <li class="threec">Yellow yellow yellow yellow yellow yellow yellow + yellow yellow yellow yellow yellow yellow yellow yellow yellow + yellow yellow yellow yellow yellow yellow yellow yellow yellow + yellow yellow yellow yellow yellow yellow yellow yellow yellow + yellow yellow yellow yellow yellow yellow yellow yellow yellow + yellow yellow yellow yellow yellow yellow yellow yellow yellow + yellow yellow yellow yellow yellow yellow yellow yellow yellow + yellow yellow yellow yellow yellow yellow yellow yellow yellow + yellow yellow yellow yellow yellow yellow yellow yellow yellow + yellow yellow yellow yellow yellow yellow yellow yellow yellow + yellow yellow yellow yellow yellow yellow yellow yellow yellow + yellow yellow yellow yellow yellow yellow yellow yellow.</li> + </ul> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5521-ibrdr-l-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5521-ibrdr-l-000.xht new file mode 100644 index 0000000000..cd427a2b33 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5521-ibrdr-l-000.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border-left</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-left"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p, span span { color: silver; } + span { color: blue; } + .one { border-left: blue double 10px; } + .two { border-left: blue thin solid; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <div>The blue bits of text should be decorated as described.</div> + <p> + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + <span class="one">⇦ two blue lines to the left <span>dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text</span> + </span> dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text <span + class="two">⇦ one thin blue line to the left </span> dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text + </p> + <div>(All the lines of text in the block above should be equally spaced.)</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5522-brdr-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5522-brdr-000.xht new file mode 100644 index 0000000000..17edb10daa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5522-brdr-000.xht @@ -0,0 +1,47 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p { color: blue; padding: 1em; } + .one {border: orange solid;} + .three {border: thick orange outset;} + .four {border: thick orange inset;} + .two {border: 10px orange ridge;} + .six {border: 10px orange double;} + .five {border: 10px red;} + .seven {border: left red solid;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p>The borders should be as described.</p> + <p class="one"> + Orange and solid. + </p> + <p class="three"> + Orange and outset. + </p> + <p class="four"> + Orange and inset. + </p> + <p class="two"> + Orange and ridged. + </p> + <p class="six"> + Orange and double. + </p> + <p class="five"> + No border. + </p> + <p class="seven"> + No border. + </p> + <p> + No border. + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5522-brdr-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5522-brdr-001-ref.xht new file mode 100644 index 0000000000..36480e1557 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5522-brdr-001-ref.xht @@ -0,0 +1,26 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {color: blue;} + + div {margin: 2em;} + ]]></style> + + </head> + + <body> + + <p>There should be no border around the cat:</p> + + <div><img src="support/cat.png" alt="FAIL (image support required)" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5522-brdr-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5522-brdr-001.xht new file mode 100644 index 0000000000..54a4f4f253 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5522-brdr-001.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border</title> + <meta name="flags" content="image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5522-brdr-001-ref.xht" /> + + <style type="text/css"><![CDATA[ + p { color: blue; } + div { margin: 2em; color: red; } + img { border: 0px; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <p> There should be no border around the cat: </p> + <div> <a href="http://test.example.org/"><img src="support/cat.png" alt="FAIL (image support required)" /></a> </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5522-brdr-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5522-brdr-002.xht new file mode 100644 index 0000000000..c78d6aaf61 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5522-brdr-002.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border</title> + + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + + <style type="text/css"><![CDATA[ + body { color: blue; } + td {border: 2px solid blue;} + table { border-collapse: separate; border-spacing: 6px; } + ]]></style> + </head> + <body> + <table> + <tr> + <td colspan="2"> + There should be a blue border around this sentence. + </td> + </tr> + <tr> + <td> + There should be a blue border around this sentence. + </td> + <td> + <table> + <tr> + <td> + There should be <strong><em>two</em> blue borders</strong> around this sentence. + </td> + </tr> + </table> + </td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5522-ibrdr-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5522-ibrdr-000.xht new file mode 100644 index 0000000000..c62165ce8b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5522-ibrdr-000.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: border</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + p { color: silver; } + span { color: blue; } + .one { border: blue double 10px; } + .two { border: blue thin solid; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/> + </head> + <body> + <div>The blue bits of text should be decorated as described.</div> + <p> + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + <span class="one">two blue lines all around this blue text</span> + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text <span class="two">one + blue line all around this blue text</span> dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text dummy text dummy text dummy text dummy text dummy text + dummy text + </p> + <div>(All the lines of text in the block above should be equally spaced.)</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5523-width-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5523-width-000.xht new file mode 100644 index 0000000000..b5c8dc4d15 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5523-width-000.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: width</title> + <meta name="flags" content="image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + div { font-size: 20px; background: url(support/ruler-h-50px.png) bottom left no-repeat; padding-bottom: 40px; } + .one { width: 50px; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" title="10.2 Content width: the 'width' property"/> + </head> + <body> + <p>The square below should be exactly 50 pixels wide on the ruler.</p> + <div><img src="support/swatch-blue.png" class="one" alt="FAIL: Image support required."/></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5523-width-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5523-width-001.xht new file mode 100644 index 0000000000..28ec544d43 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5523-width-001.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: width</title> + <meta name="flags" content="image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + body { background: url(support/ruler-h-50%25.png) bottom center no-repeat; padding: 0 0 40px; } + .one { width: 50%; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" title="10.2 Content width: the 'width' property"/> + </head> + <body> + <p>The square below should be exactly 50% wide on the ruler at the bottom.</p> + <div><img src="support/swatch-blue.png" class="one" alt="FAIL: Image support required."/></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5523-width-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5523-width-002.xht new file mode 100644 index 0000000000..d98ce17b9d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5523-width-002.xht @@ -0,0 +1,45 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: width</title> + <meta name="flags" content="image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#width"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + body { background: url(support/ruler-h-50%25.png) bottom center no-repeat; padding: 0 0 40px; } + div { color: blue; width: 50%; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" title="10.2 Content width: the 'width' property"/> + </head> + <body> + <p>The blue text should not go past the 50% mark on the ruler + below.</p> + <div>a bit of dummy text a bit of dummy text a bit of dummy text a + bit of dummy text a bit of dummy text a bit of dummy text a bit of + dummy text a bit of dummy text a bit of dummy text a bit of dummy + text a bit of dummy text a bit of dummy text a bit of dummy text a + bit of dummy text a bit of dummy text a bit of dummy text a bit of + dummy text a bit of dummy text a bit of dummy text a bit of dummy + text a bit of dummy text a bit of dummy text a bit of dummy text a + bit of dummy text a bit of dummy text a bit of dummy text a bit of + dummy text a bit of dummy text a bit of dummy text a bit of dummy + text a bit of dummy text a bit of dummy text a bit of dummy text a + bit of dummy text a bit of dummy text a bit of dummy text a bit of + dummy text a bit of dummy text a bit of dummy text a bit of dummy + text a bit of dummy text a bit of dummy text a bit of dummy text a + bit of dummy text a bit of dummy text a bit of dummy text a bit of + dummy text a bit of dummy text a bit of dummy text a bit of dummy + text a bit of dummy text a bit of dummy text a bit of dummy text a + bit of dummy text a bit of dummy text a bit of dummy text a bit of + dummy text a bit of dummy text a bit of dummy text a bit of dummy + text a bit of dummy text a bit of dummy text a bit of dummy text a + bit of dummy text a bit of dummy text a bit of dummy text a bit of + dummy text a bit of dummy text a bit of dummy text a bit of dummy + text a bit of dummy text a bit of dummy text a bit of dummy text a + bit of dummy text a bit of dummy text a bit of dummy text a bit of + dummy text a bit of dummy text a bit of dummy text a bit of dummy + text a bit of dummy text a bit of dummy text a bit of dummy + text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5524-height-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5524-height-000.xht new file mode 100644 index 0000000000..28a2b87e52 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5524-height-000.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: height</title> + <meta name="flags" content="image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#height"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + div { font-size: 20px; background: url(support/ruler-v-50px.png) top left no-repeat; padding: 0 0 100px 45px; } + .one { height: 50px; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" title="10.5 Content height: the 'height' property"/> + </head> + <body> + <p>The square below should be exactly 50 pixels high on the ruler.</p> + <div><img src="support/swatch-blue.png" class="one" alt="FAIL: Image support required."/></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5524-height-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5524-height-001.xht new file mode 100644 index 0000000000..e2570dfc38 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5524-height-001.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: height</title> + <meta name="flags" content="image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#height"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + div { font-size: 20px; background: url(support/ruler-v-100px.png) top left no-repeat; padding: 0 0 100px 45px; } + .one { height: 100px; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" title="10.5 Content height: the 'height' property"/> + </head> + <body> + <p>The square below should be exactly 100 pixels high on the ruler.</p> + <div><img src="support/swatch-blue.png" class="one" alt="FAIL: Image support required."/></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5524-height-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5524-height-002.xht new file mode 100644 index 0000000000..d23579dddc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5524-height-002.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: height</title> + <meta name="flags" content="image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#height"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + div { background: url(support/test-outer.png) top left no-repeat; padding: 40px 40px 240px 40px; } + img { height: 200px; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" title="10.4 Minimum and maximum widths: 'min-width' and 'max-width'"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" title="10.5 Content height: the 'height' property"/> + </head> + <body> + <p>The blue rectangle below should be exactly 200 pixels by 120 + pixels on the ruler (and the aqua bars should stick out of the + blue box, with no red present).</p> + <!-- This test sucks. Anyone got any better ideas on how to do this? --> + <div><img src="support/test-inner-half-size.png" class="one" alt="FAIL: Image support required."/></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-flt-l-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-flt-l-000.xht new file mode 100644 index 0000000000..d1d0541024 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5525-flt-l-000.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Floating Elements</title> + <meta name="flags" content="image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <style type="text/css"><![CDATA[ + p { color: navy; } + img { height: 50px; width: 50px; float: left; } + span { color: silver; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/> + </head> + <body> + <p> + <img src="support/square-teal.png" alt="[FAIL: Image support required]"/> + ⇦ This text should flow around the box on the left. + <span>dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text</span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-flt-r-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-flt-r-000.xht new file mode 100644 index 0000000000..e54603932a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5525-flt-r-000.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: float</title> + <meta name="flags" content="image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <style type="text/css"><![CDATA[ + p { color: navy; } + img { height: 50px; width: 50px; float: right; } + span { color: silver; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/> + </head> + <body> + <p> + <img src="support/square-teal.png" alt="[FAIL: Image support required]"/> + This text should flow around the box on the right. ⇨ + <span>dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text dummy text dummy text dummy text dummy + text dummy text dummy text</span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltblck-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltblck-000-ref.xht new file mode 100644 index 0000000000..4dff98bfb5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltblck-000-ref.xht @@ -0,0 +1,39 @@ +<!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> + + <title>CSS Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + body + { + position: relative; + padding-bottom: 150px; + } + + p {margin: 0;} + + div + { + background-color: green; + height: 91px; + margin: 10px; + position: absolute; + right: 0px; + width: 316px; + } + ]]></style> + + </head> + + <body> + + <p>There should be a green box to the right. ➘</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltblck-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltblck-000.xht new file mode 100644 index 0000000000..f48ff0626e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltblck-000.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: float</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5525-fltblck-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 15px/1 Ahem; background: white url(support/css1test5525cf-0.png) top right no-repeat; height: 10em; } + p { margin: 0; padding: 0; } + .float { float: right; width: 20em; color: green; border: 3px solid green; padding: 5px; margin: 10px; } + .flow { background: white url(support/css1test5525cf-1.png) top right no-repeat; color: white; text-align: right; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" title="10.6.3 Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'"/> + </head> + <body> + <p>There should be a green box to the right. ➘</p> + <div> + <p class="float"> + x x xxxx xx xxxx x x + x xx xx xxxx xx xx x + x xxx xx xx xx xxx x + x xx xx xxxx xx xx x + x x xxxx xx xxxx x x + </p> + <p class="flow"> + x<br/>x<br/>x + </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltblck-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltblck-001.xht new file mode 100644 index 0000000000..36a47a9b85 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltblck-001.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: float</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + .outer { border: solid blue; border-bottom: 6em solid blue; background: navy; color: white; } + .float { float: right; width: 20em; background: teal; color: white; border: none; padding: 1em; margin: 0.5em; } + p { margin: 0; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" title="10.6.3 Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'"/> + </head> + <body> + <div class="outer"> + <div class="float"> + <p> + This teal box should start inside the dark blue box and spill out + onto the blue area below it. + </p> + </div> + <p> + You should see a teal box to the right. ⇨ + </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltcont-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltcont-000.xht new file mode 100644 index 0000000000..2c22a2ba6a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltcont-000.xht @@ -0,0 +1,55 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: float</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-09 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/> + + <meta name="flags" content="image" /> + + <style type="text/css"><![CDATA[ + p { margin: 0; padding: 0; text-align: justify;} + .eight {float: left; width: 25%; color: white; + background: navy url(support/square-purple.png) top right no-repeat; + padding: 0; margin: 0} + .nine {float: right; width: 50%; + background-color: teal; color: aqua; + padding: 0; margin: 0} + span { color: navy; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-root-margin" title="10.6.6 Complicated cases"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/> + </head> + <body> + <div class="eight" style="width: 75%"> + <div class="nine" style="margin-right: 17px"> + <p> + To the right of this teal box there should be a purple square, + tightly squeezed in between the edge of the teal box and the + outside edge of the blue block. ⇨ + </p> + </div> + <p> + Inside this blue block on the right there should be a teal box. ⇨ + <span> + FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL + FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL + FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL + FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL + FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL + FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL + FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL + FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL + FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL + FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL + FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL + FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL + FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL + </span> + </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltinln-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltinln-000-ref.xht new file mode 100644 index 0000000000..b03d6be71c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltinln-000-ref.xht @@ -0,0 +1,32 @@ +<!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> + + <title>CSS Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + border: black solid medium; + height: 45px; + margin: 15px; + width: 90px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are <strong>2 identical filled green rectangles with a black border</strong>.</p> + + <div></div> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltinln-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltinln-000.xht new file mode 100644 index 0000000000..47320f4021 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltinln-000.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: float</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5525-fltinln-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { border: solid black; font: 15px/1 Ahem; width: 6em; margin: 1em; color: green; } + span { float: left; font-size: 200%; width: 1.5em; } + .a { background: red url(support/css1test5525ce-1.png) no-repeat; } + .b { background: red url(support/css1test5525ce-2.png) no-repeat; } + .b span { background-color: green; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/> + </head> + <body> + <p>Test passes if there are <strong>2 identical filled green rectangles with a black border</strong>.</p> + <div class="a"> + <span>X</span> x x xx x x + </div> + <div class="b"> + <span>X</span> x x xx x x + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltmrgn-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltmrgn-000-ref.xht new file mode 100644 index 0000000000..48578f51d1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltmrgn-000-ref.xht @@ -0,0 +1,29 @@ +<!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> + + <title>CSS Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + border: black solid medium; + height: 555px; + width: 120px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a tall filled green rectangle with a black border and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltmrgn-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltmrgn-000.xht new file mode 100644 index 0000000000..bc63cb0333 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltmrgn-000.xht @@ -0,0 +1,59 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: float</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5525-fltmrgn-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { background: red url(support/css1test5525b-0.png) no-repeat; color: green; + font: 15px/1 Ahem; padding: 0; width: 8em; border: solid black; } + img { float: left; color: red; } + .test1 { margin: 1em; background: red url(support/css1test5525b-1.png) no-repeat; } + .test2 { margin: 1em; background: red url(support/css1test5525b-2.png) no-repeat; } + .test2 img { margin-top: 0px; margin-left: 0px; height: 3em; } + .test3 { margin: 1em; background: red url(support/css1test5525b-3.png) no-repeat; } + .test3 img { margin-top: 30px; margin-left: 30px; height: 3em; } + .test4 { margin: 3em 1em 1em 3em; background: red url(support/css1test5525b-4.png) no-repeat; } + .test4 img { margin-top: -30px; margin-left: -30px; height: 3em; } + .test5 { margin: 1em; background: red url(support/css1test5525b-5.png) no-repeat; } + .test5 img { margin-right: 30px; margin-bottom: 30px; height: 3em; } + .test6 { margin: 1em; background: red url(support/css1test5525b-6.png) no-repeat; } + .test6 img { margin-right: -30px; margin-bottom: -30px; } /* has right height */ + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/> + </head> + <body> + <p>Test passes if there is a tall filled green rectangle with a black border and <strong>no red</strong>.</p> + <div> + <p class="test1"> + x x x xx x x x + </p> + <p class="test2"> + <img src="support/swatch-green.png" alt="FAIL" /> + x x x xx x x x + </p> + <p class="test3"> + <img src="support/swatch-green.png" alt="FAIL" /> + x x x xx x x x + </p> + <p class="test4"> + <img src="support/swatch-green.png" alt="FAIL" /> + x x x xx x x x + </p> + <p class="test5"> + <img src="support/swatch-green.png" alt="FAIL" /> + x x x xx x x x + </p> + <p class="test6"> + <img src="support/pattern-grg-rrg-rgg.png" alt="FAIL" /> + x x x xx x x x + </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltmult-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltmult-000-ref.xht new file mode 100644 index 0000000000..108a211988 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltmult-000-ref.xht @@ -0,0 +1,75 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + table + { + border-spacing: 20px 0px; + margin: 10px 0px 10px -20px; + } + + table#top {padding: 10px 0px 0px;} + + table#top td + { + border: black solid 20px; + padding: 36px 0px; + text-align: center; + width: 100px; + } + + table#bottom td + { + border-left: black solid 20px; + border-right: black solid 20px; + padding: 0px; + width: 100px; + } + + .black {background-color: black;} + + .yellow {background-color: yellow;} + + .blue + { + background-color: blue; + color: white; + } + + .silver {background-color: silver;} + + .green + { + background-color: green; + color: white; + } + ]]></style> + + </head> + + <body> + + <p>Below you should see four blocks side by side followed by a + matching cross section of the four blocks.</p> + + <table id="top"> + <tr> + <td class="yellow">Yellow</td> <td class="blue">Blue</td> <td class="silver">Silver</td> <td class="green">Green</td> + </tr> + </table> + + <table id="bottom"> + <tr> + <td class="yellow"> </td> <td class="blue"> </td> <td class="silver"> </td> <td class="green"> </td> + </tr> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltmult-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltmult-000.xht new file mode 100644 index 0000000000..2faf77aefd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltmult-000.xht @@ -0,0 +1,107 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: float</title> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/> + <link rel="match" href="c5525-fltmult-000-ref.xht" /> + + <meta name="flags" content="image" /> + + <style type="text/css"><![CDATA[ + div.yellow, div.blue, div.silver, div.green { + width: 60px; padding: 20px; margin: 10px; + border: 20px solid black; float: left; text-align: center; + } + div.yellow {margin-left: 0px; background: yellow; color: black;} + div.blue {background: blue; color: white;} + div.silver {background: silver; color: black;} + div.green {background: green; color: white;} + div.below {clear: both;} + table {border-spacing: 0px; margin: 10px 0px; table-layout: fixed;} + td {padding: 0px; width: 20px;} + td.onehundred {width: 100px;} + ]]></style> + </head> + <body> + <p class="a"> + Below you should see four blocks side by side followed by a + matching cross section of the four blocks. + </p> + <div class="yellow"> + <p> + Yellow + </p> + </div> + <div class="blue"> + <p> + Blue + </p> + </div> + <div class="silver"> + <p> + Silver + </p> + </div> + <div class="green"> + <p> + Green + </p> + </div> + <div class="below"> + <table> + <tr> + <td style="background: black"> + + </td> + <td class="onehundred" style="background: yellow"> + + </td> + <td style="background: black"> + + </td> + <td style="background: white"> + + </td> + <td style="background: black"> + + </td> + <td class="onehundred" style="background: blue"> + + </td> + <td style="background: black"> + + </td> + <td style="background: white"> + + </td> + <td style="background: black"> + + </td> + <td class="onehundred" style="background: silver"> + + </td> + <td style="background: black"> + + </td> + <td style="background: white"> + + </td> + <td style="background: black"> + + </td> + <td class="onehundred" style="background: green"> + + </td> + <td style="background: black"> + + </td> + </tr> + </table> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-000.xht new file mode 100644 index 0000000000..1c22534f56 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-000.xht @@ -0,0 +1,54 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: float</title> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" title="10.2 Content width: the 'width' property"/> + + <meta name="flags" content="image" /> + + <style type="text/css"><![CDATA[ + p { font-size: 2em; margin: 1em; } + div { text-align: justify; } + p.end { text-align: right; } + .float { float: left; width: 50%; background: blue; color: white; font-variant: small-caps; } + .flow { color: silver; background: url(support/ruler-h-50%25.png) bottom center no-repeat; } + ]]></style> + </head> + <body> + <!-- This test sucks. --> + <p>⇩ The following blue box should be exactly half the width + of the viewport, on the left of the 50% ruler mark.</p> + <div class="float"> + ignore this float text ignore this float text ignore this float + text ignore this float text ignore this float text ignore this + float text ignore this float text ignore this float text ignore + this float text ignore this float text ignore this float text + ignore this float text ignore this float text ignore this float + </div> + <div class="flow"> + this is some dummy text this is some dummy text this is some dummy + text this is some dummy text this is some dummy text this is some + dummy text this is some dummy text this is some dummy text this is + some dummy text this is some dummy text this is some dummy text + this is some dummy text this is some dummy text this is some dummy + text this is some dummy text this is some dummy text this is some + dummy text this is some dummy text this is some dummy text this is + some dummy text this is some dummy text this is some dummy text + this is some dummy text this is some dummy text this is some dummy + text this is some dummy text this is some dummy text this is some + dummy text this is some dummy text this is some dummy text this is + some dummy text this is some dummy text this is some dummy text + this is some dummy text this is some dummy text this is some dummy + text this is some dummy text this is some dummy text this is some + dummy text this is some dummy text this is some dummy text this is + some dummy text this is some dummy text + </div> + <p class="end">The above gray text should flow around the blue box. + ⇧</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-001-ref.xht new file mode 100644 index 0000000000..592c3f2432 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-001-ref.xht @@ -0,0 +1,30 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p + { + font-size: 20px; + margin: 0px; + } + + div {font-size: 10px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a small filled green square and <strong>no red</strong>.</p> + + <div><img src="support/swatch-green.png" alt="FAIL: Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-001.xht new file mode 100644 index 0000000000..d875e2f74e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-001.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: float</title> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/> + <link rel="match" href="c5525-fltwidth-001-ref.xht" /> + + <meta name="flags" content="image" /> + + <style type="text/css"><![CDATA[ + div { background: url(support/swatch-red.png) bottom left no-repeat; font-size: 10px; } + div p { float: left; width: 100%; margin: 0; font-size: 2em; } + div img { float: none; color: red; vertical-align: top; } + ]]></style> + </head> + <body> + <div> + <p> + Test passes if there is a small filled green square and <strong>no red</strong>. + </p> + <img src="support/swatch-green.png" alt="FAIL: Image didn't display." /> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-002.xht new file mode 100644 index 0000000000..6d7448d939 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-002.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: float</title> + <meta name="flags" content="image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + div { background: url(support/pattern-tr.png) top center no-repeat; font-size: 10px; } + p { float: left; width: 50%; margin: 0; font-size: 2em; } + img { float: none; color: red; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/> + </head> + <body> + <div> + <p>⇨ To the right, there should be a green square, roughly in the middle of the page horizontally. </p> + <img src="support/swatch-green.png" alt="FAIL" /> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-003-ref.xht new file mode 100644 index 0000000000..4bc665cf97 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-003-ref.xht @@ -0,0 +1,28 @@ +<!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> + + <title>CSS Reftest Reference</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div { + padding-left: 50%; + text-indent: 15px; + background: url(support/swatch-green.png) no-repeat; + } + ]]></style> + + </head> + + <body> + + <div> + ⇦ There should be a green square at the top left of the window. + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-003.xht new file mode 100644 index 0000000000..b1193857a0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-003.xht @@ -0,0 +1,31 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: float</title> + <meta name="flags" content="image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5525-fltwidth-003-ref.xht" /> + + <style type="text/css"><![CDATA[ + .a { background: url(support/pattern-tr.png) center top no-repeat; } + .b { background: url(support/swatch-red.png) left top no-repeat; } + p { margin: 0; float: left; width: 50%; } + img { float: none; color: red; vertical-align: top; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/> + </head> + <body> + <div class="a"> + <div class="b"> + <p style="float: right"> + <img src="support/swatch-white.png" alt="FAIL" /> + ⇦ There should be a green square at the top left of the window. + </p> + <img src="support/swatch-green.png" alt="FAIL" /> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltwrap-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwrap-000.xht new file mode 100644 index 0000000000..c9c10a29f6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwrap-000.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: float</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-09 --> + + <style type="text/css"><![CDATA[ + p { margin: 0; padding: 0; font-size: 3em; } + .eight {float: left; width: 25%; + background-color: #000080; color: white; + padding: 0; margin: 0} + .nine {float: right; width: 25%; + background-color: teal; color: white; + padding: 0; margin: 0} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/> + </head> + <body> + <div class="eight"> + <p> + ⇦ This blue box should be on the left. + </p> + </div> + <div class="nine"> + <p> + This teal box should be on the right. ⇨ + </p> + </div> + <p> + This text should be in between a blue box on the ⇦left and a teal box on the right⇨. + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5526-fltclr-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5526-fltclr-000-ref.xht new file mode 100644 index 0000000000..31d3e446c6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5526-fltclr-000-ref.xht @@ -0,0 +1,29 @@ +<!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> + + <title>CSS Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + border: black solid medium; + height: 645px; + width: 300px; + } + ]]></style> + + </head> + + <body> + + <p>There should be a big green box below.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5526-fltclr-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5526-fltclr-000.xht new file mode 100644 index 0000000000..4402f418a7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5526-fltclr-000.xht @@ -0,0 +1,60 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: clear</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#clear"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c5526-fltclr-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 15px/1 Ahem; color: green; background: red url(support/css1test5526.png) no-repeat; width: 20em; border: solid black; } + p { margin: 1em 0; } + .left {float: left;} + .right {float: right;} + .one {clear: left;} + .two {clear: right;} + .three {clear: both;} + .four {clear: none;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property"/> + </head> + <body> + <p>There should be a big green box below.</p> + <div> + <img src="support/swatch-green.png" height="50" class="left" alt="[Image]" /> + <p> + xxxxx xxxx xxx xx x xx xxx xxxx + xxxxx xxxx xxx xx x xx xxx xxxx + xxxxx xxxx xxx xx x xx xxx xxxx + </p> + <img src="support/swatch-green.png" height="50" class="left" alt="[Image]" /> + <p class="one"> + xxxxx xxxx xxx xx x xx xxx xxxx + xxxxx xxxx xxx xx x xx xxx xxxx + </p> + <img src="support/swatch-green.png" height="50" class="right" alt="[Image]" /> + <p class="two"> + xxxxx xxxx xxx xx x xx xxx xxxx + xxxxx xxxx xxx xx x xx xxx xxxx + </p> + <img src="support/swatch-green.png" height="50" class="left" alt="[Image]" /> + <img src="support/swatch-green.png" height="50" class="right" alt="[Image]" /> + <p class="three"> + xxxxx xxxx xxx xx x xx xxx xxxx + xxxxx xxxx xxx xx x xx xxx xxxx + </p> + <img src="support/swatch-green.png" height="50" class="left" alt="[Image]" /> + <img src="support/swatch-green.png" height="50" class="right" alt="[Image]" /> + <p class="four"> + xxxxx xxxx xxx xx x xx xxx xxxx + xxxxx xxxx xxx xx x xx xxx xxxx + xxxxx xxxx xxx xx x xx xxx xxxx + xxxxx xxxx xxx xx x xx xxx xxxx + </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5526-flthw-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5526-flthw-000-ref.xht new file mode 100644 index 0000000000..b090844635 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5526-flthw-000-ref.xht @@ -0,0 +1,23 @@ +<!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> + + <title>CSS Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div {line-height: 3px;} + ]]></style> + + </head> + + <body> + + <p>There should be a complete unbroken drawing of a yin-yang (☯) symbol below.</p> + + <div><img src="support/test-tl.png" alt="Image download support must be enabled" /><img src="support/test-tr.png" alt="Image download support must be enabled" /><br /><img src="support/test-bl.png" alt="Image download support must be enabled" /><img src="support/test-br.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c5526-flthw-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5526-flthw-000.xht new file mode 100644 index 0000000000..83d3bbf937 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5526-flthw-000.xht @@ -0,0 +1,27 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: clear</title> + <meta name="flags" content="image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#clear"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + div.menua, div.menub { float: left; clear: left; width: 100px; height: 100px } + div.menua { background: url(support/test-tl.png); } + div.menub { background: url(support/test-bl.png); } + div.article { margin-left: 100px; background: url(support/test-tr.png) no-repeat; clear: none; height: 200px; } + div.outer { background: url(support/test-br.png) no-repeat 100px 100px; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/> + </head> + <body> + <p>There should be a complete unbroken drawing of a yin-yang (☯) symbol below.</p> + <div class="outer"> + <div class="menua"></div> + <div class="menub"></div> + <div class="article"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c5526c-display-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5526c-display-000.xht new file mode 100644 index 0000000000..7aea19a798 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c5526c-display-000.xht @@ -0,0 +1,181 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: display/box/float/clear test</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#clear"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ +html { +font: 10px/1 Verdana, sans-serif; +background-color: blue; +color: white; +} + +body { +margin: 1.5em; +border: .5em solid black; +padding: 0; +width: 48em; +background-color: white; +} + +dl { +margin: 0; +border: 0; +padding: .5em; +} + +dt { +background-color: rgb(204,0,0); +margin: 0; +padding: 1em; +width: 10.638%; /* refers to parent element's width of 47em. = 5em or 50px */ +height: 28em; +border: .5em solid black; +float: left; +} + +dd { +float: right; +margin: 0 0 0 1em; +border: 1em solid black; +padding: 1em; +width: 34em; +height: 27em; +} + +ul { +margin: 0; +border: 0; +padding: 0; +} + +li { +display: block; /* i.e., suppress marker */ +color: black; +height: 9em; +width: 5em; +margin: 0; +border: .5em solid black; +padding: 1em; +float: left; +background-color: #FC0; +} + +#bar { +background-color: black; +color: white; +width: 41.17%; /* = 14em */ +border: 0; +margin: 0 1em; +} + +#baz { +margin: 1em 0; +border: 0; +padding: 1em; +width: 10em; +height: 10em; +background-color: black; +color: white; +} + +form { +margin: 0; +display: inline; +} + +p { +margin: 0; +} + +form p { +line-height: 1.9; +} + +blockquote { +margin: 1em 1em 1em 2em; +border-width: 1em 1.5em 2em .5em; +border-style: solid; +border-color: black; +padding: 1em 0; +width: 5em; +height: 9em; +float: left; +background-color: #FC0; +color: black; +} + +address { +font-style: normal; +} + +h1 { +background-color: black; +color: white; +float: left; +margin: 1em 0; +border: 0; +padding: 1em; +width: 10em; +height: 10em; +font-weight: normal; +font-size: 1em; +} + +.a { color: #999999; } +.b { color: #cc0000; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html" title="9 Visual formatting model"/> + </head> + <body> + <dl> + <dt> + toggle + </dt> + <dd> + <ul> + <li> + the way + </li> + <li id="bar"> + <p> + the world ends + </p> + <form action="./" method="get"> + <p> + bang + <input type="radio" name="foo" value="off"/> + </p> + <p> + whimper + <input type="radio" name="foo2" value="on"/> + </p> + </form> + </li> + <li> + i grow old + </li> + <li id="baz"> + pluot? + </li> + </ul> + <blockquote> + <address> + bar maids, + </address> + </blockquote> + <h1> + sing to me, erbarme dich + </h1> + </dd> + </dl> + <p style="color: black; font-size: 1em; line-height: 1.3em; clear: both"> + This is a nonsensical document, but syntactically valid HTML 4.0. All 100%-conformant CSS1 agents should be able to render the document elements above this paragraph indistinguishably (to the pixel) from this + <a class="a" href="support/css1test5526c.png">reference rendering,</a> + (except font rasterization and form widgets). All discrepancies should be traceable to CSS1 implementation shortcomings. + Please <a class="b" href="mailto:public-css-testsuite@w3.org">report any errors</a> you find between the CSS and the reference rendering. + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c561-list-displ-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c561-list-displ-000-ref.xht new file mode 100644 index 0000000000..f72fdac4a9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c561-list-displ-000-ref.xht @@ -0,0 +1,39 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div {color: navy;} + ]]> + </style> + + </head> + + <body> + + <p>There should be eight numbered lines stacked below, each starting with the stated line number.</p> + + <div>1. Line one.</div> + + <div>2. Line two.</div> + + <div>3. Line three.</div> + + <div>4. Line four.</div> + + <div>5. Line five.</div> + + <div>6. Line six.</div> + + <div>7. Line seven.</div> + + <div>8. Line eight.</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c561-list-displ-000.xht b/testing/web-platform/tests/css/CSS2/css1/c561-list-displ-000.xht new file mode 100644 index 0000000000..5193beff75 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c561-list-displ-000.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: display</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#display"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c561-list-displ-000-ref.xht" /> + + <style type="text/css"><![CDATA[ + div { color: navy; white-space: nowrap; } + .one {display: block;} + .two {display: inline;} + .three {display: list-item; list-style-type: decimal; list-style-position: inside;} + .four {display: none; color: yellow; background: red;} + a {display: block;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#lists" title="12.5 Lists"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" title="9.2.4 The 'display' property"/> + </head> + <body> + <p>There should be eight numbered lines stacked below, each + starting with the stated line number. </p> + <div class="three">Line one. </div> + <div class="one"> 2. Line two. </div> + <div class="two"> 3. Line </div> + <div class="two"> three. </div> + <div> 4. Line four. </div> + <div class="four"> FAIL: This text should not appear. </div> + <div> 5. Line five. <span class="four">FAIL: This text should not appear.</span> </div> + <div> 6. Line six. <a>7. Line seven.</a> 8. Line eight. </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c562-white-sp-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c562-white-sp-000-ref.xht new file mode 100644 index 0000000000..7406385840 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c562-white-sp-000-ref.xht @@ -0,0 +1,31 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + border: black solid 3px; + height: 90px; + width: 225px; + } + ]]> + </style> + + </head> + + <body> + + <p>There should be a single green block below.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/c562-white-sp-000.xht b/testing/web-platform/tests/css/CSS2/css1/c562-white-sp-000.xht new file mode 100644 index 0000000000..da9159ce9a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c562-white-sp-000.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: white-space</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#white-space"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c562-white-sp-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { font: 15px/1 Ahem; color: green; background: red url(support/css1test562.png) no-repeat; border: solid black; width: 15em; } + div p { margin: 0; } + .one {white-space: pre;} + .two {white-space: nowrap;} + .three {white-space: normal;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" title="16.6 Whitespace: the 'white-space' property"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/> + </head> + <body> + <p>There should be a single green block below.</p> + <div> + <p class="one">x x x + x x x + x x</p> + <p class="two">x x x + x x x + x x</p> + <p class="one">x x x + x <span class="three">x x + x x</span></p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c563-list-type-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c563-list-type-000-ref.xht new file mode 100644 index 0000000000..91112b6229 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c563-list-type-000-ref.xht @@ -0,0 +1,49 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + body {color: navy;} + + div + { + display: list-item; + margin-left: 2.5em; + } + + div.circ {list-style-type: circle;} + + div.squa {list-style-type: square;} + + div#first {margin-top: 1em;} + ]]> + </style> + + </head> + + <body> + + <p>Each bullet should look as described, and there should be no red present.</p> + + <ul> + <li>disc</li> + <li>disc</li> + <li>disc</li> + </ul> + + <div class="circ">circle</div> + <div class="circ">circle</div> + <div class="circ">circle</div> + + <div id="first" class="squa">square</div> + <div class="squa">square</div> + <div class="squa">square</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c563-list-type-000.xht b/testing/web-platform/tests/css/CSS2/css1/c563-list-type-000.xht new file mode 100644 index 0000000000..da7cb33751 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c563-list-type-000.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: list-style-type</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#list-style-type"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c563-list-type-000-ref.xht" /> + + <style type="text/css"><![CDATA[ + body { color: navy; } + .one {list-style-type: disc;} + .two {list-style-type: circle;} + .three {list-style-type: square;} + .nine {list-style-type: none; color: red;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#lists" title="12.5 Lists"/> + </head> + <body> + <p>Each bullet should look as described, and there should be no red present.</p> + <ul class="one"> + <li>disc</li> + <li>disc</li> + <li>disc</li> + </ul> + <ul class="two"> + <li>circle</li> + <li>circle</li> + <li>circle</li> + </ul> + <ul class="three"> + <li>square</li> + <li>square</li> + <li>square</li> + </ul> + <ul class="nine"> + <li> </li> + <li> </li> + <li> </li> + </ul> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c563-list-type-001.xht b/testing/web-platform/tests/css/CSS2/css1/c563-list-type-001.xht new file mode 100644 index 0000000000..5f7a4ddecb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c563-list-type-001.xht @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: list-style-type</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#list-style-type"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + body { color: navy; } + .four {list-style-type: lower-roman;} + .five {list-style-type: upper-roman;} + .six {list-style-type: lower-alpha;} + .seven {list-style-type: upper-alpha;} + .eight {list-style-type: decimal;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#lists" title="12.5 Lists"/> + </head> + <body> + <p>The two columns should look the same, except for alignment.</p> + <ol class="four"> + <li>i.</li> + <li>ii.</li> + <li>iii.</li> + </ol> + <ol class="five"> + <li>I.</li> + <li>II.</li> + <li>III.</li> + </ol> + <ol class="six"> + <li>a.</li> + <li>b.</li> + <li>c.</li> + </ol> + <ol class="seven"> + <li>A.</li> + <li>B.</li> + <li>C.</li> + </ol> + <ol class="seven"> + <li>A.</li> + <li>B.</li> + <li class="eight">3.</li> + </ol> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c564-list-img-000.xht b/testing/web-platform/tests/css/CSS2/css1/c564-list-img-000.xht new file mode 100644 index 0000000000..f78901fa88 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c564-list-img-000.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: list-style-image</title> + <meta name="flags" content="image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#list-style-image"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + body { color: navy; } + .one {list-style-image: url(support/square-purple.png);} + .two {list-style-image: none;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#lists" title="12.5 Lists"/> + </head> + <body> + <p>Each bullet should look as described.</p> + <ul class="one"> + <li>purple square</li> + <li>purple square</li> + <li>purple square</li> + </ul> + <ul class="two"> + <li>disc</li> + <li>disc</li> + <li>disc</li> + </ul> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c565-list-pos-000.xht b/testing/web-platform/tests/css/CSS2/css1/c565-list-pos-000.xht new file mode 100644 index 0000000000..5233b3e7d0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c565-list-pos-000.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: list-style-position</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#list-style-position"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <meta name="assert" content="The marker box is outside the principal block box."/> + <style type="text/css"><![CDATA[ + li { + width: 10em; + margin: 0.5em 5em; + padding: 0; + list-style-position: outside; + background: navy; + color: blue; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#lists" title="12.5 Lists"/> + </head> + <body> + <p>There must be a navy rectangle below, preceded by a blue bullet.</p> + <ul> + <li> </li> + </ul> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c565-list-pos-001.xht b/testing/web-platform/tests/css/CSS2/css1/c565-list-pos-001.xht new file mode 100644 index 0000000000..ca94b43155 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c565-list-pos-001.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: list-style-position</title> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#list-style-position"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <meta name="assert" content="The marker box is inside the principal block box."/> + <style type="text/css"><![CDATA[ + li { + width: 10em; + margin: 0.5em 5em; + padding: 0; + list-style-position: inside; + background: navy; + color: white; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#lists" title="12.5 Lists"/> + </head> + <body> + <p>There must be a navy rectangle below, with a white bullet inside.</p> + <ul> + <li> </li> + </ul> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c566-list-stl-001.xht b/testing/web-platform/tests/css/CSS2/css1/c566-list-stl-001.xht new file mode 100644 index 0000000000..acfb0ff96a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c566-list-stl-001.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: list-style</title> + <meta name="flags" content="image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#list-style"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <style type="text/css"><![CDATA[ + ul { list-style: url(support/swatch-green.png) square outside; + margin: 3em; padding: 15px; color: red; } + li { margin: 0; padding: 0.1em 4em; border: solid blue; } + img { margin: 0 0 0 15px; } + span { color: black; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#lists" title="12.5 Lists"/> + </head> + <body> + <ul class="two"> + <li><span>⇦ There should be a green square to the left <em>outside this blue box</em>, and no red.</span></li> + </ul> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c61-ex-len-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c61-ex-len-000-ref.xht new file mode 100644 index 0000000000..7b18a58dd8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c61-ex-len-000-ref.xht @@ -0,0 +1,65 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + margin: 22px auto auto 86px; + + /* + + 16px : table's margin-top + + + 2px : table's default vertical border-spacing + + + 4px : table cell's padding-top + ======== + 22px + + + 80px : table's margin-left + + + 2px : table's default horizontal border-spacing + + + 4px : table cell's padding-left + ======== + 86px + + */ + } + + img {vertical-align: top;} + + img + img {padding-left: 10px;} + + /* + + 4px : first table-cell's padding-right + + + 2px : table's default horizontal border-spacing + + + 4px : second table cell's padding-left + ======= + 10px + + */ + ]]> + </style> + + </head> + + <body> + + <p>Test passes if the 2 small rectangles have the <strong>same height</strong>.</p> + + <div><img src="support/1x1-navy.png" width="40" height="32" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="40" height="32" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c61-ex-len-000.xht b/testing/web-platform/tests/css/CSS2/css1/c61-ex-len-000.xht new file mode 100644 index 0000000000..052d999665 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c61-ex-len-000.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Length Units</title> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#length-units"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" title="4.3.2 Lengths"/> + <link rel="match" href="c61-ex-len-000-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + table { margin: 1em 5em; } + td { padding: 4px; vertical-align: top; } + .control { font: 40px/1 Ahem; color: navy; } + .test { font: 40px/1 Ahem; border-top: 1ex solid navy; width: 1em; } + ]]></style> + </head> + <body> + <p>Test passes if the 2 small rectangles have the <strong>same height</strong>.</p> + <table> + <tr> + <td> + <div class="control"> É </div> + </td> + <td> + <div class="test"> </div> + </td> + </tr> + </table> + +<!-- +Latin capital letter E with acute É É É É +http://htmlhelp.com/reference/html40/entities/latin1.html +--> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c61-rel-len-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c61-rel-len-000-ref.xht new file mode 100644 index 0000000000..8ca1b53bb7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c61-rel-len-000-ref.xht @@ -0,0 +1,31 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 60px; + left: 45px; + position: relative; + width: 15px; + } + ]]></style> + + </head> + + <body> + + <p>There should be a solid vertical bar of green below.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c61-rel-len-000.xht b/testing/web-platform/tests/css/CSS2/css1/c61-rel-len-000.xht new file mode 100644 index 0000000000..85ec103d09 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c61-rel-len-000.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Length Units</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#length-units"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c61-rel-len-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .container { font: 15px/1 Ahem; background: url(support/swatch-red.png) 45px 0 repeat-y; color: green; } + .zero {margin-left: 0;} + .one {margin-left: 3em;} + .two {margin-left: 3.75ex;} + .three {margin-left: 45px;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" title="4.3.2 Lengths"/> + </head> + <body> + <p> There should be a solid vertical bar of green below. </p> + <div class="container"> + <div class="zero">    X </div> + <div class="one"> X </div> + <div class="two"> X </div> + <div class="three"> X </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c62-percent-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c62-percent-000-ref.xht new file mode 100644 index 0000000000..ae9648ff69 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c62-percent-000-ref.xht @@ -0,0 +1,30 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + border: black solid medium; + height: 270px; + width: 180px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green rectangle with a black border and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c62-percent-000.xht b/testing/web-platform/tests/css/CSS2/css1/c62-percent-000.xht new file mode 100644 index 0000000000..bd3ae00542 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c62-percent-000.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Percentage Units</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#percentage-units"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c62-percent-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + p { margin: 1em 0; } + .zero { background: red url(support/css1test62-outer.png) no-repeat; width: 12em; font: 15px/1 Ahem; border: solid black; color: green ; } + .one { margin-left: 25%; margin-right: 25%; background: red url(support/css1test62-inner.png) no-repeat; } + .two { margin-left: 50%; margin-right: 0%; background: red url(support/css1test62-inner.png) no-repeat; } + .three { margin-left: 25%; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#percentage-units" title="4.3.3 Percentages"/> + </head> + <body> + <p>Test passes if there is a filled green rectangle with a black border and <strong>no red</strong>.</p> + <div class="zero"> + <div class="one"> + <p> + x x x x x x x x x x x x x x x + </p> + </div> + <div class="two"> + <p> + x x x x x x x x x x x x x x x + </p> + </div> + <p class="three"> + x x x x x x x x x x x x x x x x x x x x + </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c63-color-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c63-color-000-ref.xht new file mode 100644 index 0000000000..1cb42e3641 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c63-color-000-ref.xht @@ -0,0 +1,30 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p, div {color: blue;} + + img {vertical-align: bottom;} + ]]></style> + + </head> + + <body> + + <p>There should be three solid bars of colour below, each longer than the last, each of the colour specified.</p> + + <div>Blue: <img src="support/swatch-blue.png" alt="FAIL"/><img src="support/swatch-blue.png" alt="FAIL"/><img src="support/swatch-blue.png" alt="FAIL"/></div> + + <div>Orange: <img src="support/swatch-orange.png" alt="FAIL"/><img src="support/swatch-orange.png" alt="FAIL"/><img src="support/swatch-orange.png" alt="FAIL"/><img src="support/swatch-orange.png" alt="FAIL"/><img src="support/swatch-orange.png" alt="FAIL"/></div> + + <div>Lime: <img src="support/swatch-lime.png" alt="FAIL"/><img src="support/swatch-lime.png" alt="FAIL"/><img src="support/swatch-lime.png" alt="FAIL"/><img src="support/swatch-lime.png" alt="FAIL"/><img src="support/swatch-lime.png" alt="FAIL"/><img src="support/swatch-lime.png" alt="FAIL"/><img src="support/swatch-lime.png" alt="FAIL"/><img src="support/swatch-lime.png" alt="FAIL"/><img src="support/swatch-lime.png" alt="FAIL"/><img src="support/swatch-lime.png" alt="FAIL"/><img src="support/swatch-lime.png" alt="FAIL"/><img src="support/swatch-lime.png" alt="FAIL"/><img src="support/swatch-lime.png" alt="FAIL"/></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c63-color-000.xht b/testing/web-platform/tests/css/CSS2/css1/c63-color-000.xht new file mode 100644 index 0000000000..3286b1193d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c63-color-000.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Color Units</title> + <meta name="flags" content="ahem image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#color-units"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c63-color-000-ref.xht" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + body {color: blue;} + span {vertical-align: bottom; font: 15px/1 Ahem;} + img {vertical-align: bottom; color: red;} + .one {color: #0f0;} + .two {color: #00ff00;} + .three {color: rgb(0,255,0);} + .four {color: rgb(0%,100%,0%);} + .five {color: rgb(0.0%,100.0%,0.0%);} + .six {color: lime;} + .seven {color: invalidValue;} + .eight {color: rgb(1280,165,0);} + .nine {color: rgb(255,165,0);} + .ten {color: rgb(100%,64.7%,-500%);} + .eleven {color: rgb(100%,64.7%,0%);} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#color-units" title="4.3.6 Colors"/> + </head> + <body> + <p>There should be three solid bars of colour below, each longer than the last, each of the colour specified.</p> + <div> + Blue: <span>X</span><span class="seven">X</span><img src="support/swatch-blue.png" alt="FAIL"/> + </div> + <div> + Orange: <span class="eight">X</span><span class="nine">X</span><span class="ten">X</span><span class="eleven">X</span><img src="support/swatch-orange.png" alt="FAIL"/> + </div> + <div> + Lime: <span class="one">X</span><span class="two">X</span><span class="three">X</span><span class="four">X</span><span class="five">X</span><span class="six">X</span><span style="color: #0f0;">X</span><span style="color: #00ff00;">X</span><span style="color: rgb(0,255,0);">X</span><span style="color: rgb(0%,100%,0%);">X</span><span style="color: rgb(0.0%,100.0%,0.0%);">X</span><span style="color: lime;">X</span><img src="support/swatch-lime.png" alt="FAIL"/> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c64-uri-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c64-uri-000-ref.xht new file mode 100644 index 0000000000..e7d8f606d0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c64-uri-000-ref.xht @@ -0,0 +1,33 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + color: white; + margin: 1em 0; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 3 sentences with a green background.</p> + + <div>This sentence should have a green background.</div> + + <div>This sentence should have a green background.</div> + + <div>This sentence should have a green background.</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c64-uri-000.xht b/testing/web-platform/tests/css/CSS2/css1/c64-uri-000.xht new file mode 100644 index 0000000000..334c7bff05 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c64-uri-000.xht @@ -0,0 +1,27 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: URLs</title> + <meta name="flags" content="image" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#url"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="stylesheet" href="support/css1test64a.css"/> + <link rel="match" href="c64-uri-000-ref.xht" /> + + <style type="text/css"><![CDATA[ + @import url(support/css1test64b.css); + p.zero {background: red url(support/swatch-green.png);color:white;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#uri" title="4.3.4 URLs and URIs"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#at-import" title="6.3 The @import rule"/> + <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#at-import"/> + <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#at-import"/> + </head> + <body> + <p>Test passes if there are 3 sentences with a green background.</p> + <p class="zero"> This sentence should have a green background. </p> + <p class="one"> This sentence should have a green background. </p> + <p class="two"> This sentence should have a green background. </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-000-ref.xht new file mode 100644 index 0000000000..f50771c749 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-000-ref.xht @@ -0,0 +1,38 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {color: green;} + ]]></style> + + </head> + + <body> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-000.xht b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-000.xht new file mode 100644 index 0000000000..a3b69ed68e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-000.xht @@ -0,0 +1,58 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Forward-Compatible Parsing</title> + <meta name="flags" content="invalid" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#forward-compatible-parsing"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c71-fwd-parsing-000-ref.xht" /> + + <style type="text/css"><![CDATA[ + p.one {color: green; rotation: 70deg;} + p.oneb {color: green;} + p.oneb {color: invalidValue;} + div.twopc { background: white url(support/swatch-red.png); color: green; } + p.two {background-color: inherit;} + p.eight {COLOR: GREEN;} + p.twentya {rotation-code: "}"; color: green;} + p.twentyb {rotation-code: "\"}\""; color: green;} + p.twentyonea {rotation-code: '}'; color: green;} + p.twentyoneb {rotation-code: '\'}\''; color: green;} + p.twentytwo { + type-display: @threedee {rotation-code: '}';}; + color: green; + } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" title="4.2 Rules for handling parsing errors"/> + </head> + <body> + <p class="one"> + This sentence should be green. + </p> + <p class="oneb"> + This sentence should be green. + </p> + <div class="twopc"><p class="two"> + This sentence should be green. + </p></div> + <p class="eight"> + This sentence should be green. + </p> + <p class="twentya"> + This sentence should be green. + </p> + <p class="twentyb"> + This sentence should be green. + </p> + <p class="twentyonea"> + This sentence should be green. + </p> + <p class="twentyoneb"> + This sentence should be green. + </p> + <p class="twentytwo"> + This sentence should be green. + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-001-ref.xht new file mode 100644 index 0000000000..da6bb19ae7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-001-ref.xht @@ -0,0 +1,36 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p, div { color: navy; } + + div + { + border: navy solid medium; + margin: 1em 0; + } + ]]></style> + + </head> + + <body> + + <p>The next four blocks should look identical, to the pixel.</p> + + <div>Text sample</div> + + <div>Text sample</div> + + <div>Text sample</div> + + <div>Text sample</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-001.xht b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-001.xht new file mode 100644 index 0000000000..69d32ec1fb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-001.xht @@ -0,0 +1,27 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Forward-Compatible Parsing</title> + <meta name="flags" content="invalid" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#forward-compatible-parsing"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c71-fwd-parsing-001-ref.xht" /> + + <style type="text/css"><![CDATA[ + body { color: navy; } + p.sixa {border-width: medium; border-style: solid;} + p.sixb {border-width: funny; border-style: solid;} + p.sixc {border-width: 50zu; border-style: solid;} + p.sixd {border-width: px; border-style: solid;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" title="4.2 Rules for handling parsing errors"/> + </head> + <body> + <p>The next four blocks should look identical, to the pixel.</p> + <p class="sixa">Text sample</p> + <p class="sixb">Text sample</p> + <p class="sixc">Text sample</p> + <p class="sixd">Text sample</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-002-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-002-ref.xht new file mode 100644 index 0000000000..eee3d5faa5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-002-ref.xht @@ -0,0 +1,57 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p, li, address {color: green;} + p#offset-left {padding-left: 48px;} + ]]></style> + + </head> + + <body> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + <ol> + <li>This sentence should be green.</li> + </ol> + + <p>This sentence should be green.</p> + + <ul> + <li>This sentence should be green.</li> + </ul> + + <blockquote><p>This sentence should be green.</p></blockquote> + + <p>This sentence should be green.</p> + + <address>This sentence should be green.</address> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + <p>This sentence should be green.</p> + + <p id="offset-left">This sentence should be green.</p> + + <p>This sentence should be green.</p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-002.xht b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-002.xht new file mode 100644 index 0000000000..2384613e33 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-002.xht @@ -0,0 +1,91 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Forward-Compatible Parsing</title> + <meta name="flags" content="invalid" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#forward-compatible-parsing"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c71-fwd-parsing-002-ref.xht" /> + + <style type="text/css"><![CDATA[ + body { color: green; } + h1 + p.three {color: red;} + p.four + h1 {color: red;} + p.five {background-color: "red";} + @three-dee { + @background-lighting { + azimuth: 30deg; + elevation: 190deg; + } + p.seven { color: red } + } + ol:wait {color:red;} + p.ten:first-child {color: red;} + ul:lang(fr) {color:red;} + blockquote[href] {color: red;} + acronym[href="foo"] {color: red;} + address[href~="foo"] {color: red;} + span[lang|="fr"] {color: #f00;} + @media tty { + h1 {color: red;} + p.sixteen {color: red;} + } + @three-dee { + p.seventeen {color: red } + } + // UL.nineteenb, + p.nineteenb {color: red;} + p.twentythree {text-indent: 0.5in;} + color: red + p.twentyfour {color: red;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" title="4.2 Rules for handling parsing errors"/> + </head> + <body> + <p class="three"> + This sentence should be green. + </p> + <p class="four"> + This sentence should be green. + </p> + <p class="five"> + This sentence should be green. + </p> + <p class="seven"> This sentence should be green. </p> + <ol> + <li> This sentence should be green. </li> + </ol> + <p class="ten"> This sentence should be green. </p> + <ul> + <li> This sentence should be green. </li> + </ul> + <blockquote> + <p> This sentence should be green. </p> + </blockquote> + <p> + <acronym> This sentence should be green. </acronym> + </p> + <address> + This sentence should be green. + </address> + <p> + <span>This sentence should be green.</span> + </p> + <p class="sixteen"> + This sentence should be green. + </p> + <p class="seventeen"> + This sentence should be green. + </p> + <p class="nineteenb"> + This sentence should be green. + </p> + <p class="twentythree"> + This sentence should be green. + </p> + <p class="twentyfour"> + This sentence should be green. + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-003-ref.xht new file mode 100644 index 0000000000..e38904eda6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-003-ref.xht @@ -0,0 +1,28 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {color: navy;} + ]]></style> + + </head> + + <body> + + <p>These four lines should look identical, to the pixel.</p> + + <p>These four lines should look identical, to the pixel.</p> + + <p>These four lines should look identical, to the pixel.</p> + + <p>These four lines should look identical, to the pixel.</p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-003.xht b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-003.xht new file mode 100644 index 0000000000..9d6a3e7b3e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-003.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Forward-Compatible Parsing</title> + <meta name="flags" content="invalid" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#forward-compatible-parsing"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c71-fwd-parsing-003-ref.xht" /> + + <style type="text/css"><![CDATA[ + body { color: navy; } + p.eighteena {text-decoration: underline overline line-through diagonal; + font: bold highlighted 100% sans-serif;} + p.eighteenb {text-decoration: underline overline line-through diagonal; + font: bold highlighted 100% serif;} + em, p.nineteena ! em, strong {font-size: 200%; } + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" title="4.2 Rules for handling parsing errors"/> + </head> + <body> + <p>These four lines should look identical, to the pixel.</p> + <p class="eighteena"> + These four lines should look identical, to the pixel. + </p> + <p class="eighteenb"> + These four lines should look identical, to the pixel. + </p> + <p class="nineteena"> + These four lines should look identical, to the pixel. + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-004-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-004-ref.xht new file mode 100644 index 0000000000..d64b24a5c3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-004-ref.xht @@ -0,0 +1,26 @@ +<!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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p + { + background-color: lime; + padding-left: 0.5in; + } + ]]></style> + + </head> + + <body> + + <p>This sentence should have a bright green background.</p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-004.xht b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-004.xht new file mode 100644 index 0000000000..ce65e30c6f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-004.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Forward-Compatible Parsing</title> + <meta name="flags" content="invalid" /> + <link rel="help" href="http://www.w3.org/TR/REC-CSS1#forward-compatible-parsing"/> + <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="match" href="c71-fwd-parsing-004-ref.xht" /> + + <style type="text/css"><![CDATA[ + p.twentythree {text-indent: 0.5in;background:lime} + color: red + p.twentyfour {color: red;} + ]]></style> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" title="4.2 Rules for handling parsing errors"/> + </head> + <body> + <p class="twentythree"> + This sentence should have a bright green background. + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/css1/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/css1/support/1x1-green.png Binary files differnew file mode 100644 index 0000000000..b98ca0ba0a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/1x1-green.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/css1/support/1x1-lime.png Binary files differnew file mode 100644 index 0000000000..cb397fb090 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/1x1-lime.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/css1/support/1x1-maroon.png Binary files differnew file mode 100644 index 0000000000..3f86b07219 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/1x1-maroon.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/css1/support/1x1-navy.png Binary files differnew file mode 100644 index 0000000000..9b9a03955b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/1x1-navy.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/css1/support/1x1-red.png Binary files differnew file mode 100644 index 0000000000..6bd73ac101 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/1x1-red.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/css1/support/1x1-white.png Binary files differnew file mode 100644 index 0000000000..dd43faec54 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/1x1-white.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/LOCK b/testing/web-platform/tests/css/CSS2/css1/support/LOCK new file mode 100644 index 0000000000..e69de29bb2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/LOCK diff --git a/testing/web-platform/tests/css/CSS2/css1/support/README b/testing/web-platform/tests/css/CSS2/css1/support/README new file mode 100644 index 0000000000..69d1737bea --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/README @@ -0,0 +1,29 @@ +CSS Global Support Directory +============================ + +This directory contains common support files (such as images and external +style sheets). These are sync'ed into the support directories of all our +test suites. If you have test-suite-specific support files, please add +them to the appropriate test-suite-specific support/ directory. + +If you add to a support/ directory, please run the tools/supportprop.py +script from the top of the repository to cascade support files into the +lower-level support directories. + +Description of the Common Support File Collection +------------------------------------------------- + +The 1x1-* images are all exactly one pixel. + +The swatch-* images all use 15x15 cells. + +The square-* images all use 15x15 cells with one pixel borders. + +The pattern-* images use cells of various sizes: + + pattern-gg-gr.png 20x20 + pattern-grg-rgr-grg.png 20x20 + pattern-rgr-grg-rgr.png 20x20 + pattern-tr.png 15x15 + pattern-grg-rrg-rgg.png 15x15 + diff --git a/testing/web-platform/tests/css/CSS2/css1/support/a-green.css b/testing/web-platform/tests/css/CSS2/css1/support/a-green.css new file mode 100644 index 0000000000..b0dbb071d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/a-green.css @@ -0,0 +1 @@ +.a { color: green; } diff --git a/testing/web-platform/tests/css/CSS2/css1/support/b-green.css b/testing/web-platform/tests/css/CSS2/css1/support/b-green.css new file mode 100644 index 0000000000..a0473f5ca2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/b-green.css @@ -0,0 +1 @@ +.b { color: green; }
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/css1/support/blue15x15.png Binary files differnew file mode 100644 index 0000000000..89de32fdb8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/blue15x15.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/blue20x20.png b/testing/web-platform/tests/css/CSS2/css1/support/blue20x20.png Binary files differnew file mode 100644 index 0000000000..e0af555330 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/blue20x20.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/c-red.css b/testing/web-platform/tests/css/CSS2/css1/support/c-red.css new file mode 100644 index 0000000000..d4ba5c64e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/c-red.css @@ -0,0 +1 @@ +.c { color: red; }
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/support/cat.png b/testing/web-platform/tests/css/CSS2/css1/support/cat.png Binary files differnew file mode 100644 index 0000000000..85dd732481 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/cat.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test412a.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test412a.png Binary files differnew file mode 100644 index 0000000000..a58af0b958 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test412a.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test412b-a.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test412b-a.png Binary files differnew file mode 100644 index 0000000000..441cf3fe09 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test412b-a.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test412b-b.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test412b-b.png Binary files differnew file mode 100644 index 0000000000..28c3fc9301 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test412b-b.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test42a.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test42a.png Binary files differnew file mode 100644 index 0000000000..52caa89d11 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test42a.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test44a.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test44a.png Binary files differnew file mode 100644 index 0000000000..70b3901a7e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test44a.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test44b.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test44b.png Binary files differnew file mode 100644 index 0000000000..1768f26f8f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test44b.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test44c.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test44c.png Binary files differnew file mode 100644 index 0000000000..2504498067 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test44c.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test44d.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test44d.png Binary files differnew file mode 100644 index 0000000000..f2d4f39283 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test44d.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test544b.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test544b.png Binary files differnew file mode 100644 index 0000000000..0916f836a3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test544b.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test545.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test545.png Binary files differnew file mode 100644 index 0000000000..6be6d8ba7d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test545.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test548d.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test548d.png Binary files differnew file mode 100644 index 0000000000..7c47ce0e43 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test548d.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test548e.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test548e.png Binary files differnew file mode 100644 index 0000000000..3f20fb160a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test548e.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5510-i.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5510-i.png Binary files differnew file mode 100644 index 0000000000..5d71eb8c73 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5510-i.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-0.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-0.png Binary files differnew file mode 100644 index 0000000000..5e4f6f6761 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-0.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-1.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-1.png Binary files differnew file mode 100644 index 0000000000..5f68ed914c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-1.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-2.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-2.png Binary files differnew file mode 100644 index 0000000000..8e74cd172d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-2.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-3.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-3.png Binary files differnew file mode 100644 index 0000000000..b30747658b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-3.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-4.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-4.png Binary files differnew file mode 100644 index 0000000000..61c97320c7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-4.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-5.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-5.png Binary files differnew file mode 100644 index 0000000000..122a596c9d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-5.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-6.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-6.png Binary files differnew file mode 100644 index 0000000000..7eecd93c4f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-6.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5525ce-1.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525ce-1.png Binary files differnew file mode 100644 index 0000000000..86e3581e59 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525ce-1.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5525ce-2.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525ce-2.png Binary files differnew file mode 100644 index 0000000000..22ca40aab6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525ce-2.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5525cf-0.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525cf-0.png Binary files differnew file mode 100644 index 0000000000..1889e107a8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525cf-0.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5525cf-1.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525cf-1.png Binary files differnew file mode 100644 index 0000000000..b087976c44 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525cf-1.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5526.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5526.png Binary files differnew file mode 100644 index 0000000000..0a9fcb7a24 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5526.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5526c.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5526c.png Binary files differnew file mode 100644 index 0000000000..661afb5731 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5526c.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test562.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test562.png Binary files differnew file mode 100644 index 0000000000..61511ca99b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test562.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test566a.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test566a.png Binary files differnew file mode 100644 index 0000000000..86e3581e59 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test566a.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test62-inner.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test62-inner.png Binary files differnew file mode 100644 index 0000000000..0e387da0ea --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test62-inner.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test62-outer.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test62-outer.png Binary files differnew file mode 100644 index 0000000000..ec58343817 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test62-outer.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test64a.css b/testing/web-platform/tests/css/CSS2/css1/support/css1test64a.css new file mode 100644 index 0000000000..019fa8ad30 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test64a.css @@ -0,0 +1 @@ +p.one {background: red url(support/swatch-red.png);color:white;} diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test64b.css b/testing/web-platform/tests/css/CSS2/css1/support/css1test64b.css new file mode 100644 index 0000000000..f026342cd5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test64b.css @@ -0,0 +1 @@ +p.two {background: red url(support/swatch-red.png);color:white;} diff --git a/testing/web-platform/tests/css/CSS2/css1/support/green15x15.png b/testing/web-platform/tests/css/CSS2/css1/support/green15x15.png Binary files differnew file mode 100644 index 0000000000..51741584a0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/green15x15.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/pattern-gg-gr.png b/testing/web-platform/tests/css/CSS2/css1/support/pattern-gg-gr.png Binary files differnew file mode 100644 index 0000000000..091de70bb7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/pattern-gg-gr.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/css1/support/pattern-grg-rgr-grg.png Binary files differnew file mode 100644 index 0000000000..9b88fbd811 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/pattern-grg-rgr-grg.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/css1/support/pattern-grg-rrg-rgg.png Binary files differnew file mode 100644 index 0000000000..fcf4f3fd7d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/pattern-grg-rrg-rgg.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/css1/support/pattern-rgr-grg-rgr.png Binary files differnew file mode 100644 index 0000000000..d454e3a630 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/pattern-rgr-grg-rgr.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/css1/support/pattern-tr.png Binary files differnew file mode 100644 index 0000000000..8b4b25364e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/pattern-tr.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/ruler-h-50%.png b/testing/web-platform/tests/css/CSS2/css1/support/ruler-h-50%.png Binary files differnew file mode 100644 index 0000000000..cf2eea6b43 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/ruler-h-50%.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/ruler-h-50px.png b/testing/web-platform/tests/css/CSS2/css1/support/ruler-h-50px.png Binary files differnew file mode 100644 index 0000000000..9f46583665 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/ruler-h-50px.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/ruler-v-100px.png b/testing/web-platform/tests/css/CSS2/css1/support/ruler-v-100px.png Binary files differnew file mode 100644 index 0000000000..a837eca222 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/ruler-v-100px.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/ruler-v-50px.png b/testing/web-platform/tests/css/CSS2/css1/support/ruler-v-50px.png Binary files differnew file mode 100644 index 0000000000..8414102802 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/ruler-v-50px.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/square-purple.png b/testing/web-platform/tests/css/CSS2/css1/support/square-purple.png Binary files differnew file mode 100644 index 0000000000..0f522d7872 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/square-purple.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/square-teal.png b/testing/web-platform/tests/css/CSS2/css1/support/square-teal.png Binary files differnew file mode 100644 index 0000000000..e567f51b91 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/square-teal.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/square-white.png b/testing/web-platform/tests/css/CSS2/css1/support/square-white.png Binary files differnew file mode 100644 index 0000000000..5853cbb238 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/square-white.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/support/README b/testing/web-platform/tests/css/CSS2/css1/support/support/README new file mode 100644 index 0000000000..ea8cb9ef35 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/support/README @@ -0,0 +1,4 @@ +The swatch-green.png file in this directory is really a RED swatch, +and the swatch-red.png file is really a green swatch. + +This directory is used to test relative URIs.
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/css1/support/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/css1/support/support/swatch-green.png Binary files differnew file mode 100644 index 0000000000..1caf25c992 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/support/swatch-green.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/css1/support/support/swatch-red.png Binary files differnew file mode 100644 index 0000000000..0aa79b0c86 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/support/swatch-red.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/swatch-aqua.png b/testing/web-platform/tests/css/CSS2/css1/support/swatch-aqua.png Binary files differnew file mode 100644 index 0000000000..dd47e28665 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/swatch-aqua.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/css1/support/swatch-blue.png Binary files differnew file mode 100644 index 0000000000..bf2759634d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/swatch-blue.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/css1/support/swatch-green.png Binary files differnew file mode 100644 index 0000000000..0aa79b0c86 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/swatch-green.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/css1/support/swatch-lime.png Binary files differnew file mode 100644 index 0000000000..55fd7fdaed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/swatch-lime.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/css1/support/swatch-orange.png Binary files differnew file mode 100644 index 0000000000..d3cd498b52 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/swatch-orange.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/css1/support/swatch-red.png Binary files differnew file mode 100644 index 0000000000..1caf25c992 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/swatch-red.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/css1/support/swatch-white.png Binary files differnew file mode 100644 index 0000000000..1a7d4323d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/swatch-white.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/css1/support/swatch-yellow.png Binary files differnew file mode 100644 index 0000000000..1591aa0e2e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/swatch-yellow.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/test-bl.png b/testing/web-platform/tests/css/CSS2/css1/support/test-bl.png Binary files differnew file mode 100644 index 0000000000..904e24e996 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/test-bl.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/test-br.png b/testing/web-platform/tests/css/CSS2/css1/support/test-br.png Binary files differnew file mode 100644 index 0000000000..f413ff5c1a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/test-br.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/test-inner-half-size.png b/testing/web-platform/tests/css/CSS2/css1/support/test-inner-half-size.png Binary files differnew file mode 100644 index 0000000000..e473bf80ef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/test-inner-half-size.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/test-outer.png b/testing/web-platform/tests/css/CSS2/css1/support/test-outer.png Binary files differnew file mode 100644 index 0000000000..82eeace7fc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/test-outer.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/test-tl.png b/testing/web-platform/tests/css/CSS2/css1/support/test-tl.png Binary files differnew file mode 100644 index 0000000000..f6ac0ef7e8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/test-tl.png diff --git a/testing/web-platform/tests/css/CSS2/css1/support/test-tr.png b/testing/web-platform/tests/css/CSS2/css1/support/test-tr.png Binary files differnew file mode 100644 index 0000000000..59843ae54b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/css1/support/test-tr.png |
