diff options
Diffstat (limited to 'tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference')
42 files changed, 856 insertions, 5 deletions
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-001.xht new file mode 100644 index 00000000000..0e401203816 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-001.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-002.xht new file mode 100644 index 00000000000..69ddc1a8db8 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-002.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, direction: ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div style="direction: rtl;"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-003.xht new file mode 100644 index 00000000000..a5ae28f324e --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-003.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, dir=rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-004.xht new file mode 100644 index 00000000000..388fdf46c7b --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-004.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, dir=ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-005.xht new file mode 100644 index 00000000000..d9ec4fd590d --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-005.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-006.xht new file mode 100644 index 00000000000..f88e5d2a90c --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-006.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, direction: ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div style="direction: rtl;"> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-007.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-007.xht new file mode 100644 index 00000000000..c94fefb3b64 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-007.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, dir=rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-008.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-008.xht new file mode 100644 index 00000000000..f140d4ceb44 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-008.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, dir=ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-009.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-009.xht new file mode 100644 index 00000000000..f341480dea6 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-009.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, dir=auto, RTL first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-010.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-010.xht new file mode 100644 index 00000000000..6759f3b1282 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-010.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, dir=auto, LTR first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-014.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-014.xht new file mode 100644 index 00000000000..40ccdbb3379 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-014.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, pre, dir=rtl inherited</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-015.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-015.xht new file mode 100644 index 00000000000..14dbaf9936d --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-015.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, pre, dir=ltr inherited</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-016.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-016.xht new file mode 100644 index 00000000000..47fd1f3ea4f --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-016.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, pre, dir=auto</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 24px; } +.rb2 { position: absolute; bottom: 0; left: 0; background-color: orange; width: 72px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-017.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-017.xht new file mode 100644 index 00000000000..ae11beb2bc6 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-017.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, pre, dir=auto on surrounding block</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-001.xht new file mode 100644 index 00000000000..c9e05a4a260 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-001.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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; left: 0; height: 48px; } +.rb2 { top: 0; left: 109px; height: 48px; } +.rb3 { top: 0; left: 218px; height: 48px; } +.rb4 { top: 0; left: 327px; height: 72px; } +.rb5 { top: 48px; right: 96px; height: 24px; } +.rb6 { top: 48px; right: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-002.xht new file mode 100644 index 00000000000..983d209c71e --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-002.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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify, direction: ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; right: 0; height: 48px; } +.rb2 { top: 0; right: 109px; height: 48px; } +.rb3 { top: 0; right: 218px; height: 48px; } +.rb4 { top: 0; right: 327px; height: 72px; } +.rb5 { top: 48px; left: 96px; height: 24px; } +.rb6 { top: 48px; left: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div style="direction: rtl;"> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-003.xht new file mode 100644 index 00000000000..117f4b9440a --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-003.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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify, dir=rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; left: 0; height: 48px; } +.rb2 { top: 0; left: 109px; height: 48px; } +.rb3 { top: 0; left: 218px; height: 48px; } +.rb4 { top: 0; left: 327px; height: 72px; } +.rb5 { top: 48px; right: 96px; height: 24px; } +.rb6 { top: 48px; right: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-004.xht new file mode 100644 index 00000000000..bad040fe3e2 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-004.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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify, dir=ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; right: 0; height: 48px; } +.rb2 { top: 0; right: 109px; height: 48px; } +.rb3 { top: 0; right: 218px; height: 48px; } +.rb4 { top: 0; right: 327px; height: 72px; } +.rb5 { top: 48px; left: 96px; height: 24px; } +.rb6 { top: 48px; left: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-005.xht new file mode 100644 index 00000000000..b3842fca171 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-005.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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify, dir=auto, RTL first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; left: 0; height: 48px; } +.rb2 { top: 0; left: 109px; height: 48px; } +.rb3 { top: 0; left: 218px; height: 48px; } +.rb4 { top: 0; left: 327px; height: 72px; } +.rb5 { top: 48px; right: 96px; height: 24px; } +.rb6 { top: 48px; right: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-006.xht new file mode 100644 index 00000000000..f2d732ae6ce --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-006.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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify, dir=auto, LTR first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; right: 0; height: 48px; } +.rb2 { top: 0; right: 109px; height: 48px; } +.rb3 { top: 0; right: 218px; height: 48px; } +.rb4 { top: 0; right: 327px; height: 72px; } +.rb5 { top: 48px; left: 96px; height: 24px; } +.rb6 { top: 48px; left: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div dir="rtl"> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-001.xht new file mode 100644 index 00000000000..dd6d2cf2867 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-001.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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify-all, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; left: 0; height: 48px; } +.rb2 { top: 0; left: 109px; height: 48px; } +.rb3 { top: 0; left: 218px; height: 48px; } +.rb4 { top: 0; left: 327px; height: 72px; } +.rb5 { top: 48px; right: 96px; height: 24px; } +.rb6 { top: 48px; right: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-002.xht new file mode 100644 index 00000000000..27dbf26fe48 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-002.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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify-all, direction: ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; right: 0; height: 48px; } +.rb2 { top: 0; right: 109px; height: 48px; } +.rb3 { top: 0; right: 218px; height: 48px; } +.rb4 { top: 0; right: 327px; height: 72px; } +.rb5 { top: 48px; left: 96px; height: 24px; } +.rb6 { top: 48px; left: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div style="direction: rtl;"> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-003.xht new file mode 100644 index 00000000000..d2a2e1e3cd7 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-003.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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify-all, dir=rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; left: 0; height: 48px; } +.rb2 { top: 0; left: 109px; height: 48px; } +.rb3 { top: 0; left: 218px; height: 48px; } +.rb4 { top: 0; left: 327px; height: 72px; } +.rb5 { top: 48px; right: 96px; height: 24px; } +.rb6 { top: 48px; right: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-004.xht new file mode 100644 index 00000000000..5f2e89e1bcc --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-004.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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify-all, dir=ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; right: 0; height: 48px; } +.rb2 { top: 0; right: 109px; height: 48px; } +.rb3 { top: 0; right: 218px; height: 48px; } +.rb4 { top: 0; right: 327px; height: 72px; } +.rb5 { top: 48px; left: 96px; height: 24px; } +.rb6 { top: 48px; left: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-005.xht new file mode 100644 index 00000000000..dfbbb8b4dc1 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-005.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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify-all, dir=auto, RTL first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; left: 0; height: 48px; } +.rb2 { top: 0; left: 109px; height: 48px; } +.rb3 { top: 0; left: 218px; height: 48px; } +.rb4 { top: 0; left: 327px; height: 72px; } +.rb5 { top: 48px; right: 96px; height: 24px; } +.rb6 { top: 48px; right: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-006.xht new file mode 100644 index 00000000000..6cb1c0deeaf --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-006.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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify-all, dir=auto, LTR first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; right: 0; height: 48px; } +.rb2 { top: 0; right: 109px; height: 48px; } +.rb3 { top: 0; right: 218px; height: 48px; } +.rb4 { top: 0; right: 327px; height: 72px; } +.rb5 { top: 48px; left: 96px; height: 24px; } +.rb6 { top: 48px; left: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div dir="rtl"> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-001.xht new file mode 100644 index 00000000000..f2d76217ff3 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-001.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; direction: rtl; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-002.xht new file mode 100644 index 00000000000..cb69623e308 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-002.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, direction: ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; direction: ltr; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div style="direction: rtl;"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-003.xht new file mode 100644 index 00000000000..03874d52960 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-003.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, dir=rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-004.xht new file mode 100644 index 00000000000..50fa1752665 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-004.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, dir=ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-005.xht new file mode 100644 index 00000000000..46fe5cab0da --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-005.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; direction: rtl; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-006.xht new file mode 100644 index 00000000000..0f7e4a2e0d7 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-006.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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, direction: ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; direction: ltr; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div style="direction: rtl;"> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-007.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-007.xht new file mode 100644 index 00000000000..4d303d7acf2 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-007.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, dir=rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-008.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-008.xht new file mode 100644 index 00000000000..3a523fe9f67 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-008.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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, dir=ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-009.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-009.xht new file mode 100644 index 00000000000..df9e076115c --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-009.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, dir=auto, RTL first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-010.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-010.xht new file mode 100644 index 00000000000..2b291c024d7 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-010.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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, dir=auto, LTR first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-014.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-014.xht new file mode 100644 index 00000000000..a2e5267883d --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-014.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, pre, dir=rtl inherited</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-015.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-015.xht new file mode 100644 index 00000000000..8d8b8508a9b --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-015.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, pre, dir=ltr inherited</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="ltr"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-016.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-016.xht new file mode 100644 index 00000000000..9ae70b5f116 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-016.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, pre, dir=auto</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 24px; } +.rb2 { position: absolute; bottom: 0; right: 0; background-color: orange; width: 72px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-017.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-017.xht new file mode 100644 index 00000000000..f8c199d27b0 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-017.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, pre, dir=auto on surrounding block</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file |