<!
DOCTYPE html PUBLIC
"-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<
html lang=
"en-US" class=
"reftest-wait">
<
head>
<
title>Testcase, bug 174470</
title>
<
meta http-equiv=
"Content-Type" content=
"text/html; charset=UTF-8">
<
meta http-equiv=
"Content-Style-Type" content=
"text/css">
<
style type=
"text/css">
table {
border-collapse: collapse;
margin: 1
em;
border: thick solid;
border-color: #f0f #c0c #909 #606; /* purple */
}
colgroup:first-child +
colgroup {
border: thick solid;
border-color: #f66 #f00 #a00 #600; /* red */
}
colgroup:first-child +
colgroup +
colgroup >
col:first-child +
col {
border: thick solid;
border-color: #ff0 #cc0 #990 #660; /* yellow */
}
colgroup +
tbody +
tbody {
border: thick solid;
border-color: #6f6 #0f0 #0a0 #060; /* green */
}
colgroup +
tbody >
tr:first-child +
tr {
border: thick solid;
border-color: #0ff #0cc #099 #066; /* aqua */
}
colgroup +
tbody +
tbody +
tbody >
tr:first-child +
tr >
td:first-child +
td {
border: thick solid;
border-color: #66f #00f #00a #006; /* blue */
}
</
style>
<
script>
function doTest() {
var s1 = document.getElementById(
"screen");
s1.remove();
document.documentElement.removeAttribute(
'class');
}
document.addEventListener(
"MozReftestInvalidate", doTest);
</
script>
</
head>
<
body>
<
div id=
"screen" style=
"position: fixed; left:50px; height:200px; width: 200px; background-color:white; border:1px solid green;"></
div>
<p>The following two tables should be mirrors of each other, except that
(1) the digits should still be normal left-to-right digits and (2) the
color changes for each of the 6 colors should, in both, be lightest on top
clockwise to darkest on the left.</p>
<
table dir=
"ltr" >
<
colgroup>
<
col>
</
colgroup>
<
colgroup>
<
col>
<
col>
</
colgroup>
<
colgroup>
<
col>
<
col>
<
col>
</
colgroup>
<
tbody>
<
tr><
td>1</
td><
td>22</
td><
td>333</
td><
td>4444</
td><
td>55555</
td><
td>666666</
td></
tr>
<
tr><
td>1</
td><
td>22</
td><
td>333</
td><
td>4444</
td><
td>55555</
td><
td>666666</
td></
tr>
<
tr><
td>1</
td><
td>22</
td><
td>333</
td><
td>4444</
td><
td>55555</
td><
td>666666</
td></
tr>
</
tbody>
<
tbody>
<
tr><
td>1</
td><
td>22</
td><
td>333</
td><
td>4444</
td><
td>55555</
td><
td>666666</
td></
tr>
<
tr><
td>1</
td><
td>22</
td><
td>333</
td><
td>4444</
td><
td>55555</
td><
td>666666</
td></
tr>
<
tr><
td>1</
td><
td>22</
td><
td>333</
td><
td>4444</
td><
td>55555</
td><
td>666666</
td></
tr>
</
tbody>
<
tbody>
<
tr><
td>1</
td><
td>22</
td><
td>333</
td><
td>4444</
td><
td>55555</
td><
td>666666</
td></
tr>
<
tr><
td>1</
td><
td>22</
td><
td>333</
td><
td>4444</
td><
td>55555</
td><
td>666666</
td></
tr>
<
tr><
td>1</
td><
td>22</
td><
td>333</
td><
td>4444</
td><
td>55555</
td><
td>666666</
td></
tr>
</
tbody>
</
table>
<
table dir=
"rtl">
<
colgroup>
<
col>
</
colgroup>
<
colgroup>
<
col>
<
col>
</
colgroup>
<
colgroup>
<
col>
<
col>
<
col>
</
colgroup>
<
tbody>
<
tr><
td>1</
td><
td>22</
td><
td>333</
td><
td>4444</
td><
td>55555</
td><
td>666666</
td></
tr>
<
tr><
td>1</
td><
td>22</
td><
td>333</
td><
td>4444</
td><
td>55555</
td><
td>666666</
td></
tr>
<
tr><
td>1</
td><
td>22</
td><
td>333</
td><
td>4444</
td><
td>55555</
td><
td>666666</
td></
tr>
</
tbody>
<
tbody>
<
tr><
td>1</
td><
td>22</
td><
td>333</
td><
td>4444</
td><
td>55555</
td><
td>666666</
td></
tr>
<
tr><
td>1</
td><
td>22</
td><
td>333</
td><
td>4444</
td><
td>55555</
td><
td>666666</
td></
tr>
<
tr><
td>1</
td><
td>22</
td><
td>333</
td><
td>4444</
td><
td>55555</
td><
td>666666</
td></
tr>
</
tbody>
<
tbody>
<
tr><
td>1</
td><
td>22</
td><
td>333</
td><
td>4444</
td><
td>55555</
td><
td>666666</
td></
tr>
<
tr><
td>1</
td><
td>22</
td><
td>333</
td><
td>4444</
td><
td>55555</
td><
td>666666</
td></
tr>
<
tr><
td>1</
td><
td>22</
td><
td>333</
td><
td>4444</
td><
td>55555</
td><
td>666666</
td></
tr>
</
tbody>
</
table>
</
body>
</
html>