<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[189353] trunk</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://trac.webkit.org/projects/webkit/changeset/189353">189353</a></dd>
<dt>Author</dt> <dd>rniwa@webkit.org</dd>
<dt>Date</dt> <dd>2015-09-04 10:21:53 -0700 (Fri, 04 Sep 2015)</dd>
</dl>
<h3>Log Message</h3>
<pre>Import css/css-color-3
https://bugs.webkit.org/show_bug.cgi?id=148803
Reviewed by Chris Dumez.
LayoutTests/imported/w3c:
Imported tests from https://github.com/w3c/csswg-test/tree/master/css-color-3 as of
46a095b681f997bef518ebe0a704c0a343a14a05.
* css/css-color-3: Added.
* css/css-color-3/LICENSE: Added.
* css/css-color-3/htaccess: Added.
* css/css-color-3/t31-color-currentColor-b-expected.html: Added.
* css/css-color-3/t31-color-currentColor-b.xht: Added.
* css/css-color-3/t32-opacity-offscreen-multiple-boxes-1-c-expected.html: Added.
* css/css-color-3/t32-opacity-offscreen-multiple-boxes-1-c.xht: Added.
* css/css-color-3/t32-opacity-offscreen-multiple-boxes-2-c-expected.html: Added.
* css/css-color-3/t32-opacity-offscreen-multiple-boxes-2-c.xht: Added.
* css/css-color-3/t421-rgb-func-int-a-expected.html: Added.
* css/css-color-3/t421-rgb-func-int-a.xht: Added.
* css/css-color-3/t421-rgb-func-no-mixed-f-expected.html: Added.
* css/css-color-3/t421-rgb-func-no-mixed-f.xht: Added.
* css/css-color-3/t421-rgb-func-pct-a-expected.html: Added.
* css/css-color-3/t421-rgb-func-pct-a.xht: Added.
* css/css-color-3/t421-rgb-func-whitespace-b-expected.html: Added.
* css/css-color-3/t421-rgb-func-whitespace-b.xht: Added.
* css/css-color-3/t421-rgb-hex-parsing-f-expected.html: Added.
* css/css-color-3/t421-rgb-hex-parsing-f.xht: Added.
* css/css-color-3/t421-rgb-hex3-a-expected.html: Added.
* css/css-color-3/t421-rgb-hex3-a.xht: Added.
* css/css-color-3/t421-rgb-hex6-a-expected.html: Added.
* css/css-color-3/t421-rgb-hex6-a.xht: Added.
* css/css-color-3/t422-rgba-a1.0-a-expected.html: Added.
* css/css-color-3/t422-rgba-a1.0-a.xht: Added.
* css/css-color-3/t422-rgba-clamping-a0.0-b-expected.html: Added.
* css/css-color-3/t422-rgba-clamping-a0.0-b.xht: Added.
* css/css-color-3/t422-rgba-clamping-a1.0-b-expected.html: Added.
* css/css-color-3/t422-rgba-clamping-a1.0-b.xht: Added.
* css/css-color-3/t422-rgba-clip-outside-device-gamut-b-expected.html: Added.
* css/css-color-3/t422-rgba-clip-outside-device-gamut-b.xht: Added.
* css/css-color-3/t422-rgba-func-int-a-expected.html: Added.
* css/css-color-3/t422-rgba-func-int-a.xht: Added.
* css/css-color-3/t422-rgba-func-no-mixed-f-expected.html: Added.
* css/css-color-3/t422-rgba-func-no-mixed-f.xht: Added.
* css/css-color-3/t422-rgba-func-pct-a-expected.html: Added.
* css/css-color-3/t422-rgba-func-pct-a.xht: Added.
* css/css-color-3/t422-rgba-func-whitespace-b-expected.html: Added.
* css/css-color-3/t422-rgba-func-whitespace-b.xht: Added.
* css/css-color-3/t422-rgba-onscreen-b-expected.html: Added.
* css/css-color-3/t422-rgba-onscreen-b.xht: Added.
* css/css-color-3/t422-rgba-onscreen-multiple-boxes-c-expected.html: Added.
* css/css-color-3/t422-rgba-onscreen-multiple-boxes-c.xht: Added.
* css/css-color-3/t423-transparent-1-a-expected.html: Added.
* css/css-color-3/t423-transparent-1-a.xht: Added.
* css/css-color-3/t423-transparent-2-a-expected.html: Added.
* css/css-color-3/t423-transparent-2-a.xht: Added.
* css/css-color-3/t424-hsl-basic-a-expected.html: Added.
* css/css-color-3/t424-hsl-basic-a.xht: Added.
* css/css-color-3/t424-hsl-clip-outside-gamut-b-expected.html: Added.
* css/css-color-3/t424-hsl-clip-outside-gamut-b.xht: Added.
* css/css-color-3/t424-hsl-parsing-f-expected.html: Added.
* css/css-color-3/t424-hsl-parsing-f.xht: Added.
* css/css-color-3/t424-hsl-values-b-1-expected.html: Added.
* css/css-color-3/t424-hsl-values-b-1.html: Added.
* css/css-color-3/t424-hsl-values-b-10-expected.html: Added.
* css/css-color-3/t424-hsl-values-b-10.html: Added.
* css/css-color-3/t424-hsl-values-b-11-expected.html: Added.
* css/css-color-3/t424-hsl-values-b-11.html: Added.
* css/css-color-3/t424-hsl-values-b-12-expected.html: Added.
* css/css-color-3/t424-hsl-values-b-12.html: Added.
* css/css-color-3/t424-hsl-values-b-13-expected.html: Added.
* css/css-color-3/t424-hsl-values-b-13.html: Added.
* css/css-color-3/t424-hsl-values-b-14-expected.html: Added.
* css/css-color-3/t424-hsl-values-b-14.html: Added.
* css/css-color-3/t424-hsl-values-b-15-expected.html: Added.
* css/css-color-3/t424-hsl-values-b-15.html: Added.
* css/css-color-3/t424-hsl-values-b-2-expected.html: Added.
* css/css-color-3/t424-hsl-values-b-2.html: Added.
* css/css-color-3/t424-hsl-values-b-3-expected.html: Added.
* css/css-color-3/t424-hsl-values-b-3.html: Added.
* css/css-color-3/t424-hsl-values-b-4-expected.html: Added.
* css/css-color-3/t424-hsl-values-b-4.html: Added.
* css/css-color-3/t424-hsl-values-b-5-expected.html: Added.
* css/css-color-3/t424-hsl-values-b-5.html: Added.
* css/css-color-3/t424-hsl-values-b-6-expected.html: Added.
* css/css-color-3/t424-hsl-values-b-6.html: Added.
* css/css-color-3/t424-hsl-values-b-7-expected.html: Added.
* css/css-color-3/t424-hsl-values-b-7.html: Added.
* css/css-color-3/t424-hsl-values-b-8-expected.html: Added.
* css/css-color-3/t424-hsl-values-b-8.html: Added.
* css/css-color-3/t424-hsl-values-b-9-expected.html: Added.
* css/css-color-3/t424-hsl-values-b-9.html: Added.
* css/css-color-3/t425-hsla-clip-outside-device-gamut-b-expected.html: Added.
* css/css-color-3/t425-hsla-clip-outside-device-gamut-b.xht: Added.
* css/css-color-3/t425-hsla-onscreen-multiple-boxes-c-expected.html: Added.
* css/css-color-3/t425-hsla-onscreen-multiple-boxes-c.xht: Added.
* css/css-color-3/t425-hsla-parsing-f-expected.html: Added.
* css/css-color-3/t425-hsla-parsing-f.xht: Added.
* css/css-color-3/t425-hsla-values-b-expected.html: Added.
* css/css-color-3/t425-hsla-values-b.xht: Added.
* css/css-color-3/t44-currentcolor-background-b-expected.html: Added.
* css/css-color-3/t44-currentcolor-background-b.xht: Added.
* css/css-color-3/t44-currentcolor-border-b-expected.html: Added.
* css/css-color-3/t44-currentcolor-border-b.xht: Added.
* css/css-color-3/w3c-import.log: Added.
Tools:
Fixed a bug that the imported reference files used the same extention as tests.
This would result in parsing errors if the tests were XML and references were HTML and vice versa.
* Scripts/webkitpy/w3c/test_importer.py:
(TestImporter.find_importable_tests):
LayoutTests:
* TestExpectations:</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsChangeLog">trunk/LayoutTests/ChangeLog</a></li>
<li><a href="#trunkLayoutTestsTestExpectations">trunk/LayoutTests/TestExpectations</a></li>
<li><a href="#trunkLayoutTestsimportedw3cChangeLog">trunk/LayoutTests/imported/w3c/ChangeLog</a></li>
<li><a href="#trunkToolsChangeLog">trunk/Tools/ChangeLog</a></li>
<li><a href="#trunkToolsScriptswebkitpyw3ctest_importerpy">trunk/Tools/Scripts/webkitpy/w3c/test_importer.py</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li>trunk/LayoutTests/imported/w3c/css/css-color-3/</li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3LICENSE">trunk/LayoutTests/imported/w3c/css/css-color-3/LICENSE</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t31colorcurrentColorbexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t31-color-currentColor-b-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t31colorcurrentColorbxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t31-color-currentColor-b.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t32opacityoffscreenmultipleboxes1cexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t32-opacity-offscreen-multiple-boxes-1-c-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t32opacityoffscreenmultipleboxes1cxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t32-opacity-offscreen-multiple-boxes-1-c.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t32opacityoffscreenmultipleboxes2cexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t32-opacity-offscreen-multiple-boxes-2-c-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t32opacityoffscreenmultipleboxes2cxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t32-opacity-offscreen-multiple-boxes-2-c.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t421rgbfuncintaexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-int-a-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t421rgbfuncintaxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-int-a.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t421rgbfuncnomixedfexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-no-mixed-f-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t421rgbfuncnomixedfxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-no-mixed-f.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t421rgbfuncpctaexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-pct-a-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t421rgbfuncpctaxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-pct-a.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t421rgbfuncwhitespacebexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-whitespace-b-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t421rgbfuncwhitespacebxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-whitespace-b.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t421rgbhexparsingfexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-hex-parsing-f-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t421rgbhexparsingfxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-hex-parsing-f.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t421rgbhex3aexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-hex3-a-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t421rgbhex3axht">trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-hex3-a.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t421rgbhex6aexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-hex6-a-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t421rgbhex6axht">trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-hex6-a.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t422rgbaa10aexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-a1.0-a-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t422rgbaa10axht">trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-a1.0-a.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t422rgbaclampinga00bexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-clamping-a0.0-b-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t422rgbaclampinga00bxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-clamping-a0.0-b.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t422rgbaclampinga10bexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-clamping-a1.0-b-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t422rgbaclampinga10bxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-clamping-a1.0-b.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t422rgbaclipoutsidedevicegamutbexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-clip-outside-device-gamut-b-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t422rgbaclipoutsidedevicegamutbxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-clip-outside-device-gamut-b.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t422rgbafuncintaexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-int-a-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t422rgbafuncintaxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-int-a.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t422rgbafuncnomixedfexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-no-mixed-f-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t422rgbafuncnomixedfxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-no-mixed-f.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t422rgbafuncpctaexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-pct-a-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t422rgbafuncpctaxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-pct-a.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t422rgbafuncwhitespacebexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-whitespace-b-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t422rgbafuncwhitespacebxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-whitespace-b.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t422rgbaonscreenbexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-onscreen-b-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t422rgbaonscreenbxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-onscreen-b.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t422rgbaonscreenmultipleboxescexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-onscreen-multiple-boxes-c-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t422rgbaonscreenmultipleboxescxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-onscreen-multiple-boxes-c.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t423transparent1aexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t423-transparent-1-a-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t423transparent1axht">trunk/LayoutTests/imported/w3c/css/css-color-3/t423-transparent-1-a.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t423transparent2aexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t423-transparent-2-a-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t423transparent2axht">trunk/LayoutTests/imported/w3c/css/css-color-3/t423-transparent-2-a.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslbasicaexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-basic-a-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslbasicaxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-basic-a.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslclipoutsidegamutbexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-clip-outside-gamut-b-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslclipoutsidegamutbxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-clip-outside-gamut-b.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslparsingfexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-parsing-f-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslparsingfxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-parsing-f.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb1expectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-1-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb1html">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-1.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb10expectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-10-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb10html">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-10.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb11expectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-11-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb11html">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-11.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb12expectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-12-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb12html">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-12.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb13expectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-13-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb13html">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-13.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb14expectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-14-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb14html">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-14.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb15expectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-15-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb15html">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-15.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb2expectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-2-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb2html">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-2.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb3expectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-3-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb3html">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-3.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb4expectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-4-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb4html">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-4.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb5expectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-5-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb5html">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-5.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb6expectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-6-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb6html">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-6.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb7expectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-7-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb7html">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-7.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb8expectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-8-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb8html">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-8.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb9expectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-9-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb9html">trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-9.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t425hslaclipoutsidedevicegamutbexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-clip-outside-device-gamut-b-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t425hslaclipoutsidedevicegamutbxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-clip-outside-device-gamut-b.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t425hslaonscreenmultipleboxescexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-onscreen-multiple-boxes-c-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t425hslaonscreenmultipleboxescxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-onscreen-multiple-boxes-c.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t425hslaparsingfexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-parsing-f-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t425hslaparsingfxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-parsing-f.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t425hslavaluesbexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-values-b-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t425hslavaluesbxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-values-b.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t44currentcolorbackgroundbexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t44-currentcolor-background-b-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t44currentcolorbackgroundbxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t44-currentcolor-background-b.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t44currentcolorborderbexpectedhtml">trunk/LayoutTests/imported/w3c/css/css-color-3/t44-currentcolor-border-b-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsscsscolor3t44currentcolorborderbxht">trunk/LayoutTests/imported/w3c/css/css-color-3/t44-currentcolor-border-b.xht</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkLayoutTestsChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/ChangeLog (189352 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/ChangeLog 2015-09-04 16:53:18 UTC (rev 189352)
+++ trunk/LayoutTests/ChangeLog 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -1,3 +1,12 @@
</span><ins>+2015-09-04 Ryosuke Niwa <rniwa@webkit.org>
+
+ Import css/css-color-3
+ https://bugs.webkit.org/show_bug.cgi?id=148803
+
+ Reviewed by Chris Dumez.
+
+ * TestExpectations:
+
</ins><span class="cx"> 2015-09-04 Chris Dumez <cdumez@apple.com>
</span><span class="cx">
</span><span class="cx"> Unreviewed, add iOS-specific baselines for a couple of newly imported W3C tests.
</span></span></pre></div>
<a id="trunkLayoutTestsTestExpectations"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/TestExpectations (189352 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/TestExpectations 2015-09-04 16:53:18 UTC (rev 189352)
+++ trunk/LayoutTests/TestExpectations 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -593,3 +593,7 @@
</span><span class="cx"> webkit.org/b/148026 [ Debug ] animations/restart-after-scroll.html [ Skip ]
</span><span class="cx">
</span><span class="cx"> webkit.org/b/148650 fast/repaint/add-table-overpaint.html [ Pass Failure ]
</span><ins>+
+webkit.org/b/148801 imported/w3c/css/css-color-3/t422-rgba-onscreen-b.xht [ ImageOnlyFailure ]
+webkit.org/b/148801 imported/w3c/css/css-color-3/t422-rgba-onscreen-multiple-boxes-c.xht [ ImageOnlyFailure ]
+webkit.org/b/148801 imported/w3c/css/css-color-3/t425-hsla-onscreen-multiple-boxes-c.xht [ ImageOnlyFailure ]
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/ChangeLog (189352 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/ChangeLog 2015-09-04 16:53:18 UTC (rev 189352)
+++ trunk/LayoutTests/imported/w3c/ChangeLog 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -1,3 +1,110 @@
</span><ins>+2015-09-04 Ryosuke Niwa <rniwa@webkit.org>
+
+ Import css/css-color-3
+ https://bugs.webkit.org/show_bug.cgi?id=148803
+
+ Reviewed by Chris Dumez.
+
+ Imported tests from https://github.com/w3c/csswg-test/tree/master/css-color-3 as of
+ 46a095b681f997bef518ebe0a704c0a343a14a05.
+
+ * css/css-color-3: Added.
+ * css/css-color-3/LICENSE: Added.
+ * css/css-color-3/htaccess: Added.
+ * css/css-color-3/t31-color-currentColor-b-expected.html: Added.
+ * css/css-color-3/t31-color-currentColor-b.xht: Added.
+ * css/css-color-3/t32-opacity-offscreen-multiple-boxes-1-c-expected.html: Added.
+ * css/css-color-3/t32-opacity-offscreen-multiple-boxes-1-c.xht: Added.
+ * css/css-color-3/t32-opacity-offscreen-multiple-boxes-2-c-expected.html: Added.
+ * css/css-color-3/t32-opacity-offscreen-multiple-boxes-2-c.xht: Added.
+ * css/css-color-3/t421-rgb-func-int-a-expected.html: Added.
+ * css/css-color-3/t421-rgb-func-int-a.xht: Added.
+ * css/css-color-3/t421-rgb-func-no-mixed-f-expected.html: Added.
+ * css/css-color-3/t421-rgb-func-no-mixed-f.xht: Added.
+ * css/css-color-3/t421-rgb-func-pct-a-expected.html: Added.
+ * css/css-color-3/t421-rgb-func-pct-a.xht: Added.
+ * css/css-color-3/t421-rgb-func-whitespace-b-expected.html: Added.
+ * css/css-color-3/t421-rgb-func-whitespace-b.xht: Added.
+ * css/css-color-3/t421-rgb-hex-parsing-f-expected.html: Added.
+ * css/css-color-3/t421-rgb-hex-parsing-f.xht: Added.
+ * css/css-color-3/t421-rgb-hex3-a-expected.html: Added.
+ * css/css-color-3/t421-rgb-hex3-a.xht: Added.
+ * css/css-color-3/t421-rgb-hex6-a-expected.html: Added.
+ * css/css-color-3/t421-rgb-hex6-a.xht: Added.
+ * css/css-color-3/t422-rgba-a1.0-a-expected.html: Added.
+ * css/css-color-3/t422-rgba-a1.0-a.xht: Added.
+ * css/css-color-3/t422-rgba-clamping-a0.0-b-expected.html: Added.
+ * css/css-color-3/t422-rgba-clamping-a0.0-b.xht: Added.
+ * css/css-color-3/t422-rgba-clamping-a1.0-b-expected.html: Added.
+ * css/css-color-3/t422-rgba-clamping-a1.0-b.xht: Added.
+ * css/css-color-3/t422-rgba-clip-outside-device-gamut-b-expected.html: Added.
+ * css/css-color-3/t422-rgba-clip-outside-device-gamut-b.xht: Added.
+ * css/css-color-3/t422-rgba-func-int-a-expected.html: Added.
+ * css/css-color-3/t422-rgba-func-int-a.xht: Added.
+ * css/css-color-3/t422-rgba-func-no-mixed-f-expected.html: Added.
+ * css/css-color-3/t422-rgba-func-no-mixed-f.xht: Added.
+ * css/css-color-3/t422-rgba-func-pct-a-expected.html: Added.
+ * css/css-color-3/t422-rgba-func-pct-a.xht: Added.
+ * css/css-color-3/t422-rgba-func-whitespace-b-expected.html: Added.
+ * css/css-color-3/t422-rgba-func-whitespace-b.xht: Added.
+ * css/css-color-3/t422-rgba-onscreen-b-expected.html: Added.
+ * css/css-color-3/t422-rgba-onscreen-b.xht: Added.
+ * css/css-color-3/t422-rgba-onscreen-multiple-boxes-c-expected.html: Added.
+ * css/css-color-3/t422-rgba-onscreen-multiple-boxes-c.xht: Added.
+ * css/css-color-3/t423-transparent-1-a-expected.html: Added.
+ * css/css-color-3/t423-transparent-1-a.xht: Added.
+ * css/css-color-3/t423-transparent-2-a-expected.html: Added.
+ * css/css-color-3/t423-transparent-2-a.xht: Added.
+ * css/css-color-3/t424-hsl-basic-a-expected.html: Added.
+ * css/css-color-3/t424-hsl-basic-a.xht: Added.
+ * css/css-color-3/t424-hsl-clip-outside-gamut-b-expected.html: Added.
+ * css/css-color-3/t424-hsl-clip-outside-gamut-b.xht: Added.
+ * css/css-color-3/t424-hsl-parsing-f-expected.html: Added.
+ * css/css-color-3/t424-hsl-parsing-f.xht: Added.
+ * css/css-color-3/t424-hsl-values-b-1-expected.html: Added.
+ * css/css-color-3/t424-hsl-values-b-1.html: Added.
+ * css/css-color-3/t424-hsl-values-b-10-expected.html: Added.
+ * css/css-color-3/t424-hsl-values-b-10.html: Added.
+ * css/css-color-3/t424-hsl-values-b-11-expected.html: Added.
+ * css/css-color-3/t424-hsl-values-b-11.html: Added.
+ * css/css-color-3/t424-hsl-values-b-12-expected.html: Added.
+ * css/css-color-3/t424-hsl-values-b-12.html: Added.
+ * css/css-color-3/t424-hsl-values-b-13-expected.html: Added.
+ * css/css-color-3/t424-hsl-values-b-13.html: Added.
+ * css/css-color-3/t424-hsl-values-b-14-expected.html: Added.
+ * css/css-color-3/t424-hsl-values-b-14.html: Added.
+ * css/css-color-3/t424-hsl-values-b-15-expected.html: Added.
+ * css/css-color-3/t424-hsl-values-b-15.html: Added.
+ * css/css-color-3/t424-hsl-values-b-2-expected.html: Added.
+ * css/css-color-3/t424-hsl-values-b-2.html: Added.
+ * css/css-color-3/t424-hsl-values-b-3-expected.html: Added.
+ * css/css-color-3/t424-hsl-values-b-3.html: Added.
+ * css/css-color-3/t424-hsl-values-b-4-expected.html: Added.
+ * css/css-color-3/t424-hsl-values-b-4.html: Added.
+ * css/css-color-3/t424-hsl-values-b-5-expected.html: Added.
+ * css/css-color-3/t424-hsl-values-b-5.html: Added.
+ * css/css-color-3/t424-hsl-values-b-6-expected.html: Added.
+ * css/css-color-3/t424-hsl-values-b-6.html: Added.
+ * css/css-color-3/t424-hsl-values-b-7-expected.html: Added.
+ * css/css-color-3/t424-hsl-values-b-7.html: Added.
+ * css/css-color-3/t424-hsl-values-b-8-expected.html: Added.
+ * css/css-color-3/t424-hsl-values-b-8.html: Added.
+ * css/css-color-3/t424-hsl-values-b-9-expected.html: Added.
+ * css/css-color-3/t424-hsl-values-b-9.html: Added.
+ * css/css-color-3/t425-hsla-clip-outside-device-gamut-b-expected.html: Added.
+ * css/css-color-3/t425-hsla-clip-outside-device-gamut-b.xht: Added.
+ * css/css-color-3/t425-hsla-onscreen-multiple-boxes-c-expected.html: Added.
+ * css/css-color-3/t425-hsla-onscreen-multiple-boxes-c.xht: Added.
+ * css/css-color-3/t425-hsla-parsing-f-expected.html: Added.
+ * css/css-color-3/t425-hsla-parsing-f.xht: Added.
+ * css/css-color-3/t425-hsla-values-b-expected.html: Added.
+ * css/css-color-3/t425-hsla-values-b.xht: Added.
+ * css/css-color-3/t44-currentcolor-background-b-expected.html: Added.
+ * css/css-color-3/t44-currentcolor-background-b.xht: Added.
+ * css/css-color-3/t44-currentcolor-border-b-expected.html: Added.
+ * css/css-color-3/t44-currentcolor-border-b.xht: Added.
+ * css/css-color-3/w3c-import.log: Added.
+
</ins><span class="cx"> 2015-09-02 Brady Eidson <beidson@apple.com>
</span><span class="cx">
</span><span class="cx"> Import W3C IndexedDB tests.
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3LICENSE"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/LICENSE (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/LICENSE (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/LICENSE 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+The tests in this directory are Copyright (c) 2007-2008, The
+Mozilla Foundation. All rights reserved.
+
+Redistribution and use in source and binary forms, with or
+without modification, are permitted provided that the following
+conditions are met:
+
+ * Redistributions of source code must retain the above
+ copyright notice, this list of conditions and the following
+ disclaimer.
+
+ * Redistributions in binary form must reproduce the above
+ copyright notice, this list of conditions and the following
+ disclaimer in the documentation and/or other materials
+ provided with the distribution.
+
+ * Neither the name of the The Mozilla Foundation nor the
+ names of its contributors may be used to endorse or promote
+ products derived from this software without specific prior
+ written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND
+CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES,
+INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS
+BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED
+TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
+ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY
+OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGE.
+
+
+Alternatively, these tests may be used under the terms of the W3C
+Document License at
+http://www.w3.org/Consortium/Legal/2002/copyright-documents-20021231
+in which case the provisions of the W3C Document License are
+applicable instead of those above.
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t31colorcurrentColorbexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t31-color-currentColor-b-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t31-color-currentColor-b-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t31-color-currentColor-b-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ p { color: green; }
+</style>
+<body>
+ <p>This text should be green.</p>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t31colorcurrentColorbxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t31-color-currentColor-b.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t31-color-currentColor-b.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t31-color-currentColor-b.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,21 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 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="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#foreground" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#currentcolor" />
+ <link rel="match" href="t31-color-currentColor-b-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="That currentColor on the color property acts like inherit." />
+ <style type="text/css"><![CDATA[
+ #one { color: green; }
+ #two { color: red; }
+ #two { color: currentColor; }
+ ]]></style>
+ </head>
+ <body>
+ <div id="one"><p id="two">This text should be green.</p></div>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t32opacityoffscreenmultipleboxes1cexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t32-opacity-offscreen-multiple-boxes-1-c-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t32-opacity-offscreen-multiple-boxes-1-c-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t32-opacity-offscreen-multiple-boxes-1-c-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,14 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ div.test { margin: 1em; line-height: 0.5em; font-family: monospace; }
+ div.test span { background: rgb(153, 153, 255);}
+ div.ref { height: 1em; width: 5em; background: rgb(153, 153, 255); }
+</style>
+<body>
+ <p>The following two boxes should be the same color:</p>
+ <div class="test"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
+ <div class="ref"></div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t32opacityoffscreenmultipleboxes1cxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t32-opacity-offscreen-multiple-boxes-1-c.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t32-opacity-offscreen-multiple-boxes-1-c.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t32-opacity-offscreen-multiple-boxes-1-c.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: opacity</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#transparency" />
+ <link rel="match" href="t32-opacity-offscreen-multiple-boxes-1-c-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Opacity is group opacity over elements (not boxes)." />
+ <style type="text/css"><![CDATA[
+
+ body { background: white; }
+
+ div.test { margin: 1em; line-height: 0.5em; font-family: monospace; }
+ div.test span { opacity: 0.4; background: blue; color: blue; }
+
+ div.ref { height: 1em; width: 5em; background: rgb(153, 153, 255); }
+
+ ]]></style>
+ </head>
+ <body>
+
+ <p>The following two boxes should be the same color:</p>
+
+ <div class="test"><span>XXXXX<br/>XXXXX</span></div>
+
+ <div class="ref"></div>
+
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t32opacityoffscreenmultipleboxes2cexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t32-opacity-offscreen-multiple-boxes-2-c-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t32-opacity-offscreen-multiple-boxes-2-c-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t32-opacity-offscreen-multiple-boxes-2-c-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,15 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ body { background: white; }
+ div.test { margin: 1em; line-height: 0; font-family: monospace; }
+ div.test span a { background: rgb(153, 153, 255); color: blue; }
+ div.ref { height: 1em; width: 5em; background: rgb(153, 153, 255); }
+</style>
+<body>
+ <p>The following two boxes should be the same color:</p>
+ <div class="test"><span><a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></span></div>
+ <div class="ref"></div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t32opacityoffscreenmultipleboxes2cxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t32-opacity-offscreen-multiple-boxes-2-c.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t32-opacity-offscreen-multiple-boxes-2-c.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t32-opacity-offscreen-multiple-boxes-2-c.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,32 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: opacity</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#transparency" />
+ <link rel="match" href="t32-opacity-offscreen-multiple-boxes-2-c-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Opacity is group opacity over elements (not boxes)." />
+ <style type="text/css"><![CDATA[
+
+ body { background: white; }
+
+ div.test { margin: 1em; line-height: 0; font-family: monospace; }
+ div.test span { opacity: 0.4; }
+ div.test span a { background: blue; color: blue; }
+
+ div.ref { height: 1em; width: 5em; background: rgb(153, 153, 255); }
+
+ ]]></style>
+ </head>
+ <body>
+
+ <p>The following two boxes should be the same color:</p>
+
+ <div class="test"><span><a>XXXXX<br/>XXXXX</a></span></div>
+
+ <div class="ref"></div>
+
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t421rgbfuncintaexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-int-a-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-int-a-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-int-a-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ #one { color: black; background: white; }
+ #two { color: white; background: black; }
+ #three { color: red; }
+ #four { color: #00FF00; }
+ #five { color: blue; }
+</style>
+<body>
+ <p id="one">This should be black text on a white background.</p>
+ <p id="two">This should be white text on a black background.</p>
+ <p id="three">This text should be red.</p>
+ <p id="four">This text should be green.</p>
+ <p id="five">This text should be blue.</p>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t421rgbfuncintaxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-int-a.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-int-a.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-int-a.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: rgb() colors</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#rgb-color" />
+ <link rel="match" href="t422-rgba-func-int-a-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Test that rgb() values produce correct colors." />
+ <style type="text/css"><![CDATA[
+ #one { color: rgb(0, 0, 0); background: rgb(255, 255, 255); }
+ #two { color: rgb(255, 255, 255); background: rgb(0, 0, 0); }
+ #three { color: rgb(255, 0, 0); }
+ #four { color: rgb(0, 255, 0); }
+ #five { color: rgb(0, 0, 255); }
+ ]]></style>
+ </head>
+ <body>
+ <p id="one">This should be black text on a white background.</p>
+ <p id="two">This should be white text on a black background.</p>
+ <p id="three">This text should be red.</p>
+ <p id="four">This text should be green.</p>
+ <p id="five">This text should be blue.</p>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t421rgbfuncnomixedfexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-no-mixed-f-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-no-mixed-f-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-no-mixed-f-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,14 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ p {
+ color: green;
+ }
+</style>
+<body>
+ <p>This text should be green.</p>
+ <div>Note: the rules tested by this test may be changed in
+ future levels of the CSS Color Module.</div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t421rgbfuncnomixedfxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-no-mixed-f.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-no-mixed-f.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-no-mixed-f.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: no mixed rgb() values</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#rgb-color" />
+ <link rel="match" href="t422-rgba-func-no-mixed-f-ref.html" />
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Test that rgb() values are only accepted when all integers or all percentages." />
+ <style type="text/css"><![CDATA[
+ p { color: green; }
+ p { color: rgb(255, 0, 0%); }
+ p { color: rgb(100%, 0%, 0); }
+ p { color: rgb(100%, 1, 0); }
+ p { color: rgb(255, 1%, 0%); }
+ p { color: rgb(99%, 0%, 0); }
+ p { color: rgb(0%, 0, 0%); }
+ p { color: rgb(0, 0%, 0%); }
+ p { color: rgb(254, 255%, 0); }
+ ]]></style>
+ </head>
+ <body>
+ <p>This text should be green.</p>
+
+ <div>Note: the rules tested by this test may be changed in
+ future levels of the CSS Color Module.</div>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t421rgbfuncpctaexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-pct-a-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-pct-a-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-pct-a-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ #one { color: black; background: white; }
+ #two { color: white; background: black; }
+ #three { color: red; }
+ #four { color: #00FF00; }
+ #five { color: blue; }
+</style>
+<body>
+ <p id="one">This should be black text on a white background.</p>
+ <p id="two">This should be white text on a black background.</p>
+ <p id="three">This text should be red.</p>
+ <p id="four">This text should be green.</p>
+ <p id="five">This text should be blue.</p>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t421rgbfuncpctaxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-pct-a.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-pct-a.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-pct-a.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: rgb() colors</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#rgb-color" />
+ <link rel="match" href="t422-rgba-func-int-a-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Test that rgb() values produce correct colors." />
+ <style type="text/css"><![CDATA[
+ #one { color: rgb(0%, 0%, 0%); background: rgb(100%, 100%, 100%); }
+ #two { color: rgb(100%, 100%, 100%); background: rgb(0%, 0%, 0%); }
+ #three { color: rgb(100%, 0%, 0%); }
+ #four { color: rgb(0%, 100%, 0%); }
+ #five { color: rgb(0%, 0%, 100%); }
+ ]]></style>
+ </head>
+ <body>
+ <p id="one">This should be black text on a white background.</p>
+ <p id="two">This should be white text on a black background.</p>
+ <p id="three">This text should be red.</p>
+ <p id="four">This text should be green.</p>
+ <p id="five">This text should be blue.</p>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t421rgbfuncwhitespacebexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-whitespace-b-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-whitespace-b-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-whitespace-b-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,16 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ body { background: black; }
+ p { color: #00FF00; }
+</style>
+<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>
+ <p>This text should be green.</p>
+ <p>This text should be green.</p>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t421rgbfuncwhitespacebxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-whitespace-b.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-whitespace-b.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-func-whitespace-b.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: whitespace in rgb() values</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#rgb-color" />
+ <link rel="match" href="t422-rgba-func-whitespace-b-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Test that whitespace is allowed within rgb() functions." />
+ <style type="text/css"><![CDATA[
+ html, body { background: black; }
+ #one { color: rgb( 0,
+255 ,0); }
+ #two { color: rgb(0
+,255
+,0); }
+ #three { color: rgb( 0 , 255 , 0 ); }
+
+ #four { color: rgb( 0%,
+100% ,0%); }
+ #five { color: rgb(0%
+,100%
+,0%); }
+ #six { color: rgb( 0% , 100% , 0% ); }
+ ]]></style>
+ </head>
+ <body>
+ <p id="one">This text should be green.</p>
+ <p id="two">This text should be green.</p>
+ <p id="three">This text should be green.</p>
+ <p id="four">This text should be green.</p>
+ <p id="five">This text should be green.</p>
+ <p id="six">This text should be green.</p>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t421rgbhexparsingfexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-hex-parsing-f-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-hex-parsing-f-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-hex-parsing-f-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,14 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ p {
+ color: green;
+ }
+</style>
+<body>
+ <p>This text should be green.</p>
+ <div>Note: the rules tested by this test may be changed in
+ future levels of the CSS Color Module.</div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t421rgbhexparsingfxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-hex-parsing-f.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-hex-parsing-f.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-hex-parsing-f.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: parsing of hexidecimal color values</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#rgb-color" />
+ <link rel="match" href="t422-rgba-func-no-mixed-f-ref.html" />
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Test that hexidecimal values are only accepted if they have 3 or six digits." />
+ <style type="text/css"><![CDATA[
+ p { color: green; }
+ p { color: #f; }
+ p { color: #ff; }
+ p { color: #ff00; }
+ p { color: #ff000; }
+ p { color: #ff00000; }
+ p { color: #ff000000; }
+ p { color: #ff0000000; }
+ p { color: #ff00000000; }
+ ]]></style>
+ </head>
+ <body>
+ <p>This text should be green.</p>
+
+ <div>Note: the rules tested by this test may be changed in
+ future levels of the CSS Color Module.</div>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t421rgbhex3aexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-hex3-a-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-hex3-a-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-hex3-a-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ #one { color: black; background: white; }
+ #two { color: white; background: black; }
+ #three { color: red; }
+ #four { color: #00FF00; }
+ #five { color: blue; }
+</style>
+<body>
+ <p id="one">This should be black text on a white background.</p>
+ <p id="two">This should be white text on a black background.</p>
+ <p id="three">This text should be red.</p>
+ <p id="four">This text should be green.</p>
+ <p id="five">This text should be blue.</p>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t421rgbhex3axht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-hex3-a.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-hex3-a.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-hex3-a.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: #rgb colors</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#rgb-color" />
+ <link rel="match" href="t422-rgba-func-int-a-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Test that #rgb values produce correct colors." />
+ <style type="text/css"><![CDATA[
+ #one { color: #000; background: #fff; }
+ #two { color: #fff; background: #000; }
+ #three { color: #f00; }
+ #four { color: #0f0; }
+ #five { color: #00f; }
+ ]]></style>
+ </head>
+ <body>
+ <p id="one">This should be black text on a white background.</p>
+ <p id="two">This should be white text on a black background.</p>
+ <p id="three">This text should be red.</p>
+ <p id="four">This text should be green.</p>
+ <p id="five">This text should be blue.</p>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t421rgbhex6aexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-hex6-a-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-hex6-a-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-hex6-a-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ #one { color: black; background: white; }
+ #two { color: white; background: black; }
+ #three { color: red; }
+ #four { color: #00FF00; }
+ #five { color: blue; }
+</style>
+<body>
+ <p id="one">This should be black text on a white background.</p>
+ <p id="two">This should be white text on a black background.</p>
+ <p id="three">This text should be red.</p>
+ <p id="four">This text should be green.</p>
+ <p id="five">This text should be blue.</p>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t421rgbhex6axht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-hex6-a.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-hex6-a.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t421-rgb-hex6-a.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: #rrggbb colors</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#rgb-color" />
+ <link rel="match" href="t422-rgba-func-int-a-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Test that #rrggbb values produce correct colors." />
+ <style type="text/css"><![CDATA[
+ #one { color: #000000; background: #ffffff; }
+ #two { color: #ffffff; background: #000000; }
+ #three { color: #ff0000; }
+ #four { color: #00ff00; }
+ #five { color: #0000ff; }
+ ]]></style>
+ </head>
+ <body>
+ <p id="one">This should be black text on a white background.</p>
+ <p id="two">This should be white text on a black background.</p>
+ <p id="three">This text should be red.</p>
+ <p id="four">This text should be green.</p>
+ <p id="five">This text should be blue.</p>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t422rgbaa10aexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-a1.0-a-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-a1.0-a-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-a1.0-a-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,11 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ html, body { background: white; }
+</style>
+<body>
+ <p>This text should be the same color (black) as the line below.</p>
+ <p>This text should be the same color (black) as the line above.</p>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t422rgbaa10axht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-a1.0-a.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-a1.0-a.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-a1.0-a.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,22 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: rgba() colors</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#rgba-color" />
+ <link rel="match" href="t422-rgba-a1.0-a-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Opacity of 1.0 makes text fully opaque." />
+ <style type="text/css"><![CDATA[
+ html, body { background: white; }
+ p { color: white; }
+ #one { color: rgb(0, 0, 0); }
+ #two { color: rgba(0, 0, 0, 1.0); }
+ ]]></style>
+ </head>
+ <body>
+ <p id="one">This text should be the same color (black) as the line below.</p>
+ <p id="two">This text should be the same color (black) as the line above.</p>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t422rgbaclampinga00bexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-clamping-a0.0-b-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-clamping-a0.0-b-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-clamping-a0.0-b-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,7 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<body>
+ <p>This should be the only text visible on this page.</p>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t422rgbaclampinga00bxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-clamping-a0.0-b.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-clamping-a0.0-b.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-clamping-a0.0-b.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: rgba() colors</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#rgba-color" />
+ <link rel="match" href="t422-rgba-clamping-a0.0-b-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Alpha components of rgba() colors less than 0 are clamped to 0." />
+ <style type="text/css"><![CDATA[
+ html, body { background: white; }
+ #one { color: rgb(0, 0, 0); }
+ #two { color: rgba(0, 0, 0, -0.0); }
+ #three { color: rgba(0, 0, 0, -0.1); }
+ #four { color: rgba(0, 0, 0, -0.9); }
+ #five { color: rgba(0, 0, 0, -30); }
+ #six { color: rgba(0, 0, 0, -7439.79); }
+ ]]></style>
+ </head>
+ <body>
+ <p id="one">This should be the only text visible on this page.</p>
+ <p id="two">This text should NOT be visible.</p>
+ <p id="three">This text should NOT be visible.</p>
+ <p id="four">This text should NOT be visible.</p>
+ <p id="five">This text should NOT be visible.</p>
+ <p id="six">This text should NOT be visible.</p>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t422rgbaclampinga10bexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-clamping-a1.0-b-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-clamping-a1.0-b-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-clamping-a1.0-b-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,15 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ html, body { background: white; }
+</style>
+<body>
+ <p>There should be six lines of text on this page, all the same color. [1 of 6]</p>
+ <p>There should be six lines of text on this page, all the same color. [2 of 6]</p>
+ <p>There should be six lines of text on this page, all the same color. [3 of 6]</p>
+ <p>There should be six lines of text on this page, all the same color. [4 of 6]</p>
+ <p>There should be six lines of text on this page, all the same color. [5 of 6]</p>
+ <p>There should be six lines of text on this page, all the same color. [6 of 6]</p>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t422rgbaclampinga10bxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-clamping-a1.0-b.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-clamping-a1.0-b.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-clamping-a1.0-b.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: rgba() colors</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#rgba-color" />
+ <link rel="match" href="t422-rgba-clamping-a1.0-b-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Alpha components of rgba() colors greater than 1 are clamped to 1." />
+ <style type="text/css"><![CDATA[
+ html, body { background: white; }
+ #two, #three, #four, #five, #six { color: rgba(0, 0, 0, 0); }
+
+ #two { color: rgba(0, 0, 0, 1.0); }
+ #three { color: rgba(0, 0, 0, 1.1); }
+ #four { color: rgba(0, 0, 0, 1.9); }
+ #five { color: rgba(0, 0, 0, 30); }
+ #six { color: rgba(0, 0, 0, 7439.79); }
+ ]]></style>
+ </head>
+ <body>
+ <p id="one">There should be six lines of text on this page, all the same color. [1 of 6]</p>
+ <p id="two">There should be six lines of text on this page, all the same color. [2 of 6]</p>
+ <p id="three">There should be six lines of text on this page, all the same color. [3 of 6]</p>
+ <p id="four">There should be six lines of text on this page, all the same color. [4 of 6]</p>
+ <p id="five">There should be six lines of text on this page, all the same color. [5 of 6]</p>
+ <p id="six">There should be six lines of text on this page, all the same color. [6 of 6]</p>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t422rgbaclipoutsidedevicegamutbexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-clip-outside-device-gamut-b-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-clip-outside-device-gamut-b-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-clip-outside-device-gamut-b-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ body { background: white; color: black; }
+ table { border-spacing: 0 2px; padding: 0; border: none; }
+ td { border: none; padding: 0; height: 1.2em; }
+</style>
+<body>
+ <p><strong>WARNING: This test assumes that the device gamut is sRGB
+ (as it will be for many CRT monitors).</strong></p>
+ <p>Every row in this table should have both columns the same color:</p>
+ <table>
+ <tr>
+ <th style="background:white; color: black">Column 1</th>
+ <th style="background:black; color: white">Column 2</th>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(102, 255, 102)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(153, 153, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(102, 255, 102)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(153, 255, 153)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(102, 255, 102)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(153, 255, 153)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(132, 102, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(153, 173, 255)">&nbsp;</td>
+ </tr>
+ </table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t422rgbaclipoutsidedevicegamutbxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-clip-outside-device-gamut-b.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-clip-outside-device-gamut-b.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-clip-outside-device-gamut-b.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,66 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: rgba() clipping outside device gamut</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#rgba-color" />
+ <link rel="match" href="t422-rgba-clip-outside-device-gamut-b-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Test clipping of rgba() values outside the device gamut." />
+ <style type="text/css"><![CDATA[
+
+ body { background: white; color: black; }
+ table { border-spacing: 0 2px; padding: 0; border: none; }
+ td { border: none; padding: 0; height: 1.2em; }
+
+ ]]></style>
+ </head>
+ <body>
+
+ <p><strong>WARNING: This test assumes that the device gamut is sRGB
+ (as it will be for many CRT monitors).</strong></p>
+
+ <p>Every row in this table should have both columns the same color:</p>
+
+ <table>
+ <tr>
+ <th style="background:white; color: black">Column 1</th>
+ <th style="background:black; color: white">Column 2</th>
+ </tr>
+ <tr>
+ <td style="background: rgba(-30, 500, -1, 0.6)">&nbsp;</td>
+ <td style="background: rgb(102, 255, 102)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: rgba(-260, -254, 300, 0.4)">&nbsp;</td>
+ <td style="background: rgb(153, 153, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: rgba(-254, 256, 0, 0.6)">&nbsp;</td>
+ <td style="background: rgb(102, 255, 102)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: rgba(-10%, 200%, -1%, 0.4)">&nbsp;</td>
+ <td style="background: rgb(153, 255, 153)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: rgba(-110%, 130%, -99%, 0.6)">&nbsp;</td>
+ <td style="background: rgb(102, 255, 102)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: rgba(-99%, 101%, 0%, 0.4)">&nbsp;</td>
+ <td style="background: rgb(153, 255, 153)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: rgba(50, -30, 255, 0.6)">&nbsp;</td>
+ <td style="background: rgb(132, 102, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: rgba(0, 50, 350, 0.4)">&nbsp;</td>
+ <td style="background: rgb(153, 173, 255)">&nbsp;</td>
+ </tr>
+ </table>
+
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t422rgbafuncintaexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-int-a-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-int-a-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-int-a-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ #one { color: black; background: white; }
+ #two { color: white; background: black; }
+ #three { color: red; }
+ #four { color: #00FF00; }
+ #five { color: blue; }
+</style>
+<body>
+ <p id="one">This should be black text on a white background.</p>
+ <p id="two">This should be white text on a black background.</p>
+ <p id="three">This text should be red.</p>
+ <p id="four">This text should be green.</p>
+ <p id="five">This text should be blue.</p>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t422rgbafuncintaxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-int-a.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-int-a.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-int-a.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: rgba() colors</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#rgba-color" />
+ <link rel="match" href="t422-rgba-func-int-a-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Test that rgba() values produce correct colors." />
+ <style type="text/css"><![CDATA[
+ #one { color: rgba(0, 0, 0, 1.0); background: rgba(255, 255, 255, 1.0); }
+ #two { color: rgba(255, 255, 255, 1.0); background: rgba(0, 0, 0, 1.0); }
+ #three { color: rgba(255, 0, 0, 1.0); }
+ #four { color: rgba(0, 255, 0, 1.0); }
+ #five { color: rgba(0, 0, 255, 1.0); }
+ ]]></style>
+ </head>
+ <body>
+ <p id="one">This should be black text on a white background.</p>
+ <p id="two">This should be white text on a black background.</p>
+ <p id="three">This text should be red.</p>
+ <p id="four">This text should be green.</p>
+ <p id="five">This text should be blue.</p>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t422rgbafuncnomixedfexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-no-mixed-f-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-no-mixed-f-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-no-mixed-f-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,14 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ p {
+ color: green;
+ }
+</style>
+<body>
+ <p>This text should be green.</p>
+ <div>Note: the rules tested by this test may be changed in
+ future levels of the CSS Color Module.</div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t422rgbafuncnomixedfxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-no-mixed-f.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-no-mixed-f.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-no-mixed-f.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: no mixed rgba() values</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#rgba-color" />
+ <link rel="match" href="t422-rgba-func-no-mixed-f-ref.html" />
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Test that rgba() values are only accepted when all integers or all percentages." />
+ <style type="text/css"><![CDATA[
+ p { color: green; }
+ p { color: rgba(255, 0, 0%, 1.0); }
+ p { color: rgba(100%, 0%, 0, 1.0); }
+ p { color: rgba(100%, 1, 0, 1.0); }
+ p { color: rgba(255, 1%, 0%, 1.0); }
+ p { color: rgba(99%, 0%, 0, 1.0); }
+ p { color: rgba(0%, 0, 0%, 1.0); }
+ p { color: rgba(0, 0%, 0%, 1.0); }
+ p { color: rgba(254, 255%, 0, 1.0); }
+ ]]></style>
+ </head>
+ <body>
+ <p>This text should be green.</p>
+
+ <div>Note: the rules tested by this test may be changed in
+ future levels of the CSS Color Module.</div>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t422rgbafuncpctaexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-pct-a-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-pct-a-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-pct-a-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ #one { color: black; background: white; }
+ #two { color: white; background: black; }
+ #three { color: red; }
+ #four { color: #00FF00; }
+ #five { color: blue; }
+</style>
+<body>
+ <p id="one">This should be black text on a white background.</p>
+ <p id="two">This should be white text on a black background.</p>
+ <p id="three">This text should be red.</p>
+ <p id="four">This text should be green.</p>
+ <p id="five">This text should be blue.</p>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t422rgbafuncpctaxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-pct-a.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-pct-a.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-pct-a.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: rgba() colors</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#rgba-color" />
+ <link rel="match" href="t422-rgba-func-int-a-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Test that rgba() values produce correct colors." />
+ <style type="text/css"><![CDATA[
+ #one { color: rgba(0%, 0%, 0%, 1.0); background: rgba(100%, 100%, 100%, 1.0); }
+ #two { color: rgba(100%, 100%, 100%, 1.0); background: rgba(0%, 0%, 0%, 1.0); }
+ #three { color: rgba(100%, 0%, 0%, 1.0); }
+ #four { color: rgba(0%, 100%, 0%, 1.0); }
+ #five { color: rgba(0%, 0%, 100%, 1.0); }
+ ]]></style>
+ </head>
+ <body>
+ <p id="one">This should be black text on a white background.</p>
+ <p id="two">This should be white text on a black background.</p>
+ <p id="three">This text should be red.</p>
+ <p id="four">This text should be green.</p>
+ <p id="five">This text should be blue.</p>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t422rgbafuncwhitespacebexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-whitespace-b-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-whitespace-b-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-whitespace-b-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,16 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ body { background: black; }
+ p { color: #00FF00; }
+</style>
+<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>
+ <p>This text should be green.</p>
+ <p>This text should be green.</p>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t422rgbafuncwhitespacebxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-whitespace-b.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-whitespace-b.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-func-whitespace-b.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: whitespace in rgba() values</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#rgba-color" />
+ <link rel="match" href="t422-rgba-func-whitespace-b-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Test that whitespace is allowed within rgba() functions." />
+ <style type="text/css"><![CDATA[
+ html, body { background: black; }
+ #one { color: rgba( 0,
+255 ,0 ,1.0 ); }
+ #two { color: rgba(0
+,255
+,0
+, 1.0); }
+ #three { color: rgba( 0 , 255 , 0 , 1.0); }
+
+ #four { color: rgba( 0%,
+100% ,0% ,1.0 ); }
+ #five { color: rgba(0%
+,100%
+,0%
+, 1.0); }
+ #six { color: rgba( 0% , 100% , 0% ,
+ 1.0); }
+ ]]></style>
+ </head>
+ <body>
+ <p id="one">This text should be green.</p>
+ <p id="two">This text should be green.</p>
+ <p id="three">This text should be green.</p>
+ <p id="four">This text should be green.</p>
+ <p id="five">This text should be green.</p>
+ <p id="six">This text should be green.</p>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t422rgbaonscreenbexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-onscreen-b-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-onscreen-b-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-onscreen-b-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,43 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ html, body { background: white; }
+ table { border-spacing: 0 2px; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td, div { height: 1.2em; }
+</style>
+<body>
+ <p>Every row in this table should have both columns the same color:</p>
+ <table>
+ <tr>
+ <th style="background:white; color: black">Column 1</th>
+ <th style="background:black; color: white">Column 2</th>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(204, 204, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(163, 163, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(153, 153, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(92, 92, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(102, 102, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(41, 41, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(51, 51, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(10, 10, 255)">&nbsp;</td>
+ </tr>
+ </table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t422rgbaonscreenbxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-onscreen-b.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-onscreen-b.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-onscreen-b.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,63 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: rgba() overpainting</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#rgba-color" />
+ <link rel="match" href="t422-rgba-onscreen-b-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Test that rgba() does not behave like opacity and draw in an offscreen buffer." />
+ <style type="text/css"><![CDATA[
+ html, body { background: white; }
+ table { border-spacing: 0 2px; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+
+ td, div { height: 1.2em; }
+ ]]></style>
+ </head>
+ <body>
+
+ <p>Every row in this table should have both columns the same color:</p>
+
+ <table>
+ <tr>
+ <th style="background:white; color: black">Column 1</th>
+ <th style="background:black; color: white">Column 2</th>
+ </tr>
+ <tr>
+ <td style="background: rgba(0, 0, 255, 0.2)">&nbsp;</td>
+ <td style="background: rgb(204, 204, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: rgba(0, 0, 255, 0.2)"><div style="background: inherit">&nbsp;</div></td>
+ <td style="background: rgb(163, 163, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: rgba(0, 0, 255, 0.4)">&nbsp;</td>
+ <td style="background: rgb(153, 153, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: rgba(0, 0, 255, 0.4)"><div style="background: inherit">&nbsp;</div></td>
+ <td style="background: rgb(92, 92, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: rgba(0, 0, 255, 0.6)">&nbsp;</td>
+ <td style="background: rgb(102, 102, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: rgba(0, 0, 255, 0.6)"><div style="background: inherit">&nbsp;</div></td>
+ <td style="background: rgb(41, 41, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: rgba(0, 0, 255, 0.8)">&nbsp;</td>
+ <td style="background: rgb(51, 51, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: rgba(0, 0, 255, 0.8)"><div style="background: inherit">&nbsp;</div></td>
+ <td style="background: rgb(10, 10, 255)">&nbsp;</td>
+ </tr>
+ </table>
+
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t422rgbaonscreenmultipleboxescexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-onscreen-multiple-boxes-c-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-onscreen-multiple-boxes-c-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-onscreen-multiple-boxes-c-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,15 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ body { background: white; }
+ div.test { margin: 1em; line-height: 0; font-family: monospace; }
+ div.test span { background: rgb(92, 92, 255); color: rgb(92, 92, 255); }
+ div.ref { height: 1em; width: 5em; background: rgb(92, 92, 255); }
+</style>
+<body>
+ <p>These two rectangles should be the same color:</p>
+ <div class="test"><span>XXXXX<br/>XXXXX</span></div>
+ <div class="ref"></div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t422rgbaonscreenmultipleboxescxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-onscreen-multiple-boxes-c.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-onscreen-multiple-boxes-c.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t422-rgba-onscreen-multiple-boxes-c.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: rgba() overpainting</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#rgba-color" />
+ <link rel="match" href="t422-rgba-onscreen-multiple-boxes-c-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Test that rgba() does not behave like opacity and draw in an offscreen buffer." />
+ <style type="text/css"><![CDATA[
+
+ body { background: white; }
+
+ div.test { margin: 1em; line-height: 0; font-family: monospace; }
+ div.test span { background: rgba(0, 0, 255, 0.4); color: rgba(255, 0, 0, 0); }
+
+ div.ref { height: 1em; width: 5em; background: rgb(92, 92, 255); }
+
+ ]]></style>
+ </head>
+ <body>
+
+ <p>These two rectangles should be the same color:</p>
+
+ <div class="test"><span>XXXXX<br/>XXXXX</span></div>
+
+ <div class="ref"></div>
+
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t423transparent1aexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t423-transparent-1-a-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t423-transparent-1-a-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t423-transparent-1-a-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,7 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<body>
+ <p>This should be the only text visible on this page.</p>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t423transparent1axht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t423-transparent-1-a.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t423-transparent-1-a.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t423-transparent-1-a.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,21 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: transparent</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#transparent" />
+ <link rel="match" href="t422-rgba-clamping-a0.0-b-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="That the 'transparent' color keyword makes colors transparent." />
+ <style type="text/css"><![CDATA[
+ html, body { background: white; }
+ p { color: black; }
+ #two { color: transparent; }
+ ]]></style>
+ </head>
+ <body>
+ <p id="one">This should be the only text visible on this page.</p>
+ <p id="two">This text should NOT be visible.</p>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t423transparent2aexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t423-transparent-2-a-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t423-transparent-2-a-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t423-transparent-2-a-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,11 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ body { background-color: black; }
+ p { color: white; }
+</style>
+<body>
+ <p>This should be the only text visible on this page.</p>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t423transparent2axht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t423-transparent-2-a.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t423-transparent-2-a.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t423-transparent-2-a.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,21 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: transparent</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#transparent" />
+ <link rel="match" href="t423-transparent-2-a-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="That the 'transparent' color keyword makes colors transparent." />
+ <style type="text/css"><![CDATA[
+ html, body { background: black; }
+ p { color: white; }
+ #two { color: transparent; }
+ ]]></style>
+ </head>
+ <body>
+ <p id="one">This should be the only text visible on this page.</p>
+ <p id="two">This text should NOT be visible.</p>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslbasicaexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-basic-a-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-basic-a-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-basic-a-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,11 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ html, body { background: white; }
+ p { color: #008000; }
+</style>
+<body>
+ <p>This text should be dark green.</p>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslbasicaxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-basic-a.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-basic-a.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-basic-a.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: hsl()</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#hsl-color" />
+ <link rel="match" href="t424-hsl-basic-a-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Test basic functioning of hsl() colors." />
+ <style type="text/css"><![CDATA[
+ html, body { background: white; }
+ p { color: hsl(120, 100%, 25%); }
+ ]]></style>
+ </head>
+ <body>
+ <p>This text should be dark green.</p>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslclipoutsidegamutbexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-clip-outside-gamut-b-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-clip-outside-gamut-b-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-clip-outside-gamut-b-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,40 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ table { border-spacing: 0 2px; padding: 0; border: none; }
+ td { border: none; padding: 0; height: 1.2em; }
+</style>
+<body>
+ <p><strong>WARNING: This test assumes that the device gamut is sRGB
+ (as it will be for many CRT monitors).</strong></p>
+ <p>Every row in this table should have both columns the same color:</p>
+ <table>
+ <tr>
+ <th style="background:white; color: black">Column 1</th>
+ <th style="background:black; color: white">Column 2</th>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(0, 0, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(102, 0, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(102, 102, 102)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(153, 153, 153)">&nbsp;</td>
+ </tr>
+ </table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslclipoutsidegamutbxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-clip-outside-gamut-b.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-clip-outside-gamut-b.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-clip-outside-gamut-b.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,61 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: hsl() clipping outside device gamut</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#hsl-color" />
+ <link rel="match" href="t424-hsl-clip-outside-gamut-b-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Test clipping of hsl() values outside the device gamut." />
+ <style type="text/css"><![CDATA[
+
+ table { border-spacing: 0 2px; padding: 0; border: none; }
+ td { border: none; padding: 0; height: 1.2em; }
+
+ ]]></style>
+ </head>
+ <body>
+
+ <p><strong>WARNING: This test assumes that the device gamut is sRGB
+ (as it will be for many CRT monitors).</strong></p>
+
+ <p>Every row in this table should have both columns the same color:</p>
+
+ <table>
+ <tr>
+ <th style="background:white; color: black">Column 1</th>
+ <th style="background:black; color: white">Column 2</th>
+ </tr>
+ <tr>
+ <td style="background: hsl(240, 100%, -100%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: hsl(240, 75%, -20%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: hsl(240, 75%, 120%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: hsl(240, 130%, 50%)">&nbsp;</td>
+ <td style="background: rgb(0, 0, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: hsl(264, 130%, 50%)">&nbsp;</td>
+ <td style="background: rgb(102, 0, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: hsl(0, -50%, 40%)">&nbsp;</td>
+ <td style="background: rgb(102, 102, 102)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: hsl(30, -50%, 60%)">&nbsp;</td>
+ <td style="background: rgb(153, 153, 153)">&nbsp;</td>
+ </tr>
+ </table>
+
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslparsingfexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-parsing-f-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-parsing-f-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-parsing-f-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,13 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ html, body { background: white; }
+ p { color: #008000; }
+</style>
+<body>
+ <p>This text should be dark green.</p>
+ <div>Note: the rules tested by this test may be changed in
+ future levels of the CSS Color Module.</div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslparsingfxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-parsing-f.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-parsing-f.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-parsing-f.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: hsl()</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#hsl-color" />
+ <link rel="match" href="t424-hsl-parsing-f-ref.html" />
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Test rules for parsing of hsl() colors." />
+ <style type="text/css"><![CDATA[
+ html, body { background: white; }
+ p { color: hsl(120, 100%, 25%); }
+ p { color: hsl(0, 255, 128); }
+ p { color: hsl(0%, 100%, 50%); }
+ p { color: hsl(0, 100%, 50%, 1); }
+ p { color: hsl(0deg, 100%, 50%); }
+ p { color: hsl(0px, 100%, 50%); }
+ ]]></style>
+ </head>
+ <body>
+ <p>This text should be dark green.</p>
+
+ <div>Note: the rules tested by this test may be changed in
+ future levels of the CSS Color Module.</div>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb1expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-1-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-1-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change gradually from red at the left to green at the right (through yellow in the middle).</p>
+<table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(255, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 51, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 102, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 153, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 204, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 0)">&nbsp;</td>
+ <td style="background: rgb(204, 255, 0)">&nbsp;</td>
+ <td style="background: rgb(153, 255, 0)">&nbsp;</td>
+ <td style="background: rgb(102, 255, 0)">&nbsp;</td>
+ <td style="background: rgb(51, 255, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 0)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(255, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 51, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 102, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 153, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 204, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 0)">&nbsp;</td>
+ <td style="background: rgb(204, 255, 0)">&nbsp;</td>
+ <td style="background: rgb(153, 255, 0)">&nbsp;</td>
+ <td style="background: rgb(102, 255, 0)">&nbsp;</td>
+ <td style="background: rgb(51, 255, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 0)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+</table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb1html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-1.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-1.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,50 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test: hsl() values</title>
+<link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="author" title="Intel" href="http://www.intel.com">
+<link rel="help" href="http://www.w3.org/TR/css3-color/#hsl-color" />
+<link rel="match" href="t424-hsl-values-b-1-ref.html" />
+<meta name="flags" content="" />
+<meta name="assert" content="Implementation of algorithm for converting hsl() colors to rgb() colors." />
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+ <p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change gradually from red at the left to green at the right (through yellow in the middle).</p>
+ <table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsl(0, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(12, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(24, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(36, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(48, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(60, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(72, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(84, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(96, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(108, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(120, 100%, 50%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(255, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 51, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 102, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 153, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 204, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 0)">&nbsp;</td>
+ <td style="background: rgb(204, 255, 0)">&nbsp;</td>
+ <td style="background: rgb(153, 255, 0)">&nbsp;</td>
+ <td style="background: rgb(102, 255, 0)">&nbsp;</td>
+ <td style="background: rgb(51, 255, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 0)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ </table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb10expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-10-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-10-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-10-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in ten steps from black at the left to white at the right with red at the middle.</p>
+<table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(0, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(51, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(102, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(153, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(204, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 51, 51)">&nbsp;</td>
+ <td style="background: rgb(255, 102, 102)">&nbsp;</td>
+ <td style="background: rgb(255, 153, 153)">&nbsp;</td>
+ <td style="background: rgb(255, 204, 204)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 255)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(51, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(102, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(153, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(204, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 51, 51)">&nbsp;</td>
+ <td style="background: rgb(255, 102, 102)">&nbsp;</td>
+ <td style="background: rgb(255, 153, 153)">&nbsp;</td>
+ <td style="background: rgb(255, 204, 204)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 255)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+</table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb10html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-10.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-10.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-10.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,50 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test: hsl() values</title>
+<link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="author" title="Intel" href="http://www.intel.com">
+<link rel="help" href="http://www.w3.org/TR/css3-color/#hsl-color" />
+<link rel="match" href="t424-hsl-values-b-10-ref.html" />
+<meta name="flags" content="" />
+<meta name="assert" content="Implementation of algorithm for converting hsl() colors to rgb() colors." />
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+ <p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in ten steps from black at the left to white at the right with red at the middle.</p>
+ <table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsl(0, 100%, 0%)">&nbsp;</td>
+ <td style="background: hsl(0, 100%, 10%)">&nbsp;</td>
+ <td style="background: hsl(0, 100%, 20%)">&nbsp;</td>
+ <td style="background: hsl(0, 100%, 30%)">&nbsp;</td>
+ <td style="background: hsl(0, 100%, 40%)">&nbsp;</td>
+ <td style="background: hsl(0, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(0, 100%, 60%)">&nbsp;</td>
+ <td style="background: hsl(0, 100%, 70%)">&nbsp;</td>
+ <td style="background: hsl(0, 100%, 80%)">&nbsp;</td>
+ <td style="background: hsl(0, 100%, 90%)">&nbsp;</td>
+ <td style="background: hsl(0, 100%, 100%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(51, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(102, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(153, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(204, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 51, 51)">&nbsp;</td>
+ <td style="background: rgb(255, 102, 102)">&nbsp;</td>
+ <td style="background: rgb(255, 153, 153)">&nbsp;</td>
+ <td style="background: rgb(255, 204, 204)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 255)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ </table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb11expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-11-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-11-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-11-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in ten steps from black at the left to white at the right with yellow at the middle.</p>
+<table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(0, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(51, 51, 0)">&nbsp;</td>
+ <td style="background: rgb(102, 102, 0)">&nbsp;</td>
+ <td style="background: rgb(153, 153, 0)">&nbsp;</td>
+ <td style="background: rgb(204, 204, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 51)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 102)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 153)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 204)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 255)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(51, 51, 0)">&nbsp;</td>
+ <td style="background: rgb(102, 102, 0)">&nbsp;</td>
+ <td style="background: rgb(153, 153, 0)">&nbsp;</td>
+ <td style="background: rgb(204, 204, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 51)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 102)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 153)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 204)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 255)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+</table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb11html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-11.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-11.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-11.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,50 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test: hsl() values</title>
+<link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="author" title="Intel" href="http://www.intel.com">
+<link rel="help" href="http://www.w3.org/TR/css3-color/#hsl-color" />
+<link rel="match" href="t424-hsl-values-b-11-ref.html" />
+<meta name="flags" content="" />
+<meta name="assert" content="Implementation of algorithm for converting hsl() colors to rgb() colors." />
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+ <p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in ten steps from black at the left to white at the right with yellow at the middle.</p>
+ <table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsl(60, 100%, 0%)">&nbsp;</td>
+ <td style="background: hsl(60, 100%, 10%)">&nbsp;</td>
+ <td style="background: hsl(60, 100%, 20%)">&nbsp;</td>
+ <td style="background: hsl(60, 100%, 30%)">&nbsp;</td>
+ <td style="background: hsl(60, 100%, 40%)">&nbsp;</td>
+ <td style="background: hsl(60, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(60, 100%, 60%)">&nbsp;</td>
+ <td style="background: hsl(60, 100%, 70%)">&nbsp;</td>
+ <td style="background: hsl(60, 100%, 80%)">&nbsp;</td>
+ <td style="background: hsl(60, 100%, 90%)">&nbsp;</td>
+ <td style="background: hsl(60, 100%, 100%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(51, 51, 0)">&nbsp;</td>
+ <td style="background: rgb(102, 102, 0)">&nbsp;</td>
+ <td style="background: rgb(153, 153, 0)">&nbsp;</td>
+ <td style="background: rgb(204, 204, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 0)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 51)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 102)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 153)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 204)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 255)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ </table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb12expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-12-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-12-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-12-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in ten steps from black at the left to white at the right with green at the middle.</p>
+<table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(0, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 51, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 102, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 153, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 204, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 0)">&nbsp;</td>
+ <td style="background: rgb(51, 255, 51)">&nbsp;</td>
+ <td style="background: rgb(102, 255, 102)">&nbsp;</td>
+ <td style="background: rgb(153, 255, 153)">&nbsp;</td>
+ <td style="background: rgb(204, 255, 204)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 255)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 51, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 102, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 153, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 204, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 0)">&nbsp;</td>
+ <td style="background: rgb(51, 255, 51)">&nbsp;</td>
+ <td style="background: rgb(102, 255, 102)">&nbsp;</td>
+ <td style="background: rgb(153, 255, 153)">&nbsp;</td>
+ <td style="background: rgb(204, 255, 204)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 255)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+</table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb12html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-12.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-12.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-12.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,50 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test: hsl() values</title>
+<link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="author" title="Intel" href="http://www.intel.com">
+<link rel="help" href="http://www.w3.org/TR/css3-color/#hsl-color" />
+<link rel="match" href="t424-hsl-values-b-12-ref.html" />
+<meta name="flags" content="" />
+<meta name="assert" content="Implementation of algorithm for converting hsl() colors to rgb() colors." />
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+ <p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in ten steps from black at the left to white at the right with green at the middle.</p>
+ <table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsl(120, 100%, 0%)">&nbsp;</td>
+ <td style="background: hsl(120, 100%, 10%)">&nbsp;</td>
+ <td style="background: hsl(120, 100%, 20%)">&nbsp;</td>
+ <td style="background: hsl(120, 100%, 30%)">&nbsp;</td>
+ <td style="background: hsl(120, 100%, 40%)">&nbsp;</td>
+ <td style="background: hsl(120, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(120, 100%, 60%)">&nbsp;</td>
+ <td style="background: hsl(120, 100%, 70%)">&nbsp;</td>
+ <td style="background: hsl(120, 100%, 80%)">&nbsp;</td>
+ <td style="background: hsl(120, 100%, 90%)">&nbsp;</td>
+ <td style="background: hsl(120, 100%, 100%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 51, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 102, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 153, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 204, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 0)">&nbsp;</td>
+ <td style="background: rgb(51, 255, 51)">&nbsp;</td>
+ <td style="background: rgb(102, 255, 102)">&nbsp;</td>
+ <td style="background: rgb(153, 255, 153)">&nbsp;</td>
+ <td style="background: rgb(204, 255, 204)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 255)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ </table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb13expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-13-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-13-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-13-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in ten steps from black at the left to white at the right with aqua at the middle.</p>
+<table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(0, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 51, 51)">&nbsp;</td>
+ <td style="background: rgb(0, 102, 102)">&nbsp;</td>
+ <td style="background: rgb(0, 153, 153)">&nbsp;</td>
+ <td style="background: rgb(0, 204, 204)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 255)">&nbsp;</td>
+ <td style="background: rgb(51, 255, 255)">&nbsp;</td>
+ <td style="background: rgb(102, 255, 255)">&nbsp;</td>
+ <td style="background: rgb(153, 255, 255)">&nbsp;</td>
+ <td style="background: rgb(204, 255, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 255)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 51, 51)">&nbsp;</td>
+ <td style="background: rgb(0, 102, 102)">&nbsp;</td>
+ <td style="background: rgb(0, 153, 153)">&nbsp;</td>
+ <td style="background: rgb(0, 204, 204)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 255)">&nbsp;</td>
+ <td style="background: rgb(51, 255, 255)">&nbsp;</td>
+ <td style="background: rgb(102, 255, 255)">&nbsp;</td>
+ <td style="background: rgb(153, 255, 255)">&nbsp;</td>
+ <td style="background: rgb(204, 255, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 255)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+</table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb13html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-13.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-13.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-13.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,50 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test: hsl() values</title>
+<link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="author" title="Intel" href="http://www.intel.com">
+<link rel="help" href="http://www.w3.org/TR/css3-color/#hsl-color" />
+<link rel="match" href="t424-hsl-values-b-13-ref.html" />
+<meta name="flags" content="" />
+<meta name="assert" content="Implementation of algorithm for converting hsl() colors to rgb() colors." />
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+ <p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in ten steps from black at the left to white at the right with aqua at the middle.</p>
+ <table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsl(180, 100%, 0%)">&nbsp;</td>
+ <td style="background: hsl(180, 100%, 10%)">&nbsp;</td>
+ <td style="background: hsl(180, 100%, 20%)">&nbsp;</td>
+ <td style="background: hsl(180, 100%, 30%)">&nbsp;</td>
+ <td style="background: hsl(180, 100%, 40%)">&nbsp;</td>
+ <td style="background: hsl(180, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(180, 100%, 60%)">&nbsp;</td>
+ <td style="background: hsl(180, 100%, 70%)">&nbsp;</td>
+ <td style="background: hsl(180, 100%, 80%)">&nbsp;</td>
+ <td style="background: hsl(180, 100%, 90%)">&nbsp;</td>
+ <td style="background: hsl(180, 100%, 100%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 51, 51)">&nbsp;</td>
+ <td style="background: rgb(0, 102, 102)">&nbsp;</td>
+ <td style="background: rgb(0, 153, 153)">&nbsp;</td>
+ <td style="background: rgb(0, 204, 204)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 255)">&nbsp;</td>
+ <td style="background: rgb(51, 255, 255)">&nbsp;</td>
+ <td style="background: rgb(102, 255, 255)">&nbsp;</td>
+ <td style="background: rgb(153, 255, 255)">&nbsp;</td>
+ <td style="background: rgb(204, 255, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 255)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ </table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb14expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-14-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-14-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-14-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in ten steps from black at the left to white at the right with blue at the middle.</p>
+<table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(0, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 0, 51)">&nbsp;</td>
+ <td style="background: rgb(0, 0, 102)">&nbsp;</td>
+ <td style="background: rgb(0, 0, 153)">&nbsp;</td>
+ <td style="background: rgb(0, 0, 204)">&nbsp;</td>
+ <td style="background: rgb(0, 0, 255)">&nbsp;</td>
+ <td style="background: rgb(51, 51, 255)">&nbsp;</td>
+ <td style="background: rgb(102, 102, 255)">&nbsp;</td>
+ <td style="background: rgb(153, 153, 255)">&nbsp;</td>
+ <td style="background: rgb(204, 204, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 255)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 0, 51)">&nbsp;</td>
+ <td style="background: rgb(0, 0, 102)">&nbsp;</td>
+ <td style="background: rgb(0, 0, 153)">&nbsp;</td>
+ <td style="background: rgb(0, 0, 204)">&nbsp;</td>
+ <td style="background: rgb(0, 0, 255)">&nbsp;</td>
+ <td style="background: rgb(51, 51, 255)">&nbsp;</td>
+ <td style="background: rgb(102, 102, 255)">&nbsp;</td>
+ <td style="background: rgb(153, 153, 255)">&nbsp;</td>
+ <td style="background: rgb(204, 204, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 255)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+</table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb14html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-14.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-14.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-14.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,50 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test: hsl() values</title>
+<link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="author" title="Intel" href="http://www.intel.com">
+<link rel="help" href="http://www.w3.org/TR/css3-color/#hsl-color" />
+<link rel="match" href="t424-hsl-values-b-14-ref.html" />
+<meta name="flags" content="" />
+<meta name="assert" content="Implementation of algorithm for converting hsl() colors to rgb() colors." />
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+ <p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in ten steps from black at the left to white at the right with blue at the middle.</p>
+ <table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsl(240, 100%, 0%)">&nbsp;</td>
+ <td style="background: hsl(240, 100%, 10%)">&nbsp;</td>
+ <td style="background: hsl(240, 100%, 20%)">&nbsp;</td>
+ <td style="background: hsl(240, 100%, 30%)">&nbsp;</td>
+ <td style="background: hsl(240, 100%, 40%)">&nbsp;</td>
+ <td style="background: hsl(240, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(240, 100%, 60%)">&nbsp;</td>
+ <td style="background: hsl(240, 100%, 70%)">&nbsp;</td>
+ <td style="background: hsl(240, 100%, 80%)">&nbsp;</td>
+ <td style="background: hsl(240, 100%, 90%)">&nbsp;</td>
+ <td style="background: hsl(240, 100%, 100%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 0, 51)">&nbsp;</td>
+ <td style="background: rgb(0, 0, 102)">&nbsp;</td>
+ <td style="background: rgb(0, 0, 153)">&nbsp;</td>
+ <td style="background: rgb(0, 0, 204)">&nbsp;</td>
+ <td style="background: rgb(0, 0, 255)">&nbsp;</td>
+ <td style="background: rgb(51, 51, 255)">&nbsp;</td>
+ <td style="background: rgb(102, 102, 255)">&nbsp;</td>
+ <td style="background: rgb(153, 153, 255)">&nbsp;</td>
+ <td style="background: rgb(204, 204, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 255)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ </table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb15expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-15-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-15-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-15-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in ten steps from black at the left to white at the right with fuchsia at the middle.</p>
+<table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(0, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(51, 0, 51)">&nbsp;</td>
+ <td style="background: rgb(102, 0, 102)">&nbsp;</td>
+ <td style="background: rgb(153, 0, 153)">&nbsp;</td>
+ <td style="background: rgb(204, 0, 204)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 51, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 102, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 153, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 204, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 255)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(51, 0, 51)">&nbsp;</td>
+ <td style="background: rgb(102, 0, 102)">&nbsp;</td>
+ <td style="background: rgb(153, 0, 153)">&nbsp;</td>
+ <td style="background: rgb(204, 0, 204)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 51, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 102, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 153, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 204, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 255)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+</table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb15html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-15.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-15.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-15.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,50 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test: hsl() values</title>
+<link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="author" title="Intel" href="http://www.intel.com">
+<link rel="help" href="http://www.w3.org/TR/css3-color/#hsl-color" />
+<link rel="match" href="t424-hsl-values-b-15-ref.html" />
+<meta name="flags" content="" />
+<meta name="assert" content="Implementation of algorithm for converting hsl() colors to rgb() colors." />
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+ <p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in ten steps from black at the left to white at the right with fuchsia at the middle.</p>
+ <table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsl(300, 100%, 0%)">&nbsp;</td>
+ <td style="background: hsl(300, 100%, 10%)">&nbsp;</td>
+ <td style="background: hsl(300, 100%, 20%)">&nbsp;</td>
+ <td style="background: hsl(300, 100%, 30%)">&nbsp;</td>
+ <td style="background: hsl(300, 100%, 40%)">&nbsp;</td>
+ <td style="background: hsl(300, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(300, 100%, 60%)">&nbsp;</td>
+ <td style="background: hsl(300, 100%, 70%)">&nbsp;</td>
+ <td style="background: hsl(300, 100%, 80%)">&nbsp;</td>
+ <td style="background: hsl(300, 100%, 90%)">&nbsp;</td>
+ <td style="background: hsl(300, 100%, 100%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0, 0, 0)">&nbsp;</td>
+ <td style="background: rgb(51, 0, 51)">&nbsp;</td>
+ <td style="background: rgb(102, 0, 102)">&nbsp;</td>
+ <td style="background: rgb(153, 0, 153)">&nbsp;</td>
+ <td style="background: rgb(204, 0, 204)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 51, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 102, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 153, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 204, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 255)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ </table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb2expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-2-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-2-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-2-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change gradually from green at the left to blue at the right (through aqua in the middle).</p>
+<table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(0, 255, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 51)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 102)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 153)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 204)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 255)">&nbsp;</td>
+ <td style="background: rgb(0, 204, 255)">&nbsp;</td>
+ <td style="background: rgb(0, 153, 255)">&nbsp;</td>
+ <td style="background: rgb(0, 102, 255)">&nbsp;</td>
+ <td style="background: rgb(0, 51, 255)">&nbsp;</td>
+ <td style="background: rgb(0, 0, 255)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0, 255, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 51)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 102)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 153)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 204)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 255)">&nbsp;</td>
+ <td style="background: rgb(0, 204, 255)">&nbsp;</td>
+ <td style="background: rgb(0, 153, 255)">&nbsp;</td>
+ <td style="background: rgb(0, 102, 255)">&nbsp;</td>
+ <td style="background: rgb(0, 51, 255)">&nbsp;</td>
+ <td style="background: rgb(0, 0, 255)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+</table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb2html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-2.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-2.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-2.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,50 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test: hsl() values</title>
+<link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="author" title="Intel" href="http://www.intel.com">
+<link rel="help" href="http://www.w3.org/TR/css3-color/#hsl-color" />
+<link rel="match" href="t424-hsl-values-b-2-ref.html" />
+<meta name="flags" content="" />
+<meta name="assert" content="Implementation of algorithm for converting hsl() colors to rgb() colors." />
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+ <p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change gradually from green at the left to blue at the right (through aqua in the middle).</p>
+ <table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsl(120, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(132, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(144, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(156, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(168, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(180, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(192, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(204, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(216, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(228, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(240, 100%, 50%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0, 255, 0)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 51)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 102)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 153)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 204)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 255)">&nbsp;</td>
+ <td style="background: rgb(0, 204, 255)">&nbsp;</td>
+ <td style="background: rgb(0, 153, 255)">&nbsp;</td>
+ <td style="background: rgb(0, 102, 255)">&nbsp;</td>
+ <td style="background: rgb(0, 51, 255)">&nbsp;</td>
+ <td style="background: rgb(0, 0, 255)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ </table>
+<body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb3expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-3-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-3-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-3-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change gradually from blue at the left to red at the right (through fuchsia in the middle).</p>
+<table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(0, 0, 255)">&nbsp;</td>
+ <td style="background: rgb(51, 0, 255)">&nbsp;</td>
+ <td style="background: rgb(102, 0, 255)">&nbsp;</td>
+ <td style="background: rgb(153, 0, 255)">&nbsp;</td>
+ <td style="background: rgb(204, 0, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 204)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 153)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 102)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 51)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 0)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0, 0, 255)">&nbsp;</td>
+ <td style="background: rgb(51, 0, 255)">&nbsp;</td>
+ <td style="background: rgb(102, 0, 255)">&nbsp;</td>
+ <td style="background: rgb(153, 0, 255)">&nbsp;</td>
+ <td style="background: rgb(204, 0, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 204)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 153)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 102)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 51)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 0)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+</table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb3html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-3.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-3.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-3.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,50 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test: hsl() values</title>
+<link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="author" title="Intel" href="http://www.intel.com">
+<link rel="help" href="http://www.w3.org/TR/css3-color/#hsl-color" />
+<link rel="match" href="t424-hsl-values-b-3-ref.html" />
+<meta name="flags" content="" />
+<meta name="assert" content="Implementation of algorithm for converting hsl() colors to rgb() colors." />
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+ <p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change gradually from blue at the left to red at the right (through fuchsia in the middle).</p>
+ <table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsl(240, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(252, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(264, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(276, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(288, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(300, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(312, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(324, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(336, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(348, 100%, 50%)">&nbsp;</td>
+ <td style="background: hsl(360, 100%, 50%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0, 0, 255)">&nbsp;</td>
+ <td style="background: rgb(51, 0, 255)">&nbsp;</td>
+ <td style="background: rgb(102, 0, 255)">&nbsp;</td>
+ <td style="background: rgb(153, 0, 255)">&nbsp;</td>
+ <td style="background: rgb(204, 0, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 255)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 204)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 153)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 102)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 51)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 0)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ </table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb4expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-4-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-4-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-4-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in two steps from nearly gray at the left to red at the right.</p>
+<table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(153, 102, 102)">&nbsp;</td>
+ <td style="background: rgb(204, 51, 51)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 0)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(153, 102, 102)">&nbsp;</td>
+ <td style="background: rgb(204, 51, 51)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 0)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+</table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb4html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-4.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-4.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-4.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test: hsl() values</title>
+<link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="author" title="Intel" href="http://www.intel.com">
+<link rel="help" href="http://www.w3.org/TR/css3-color/#hsl-color" />
+<link rel="match" href="t424-hsl-values-b-4-ref.html" />
+<meta name="flags" content="" />
+<meta name="assert" content="Implementation of algorithm for converting hsl() colors to rgb() colors." />
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+ <p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in two steps from nearly gray at the left to red at the right.</p>
+ <table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsl(0, 20%, 50%)">&nbsp;</td>
+ <td style="background: hsl(0, 60%, 50%)">&nbsp;</td>
+ <td style="background: hsl(0, 100%, 50%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(153, 102, 102)">&nbsp;</td>
+ <td style="background: rgb(204, 51, 51)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 0)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ </table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb5expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-5-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-5-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-5-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in two steps from nearly gray at the left to yellow at the right.</p>
+<table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(153, 153, 102)">&nbsp;</td>
+ <td style="background: rgb(204, 204, 51)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 0)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(153, 153, 102)">&nbsp;</td>
+ <td style="background: rgb(204, 204, 51)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 0)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+</table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb5html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-5.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-5.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-5.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test: hsl() values</title>
+<link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="author" title="Intel" href="http://www.intel.com">
+<link rel="help" href="http://www.w3.org/TR/css3-color/#hsl-color" />
+<link rel="match" href="t424-hsl-values-b-5-ref.html" />
+<meta name="flags" content="" />
+<meta name="assert" content="Implementation of algorithm for converting hsl() colors to rgb() colors." />
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+ <p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in two steps from nearly gray at the left to yellow at the right.</p>
+ <table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsl(60, 20%, 50%)">&nbsp;</td>
+ <td style="background: hsl(60, 60%, 50%)">&nbsp;</td>
+ <td style="background: hsl(60, 100%, 50%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(153, 153, 102)">&nbsp;</td>
+ <td style="background: rgb(204, 204, 51)">&nbsp;</td>
+ <td style="background: rgb(255, 255, 0)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ </table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb6expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-6-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-6-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-6-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in two steps from nearly gray at the left to green at the right.</p>
+<table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(102, 153, 102)">&nbsp;</td>
+ <td style="background: rgb(51, 204, 51)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 0)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(102, 153, 102)">&nbsp;</td>
+ <td style="background: rgb(51, 204, 51)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 0)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+</table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb6html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-6.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-6.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-6.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test: hsl() values</title>
+<link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="author" title="Intel" href="http://www.intel.com">
+<link rel="help" href="http://www.w3.org/TR/css3-color/#hsl-color" />
+<link rel="match" href="t424-hsl-values-b-6-ref.html" />
+<meta name="flags" content="" />
+<meta name="assert" content="Implementation of algorithm for converting hsl() colors to rgb() colors." />
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+ <p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in two steps from nearly gray at the left to green at the right.</p>
+ <table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsl(120, 20%, 50%)">&nbsp;</td>
+ <td style="background: hsl(120, 60%, 50%)">&nbsp;</td>
+ <td style="background: hsl(120, 100%, 50%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(102, 153, 102)">&nbsp;</td>
+ <td style="background: rgb(51, 204, 51)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 0)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ </table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb7expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-7-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-7-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-7-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in two steps from nearly gray at the left to aqua at the right.</p>
+<table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(102, 153, 153)">&nbsp;</td>
+ <td style="background: rgb(51, 204, 204)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 255)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(102, 153, 153)">&nbsp;</td>
+ <td style="background: rgb(51, 204, 204)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 255)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+</table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb7html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-7.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-7.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-7.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test: hsl() values</title>
+<link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="author" title="Intel" href="http://www.intel.com">
+<link rel="help" href="http://www.w3.org/TR/css3-color/#hsl-color" />
+<link rel="match" href="t424-hsl-values-b-7-ref.html" />
+<meta name="flags" content="" />
+<meta name="assert" content="Implementation of algorithm for converting hsl() colors to rgb() colors." />
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+ <p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in two steps from nearly gray at the left to aqua at the right.</p>
+ <table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsl(180, 20%, 50%)">&nbsp;</td>
+ <td style="background: hsl(180, 60%, 50%)">&nbsp;</td>
+ <td style="background: hsl(180, 100%, 50%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(102, 153, 153)">&nbsp;</td>
+ <td style="background: rgb(51, 204, 204)">&nbsp;</td>
+ <td style="background: rgb(0, 255, 255)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ </table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb8expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-8-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-8-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-8-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in two steps from nearly gray at the left to blue at the right.</p>
+<table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(102, 102, 153)">&nbsp;</td>
+ <td style="background: rgb(51, 51, 204)">&nbsp;</td>
+ <td style="background: rgb(0, 0, 255)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(102, 102, 153)">&nbsp;</td>
+ <td style="background: rgb(51, 51, 204)">&nbsp;</td>
+ <td style="background: rgb(0, 0, 255)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+</table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb8html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-8.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-8.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-8.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test: hsl() values</title>
+<link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="author" title="Intel" href="http://www.intel.com">
+<link rel="help" href="http://www.w3.org/TR/css3-color/#hsl-color" />
+<link rel="match" href="t424-hsl-values-b-8-ref.html" />
+<meta name="flags" content="" />
+<meta name="assert" content="Implementation of algorithm for converting hsl() colors to rgb() colors." />
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+ <p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in two steps from nearly gray at the left to blue at the right.</p>
+ <table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsl(240, 20%, 50%)">&nbsp;</td>
+ <td style="background: hsl(240, 60%, 50%)">&nbsp;</td>
+ <td style="background: hsl(240, 100%, 50%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(102, 102, 153)">&nbsp;</td>
+ <td style="background: rgb(51, 51, 204)">&nbsp;</td>
+ <td style="background: rgb(0, 0, 255)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ </table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb9expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-9-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-9-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-9-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in two steps from nearly gray at the left to fuchsia at the right.</p>
+<table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(153, 102, 153)">&nbsp;</td>
+ <td style="background: rgb(204, 51, 204)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 255)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(153, 102, 153)">&nbsp;</td>
+ <td style="background: rgb(204, 51, 204)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 255)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+</table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t424hslvaluesb9html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-9.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-9.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t424-hsl-values-b-9.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test: hsl() values</title>
+<link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="author" title="Intel" href="http://www.intel.com">
+<link rel="help" href="http://www.w3.org/TR/css3-color/#hsl-color" />
+<link rel="match" href="t424-hsl-values-b-9-ref.html" />
+<meta name="flags" content="" />
+<meta name="assert" content="Implementation of algorithm for converting hsl() colors to rgb() colors." />
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+ <p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in two steps from nearly gray at the left to fuchsia at the right.</p>
+ <table>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsl(300, 20%, 50%)">&nbsp;</td>
+ <td style="background: hsl(300, 60%, 50%)">&nbsp;</td>
+ <td style="background: hsl(300, 100%, 50%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(153, 102, 153)">&nbsp;</td>
+ <td style="background: rgb(204, 51, 204)">&nbsp;</td>
+ <td style="background: rgb(255, 0, 255)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ </table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t425hslaclipoutsidedevicegamutbexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-clip-outside-device-gamut-b-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-clip-outside-device-gamut-b-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-clip-outside-device-gamut-b-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ body { background: white; color: black; }
+ table { border-spacing: 0 2px; padding: 0; border: none; }
+ td { border: none; padding: 0; height: 1.2em; }
+</style>
+<body>
+ <p><strong>WARNING: This test assumes that the device gamut is sRGB
+ (as it will be for many CRT monitors).</strong></p>
+ <p>Every row in this table should have both columns the same color:</p>
+ <table>
+ <tr>
+ <th style="background:white; color: black">Column 1</th>
+ <th style="background:black; color: white">Column 2</th>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(102, 102, 102)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(153, 153, 153)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(153, 153, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(163, 102, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(194, 194, 194)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td colspan='2' style="background: rgb(194, 194, 194)">&nbsp;</td>
+ </tr>
+ </table>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t425hslaclipoutsidedevicegamutbxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-clip-outside-device-gamut-b.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-clip-outside-device-gamut-b.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-clip-outside-device-gamut-b.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,62 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: hsla() clipping outside device gamut</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#hsla-color" />
+ <link rel="match" href="t425-hsla-clip-outside-device-gamut-b-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Test clipping of hsla() values outside the device gamut." />
+ <style type="text/css"><![CDATA[
+
+ body { background: white; color: black; }
+ table { border-spacing: 0 2px; padding: 0; border: none; }
+ td { border: none; padding: 0; height: 1.2em; }
+
+ ]]></style>
+ </head>
+ <body>
+
+ <p><strong>WARNING: This test assumes that the device gamut is sRGB
+ (as it will be for many CRT monitors).</strong></p>
+
+ <p>Every row in this table should have both columns the same color:</p>
+
+ <table>
+ <tr>
+ <th style="background:white; color: black">Column 1</th>
+ <th style="background:black; color: white">Column 2</th>
+ </tr>
+ <tr>
+ <td style="background: hsla(240, 100%, -100%, 0.6)">&nbsp;</td>
+ <td style="background: rgb(102, 102, 102)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: hsla(240, 75%, -20%, 0.4)">&nbsp;</td>
+ <td style="background: rgb(153, 153, 153)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: hsla(240, 75%, 120%, 0.6)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: hsla(240, 130%, 50%, 0.4)">&nbsp;</td>
+ <td style="background: rgb(153, 153, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: hsla(264, 130%, 50%, 0.6)">&nbsp;</td>
+ <td style="background: rgb(163, 102, 255)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: hsla(0, -50%, 40%, 0.4)">&nbsp;</td>
+ <td style="background: rgb(194, 194, 194)">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: hsla(30, -50%, 60%, 0.6)">&nbsp;</td>
+ <td style="background: rgb(194, 194, 194)">&nbsp;</td>
+ </tr>
+ </table>
+
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t425hslaonscreenmultipleboxescexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-onscreen-multiple-boxes-c-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-onscreen-multiple-boxes-c-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-onscreen-multiple-boxes-c-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,15 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ body { background: white; }
+ div.test { margin: 1em; line-height: 0; font-family: monospace; }
+ div.test span { background: rgb(92, 92, 255); color: rgb(92, 92, 255); }
+ div.ref { height: 1em; width: 5em; background: rgb(92, 92, 255); }
+</style>
+<body>
+ <p>These two rectangles should be the same color:</p>
+ <div class="test"><span>XXXXX<br/>XXXXX</span></div>
+ <div class="ref"></div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t425hslaonscreenmultipleboxescxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-onscreen-multiple-boxes-c.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-onscreen-multiple-boxes-c.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-onscreen-multiple-boxes-c.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: hsla() overpainting</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#hsla-color" />
+ <link rel="match" href="t422-rgba-onscreen-multiple-boxes-c-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Test that hsla() does not behave like opacity and draw in an offscreen buffer." />
+ <style type="text/css"><![CDATA[
+
+ body { background: white; }
+
+ div.test { margin: 1em; line-height: 0; font-family: monospace; }
+ div.test span { background: hsla(240, 100%, 50%, 0.4); color: hsla(0, 100%, 50%, 0); }
+
+ div.ref { height: 1em; width: 5em; background: rgb(92, 92, 255); }
+
+ ]]></style>
+ </head>
+ <body>
+
+ <p>These two rectangles should be the same color:</p>
+
+ <div class="test"><span>XXXXX<br/>XXXXX</span></div>
+
+ <div class="ref"></div>
+
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t425hslaparsingfexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-parsing-f-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-parsing-f-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-parsing-f-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,13 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ html, body { background: white; }
+ p { color: #008000; }
+</style>
+<body>
+ <p>This text should be dark green.</p>
+ <div>Note: the rules tested by this test may be changed in
+ future levels of the CSS Color Module.</div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t425hslaparsingfxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-parsing-f.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-parsing-f.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-parsing-f.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: hsla()</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#hsla-color" />
+ <link rel="match" href="t424-hsl-parsing-f-ref.html" />
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Test rules for parsing of hsla() colors." />
+ <style type="text/css"><![CDATA[
+ html, body { background: white; }
+ p { color: hsla(120, 100%, 25%, 1.0); }
+ p { color: hsla(0, 100%, 25%); }
+ p { color: hsla(0, 100%, 25%, 1.0, 1.0); }
+ p { color: hsla(0, 100%, 25%, 1.0,); }
+ p { color: hsla(0, 255, 128, 1.0); }
+ p { color: hsla(0%, 100%, 50%, 1.0); }
+ p { color: hsla(0, 100%, 50%, 1%); }
+ p { color: hsla(0, 100%, 50%, 0%); }
+ p { color: hsla(0deg, 100%, 50%, 1.0); }
+ p { color: hsla(0px, 100%, 50%, 1.0); }
+ ]]></style>
+ </head>
+ <body>
+ <p>This text should be dark green.</p>
+
+ <div>Note: the rules tested by this test may be changed in
+ future levels of the CSS Color Module.</div>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t425hslavaluesbexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-values-b-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-values-b-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-values-b-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,506 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+</style>
+<body>
+<p>The following table should have three matching rows changing (in 5 steps) from red at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
+<div style="background: black">
+<table border="border">
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(100%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(80%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(60%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(40%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(20%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 0%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(100%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(80%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(60%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(40%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(20%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 0%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(100%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(80%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(60%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(40%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(20%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 0%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+</table>
+</div>
+<p>The following table should have three matching rows changing (in 5 steps) from red at the left to white at the right (plus a checkerboard at both ends to show where the rows are):</p>
+<div style="background: white">
+<table border="border">
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(100%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(100%, 20%, 20%)">&nbsp;</td>
+ <td style="background: rgb(100%, 40%, 40%)">&nbsp;</td>
+ <td style="background: rgb(100%, 60%, 60%)">&nbsp;</td>
+ <td style="background: rgb(100%, 80%, 80%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 100%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(100%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(100%, 20%, 20%)">&nbsp;</td>
+ <td style="background: rgb(100%, 40%, 40%)">&nbsp;</td>
+ <td style="background: rgb(100%, 60%, 60%)">&nbsp;</td>
+ <td style="background: rgb(100%, 80%, 80%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 100%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(100%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(100%, 20%, 20%)">&nbsp;</td>
+ <td style="background: rgb(100%, 40%, 40%)">&nbsp;</td>
+ <td style="background: rgb(100%, 60%, 60%)">&nbsp;</td>
+ <td style="background: rgb(100%, 80%, 80%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 100%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+</table>
+</div>
+<p>The following table should have three matching rows changing (in 5 steps) from yellow at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
+<div style="background: black">
+<table border="border">
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 0%)">&nbsp;</td>
+ <td style="background: rgb(80%, 80%, 0%)">&nbsp;</td>
+ <td style="background: rgb(60%, 60%, 0%)">&nbsp;</td>
+ <td style="background: rgb(40%, 40%, 0%)">&nbsp;</td>
+ <td style="background: rgb(20%, 20%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 0%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 0%)">&nbsp;</td>
+ <td style="background: rgb(80%, 80%, 0%)">&nbsp;</td>
+ <td style="background: rgb(60%, 60%, 0%)">&nbsp;</td>
+ <td style="background: rgb(40%, 40%, 0%)">&nbsp;</td>
+ <td style="background: rgb(20%, 20%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 0%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 0%)">&nbsp;</td>
+ <td style="background: rgb(80%, 80%, 0%)">&nbsp;</td>
+ <td style="background: rgb(60%, 60%, 0%)">&nbsp;</td>
+ <td style="background: rgb(40%, 40%, 0%)">&nbsp;</td>
+ <td style="background: rgb(20%, 20%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 0%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+</table>
+</div>
+<p>The following table should have three matching rows changing (in 5 steps) from yellow at the left to white at the right (plus a checkerboard at both ends to show where the rows are):</p>
+<div style="background: white">
+<table border="border">
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 0%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 20%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 40%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 60%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 80%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 100%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 0%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 20%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 40%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 60%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 80%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 100%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 0%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 20%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 40%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 60%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 80%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 100%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+</table>
+</div>
+<p>The following table should have three matching rows changing (in 5 steps) from green at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
+<div style="background: black">
+<table border="border">
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(0%, 100%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 80%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 60%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 40%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 20%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 0%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0%, 100%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 80%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 60%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 40%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 20%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 0%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(0%, 100%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 80%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 60%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 40%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 20%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 0%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+</table>
+</div>
+<p>The following table should have three matching rows changing (in 5 steps) from green at the left to white at the right (plus a checkerboard at both ends to show where the rows are):</p>
+<div style="background: white">
+<table border="border">
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0%, 100%, 0%)">&nbsp;</td>
+ <td style="background: rgb(20%, 100%, 20%)">&nbsp;</td>
+ <td style="background: rgb(40%, 100%, 40%)">&nbsp;</td>
+ <td style="background: rgb(60%, 100%, 60%)">&nbsp;</td>
+ <td style="background: rgb(80%, 100%, 80%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 100%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(0%, 100%, 0%)">&nbsp;</td>
+ <td style="background: rgb(20%, 100%, 20%)">&nbsp;</td>
+ <td style="background: rgb(40%, 100%, 40%)">&nbsp;</td>
+ <td style="background: rgb(60%, 100%, 60%)">&nbsp;</td>
+ <td style="background: rgb(80%, 100%, 80%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 100%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0%, 100%, 0%)">&nbsp;</td>
+ <td style="background: rgb(20%, 100%, 20%)">&nbsp;</td>
+ <td style="background: rgb(40%, 100%, 40%)">&nbsp;</td>
+ <td style="background: rgb(60%, 100%, 60%)">&nbsp;</td>
+ <td style="background: rgb(80%, 100%, 80%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 100%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+</table>
+</div>
+<p>The following table should have three matching rows changing (in 5 steps) from aqua at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
+<div style="background: black">
+<table border="border">
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(0%, 100%, 100%)">&nbsp;</td>
+ <td style="background: rgb(0%, 80%, 80%)">&nbsp;</td>
+ <td style="background: rgb(0%, 60%, 60%)">&nbsp;</td>
+ <td style="background: rgb(0%, 40%, 40%)">&nbsp;</td>
+ <td style="background: rgb(0%, 20%, 20%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 0%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0%, 100%, 100%)">&nbsp;</td>
+ <td style="background: rgb(0%, 80%, 80%)">&nbsp;</td>
+ <td style="background: rgb(0%, 60%, 60%)">&nbsp;</td>
+ <td style="background: rgb(0%, 40%, 40%)">&nbsp;</td>
+ <td style="background: rgb(0%, 20%, 20%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 0%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(0%, 100%, 100%)">&nbsp;</td>
+ <td style="background: rgb(0%, 80%, 80%)">&nbsp;</td>
+ <td style="background: rgb(0%, 60%, 60%)">&nbsp;</td>
+ <td style="background: rgb(0%, 40%, 40%)">&nbsp;</td>
+ <td style="background: rgb(0%, 20%, 20%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 0%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+</table>
+</div>
+<p>The following table should have three matching rows changing (in 5 steps) from aqua at the left to white at the right (plus a checkerboard at both ends to show where the rows are):</p>
+<div style="background: white">
+<table border="border">
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0%, 100%, 100%)">&nbsp;</td>
+ <td style="background: rgb(20%, 100%, 100%)">&nbsp;</td>
+ <td style="background: rgb(40%, 100%, 100%)">&nbsp;</td>
+ <td style="background: rgb(60%, 100%, 100%)">&nbsp;</td>
+ <td style="background: rgb(80%, 100%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 100%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(0%, 100%, 100%)">&nbsp;</td>
+ <td style="background: rgb(20%, 100%, 100%)">&nbsp;</td>
+ <td style="background: rgb(40%, 100%, 100%)">&nbsp;</td>
+ <td style="background: rgb(60%, 100%, 100%)">&nbsp;</td>
+ <td style="background: rgb(80%, 100%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 100%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0%, 100%, 100%)">&nbsp;</td>
+ <td style="background: rgb(20%, 100%, 100%)">&nbsp;</td>
+ <td style="background: rgb(40%, 100%, 100%)">&nbsp;</td>
+ <td style="background: rgb(60%, 100%, 100%)">&nbsp;</td>
+ <td style="background: rgb(80%, 100%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 100%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+</table>
+</div>
+<p>The following table should have three matching rows changing (in 5 steps) from blue at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
+<div style="background: black">
+<table border="border">
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 100%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 80%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 60%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 40%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 20%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 0%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 100%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 80%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 60%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 40%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 20%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 0%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 100%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 80%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 60%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 40%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 20%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 0%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+</table>
+</div>
+<p>The following table should have three matching rows changing (in 5 steps) from blue at the left to white at the right (plus a checkerboard at both ends to show where the rows are):</p>
+<div style="background: white">
+<table border="border">
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 100%)">&nbsp;</td>
+ <td style="background: rgb(20%, 20%, 100%)">&nbsp;</td>
+ <td style="background: rgb(40%, 40%, 100%)">&nbsp;</td>
+ <td style="background: rgb(60%, 60%, 100%)">&nbsp;</td>
+ <td style="background: rgb(80%, 80%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 100%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 100%)">&nbsp;</td>
+ <td style="background: rgb(20%, 20%, 100%)">&nbsp;</td>
+ <td style="background: rgb(40%, 40%, 100%)">&nbsp;</td>
+ <td style="background: rgb(60%, 60%, 100%)">&nbsp;</td>
+ <td style="background: rgb(80%, 80%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 100%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 100%)">&nbsp;</td>
+ <td style="background: rgb(20%, 20%, 100%)">&nbsp;</td>
+ <td style="background: rgb(40%, 40%, 100%)">&nbsp;</td>
+ <td style="background: rgb(60%, 60%, 100%)">&nbsp;</td>
+ <td style="background: rgb(80%, 80%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 100%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+</table>
+</div>
+<p>The following table should have three matching rows changing (in 5 steps) from fuchsia at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
+<div style="background: black">
+<table border="border">
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(100%, 0%, 100%)">&nbsp;</td>
+ <td style="background: rgb(80%, 0%, 80%)">&nbsp;</td>
+ <td style="background: rgb(60%, 0%, 60%)">&nbsp;</td>
+ <td style="background: rgb(40%, 0%, 40%)">&nbsp;</td>
+ <td style="background: rgb(20%, 0%, 20%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 0%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(100%, 0%, 100%)">&nbsp;</td>
+ <td style="background: rgb(80%, 0%, 80%)">&nbsp;</td>
+ <td style="background: rgb(60%, 0%, 60%)">&nbsp;</td>
+ <td style="background: rgb(40%, 0%, 40%)">&nbsp;</td>
+ <td style="background: rgb(20%, 0%, 20%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 0%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(100%, 0%, 100%)">&nbsp;</td>
+ <td style="background: rgb(80%, 0%, 80%)">&nbsp;</td>
+ <td style="background: rgb(60%, 0%, 60%)">&nbsp;</td>
+ <td style="background: rgb(40%, 0%, 40%)">&nbsp;</td>
+ <td style="background: rgb(20%, 0%, 20%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 0%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+</table>
+</div>
+<p>The following table should have three matching rows changing (in 5 steps) from fuchsia at the left to white at the right (plus a checkerboard at both ends to show where the rows are):</p>
+<div style="background: white">
+<table border="border">
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(100%, 0%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 20%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 40%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 60%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 80%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 100%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(100%, 0%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 20%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 40%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 60%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 80%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 100%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(100%, 0%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 20%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 40%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 60%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 80%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 100%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+</table>
+</div>
+<p>The following table should have two matching rows changing (in 5 steps) from red at the left to green at the right (plus a checkerboard at both ends to show where the rows are):</p>
+<div style="background: lime">
+<table border="border">
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(100%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(80%, 20%, 0%)">&nbsp;</td>
+ <td style="background: rgb(60%, 40%, 0%)">&nbsp;</td>
+ <td style="background: rgb(40%, 60%, 0%)">&nbsp;</td>
+ <td style="background: rgb(20%, 80%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 100%, 0%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(100%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(80%, 20%, 0%)">&nbsp;</td>
+ <td style="background: rgb(60%, 40%, 0%)">&nbsp;</td>
+ <td style="background: rgb(40%, 60%, 0%)">&nbsp;</td>
+ <td style="background: rgb(20%, 80%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 100%, 0%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+</table>
+</div>
+<p>The following table should have two matching rows changing (in 5 steps) from green at the left to blue at the right (plus a checkerboard at both ends to show where the rows are):</p>
+<div style="background: blue">
+<table border="border">
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(0%, 100%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 80%, 20%)">&nbsp;</td>
+ <td style="background: rgb(0%, 60%, 40%)">&nbsp;</td>
+ <td style="background: rgb(0%, 40%, 60%)">&nbsp;</td>
+ <td style="background: rgb(0%, 20%, 80%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 100%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0%, 100%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 80%, 20%)">&nbsp;</td>
+ <td style="background: rgb(0%, 60%, 40%)">&nbsp;</td>
+ <td style="background: rgb(0%, 40%, 60%)">&nbsp;</td>
+ <td style="background: rgb(0%, 20%, 80%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 100%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+</table>
+</div>
+<p>The following table should have two matching rows changing (in 5 steps) from blue at the left to red at the right (plus a checkerboard at both ends to show where the rows are):</p>
+<div style="background: red">
+<table border="border">
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 100%)">&nbsp;</td>
+ <td style="background: rgb(20%, 0%, 80%)">&nbsp;</td>
+ <td style="background: rgb(40%, 0%, 60%)">&nbsp;</td>
+ <td style="background: rgb(60%, 0%, 40%)">&nbsp;</td>
+ <td style="background: rgb(80%, 0%, 20%)">&nbsp;</td>
+ <td style="background: rgb(100%, 0%, 0%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 100%)">&nbsp;</td>
+ <td style="background: rgb(20%, 0%, 80%)">&nbsp;</td>
+ <td style="background: rgb(40%, 0%, 60%)">&nbsp;</td>
+ <td style="background: rgb(60%, 0%, 40%)">&nbsp;</td>
+ <td style="background: rgb(80%, 0%, 20%)">&nbsp;</td>
+ <td style="background: rgb(100%, 0%, 0%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+</table>
+</div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t425hslavaluesbxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-values-b.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-values-b.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t425-hsla-values-b.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,545 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: hsla() values</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#hsla-color" />
+ <link rel="match" href="t425-hsla-values-b-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Implementation of algorithm for converting hsla() colors to rgba() colors." />
+ <style type="text/css"><![CDATA[
+ table { border-spacing: 0; padding: 0; border: none; }
+ td { border: none; padding: 0; }
+ td { width: 1.2em; height: 1.2em; }
+ ]]></style>
+ </head>
+ <body>
+
+ <p>The following table should have three matching rows changing (in 5 steps) from red at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
+
+ <div style="background: black">
+ <table border="border">
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 50%, 1)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 50%, 0.8)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 50%, 0.6)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 50%, 0.4)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 50%, 0.2)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 50%, 0)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 50%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 40%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 30%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 20%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 10%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 0%, 1.0)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(100%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(80%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(60%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(40%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(20%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 0%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ </table>
+ </div>
+
+ <p>The following table should have three matching rows changing (in 5 steps) from red at the left to white at the right (plus a checkerboard at both ends to show where the rows are):</p>
+
+ <div style="background: white">
+ <table border="border">
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 50%, 1)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 50%, 0.8)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 50%, 0.6)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 50%, 0.4)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 50%, 0.2)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 50%, 0)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 50%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 60%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 70%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 80%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 90%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 100%, 1.0)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(100%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(100%, 20%, 20%)">&nbsp;</td>
+ <td style="background: rgb(100%, 40%, 40%)">&nbsp;</td>
+ <td style="background: rgb(100%, 60%, 60%)">&nbsp;</td>
+ <td style="background: rgb(100%, 80%, 80%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 100%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ </table>
+ </div>
+
+ <p>The following table should have three matching rows changing (in 5 steps) from yellow at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
+
+ <div style="background: black">
+ <table border="border">
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsla(60, 100%, 50%, 1)">&nbsp;</td>
+ <td style="background: hsla(60, 100%, 50%, 0.8)">&nbsp;</td>
+ <td style="background: hsla(60, 100%, 50%, 0.6)">&nbsp;</td>
+ <td style="background: hsla(60, 100%, 50%, 0.4)">&nbsp;</td>
+ <td style="background: hsla(60, 100%, 50%, 0.2)">&nbsp;</td>
+ <td style="background: hsla(60, 100%, 50%, 0)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: hsla(60, 100%, 50%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(60, 100%, 40%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(60, 100%, 30%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(60, 100%, 20%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(60, 100%, 10%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(60, 100%, 0%, 1.0)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 0%)">&nbsp;</td>
+ <td style="background: rgb(80%, 80%, 0%)">&nbsp;</td>
+ <td style="background: rgb(60%, 60%, 0%)">&nbsp;</td>
+ <td style="background: rgb(40%, 40%, 0%)">&nbsp;</td>
+ <td style="background: rgb(20%, 20%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 0%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ </table>
+ </div>
+
+ <p>The following table should have three matching rows changing (in 5 steps) from yellow at the left to white at the right (plus a checkerboard at both ends to show where the rows are):</p>
+
+ <div style="background: white">
+ <table border="border">
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: hsla(60, 100%, 50%, 1)">&nbsp;</td>
+ <td style="background: hsla(60, 100%, 50%, 0.8)">&nbsp;</td>
+ <td style="background: hsla(60, 100%, 50%, 0.6)">&nbsp;</td>
+ <td style="background: hsla(60, 100%, 50%, 0.4)">&nbsp;</td>
+ <td style="background: hsla(60, 100%, 50%, 0.2)">&nbsp;</td>
+ <td style="background: hsla(60, 100%, 50%, 0)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsla(60, 100%, 50%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(60, 100%, 60%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(60, 100%, 70%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(60, 100%, 80%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(60, 100%, 90%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(60, 100%, 100%, 1.0)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 0%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 20%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 40%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 60%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 80%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 100%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ </table>
+ </div>
+
+ <p>The following table should have three matching rows changing (in 5 steps) from green at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
+
+ <div style="background: black">
+ <table border="border">
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 50%, 1)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 50%, 0.8)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 50%, 0.6)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 50%, 0.4)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 50%, 0.2)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 50%, 0)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 50%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 40%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 30%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 20%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 10%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 0%, 1.0)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(0%, 100%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 80%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 60%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 40%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 20%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 0%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ </table>
+ </div>
+
+ <p>The following table should have three matching rows changing (in 5 steps) from green at the left to white at the right (plus a checkerboard at both ends to show where the rows are):</p>
+
+ <div style="background: white">
+ <table border="border">
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 50%, 1)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 50%, 0.8)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 50%, 0.6)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 50%, 0.4)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 50%, 0.2)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 50%, 0)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 50%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 60%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 70%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 80%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 90%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 100%, 1.0)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0%, 100%, 0%)">&nbsp;</td>
+ <td style="background: rgb(20%, 100%, 20%)">&nbsp;</td>
+ <td style="background: rgb(40%, 100%, 40%)">&nbsp;</td>
+ <td style="background: rgb(60%, 100%, 60%)">&nbsp;</td>
+ <td style="background: rgb(80%, 100%, 80%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 100%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ </table>
+ </div>
+
+ <p>The following table should have three matching rows changing (in 5 steps) from aqua at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
+
+ <div style="background: black">
+ <table border="border">
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsla(180, 100%, 50%, 1)">&nbsp;</td>
+ <td style="background: hsla(180, 100%, 50%, 0.8)">&nbsp;</td>
+ <td style="background: hsla(180, 100%, 50%, 0.6)">&nbsp;</td>
+ <td style="background: hsla(180, 100%, 50%, 0.4)">&nbsp;</td>
+ <td style="background: hsla(180, 100%, 50%, 0.2)">&nbsp;</td>
+ <td style="background: hsla(180, 100%, 50%, 0)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: hsla(180, 100%, 50%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(180, 100%, 40%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(180, 100%, 30%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(180, 100%, 20%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(180, 100%, 10%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(180, 100%, 0%, 1.0)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(0%, 100%, 100%)">&nbsp;</td>
+ <td style="background: rgb(0%, 80%, 80%)">&nbsp;</td>
+ <td style="background: rgb(0%, 60%, 60%)">&nbsp;</td>
+ <td style="background: rgb(0%, 40%, 40%)">&nbsp;</td>
+ <td style="background: rgb(0%, 20%, 20%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 0%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ </table>
+ </div>
+
+ <p>The following table should have three matching rows changing (in 5 steps) from aqua at the left to white at the right (plus a checkerboard at both ends to show where the rows are):</p>
+
+ <div style="background: white">
+ <table border="border">
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: hsla(180, 100%, 50%, 1)">&nbsp;</td>
+ <td style="background: hsla(180, 100%, 50%, 0.8)">&nbsp;</td>
+ <td style="background: hsla(180, 100%, 50%, 0.6)">&nbsp;</td>
+ <td style="background: hsla(180, 100%, 50%, 0.4)">&nbsp;</td>
+ <td style="background: hsla(180, 100%, 50%, 0.2)">&nbsp;</td>
+ <td style="background: hsla(180, 100%, 50%, 0)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsla(180, 100%, 50%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(180, 100%, 60%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(180, 100%, 70%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(180, 100%, 80%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(180, 100%, 90%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(180, 100%, 100%, 1.0)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0%, 100%, 100%)">&nbsp;</td>
+ <td style="background: rgb(20%, 100%, 100%)">&nbsp;</td>
+ <td style="background: rgb(40%, 100%, 100%)">&nbsp;</td>
+ <td style="background: rgb(60%, 100%, 100%)">&nbsp;</td>
+ <td style="background: rgb(80%, 100%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 100%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ </table>
+ </div>
+
+ <p>The following table should have three matching rows changing (in 5 steps) from blue at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
+
+ <div style="background: black">
+ <table border="border">
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 50%, 1)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 50%, 0.8)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 50%, 0.6)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 50%, 0.4)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 50%, 0.2)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 50%, 0)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 50%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 40%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 30%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 20%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 10%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 0%, 1.0)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 100%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 80%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 60%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 40%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 20%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 0%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ </table>
+ </div>
+
+ <p>The following table should have three matching rows changing (in 5 steps) from blue at the left to white at the right (plus a checkerboard at both ends to show where the rows are):</p>
+
+ <div style="background: white">
+ <table border="border">
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 50%, 1)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 50%, 0.8)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 50%, 0.6)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 50%, 0.4)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 50%, 0.2)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 50%, 0)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 50%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 60%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 70%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 80%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 90%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 100%, 1.0)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 100%)">&nbsp;</td>
+ <td style="background: rgb(20%, 20%, 100%)">&nbsp;</td>
+ <td style="background: rgb(40%, 40%, 100%)">&nbsp;</td>
+ <td style="background: rgb(60%, 60%, 100%)">&nbsp;</td>
+ <td style="background: rgb(80%, 80%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 100%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ </table>
+ </div>
+
+ <p>The following table should have three matching rows changing (in 5 steps) from fuchsia at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
+
+ <div style="background: black">
+ <table border="border">
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsla(300, 100%, 50%, 1)">&nbsp;</td>
+ <td style="background: hsla(300, 100%, 50%, 0.8)">&nbsp;</td>
+ <td style="background: hsla(300, 100%, 50%, 0.6)">&nbsp;</td>
+ <td style="background: hsla(300, 100%, 50%, 0.4)">&nbsp;</td>
+ <td style="background: hsla(300, 100%, 50%, 0.2)">&nbsp;</td>
+ <td style="background: hsla(300, 100%, 50%, 0)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: hsla(300, 100%, 50%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(300, 100%, 40%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(300, 100%, 30%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(300, 100%, 20%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(300, 100%, 10%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(300, 100%, 0%, 1.0)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: rgb(100%, 0%, 100%)">&nbsp;</td>
+ <td style="background: rgb(80%, 0%, 80%)">&nbsp;</td>
+ <td style="background: rgb(60%, 0%, 60%)">&nbsp;</td>
+ <td style="background: rgb(40%, 0%, 40%)">&nbsp;</td>
+ <td style="background: rgb(20%, 0%, 20%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 0%)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ </table>
+ </div>
+
+ <p>The following table should have three matching rows changing (in 5 steps) from fuchsia at the left to white at the right (plus a checkerboard at both ends to show where the rows are):</p>
+
+ <div style="background: white">
+ <table border="border">
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: hsla(300, 100%, 50%, 1)">&nbsp;</td>
+ <td style="background: hsla(300, 100%, 50%, 0.8)">&nbsp;</td>
+ <td style="background: hsla(300, 100%, 50%, 0.6)">&nbsp;</td>
+ <td style="background: hsla(300, 100%, 50%, 0.4)">&nbsp;</td>
+ <td style="background: hsla(300, 100%, 50%, 0.2)">&nbsp;</td>
+ <td style="background: hsla(300, 100%, 50%, 0)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsla(300, 100%, 50%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(300, 100%, 60%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(300, 100%, 70%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(300, 100%, 80%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(300, 100%, 90%, 1.0)">&nbsp;</td>
+ <td style="background: hsla(300, 100%, 100%, 1.0)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(100%, 0%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 20%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 40%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 60%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 80%, 100%)">&nbsp;</td>
+ <td style="background: rgb(100%, 100%, 100%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ </table>
+ </div>
+
+ <p>The following table should have two matching rows changing (in 5 steps) from red at the left to green at the right (plus a checkerboard at both ends to show where the rows are):</p>
+
+ <div style="background: lime">
+ <table border="border">
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 50%, 1)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 50%, 0.8)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 50%, 0.6)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 50%, 0.4)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 50%, 0.2)">&nbsp;</td>
+ <td style="background: hsla(0, 100%, 50%, 0)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(100%, 0%, 0%)">&nbsp;</td>
+ <td style="background: rgb(80%, 20%, 0%)">&nbsp;</td>
+ <td style="background: rgb(60%, 40%, 0%)">&nbsp;</td>
+ <td style="background: rgb(40%, 60%, 0%)">&nbsp;</td>
+ <td style="background: rgb(20%, 80%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 100%, 0%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ </table>
+ </div>
+
+ <p>The following table should have two matching rows changing (in 5 steps) from green at the left to blue at the right (plus a checkerboard at both ends to show where the rows are):</p>
+
+ <div style="background: blue">
+ <table border="border">
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 50%, 1)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 50%, 0.8)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 50%, 0.6)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 50%, 0.4)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 50%, 0.2)">&nbsp;</td>
+ <td style="background: hsla(120, 100%, 50%, 0)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0%, 100%, 0%)">&nbsp;</td>
+ <td style="background: rgb(0%, 80%, 20%)">&nbsp;</td>
+ <td style="background: rgb(0%, 60%, 40%)">&nbsp;</td>
+ <td style="background: rgb(0%, 40%, 60%)">&nbsp;</td>
+ <td style="background: rgb(0%, 20%, 80%)">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 100%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ </table>
+ </div>
+
+ <p>The following table should have two matching rows changing (in 5 steps) from blue at the left to red at the right (plus a checkerboard at both ends to show where the rows are):</p>
+
+ <div style="background: red">
+ <table border="border">
+ <tr>
+ <td style="background: black">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 50%, 1)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 50%, 0.8)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 50%, 0.6)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 50%, 0.4)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 50%, 0.2)">&nbsp;</td>
+ <td style="background: hsla(240, 100%, 50%, 0)">&nbsp;</td>
+ <td style="background: white">&nbsp;</td>
+ </tr>
+ <tr>
+ <td style="background: white">&nbsp;</td>
+ <td style="background: rgb(0%, 0%, 100%)">&nbsp;</td>
+ <td style="background: rgb(20%, 0%, 80%)">&nbsp;</td>
+ <td style="background: rgb(40%, 0%, 60%)">&nbsp;</td>
+ <td style="background: rgb(60%, 0%, 40%)">&nbsp;</td>
+ <td style="background: rgb(80%, 0%, 20%)">&nbsp;</td>
+ <td style="background: rgb(100%, 0%, 0%)">&nbsp;</td>
+ <td style="background: black">&nbsp;</td>
+ </tr>
+ </table>
+ </div>
+
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t44currentcolorbackgroundbexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t44-currentcolor-background-b-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t44-currentcolor-background-b-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t44-currentcolor-background-b-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ #two {
+ color: green;
+ background: green;
+ }
+ #three {
+ color: green;
+ background: green;
+ }
+</style>
+<body>
+ <p>This paragraph should be followed by two green blocks.</p>
+ <p id="two">This text should NOT be visible.</p>
+ <p id="three">This text should NOT be visible.</p>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t44currentcolorbackgroundbxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t44-currentcolor-background-b.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t44-currentcolor-background-b.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t44-currentcolor-background-b.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: currentColor (with 'background-color')</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#currentcolor" />
+ <link rel="match" href="t44-currentcolor-background-b-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="currentColor uses the color from the color property" />
+ <style type="text/css"><![CDATA[
+ #two {
+ color: green;
+ background: red;
+ background: currentcolor;
+ }
+ #three {
+ color: green;
+ background-color: red;
+ background-color: currentColor;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>This paragraph should be followed by two green blocks.</p>
+ <p id="two">This text should NOT be visible.</p>
+ <p id="three">This text should NOT be visible.</p>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t44currentcolorborderbexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t44-currentcolor-border-b-expected.html (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t44-currentcolor-border-b-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t44-currentcolor-border-b-expected.html 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,14 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ p {
+ color: green;
+ border: medium solid green;
+ }
+</style>
+<body>
+ <p>This paragraph should have a green border.</p>
+ <p>This paragraph should have a green border.</p>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsscsscolor3t44currentcolorborderbxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/css/css-color-3/t44-currentcolor-border-b.xht (0 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/css/css-color-3/t44-currentcolor-border-b.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/css/css-color-3/t44-currentcolor-border-b.xht 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: currentColor (with 'border-color')</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css3-color/#currentcolor" />
+ <link rel="match" href="t44-currentcolor-border-b-ref.html" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="currentColor uses the color from the color property" />
+ <style type="text/css"><![CDATA[
+ #one {
+ color: green;
+ border: medium solid red;
+ border: medium solid currentColor;
+ }
+ #two {
+ color: green;
+ border: medium solid red;
+ border-color: currentcolor;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p id="one">This paragraph should have a green border.</p>
+ <p id="two">This paragraph should have a green border.</p>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkToolsChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/Tools/ChangeLog (189352 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Tools/ChangeLog 2015-09-04 16:53:18 UTC (rev 189352)
+++ trunk/Tools/ChangeLog 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -1,3 +1,16 @@
</span><ins>+2015-09-04 Ryosuke Niwa <rniwa@webkit.org>
+
+ Import css/css-color-3
+ https://bugs.webkit.org/show_bug.cgi?id=148803
+
+ Reviewed by Chris Dumez.
+
+ Fixed a bug that the imported reference files used the same extention as tests.
+ This would result in parsing errors if the tests were XML and references were HTML and vice versa.
+
+ * Scripts/webkitpy/w3c/test_importer.py:
+ (TestImporter.find_importable_tests):
+
</ins><span class="cx"> 2015-09-03 Commit Queue <commit-queue@webkit.org>
</span><span class="cx">
</span><span class="cx"> Unreviewed, rolling out r189338.
</span></span></pre></div>
<a id="trunkToolsScriptswebkitpyw3ctest_importerpy"></a>
<div class="modfile"><h4>Modified: trunk/Tools/Scripts/webkitpy/w3c/test_importer.py (189352 => 189353)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Tools/Scripts/webkitpy/w3c/test_importer.py 2015-09-04 16:53:18 UTC (rev 189352)
+++ trunk/Tools/Scripts/webkitpy/w3c/test_importer.py 2015-09-04 17:21:53 UTC (rev 189353)
</span><span class="lines">@@ -269,7 +269,7 @@
</span><span class="cx"> # Using a naming convention creates duplicate copies of the
</span><span class="cx"> # reference files.
</span><span class="cx"> ref_file = self.filesystem.splitext(test_basename)[0] + '-expected'
</span><del>- ref_file += self.filesystem.splitext(test_basename)[1]
</del><ins>+ ref_file += self.filesystem.splitext(test_info['reference'])[1]
</ins><span class="cx">
</span><span class="cx"> copy_list.append({'src': test_info['reference'], 'dest': ref_file, 'reference_support_info': test_info['reference_support_info']})
</span><span class="cx"> copy_list.append({'src': test_info['test'], 'dest': filename})
</span></span></pre>
</div>
</div>
</body>
</html>