diff options
Diffstat (limited to 'tests/wpt/css-tests/css-multicol-1_dev/html4')
369 files changed, 0 insertions, 18404 deletions
diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/break-before-always-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/break-before-always-001.htm deleted file mode 100644 index ced20db6b2f..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/break-before-always-001.htm +++ /dev/null @@ -1,36 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Test: 'break-before: always' and paginated multi-column elements</title> - <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#break-before-break-after-break-inside"> - <meta name="flags" content="page"> - <meta name="assert" content="A forced break of type 'always' will break through both the multi-column context and the pagination context."> - <style type="text/css"> - .multicol { - columns: 2; - color: blue; - font-weight: bold; - } - .break { - break-before: always; - } - .control { - break-before: column; - } - </style> - </head> - <body> - <p>Test passes if:</p> - <ul> - <li>"FIRST LEFT" appears below</li> - <li>"SECOND LEFT" appears on the left half of the second page</li> - <li>"SECOND RIGHT" appears on the right half of the second page</li> - </ul> - <div class="multicol"> - FIRST LEFT - <div class="break">SECOND LEFT</div> - <div class="control">SECOND RIGHT</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-1.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-1.htm deleted file mode 100644 index 181bede81ea..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-1.htm +++ /dev/null @@ -1,39 +0,0 @@ - - -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> -<html> - <head> - <title>Introduction - CSS Multi-column Layout Module Level 1 CR Test Suite</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> - - <body> - - <h1>CSS Multi-column Layout Module Level 1 CR Test Suite</h1> - <h2>Introduction (0 tests)</h2> - <table width="100%"> - <col id="test-column"> - <col id="refs-column"> - <col id="flags-column"> - <col id="info-column"> - <thead> - <tr> - <th>Test</th> - <th><abbr title="Rendering References">Refs</abbr></th> - <th>Flags</th> - <th>Info</th> - </tr> - </thead> - <tbody id="s1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s1">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#introduction">1 Introduction</a></th></tr> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-2.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-2.htm deleted file mode 100644 index 0fc06136ddd..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-2.htm +++ /dev/null @@ -1,174 +0,0 @@ - - -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> -<html> - <head> - <title>The multi-column model - CSS Multi-column Layout Module Level 1 CR Test Suite</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> - - <body> - - <h1>CSS Multi-column Layout Module Level 1 CR Test Suite</h1> - <h2>The multi-column model (12 tests)</h2> - <table width="100%"> - <col id="test-column"> - <col id="refs-column"> - <col id="flags-column"> - <col id="info-column"> - <thead> - <tr> - <th>Test</th> - <th><abbr title="Rendering References">Refs</abbr></th> - <th>Flags</th> - <th>Info</th> - </tr> - </thead> - <tbody id="s2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s2">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#the-multi-column-model">2 The multi-column model</a></th></tr> - <!-- 12 tests --> - <tr id="multicol-collapsing-001-2" class="ahem"> - <td> - <a href="multicol-collapsing-001.htm">multicol-collapsing-001</a></td> - <td><a href="reference/multicol-collapsing-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>no margin collapsing with its first child block box - <ul class="assert"> - <li>This test checks that the top margin of the first child block box of a multicol element does not collapse with the margin top of such multicol element.</li> - </ul> - </td> - </tr> - <tr id="multicol-containing-001-2" class="ahem"> - <td> - <a href="multicol-containing-001.htm">multicol-containing-001</a></td> - <td><a href="reference/multicol-containing-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>a column box can not act as containing block for elements with 'position: absolute' - <ul class="assert"> - <li>This test checks that a column box does not establish containing block for elements with 'position: absolute'.</li> - </ul> - </td> - </tr> - <tr id="multicol-containing-002-2" class="ahem"> - <td> - <a href="multicol-containing-002.htm">multicol-containing-002</a></td> - <td><a href="reference/multicol-containing-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>a multi-column can act as containing block for elements with 'position: absolute' - <ul class="assert"> - <li>This test checks that a multi-column element can establish containing block for elements with 'position: absolute'.</li> - </ul> - </td> - </tr> - <tr id="multicol-height-002-2" class=""> - <td> - <a href="multicol-height-002.htm">multicol-height-002</a></td> - <td><a href="reference/multicol-height-002.htm">=</a> </td> - <td></td> - <td>Percentage Computed Height on Multicol Child (Definite Multicol Height) - <ul class="assert"> - <li>Percentage heights with a multi-column element are relative to the computed height of the multicolumn box, and this works even when the multi-column element is paginated.</li> - </ul> - </td> - </tr> - <tr id="multicol-height-block-child-001-2" class="ahem"> - <td> - <a href="multicol-height-block-child-001.htm">multicol-height-block-child-001</a></td> - <td><a href="reference/multicol-height-block-child-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multi-column element with child block (complex) - <ul class="assert"> - <li>This test checks that a nested multi-column element's inline content could be clipped horizontally.</li> - </ul> - </td> - </tr> - <tr id="multicol-margin-child-001-2" class="ahem"> - <td> - <a href="multicol-margin-child-001.htm">multicol-margin-child-001</a></td> - <td><a href="reference/multicol-margin-child-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multi-column and margin collapsing of block children (basic) - <ul class="assert"> - <li>This test checks that the margin-bottom of a block child in a multi-column element will collapse with the margin-top of a following block child of that same multi-colum element if those children are vertically adjacent and if no line boxes, no clearance, no padding and no border separate them.</li> - </ul> - </td> - </tr> - <tr id="multicol-nested-002-2" class="ahem"> - <td> - <a href="multicol-nested-002.htm">multicol-nested-002</a></td> - <td><a href="reference/multicol-nested-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multicolumn and margin-bottom collapsing - <ul class="assert"> - <li>This test checks that a block container element's margin-bottom can collapse with its multi-column parent's margin-bottom if no line boxes, no clearance, no padding and no border separate them.</li> - </ul> - </td> - </tr> - <tr id="multicol-nested-margin-002-2" class="ahem"> - <td> - <a href="multicol-nested-margin-002.htm">multicol-nested-margin-002</a></td> - <td><a href="reference/multicol-nested-margin-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>nested multicolumns and vertical margin (complex) - <ul class="assert"> - <li>This test checks that when an inner nested multi-column element is preceded by a soft column break (caused by an unforced column-break), then the used margin-top of such inner nested multi-column element is '0'.</li> - </ul> - </td> - </tr> - <tr id="multicol-nested-margin-003-2" class="ahem"> - <td> - <a href="multicol-nested-margin-003.htm">multicol-nested-margin-003</a></td> - <td><a href="reference/multicol-nested-margin-003-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>nested multicolumn and nested margin-top - <ul class="assert"> - <li>This test checks that a top margin set on the first child element of a nested multicol element will not collapse with the margins of the multicol element.</li> - </ul> - </td> - </tr> - <tr id="multicol-nested-margin-004-2" class="ahem"> - <td> - <a href="multicol-nested-margin-004.htm">multicol-nested-margin-004</a></td> - <td><a href="reference/multicol-nested-margin-004-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>nested multicolumn and nested margin-top - <ul class="assert"> - <li>This test checks that due to a top margin only set on the first child element of a nested multicol element that will not collapse with the margins of the multicol element, then the height of an multi-column element can make its other inner multi-column (with a zero margin-top) element break into its own column boxes.</li> - </ul> - </td> - </tr> - <tr id="multicol-nested-margin-005-2" class="ahem"> - <td> - <a href="multicol-nested-margin-005.htm">multicol-nested-margin-005</a></td> - <td><a href="reference/multicol-nested-margin-004-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>nested multicolumn and nested margin-top - <ul class="assert"> - <li>This test checks that due to a top margin only set on the first child element of a nested multicol element that will not collapse with the margins of the multicol element, then the height of an multi-column element can make its other inner multi-column (with a zero margin-top) element break into its own column boxes.</li> - </ul> - </td> - </tr> - <tr id="multicol-table-cell-vertical-align-001-2" class="ahem"> - <td> - <a href="multicol-table-cell-vertical-align-001.htm">multicol-table-cell-vertical-align-001</a></td> - <td><a href="reference/multicol-table-cell-vertical-align-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multicolumn | table-cell, vertical-align - </td> - </tr> - </tbody> - <tbody id="s2.#column-box"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#multi-column-element"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-3.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-3.htm deleted file mode 100644 index 523a8bff9d9..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-3.htm +++ /dev/null @@ -1,860 +0,0 @@ - - -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> -<html> - <head> - <title>The number and width of columns - CSS Multi-column Layout Module Level 1 CR Test Suite</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> - - <body> - - <h1>CSS Multi-column Layout Module Level 1 CR Test Suite</h1> - <h2>The number and width of columns (76 tests)</h2> - <table width="100%"> - <col id="test-column"> - <col id="refs-column"> - <col id="flags-column"> - <col id="info-column"> - <thead> - <tr> - <th>Test</th> - <th><abbr title="Rendering References">Refs</abbr></th> - <th>Flags</th> - <th>Info</th> - </tr> - </thead> - <tbody id="s3"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s3">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns">3 The number and width of columns</a></th></tr> - <!-- 33 tests --> - <tr id="grid-inline-multicol-001-3" class=""> - <td> - <a href="grid-inline-multicol-001.htm">grid-inline-multicol-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td></td> - <td>'column-*' properties from inline grid container does not apply to grid items - <ul class="assert"> - <li>This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to an inline grid container.</li> - </ul> - </td> - </tr> - <tr id="grid-multicol-001-3" class=""> - <td> - <a href="grid-multicol-001.htm">grid-multicol-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td></td> - <td>'column-*' properties from grid container does not apply to grid items - <ul class="assert"> - <li>This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to a grid container.</li> - </ul> - </td> - </tr> - <tr id="multicol-columns-001-3" class="ahem"> - <td> - <a href="multicol-columns-001.htm">multicol-columns-001</a></td> - <td><a href="reference/multicol-columns-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>columns shorthand (basic) - <ul class="assert"> - <li>This test checks that 'columns: 100px 6' shorthand correctly set 'column-width' and 'column-count' properties.</li> - </ul> - </td> - </tr> - <tr id="multicol-columns-002-3" class="ahem"> - <td> - <a href="multicol-columns-002.htm">multicol-columns-002</a></td> - <td><a href="reference/multicol-columns-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>columns shorthand (basic) - <ul class="assert"> - <li>This test checks that 'columns: 6 100px' shorthand correctly set 'column-width' and 'column-count' properties.</li> - </ul> - </td> - </tr> - <tr id="multicol-columns-003-3" class="ahem"> - <td> - <a href="multicol-columns-003.htm">multicol-columns-003</a></td> - <td><a href="reference/multicol-columns-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>columns shorthand (basic) - <ul class="assert"> - <li>This test checks that 'columns: 100px auto' shorthand correctly set 'column-width' and 'column-count' properties.</li> - </ul> - </td> - </tr> - <tr id="multicol-columns-004-3" class="ahem"> - <td> - <a href="multicol-columns-004.htm">multicol-columns-004</a></td> - <td><a href="reference/multicol-columns-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>columns shorthand (basic) - <ul class="assert"> - <li>This test checks that 'columns: auto 100px' shorthand correctly set 'column-width' and 'column-count' properties.</li> - </ul> - </td> - </tr> - <tr id="multicol-columns-005-3" class="ahem"> - <td> - <a href="multicol-columns-005.htm">multicol-columns-005</a></td> - <td><a href="reference/multicol-columns-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>columns shorthand (basic) - <ul class="assert"> - <li>This test checks that 'columns: 6' shorthand correctly set 'column-width' and 'column-count' properties. 'columns: 6' is equivalent to 'column-width: auto' and 'column-count: 6'.</li> - </ul> - </td> - </tr> - <tr id="multicol-columns-006-3" class="ahem"> - <td> - <a href="multicol-columns-006.htm">multicol-columns-006</a></td> - <td><a href="reference/multicol-columns-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>columns shorthand (basic) - <ul class="assert"> - <li>This test checks that 'columns: 6 auto' shorthand correctly set 'column-width' and 'column-count' properties.</li> - </ul> - </td> - </tr> - <tr id="multicol-columns-007-3" class="ahem"> - <td> - <a href="multicol-columns-007.htm">multicol-columns-007</a></td> - <td><a href="reference/multicol-columns-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>columns shorthand (basic) - <ul class="assert"> - <li>This test checks that 'columns: auto 6' shorthand correctly set 'column-width' and 'column-count' properties.</li> - </ul> - </td> - </tr> - <tr id="multicol-columns-invalid-001-3" class="ahem invalid"> - <td> - <a href="multicol-columns-invalid-001.htm">multicol-columns-invalid-001</a></td> - <td><a href="reference/multicol-columns-invalid-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - <td>invalid columns shorthand - <ul class="assert"> - <li>This test checks that 'columns: 8 normal' is invalid (generating a parsing error) and therefore will be ignored.</li> - </ul> - </td> - </tr> - <tr id="multicol-columns-invalid-002-3" class="ahem invalid"> - <td> - <a href="multicol-columns-invalid-002.htm">multicol-columns-invalid-002</a></td> - <td><a href="reference/multicol-columns-invalid-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - <td>invalid columns shorthand - <ul class="assert"> - <li>This test checks that 'columns: 8 auto 6em' is invalid (generating a parsing error) and therefore will be ignored.</li> - </ul> - </td> - </tr> - <tr id="multicol-columns-toolong-001-3" class="ahem"> - <td> - <a href="multicol-columns-toolong-001.htm">multicol-columns-toolong-001</a></td> - <td><a href="reference/multicol-columns-invalid-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>narrower inline content inside wider colum box - <ul class="assert"> - <li>This test checks the rendering of inline content (2em) inside wider (3em) column boxes.</li> - </ul> - </td> - </tr> - <tr id="multicol-count-computed-001-3" class="ahem"> - <td> - <a href="multicol-count-computed-001.htm">multicol-count-computed-001</a></td> - <td><a href="reference/multicol-count-computed-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multicolumn | column-rule - </td> - </tr> - <tr id="multicol-count-computed-002-3" class="ahem"> - <td> - <a href="multicol-count-computed-002.htm">multicol-count-computed-002</a></td> - <td><a href="reference/multicol-count-computed-2-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multicolumn | column-rule - </td> - </tr> - <tr id="multicol-count-computed-003-3" class="ahem"> - <td> - <a href="multicol-count-computed-003.htm">multicol-count-computed-003</a></td> - <td><a href="reference/multicol-count-computed-003-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-rule and overflow inside (complex test) - <ul class="assert"> - <li>This test checks that if one of 2 adjacent column boxes (2nd and 3rd colum box in this test) does not have any content, then the column rule separating those should not be drawn. In this test, the 3rd colum box should have no inline content. This test also checks that inline content in the normal flow that extends into a column gap should be clipped in the middle of the column gap. So, in this test, inline content in 1st column box should be partially clipped and overlapped partially by 1st column-rule.</li> - </ul> - </td> - </tr> - <tr id="multicol-count-computed-005-3" class="ahem"> - <td> - <a href="multicol-count-computed-005.htm">multicol-count-computed-005</a></td> - <td><a href="reference/multicol-count-computed-003-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-rule and overflow inside (complex test) - <ul class="assert"> - <li>This test checks that if one of 2 adjacent column boxes (2nd and 3rd colum box in this test) does not have any content, then the column rule separating those should not be drawn. In this test, the 3rd colum box should have no inline content. This test also checks that inline content in the normal flow that extends into a column gap should be clipped in the middle of the column gap. So, in this test, inline content in 1st column box should be partially clipped and overlapped partially by 1st column-rule.</li> - </ul> - </td> - </tr> - <tr id="multicol-count-large-001-3" class="ahem"> - <td> - <a href="multicol-count-large-001.htm">multicol-count-large-001</a></td> - <td><a href="reference/multicol-count-large-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multicolumn | column-count - </td> - </tr> - <tr id="multicol-count-large-002-3" class="ahem"> - <td> - <a href="multicol-count-large-002.htm">multicol-count-large-002</a></td> - <td><a href="reference/multicol-count-large-2-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multicolumn | column-count - </td> - </tr> - <tr id="multicol-count-negative-001-3" class="ahem invalid"> - <td> - <a href="multicol-count-negative-001.htm">multicol-count-negative-001</a></td> - <td><a href="reference/multicol-columns-invalid-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - <td>negative 'column-count' value - <ul class="assert"> - <li>This test checks that a specified negative 'column-count' value is invalid and ignored.</li> - </ul> - </td> - </tr> - <tr id="multicol-count-negative-002-3" class="ahem invalid"> - <td> - <a href="multicol-count-negative-002.htm">multicol-count-negative-002</a></td> - <td><a href="reference/multicol-columns-invalid-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - <td>zero 'column-count' value - <ul class="assert"> - <li>This test checks that a specified 0 'column-count' value is invalid and ignored.</li> - </ul> - </td> - </tr> - <tr id="multicol-count-non-integer-001-3" class="ahem invalid"> - <td> - <a href="multicol-count-non-integer-001.htm">multicol-count-non-integer-001</a></td> - <td><a href="reference/multicol-columns-invalid-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - <td>non-integer 'column-count' value - <ul class="assert"> - <li>This test checks that a specified real 'column-count' value is invalid and ignored.</li> - </ul> - </td> - </tr> - <tr id="multicol-count-non-integer-002-3" class="ahem invalid"> - <td> - <a href="multicol-count-non-integer-002.htm">multicol-count-non-integer-002</a></td> - <td><a href="reference/multicol-columns-invalid-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - <td>non-integer 'column-count' value - <ul class="assert"> - <li>This test checks that a specified real 'column-count' value is invalid and ignored.</li> - </ul> - </td> - </tr> - <tr id="multicol-count-non-integer-003-3" class="ahem invalid"> - <td> - <a href="multicol-count-non-integer-003.htm">multicol-count-non-integer-003</a></td> - <td><a href="reference/multicol-columns-invalid-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - <td>non-integer 'column-count' value - <ul class="assert"> - <li>This test checks that a specified real 'column-count' value is invalid and ignored.</li> - </ul> - </td> - </tr> - <tr id="multicol-inherit-003-3" class="ahem"> - <td> - <a href="multicol-inherit-003.htm">multicol-inherit-003</a></td> - <td><a href="reference/multicol-inherit-3-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multicolumn | inheritance - </td> - </tr> - <tr id="multicol-shorthand-001-3" class="ahem invalid"> - <td> - <a href="multicol-shorthand-001.htm">multicol-shorthand-001</a></td> - <td><a href="reference/multicol-rule-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - <td>multicolumn | invalid - </td> - </tr> - <tr id="multicol-table-cell-001-3" class="ahem"> - <td> - <a href="multicol-table-cell-001.htm">multicol-table-cell-001</a></td> - <td><a href="reference/multicol-table-cell-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-count and table-cell (basic) - <ul class="assert"> - <li>This test checks that 'column-count' applies to elements with 'display' set to 'table-cell'.</li> - </ul> - </td> - </tr> - <tr id="multicol-table-cell-height-001-3" class="ahem"> - <td> - <a href="multicol-table-cell-height-001.htm">multicol-table-cell-height-001</a></td> - <td><a href="reference/multicol-table-cell-height-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-count and height of table-cell (basic) - <ul class="assert"> - <li>This test checks that 'column-count' applies to elements with 'display' set to 'table-cell' which can be constrained with a set height.</li> - </ul> - </td> - </tr> - <tr id="multicol-table-cell-height-002-3" class="ahem"> - <td> - <a href="multicol-table-cell-height-002.htm">multicol-table-cell-height-002</a></td> - <td><a href="reference/multicol-table-cell-height-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-count and height of table-cell (basic) - <ul class="assert"> - <li>This test checks that 'column-count' applies to elements with 'display' set to 'table-cell' which can be constrained with a set height. A set height for a table-cell still remains the minimum height required by the content, even when its layout is influenced by, conditioned by a multi-column layout.</li> - </ul> - </td> - </tr> - <tr id="multicol-width-001-3" class="ahem"> - <td> - <a href="multicol-width-001.htm">multicol-width-001</a></td> - <td><a href="reference/multicol-width-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-width (basic) - </td> - </tr> - <tr id="multicol-width-002-3" class="ahem"> - <td> - <a href="multicol-width-002.htm">multicol-width-002</a></td> - <td><a href="reference/multicol-width-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-width (basic) - </td> - </tr> - <tr id="multicol-width-003-3" class="ahem"> - <td> - <a href="multicol-width-003.htm">multicol-width-003</a></td> - <td><a href="reference/multicol-width-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-width (basic) - </td> - </tr> - <tr id="multicol-width-count-001-3" class="ahem"> - <td> - <a href="multicol-width-count-001.htm">multicol-width-count-001</a></td> - <td><a href="reference/multicol-width-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-count and column-width (basic) - </td> - </tr> - <tr id="multicol-width-ems-001-3" class=""> - <td> - <a href="multicol-width-ems-001.htm">multicol-width-ems-001</a></td> - <td><a href="reference/multicol-width-ems-ref.htm">=</a> </td> - <td></td> - <td>multicolumn | column-width - </td> - </tr> - </tbody> - <tbody id="s3.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s3.1">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#cw">3.1 ‘column-width’</a></th></tr> - <!-- 7 tests --> - <tr id="multicol-reduce-000-3.1" class="ahem"> - <td> - <a href="multicol-reduce-000.htm">multicol-reduce-000</a></td> - <td><a href="reference/multicol-reduce-000-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column width becomes wider to fill available space - <ul class="assert"> - <li>This test checks that column width is increased to fill the available space: in this test, there are only 2 column boxes.</li> - </ul> - </td> - </tr> - <tr id="multicol-width-invalid-001-3.1" class="ahem invalid"> - <td> - <a href="multicol-width-invalid-001.htm">multicol-width-invalid-001</a></td> - <td><a href="reference/multicol-width-invalid-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - <td>invalid column-width - <ul class="assert"> - <li>This test checks that 'column-width: bzzt' is invalid (generating a parsing error) and therefore will be ignored.</li> - </ul> - </td> - </tr> - <tr id="multicol-width-large-001-3.1" class="ahem"> - <td> - <a href="multicol-width-large-001.htm">multicol-width-large-001</a></td> - <td><a href="reference/multicol-width-invalid-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>large column-width - <ul class="assert"> - <li>This test checks that a set 'column-width' may be wider (to fill the available space). In this test, the actual column-width will be increased to 12em.</li> - </ul> - </td> - </tr> - <tr id="multicol-width-large-002-3.1" class="ahem"> - <td> - <a href="multicol-width-large-002.htm">multicol-width-large-002</a></td> - <td><a href="reference/multicol-width-invalid-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>large column-width - <ul class="assert"> - <li>This test checks that a set 'column-width' equal in width to the whole available space of the multi-column will use it all for its column box.</li> - </ul> - </td> - </tr> - <tr id="multicol-width-negative-001-3.1" class="ahem invalid"> - <td> - <a href="multicol-width-negative-001.htm">multicol-width-negative-001</a></td> - <td><a href="reference/multicol-count-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - <td>negative column-width - <ul class="assert"> - <li>This test checks that a set 'column-width' can not be negative.</li> - </ul> - </td> - </tr> - <tr id="multicol-width-small-001-3.1" class="ahem"> - <td> - <a href="multicol-width-small-001.htm">multicol-width-small-001</a></td> - <td><a href="reference/multicol-width-small-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>narrow column-width - <ul class="assert"> - <li>This test checks that a set 'column-width' which is small with regards to width of multi-column element. In this test, in-flow content that extends into column gaps is clipped in the middle of the column gap.</li> - </ul> - </td> - </tr> - <tr id="multicol-zero-height-001-3.1" class=""> - <td> - <a href="multicol-zero-height-001.htm">multicol-zero-height-001</a></td> - <td><a href="reference/multicol-zero-height-001-ref.htm">=</a> </td> - <td></td> - <td>multi-column element with zero height - </td> - </tr> - </tbody> - <tbody id="s3.1.#column-width"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s3.2">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#cc">3.2 ‘column-count’</a></th></tr> - <!-- 4 tests --> - <tr id="multicol-count-001-3.2" class="ahem"> - <td> - <a href="multicol-count-001.htm">multicol-count-001</a></td> - <td><a href="reference/multicol-columns-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-count (basic) - <ul class="assert"> - <li>This test checks that setting 'column-count' should accordingly create 6 column boxes. In this test, each column box should be exactly 100px wide.</li> - </ul> - </td> - </tr> - <tr id="multicol-count-002-3.2" class="ahem"> - <td> - <a href="multicol-count-002.htm">multicol-count-002</a></td> - <td><a href="reference/multicol-count-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-count (basic) - <ul class="assert"> - <li>This test checks that setting 'column-count' should accordingly create 4 column boxes. In this test, each column box should be exactly 5em wide.</li> - </ul> - </td> - </tr> - <tr id="multicol-inherit-002-3.2" class="ahem"> - <td> - <a href="multicol-inherit-002.htm">multicol-inherit-002</a></td> - <td><a href="reference/multicol-inherit-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'column-count' and inherit - <ul class="assert"> - <li>This test checks that 'column-count' can be inherited by setting it with the CSS-wide keyword 'inherit'.</li> - </ul> - </td> - </tr> - <tr id="multicol-width-count-002-3.2" class="ahem"> - <td> - <a href="multicol-width-count-002.htm">multicol-width-count-002</a></td> - <td><a href="reference/multicol-count-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-count and column-width (basic) - </td> - </tr> - </tbody> - <tbody id="s3.2.#column-count"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s3.3">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#columns">3.3 ‘columns’</a></th></tr> - <!-- 25 tests --> - <tr id="multicol-basic-001-3.3" class="ahem"> - <td> - <a href="multicol-basic-001.htm">multicol-basic-001</a></td> - <td><a href="reference/multicol-basic-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>Multi-column element via columns: [integer] - </td> - </tr> - <tr id="multicol-basic-002-3.3" class="ahem"> - <td> - <a href="multicol-basic-002.htm">multicol-basic-002</a></td> - <td><a href="reference/multicol-basic-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>Multi-column element via column-count: [integer] - </td> - </tr> - <tr id="multicol-basic-003-3.3" class="ahem"> - <td> - <a href="multicol-basic-003.htm">multicol-basic-003</a></td> - <td><a href="reference/multicol-basic-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>Multi-column element via columns: [width] - </td> - </tr> - <tr id="multicol-basic-004-3.3" class="ahem"> - <td> - <a href="multicol-basic-004.htm">multicol-basic-004</a></td> - <td><a href="reference/multicol-basic-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>Multi-column element via column-width: [width] - </td> - </tr> - <tr id="regions-multicol-003-3.3" class="ahem"> - <td> - <a href="regions-multicol-003.htm">regions-multicol-003</a></td> - <td><a href="reference/regions-multicol-003-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>One named flow multi-column container, text content overflowing one region - <ul class="assert"> - <li>This test checks that text content flows through a region maintaining the named flow multi-column container and that it overflows visibly into a third column.</li> - </ul> - </td> - </tr> - <tr id="regions-multicol-004-3.3" class="ahem"> - <td> - <a href="regions-multicol-004.htm">regions-multicol-004</a></td> - <td><a href="reference/regions-multicol-003-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>One named flow, text content flowing into one multi-column region - <ul class="assert"> - <li>This test checks that text content in a named flow is laid out using columns when flowed in a multi-column region.</li> - </ul> - </td> - </tr> - <tr id="regions-multicol-006-3.3" class="ahem"> - <td> - <a href="regions-multicol-006.htm">regions-multicol-006</a></td> - <td><a href="reference/regions-multicol-006-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>One named flow, text content - fragmented between multicol region and non-multicol region - <ul class="assert"> - <li>This test checks that the named flow text content flows through the multi-column region in the region chain then through the second non-multicol region in the chain.</li> - </ul> - </td> - </tr> - <tr id="regions-multicol-008-3.3" class=""> - <td> - <a href="regions-multicol-008.htm">regions-multicol-008</a></td> - <td><a href="reference/regions-multicol-008-ref.htm">=</a> </td> - <td></td> - <td>One named flow, non-text fragmentable content flowing into multi-column region then into non-multicol region - <ul class="assert"> - <li>This test checks that non-text named flow contentmulti-column is fragmented first through the columns in a region multi-column container, then through a second non-multi-column region.</li> - </ul> - </td> - </tr> - <tr id="regions-multicol-009-3.3" class=""> - <td> - <a href="regions-multicol-009.htm">regions-multicol-009</a></td> - <td><a href="reference/regions-multicol-009-ref.htm">=</a> </td> - <td></td> - <td>One named flow, text content flowing into a simple region then into a multi-column region - <ul class="assert"> - <li>This test checks that text named flow content is fragmented first through a simple region, then through a multi-column region</li> - </ul> - </td> - </tr> - <tr id="regions-multicol-011-3.3" class=""> - <td> - <a href="regions-multicol-011.htm">regions-multicol-011</a></td> - <td><a href="reference/regions-multicol-009-ref.htm">=</a> </td> - <td></td> - <td>One named flow, non-text fragmentable content flowing into non-mulicol region then into a multi-column region - <ul class="assert"> - <li>This test checks that non-text fragmentable named flow content is fragmented through a simple region, then through a multi-column region.</li> - </ul> - </td> - </tr> - <tr id="regions-multicol-012-3.3" class=""> - <td> - <a href="regions-multicol-012.htm">regions-multicol-012</a></td> - <td><a href="reference/regions-multicol-012-ref.htm">=</a> </td> - <td></td> - <td>One named flow multi-column container, monolithic content flowing into one region - <ul class="assert"> - <li>This test checks that monolithic content in a named flow multi-column container flows through the region.</li> - </ul> - </td> - </tr> - <tr id="regions-multicol-013-3.3" class="ahem"> - <td> - <a href="regions-multicol-013.htm">regions-multicol-013</a></td> - <td><a href="reference/regions-multicol-013-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>One named flow, text content flowing into multiple regions fragmented across multiple columns and overflowing the last region - <ul class="assert"> - <li>This test checks that the named flow text content flows through the regions in the multi-column container and that it overflows visibly into a fourth column.</li> - </ul> - </td> - </tr> - <tr id="regions-multicol-015-3.3" class="ahem"> - <td> - <a href="regions-multicol-015.htm">regions-multicol-015</a></td> - <td><a href="reference/regions-multicol-013-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>One named flow muticolumn container, text content flowing into multiple regions with content overflowing last region - <ul class="assert"> - <li>This test checks that text content flows through multiple regions from the named flow multi-column container and that it overflows the last region in the region chain visibly.</li> - </ul> - </td> - </tr> - <tr id="regions-multicol-016-3.3" class=""> - <td> - <a href="regions-multicol-016.htm">regions-multicol-016</a></td> - <td><a href="reference/regions-multicol-016-ref.htm">=</a> </td> - <td></td> - <td>One named flow multi-column container, monolithic content flowing into multiple regions - <ul class="assert"> - <li>This test checks that monolithic content flows through multiple regions from the named flow multi-column container and that it overflows the last region in the region chain visibly into a fifth column.</li> - </ul> - </td> - </tr> - <tr id="regions-multicol-017-3.3" class="ahem"> - <td> - <a href="regions-multicol-017.htm">regions-multicol-017</a></td> - <td><a href="reference/regions-multicol-017-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>Multiple named flows, text content flowing into multiple regions in a multi-column container - <ul class="assert"> - <li>This test checks multiple named flows with text content flow into multiple regions in the multi-column container.</li> - </ul> - </td> - </tr> - <tr id="regions-multicol-019-3.3" class="ahem"> - <td> - <a href="regions-multicol-019.htm">regions-multicol-019</a></td> - <td><a href="reference/regions-multicol-019-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>Multiple named flows multi-column containers, text content flowing into multiple visually overlapping regions - <ul class="assert"> - <li>This test checks multiple named flow multi-column containers with text content flow into multiple overlapping regions.</li> - </ul> - </td> - </tr> - <tr id="regions-multicol-021-3.3" class=""> - <td> - <a href="regions-multicol-021.htm">regions-multicol-021</a></td> - <td><a href="reference/regions-multicol-019-ref.htm">=</a> </td> - <td></td> - <td>Multiple named flows multi-column containers with unspecified width, non-text content flowing into multiple overlapping regions - <ul class="assert"> - <li>This test checks multiple named flow multi-column containers with unspecified width and non-text content flow into multiple overlapping regions.</li> - </ul> - </td> - </tr> - <tr id="regions-multicol-022-3.3" class="ahem"> - <td> - <a href="regions-multicol-022.htm">regions-multicol-022</a></td> - <td><a href="reference/regions-multicol-003-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>One named flow multi-column container, text content flowing into one autosized region with overflowing column - <ul class="assert"> - <li>This test checks that text content flows through an autosized region from a multi-column named flow and that it overflows visibly into a third column.</li> - </ul> - </td> - </tr> - <tr id="regions-multicol-023-3.3" class=""> - <td> - <a href="regions-multicol-023.htm">regions-multicol-023</a></td> - <td><a href="reference/regions-multicol-003-ref.htm">=</a> </td> - <td></td> - <td>One named flow multi-column container, monolithic content flowing into an autosized region, overflowing column - <ul class="assert"> - <li>This test checks that text content flows through an autosized region from the multi-column named flow and that it overflows visibly into a third column.</li> - </ul> - </td> - </tr> - <tr id="regions-multicol-024-3.3" class="ahem"> - <td> - <a href="regions-multicol-024.htm">regions-multicol-024</a></td> - <td><a href="reference/regions-multicol-024-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>One named flow multi-column container with text content flowing into region of smaller width/height than the second region - <ul class="assert"> - <li>This test checks that text content flows through a region with a smaller width + height than the multi-column named flow and than the second region and that it overflows the first region visibly as a multi-column container before flowing into the second region.</li> - </ul> - </td> - </tr> - <tr id="regions-multicol-025-3.3" class=""> - <td> - <a href="regions-multicol-025.htm">regions-multicol-025</a></td> - <td><a href="reference/regions-multicol-024-ref.htm">=</a> </td> - <td></td> - <td>One named flow multi-column container with monolithic content flowing into region of smaller width/height than the second region - <ul class="assert"> - <li>This test checks that text content flows through a region with a smaller width + height than the multi-column named flow and the second region and that it overflows the first region visibly as a multi-column container before flowing into the second region.</li> - </ul> - </td> - </tr> - <tr id="regions-multicol-026-3.3" class="ahem"> - <td> - <a href="regions-multicol-026.htm">regions-multicol-026</a></td> - <td><a href="reference/regions-multicol-024-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>One named flow multi-column container with text content flowing into region of smaller height than the second region - <ul class="assert"> - <li>This test checks that text content flows through a region with a height smaller than the second region and that it overflows the first region as a multi-column container before flowing into the second region.</li> - </ul> - </td> - </tr> - <tr id="regions-multicol-027-3.3" class=""> - <td> - <a href="regions-multicol-027.htm">regions-multicol-027</a></td> - <td><a href="reference/regions-multicol-024-ref.htm">=</a> </td> - <td></td> - <td>One named flow multi-column container with monolithic content + flowing into region of smaller height than the second region - <ul class="assert"> - <li>This test checks that monolithic content flows through a region with a height smaller than the second region and that it overflows the first region as a multi-column container before flowing into the second region.</li> - </ul> - </td> - </tr> - <tr id="regions-multicol-028-3.3" class="ahem"> - <td> - <a href="regions-multicol-028.htm">regions-multicol-028</a></td> - <td><a href="reference/regions-multicol-028-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>One named flow multi-column container with text content flowing into first region of smaller width than the second region - <ul class="assert"> - <li>This test checks that text content flows through a region with a smaller width than the multi-column named flow and the second region and that it overflows the first region visibly as a multi-column container before flowing into the second region.</li> - </ul> - </td> - </tr> - <tr id="regions-multicol-029-3.3" class=""> - <td> - <a href="regions-multicol-029.htm">regions-multicol-029</a></td> - <td><a href="reference/regions-multicol-028-ref.htm">=</a> </td> - <td></td> - <td>One named flow multi-column container with monolithic content flowing into first region of smaller width than the second region - <ul class="assert"> - <li>This test checks that monolithic content flows through a region with a smaller width than the multi-column named flow and the second region and that it overflows the first region visibly as a multi-column container before flowing into the second region.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s3.3.#columns0"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.4"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s3.4">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#pseudo-algorithm">3.4 Pseudo-algorithm</a></th></tr> - <!-- 7 tests --> - <tr id="multicol-count-computed-004-3.4" class="ahem"> - <td> - <a href="multicol-count-computed-004.htm">multicol-count-computed-004</a></td> - <td><a href="reference/multicol-count-computed-004-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>both 'column-width' and 'column-count' are 'auto' - <ul class="assert"> - <li>This test checks that if 'column-width' is 'auto' and if 'column-count' is 'auto', then such element will not behave like a multi-column element and column-gap and column-rule declarations will be ignored.</li> - </ul> - </td> - </tr> - <tr id="multicol-inherit-001-3.4" class="ahem"> - <td> - <a href="multicol-inherit-001.htm">multicol-inherit-001</a></td> - <td><a href="reference/multicol-inherit-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multicolumn and inheritance - </td> - </tr> - <tr id="multicol-list-item-001-3.4" class="ahem"> - <td> - <a href="multicol-list-item-001.htm">multicol-list-item-001</a></td> - <td><a href="reference/multicol-list-item-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multi-column and list-item - <ul class="assert"> - <li>This test checks that an unordered list of list items can be set to display its list-items in column boxes.</li> - </ul> - </td> - </tr> - <tr id="multicol-margin-001-3.4" class="ahem"> - <td> - <a href="multicol-margin-001.htm">multicol-margin-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multi-column and margin collapsing of first child (basic) - <ul class="assert"> - <li>This test checks that the margin-top of the first child of a multi-column element (with column-fill: auto) does not collapse with its parent.</li> - </ul> - </td> - </tr> - <tr id="multicol-margin-002-3.4" class="ahem"> - <td> - <a href="multicol-margin-002.htm">multicol-margin-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multi-column and margin collapsing of first child (basic) - <ul class="assert"> - <li>This test checks that the margin-top of the first child (an inline-block) of a multi-column element (with column-fill: balance) does not collapse with its parent.</li> - </ul> - </td> - </tr> - <tr id="multicol-nested-005-3.4" class="ahem"> - <td> - <a href="multicol-nested-005.htm">multicol-nested-005</a></td> - <td><a href="reference/multicol-nested-005-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>nested multi-columns and constrained dimensions - <ul class="assert"> - <li>This test checks how the height of column boxes conditions the height of nested column boxes.</li> - </ul> - </td> - </tr> - <tr id="multicol-nested-column-rule-001-3.4" class="ahem"> - <td> - <a href="multicol-nested-column-rule-001.htm">multicol-nested-column-rule-001</a></td> - <td><a href="reference/multicol-nested-column-rule-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>nested multi-columns and column-rule position - <ul class="assert"> - <li>This test checks how the height of column boxes conditions the height of column rule.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s3.5"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s3.5">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#stacking-context">3.5 Stacking context</a></th></tr> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-4.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-4.htm deleted file mode 100644 index a6557e0d3be..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-4.htm +++ /dev/null @@ -1,486 +0,0 @@ - - -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> -<html> - <head> - <title>Column gaps and rules - CSS Multi-column Layout Module Level 1 CR Test Suite</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> - - <body> - - <h1>CSS Multi-column Layout Module Level 1 CR Test Suite</h1> - <h2>Column gaps and rules (45 tests)</h2> - <table width="100%"> - <col id="test-column"> - <col id="refs-column"> - <col id="flags-column"> - <col id="info-column"> - <thead> - <tr> - <th>Test</th> - <th><abbr title="Rendering References">Refs</abbr></th> - <th>Flags</th> - <th>Info</th> - </tr> - </thead> - <tbody id="s4"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s4">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#column-gaps-and-rules">4 Column gaps and rules</a></th></tr> - <!-- 10 tests --> - <tr id="multicol-count-computed-001-4" class="ahem"> - <td> - <a href="multicol-count-computed-001.htm">multicol-count-computed-001</a></td> - <td><a href="reference/multicol-count-computed-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multicolumn | column-rule - </td> - </tr> - <tr id="multicol-count-computed-002-4" class="ahem"> - <td> - <a href="multicol-count-computed-002.htm">multicol-count-computed-002</a></td> - <td><a href="reference/multicol-count-computed-2-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multicolumn | column-rule - </td> - </tr> - <tr id="multicol-inherit-004-4" class="ahem"> - <td> - <a href="multicol-inherit-004.htm">multicol-inherit-004</a></td> - <td><a href="reference/multicol-inherit-4-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multicolumn | inheritance - </td> - </tr> - <tr id="multicol-rule-001-4" class="ahem"> - <td> - <a href="multicol-rule-001.htm">multicol-rule-001</a></td> - <td><a href="reference/multicol-rule-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-rule exceeding column-gap - <ul class="assert"> - <li>If a column rule is wider than its gap, then the adjacent column boxes overlap the rule. This test checks that if inline content of column boxes uses only 1 twentieth (1/20) of each of the adjacent column box width, then the column rule must shine through 19 twentieths (19/20) of each of the adjacent column boxes (and above their respective backgrounds).</li> - </ul> - </td> - </tr> - <tr id="multicol-rule-002-4" class="ahem"> - <td> - <a href="multicol-rule-002.htm">multicol-rule-002</a></td> - <td><a href="reference/multicol-rule-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multicolumn | column-rule - </td> - </tr> - <tr id="multicol-rule-003-4" class="ahem"> - <td> - <a href="multicol-rule-003.htm">multicol-rule-003</a></td> - <td><a href="reference/multicol-rule-003-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-rule (basic) - </td> - </tr> - <tr id="multicol-rule-004-4" class="ahem"> - <td> - <a href="multicol-rule-004.htm">multicol-rule-004</a></td> - <td><a href="reference/multicol-rule-004-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'column-fill: balance' and column-rule - <ul class="assert"> - <li>This test checks that when 'column-fill: balance' distributes equally inline content into column boxes in a way that does not completely fill column boxes, then column-rule must nevertheless still be painted entirely, that is for the whole length of column boxes, even though the whole inline content may not fill the whole length of the column boxes.</li> - </ul> - </td> - </tr> - <tr id="multicol-rule-fraction-003-4" class="ahem"> - <td> - <a href="multicol-rule-fraction-003.htm">multicol-rule-fraction-003</a></td> - <td><a href="reference/multicol-rule-fraction-3-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multicolumn | column-rule - </td> - </tr> - <tr id="multicol-rule-px-001-4" class="ahem"> - <td> - <a href="multicol-rule-px-001.htm">multicol-rule-px-001</a></td> - <td><a href="reference/multicol-rule-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multicolumn | column-rule - </td> - </tr> - <tr id="multicol-rule-stacking-001-4" class="ahem"> - <td> - <a href="multicol-rule-stacking-001.htm">multicol-rule-stacking-001</a></td> - <td><a href="reference/multicol-rule-stacking-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multicolumn | column-count, stacking - </td> - </tr> - </tbody> - <tbody id="s4.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s4.1">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#column-gap">4.1 ‘column-gap’</a></th></tr> - <!-- 9 tests --> - <tr id="multicol-gap-000-4.1" class="ahem"> - <td> - <a href="multicol-gap-000.htm">multicol-gap-000</a></td> - <td><a href="reference/multicol-gap-000-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-gap (basic) - <ul class="assert"> - <li>This test checks that column gap appears between two columns.</li> - </ul> - </td> - </tr> - <tr id="multicol-gap-001-4.1" class="ahem may"> - <td> - <a href="multicol-gap-001.htm">multicol-gap-001</a></td> - <td><a href="reference/multicol-gap-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td> - <td>'column-gap: normal' - <ul class="assert"> - <li>This test checks that the 'normal' column gap is 1em, which is suggested -- and not prescribed -- by the specification.</li> - </ul> - </td> - </tr> - <tr id="multicol-gap-002-4.1" class="ahem"> - <td> - <a href="multicol-gap-002.htm">multicol-gap-002</a></td> - <td><a href="reference/multicol-gap-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-gap (basic) - </td> - </tr> - <tr id="multicol-gap-003-4.1" class="ahem may"> - <td> - <a href="multicol-gap-003.htm">multicol-gap-003</a></td> - <td><a href="reference/multicol-gap-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td> - <td>'column-gap: normal' - </td> - </tr> - <tr id="multicol-gap-fraction-001-4.1" class="ahem"> - <td> - <a href="multicol-gap-fraction-001.htm">multicol-gap-fraction-001</a></td> - <td><a href="reference/multicol-gap-fraction-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'column-gap' with increasing values - </td> - </tr> - <tr id="multicol-gap-large-001-4.1" class="ahem"> - <td> - <a href="multicol-gap-large-001.htm">multicol-gap-large-001</a></td> - <td><a href="reference/multicol-gap-large-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'column-gap' with large value - <ul class="assert"> - <li>This test checks that when 'column-gap' is large and when used 'column-width' is narrow, then content extends into column-gap until its middle and content can extend, overflow outside the edges of the multi-colum element if 'overflow' is set to 'visible'.</li> - </ul> - </td> - </tr> - <tr id="multicol-gap-large-002-4.1" class="ahem"> - <td> - <a href="multicol-gap-large-002.htm">multicol-gap-large-002</a></td> - <td><a href="reference/multicol-gap-large-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'column-gap' with large value - </td> - </tr> - <tr id="multicol-gap-negative-001-4.1" class="ahem invalid"> - <td> - <a href="multicol-gap-negative-001.htm">multicol-gap-negative-001</a></td> - <td><a href="reference/multicol-gap-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - <td>column-gap with negative value - </td> - </tr> - <tr id="multicol-height-001-4.1" class="ahem"> - <td> - <a href="multicol-height-001.htm">multicol-height-001</a></td> - <td><a href="reference/multicol-height-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-count and height - <ul class="assert"> - <li>This test checks that length of column rules is equal to the length of the columns and if a nth column box overflows outside the available width of a multi-column element, then an (n-1)th column rule should be drawn. In this test, a 3rd column box is created outside the content edge of the multi-column element: therefore, a 2nd blue column rule should be drawn accordingly.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s4.1.#column-gap0"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s4.2">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#crc">4.2 ‘column-rule-color’</a></th></tr> - <!-- 2 tests --> - <tr id="multicol-rule-color-inherit-001-4.2" class="ahem"> - <td> - <a href="multicol-rule-color-inherit-001.htm">multicol-rule-color-inherit-001</a></td> - <td><a href="reference/multicol-rule-color-inherit-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-rule-color: inherit - <ul class="assert"> - <li>This test checks that, by default, column-rule-color is the current color applying to the element unless reserved keyword 'inherit' is used in which case column-rule-color will be inherited from the parent's column-rule-color value.</li> - </ul> - </td> - </tr> - <tr id="multicol-rule-color-inherit-002-4.2" class="ahem"> - <td> - <a href="multicol-rule-color-inherit-002.htm">multicol-rule-color-inherit-002</a></td> - <td><a href="reference/multicol-rule-color-inherit-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-rule-color: inherit (complex) - <ul class="assert"> - <li>In this test, div#parent's computed 'column-rule-color' is given by div#parent's 'currentcolor' (a reserved keyword) and not 'red'. Then div.child's 'column-rule-color' take such specified value ('currentcolor') from its parent (due to 'inherit' keyword) and not 'red'. And then, it is applied to div.child's 'column-rule-color'.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s4.2.#column-rule-color"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.3"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s4.3">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#crs">4.3 ‘column-rule-style’</a></th></tr> - <!-- 4 tests --> - <tr id="multicol-rule-style-groove-001-4.3" class="ahem"> - <td> - <a href="multicol-rule-style-groove-001.htm">multicol-rule-style-groove-001</a></td> - <td><a href="reference/multicol-rule-style-groove-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'column-rule-style' groove - </td> - </tr> - <tr id="multicol-rule-style-inset-001-4.3" class="ahem"> - <td> - <a href="multicol-rule-style-inset-001.htm">multicol-rule-style-inset-001</a></td> - <td><a href="reference/multicol-rule-style-ridge-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'column-rule-style' inset - </td> - </tr> - <tr id="multicol-rule-style-outset-001-4.3" class="ahem"> - <td> - <a href="multicol-rule-style-outset-001.htm">multicol-rule-style-outset-001</a></td> - <td><a href="reference/multicol-rule-style-groove-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'column-rule-style' outset - </td> - </tr> - <tr id="multicol-rule-style-ridge-001-4.3" class="ahem"> - <td> - <a href="multicol-rule-style-ridge-001.htm">multicol-rule-style-ridge-001</a></td> - <td><a href="reference/multicol-rule-style-ridge-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'column-rule-style' ridge - </td> - </tr> - </tbody> - <tbody id="s4.3.#column-rule-style"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.4"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s4.4">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#crw">4.4 ‘column-rule-width’</a></th></tr> - <!-- 7 tests --> - <tr id="multicol-rule-fraction-001-4.4" class="ahem"> - <td> - <a href="multicol-rule-fraction-001.htm">multicol-rule-fraction-001</a></td> - <td><a href="reference/multicol-rule-fraction-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-rule-width - </td> - </tr> - <tr id="multicol-rule-fraction-002-4.4" class="ahem"> - <td> - <a href="multicol-rule-fraction-002.htm">multicol-rule-fraction-002</a></td> - <td><a href="reference/multicol-rule-fraction-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>wide column-rule-width painted above background-color - <ul class="assert"> - <li>This test checks that if a column rule is wider than its gap, then the column rule will overlap adjacent column boxes above the background of the multi-column element but below the inline content inside the multicol element. In this test, the blue column-rule is painted above the yellow background-color but below (under) the black Ahem glyphs.</li> - </ul> - </td> - </tr> - <tr id="multicol-rule-large-001-4.4" class="ahem"> - <td> - <a href="multicol-rule-large-001.htm">multicol-rule-large-001</a></td> - <td><a href="reference/multicol-rule-large-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>excessively wide column-rule-width - <ul class="assert"> - <li>This test checks that if a column rule is wider than its gap, then the column rule will overlap adjacent column boxes; its painting will be above background of multi-column element but below the inline content inside the multicol element.</li> - </ul> - </td> - </tr> - <tr id="multicol-rule-large-002-4.4" class="ahem"> - <td> - <a href="multicol-rule-large-002.htm">multicol-rule-large-002</a></td> - <td></td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>over-excessively wide column-rule-width - <ul class="assert"> - <li>This test checks that if a column rule is over-excessively wide, even wider than window viewport, then the column rule will exceed the window viewport width but will not generate an horizontal scrollbar since column rules do not take up space.</li> - </ul> - </td> - </tr> - <tr id="multicol-rule-percent-001-4.4" class="ahem invalid"> - <td> - <a href="multicol-rule-percent-001.htm">multicol-rule-percent-001</a></td> - <td><a href="reference/multicol-containing-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - <td>column-rule-width and percentage unit (basic) - <ul class="assert"> - <li>This test checks that the column-rule-width property does not accept percentage unit in its values.</li> - </ul> - </td> - </tr> - <tr id="multicol-rule-samelength-001-4.4" class="ahem"> - <td> - <a href="multicol-rule-samelength-001.htm">multicol-rule-samelength-001</a></td> - <td><a href="reference/multicol-rule-samelength-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'column-rule-width' has same lenght as 'column-gap' - </td> - </tr> - <tr id="multicol-rule-shorthand-001-4.4" class="ahem invalid"> - <td> - <a href="multicol-rule-shorthand-001.htm">multicol-rule-shorthand-001</a></td> - <td><a href="reference/multicol-rule-samelength-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - <td>'column-rule' shorthand - </td> - </tr> - </tbody> - <tbody id="s4.4.#column-rule-width"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s4.5">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#column-rule">4.5 ‘column-rule’</a></th></tr> - <!-- 13 tests --> - <tr id="multicol-rule-000-4.5" class="ahem"> - <td> - <a href="multicol-rule-000.htm">multicol-rule-000</a></td> - <td><a href="reference/multicol-rule-000-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-rule shorthand (basic) - </td> - </tr> - <tr id="multicol-rule-color-001-4.5" class="ahem"> - <td> - <a href="multicol-rule-color-001.htm">multicol-rule-color-001</a></td> - <td><a href="reference/multicol-rule-color-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-rule-color (basic) - </td> - </tr> - <tr id="multicol-rule-dashed-000-4.5" class="ahem"> - <td> - <a href="multicol-rule-dashed-000.htm">multicol-rule-dashed-000</a></td> - <td><a href="reference/multicol-rule-dashed-000-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-rule shorthand with 'dashed' border style - </td> - </tr> - <tr id="multicol-rule-dotted-000-4.5" class="ahem"> - <td> - <a href="multicol-rule-dotted-000.htm">multicol-rule-dotted-000</a></td> - <td><a href="reference/multicol-rule-dotted-000-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-rule shorthand with 'dotted' border style - </td> - </tr> - <tr id="multicol-rule-double-000-4.5" class="ahem"> - <td> - <a href="multicol-rule-double-000.htm">multicol-rule-double-000</a></td> - <td><a href="reference/multicol-rule-double-000-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-rule shorthand with 'double' border style - </td> - </tr> - <tr id="multicol-rule-groove-000-4.5" class="ahem"> - <td> - <a href="multicol-rule-groove-000.htm">multicol-rule-groove-000</a></td> - <td><a href="reference/multicol-rule-groove-000-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-rule shorthand with 'groove' border style - </td> - </tr> - <tr id="multicol-rule-hidden-000-4.5" class="ahem"> - <td> - <a href="multicol-rule-hidden-000.htm">multicol-rule-hidden-000</a></td> - <td><a href="reference/multicol-rule-hidden-000-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-rule shorthand with 'hidden' border style - </td> - </tr> - <tr id="multicol-rule-inset-000-4.5" class="ahem"> - <td> - <a href="multicol-rule-inset-000.htm">multicol-rule-inset-000</a></td> - <td><a href="reference/multicol-rule-ridge-000-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-rule shorthand with 'inset' border style - <ul class="assert"> - <li>'border-style' values of column-rule are interpreted as in the collapsing border model in which case 'inset' value is drawn the same as 'ridge'.</li> - </ul> - </td> - </tr> - <tr id="multicol-rule-none-000-4.5" class="ahem"> - <td> - <a href="multicol-rule-none-000.htm">multicol-rule-none-000</a></td> - <td><a href="reference/multicol-rule-hidden-000-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-rule shorthand with 'none' border style - </td> - </tr> - <tr id="multicol-rule-outset-000-4.5" class="ahem"> - <td> - <a href="multicol-rule-outset-000.htm">multicol-rule-outset-000</a></td> - <td><a href="reference/multicol-rule-groove-000-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-rule shorthand with 'outset' border style - <ul class="assert"> - <li>'border-style' values of column-rule are interpreted as in the collapsing border model in which case 'outset' value is drawn the same as 'groove'.</li> - </ul> - </td> - </tr> - <tr id="multicol-rule-ridge-000-4.5" class="ahem"> - <td> - <a href="multicol-rule-ridge-000.htm">multicol-rule-ridge-000</a></td> - <td><a href="reference/multicol-rule-ridge-000-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-rule shorthand with 'ridge' border style - </td> - </tr> - <tr id="multicol-rule-solid-000-4.5" class="ahem"> - <td> - <a href="multicol-rule-solid-000.htm">multicol-rule-solid-000</a></td> - <td><a href="reference/multicol-rule-solid-000-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-rule shorthand with 'solid' border style - </td> - </tr> - <tr id="multicol-span-000-4.5" class="ahem image"> - <td> - <a href="multicol-span-000.htm">multicol-span-000</a></td> - <td><a href="reference/multicol-span-000-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>column-span (basic) - </td> - </tr> - </tbody> - <tbody id="s4.5.#column-rule0"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-5.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-5.htm deleted file mode 100644 index ecf1e67aee8..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-5.htm +++ /dev/null @@ -1,95 +0,0 @@ - - -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> -<html> - <head> - <title>Column breaks - CSS Multi-column Layout Module Level 1 CR Test Suite</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> - - <body> - - <h1>CSS Multi-column Layout Module Level 1 CR Test Suite</h1> - <h2>Column breaks (4 tests)</h2> - <table width="100%"> - <col id="test-column"> - <col id="refs-column"> - <col id="flags-column"> - <col id="info-column"> - <thead> - <tr> - <th>Test</th> - <th><abbr title="Rendering References">Refs</abbr></th> - <th>Flags</th> - <th>Info</th> - </tr> - </thead> - <tbody id="s5"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s5">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#column-breaks">5 Column breaks</a></th></tr> - <!-- 1 tests --> - <tr id="multicol-br-inside-avoidcolumn-001-5" class=""> - <td> - <a href="multicol-br-inside-avoidcolumn-001.htm">multicol-br-inside-avoidcolumn-001</a></td> - <td><a href="reference/multicol-br-inside-avoidcolumn-ref.htm">=</a> </td> - <td></td> - <td>multicol | break-inside: avoid-column - </td> - </tr> - </tbody> - <tbody id="s5.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s5.1">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#break-before-break-after-break-inside">5.1 ‘break-before’, ‘break-after’, ‘break-inside’</a></th></tr> - <!-- 3 tests --> - <tr id="break-before-always-001-5.1" class="page"> - <td> - <a href="break-before-always-001.htm">break-before-always-001</a></td> - <td></td> - <td><abbr class="page" title=""></abbr></td> - <td>'break-before: always' and paginated multi-column elements - <ul class="assert"> - <li>A forced break of type 'always' will break through both the multi-column context and the pagination context.</li> - </ul> - </td> - </tr> - <tr id="multicol-break-000-5.1" class="ahem image"> - <td> - <a href="multicol-break-000.htm">multicol-break-000</a></td> - <td><a href="reference/multicol-break-000-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>break-after: column (basic) - <ul class="assert"> - <li>This test checks that basic support of 'break-after: column'.</li> - </ul> - </td> - </tr> - <tr id="multicol-break-001-5.1" class="ahem image"> - <td> - <a href="multicol-break-001.htm">multicol-break-001</a></td> - <td><a href="reference/multicol-break-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>break-before: column (basic) - <ul class="assert"> - <li>This test checks that basic support of 'break-before: column'.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s5.1.#break-after"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#break-before"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#break-inside"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-6.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-6.htm deleted file mode 100644 index 8a60e3d1255..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-6.htm +++ /dev/null @@ -1,206 +0,0 @@ - - -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> -<html> - <head> - <title>Spanning columns - CSS Multi-column Layout Module Level 1 CR Test Suite</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> - - <body> - - <h1>CSS Multi-column Layout Module Level 1 CR Test Suite</h1> - <h2>Spanning columns (16 tests)</h2> - <table width="100%"> - <col id="test-column"> - <col id="refs-column"> - <col id="flags-column"> - <col id="info-column"> - <thead> - <tr> - <th>Test</th> - <th><abbr title="Rendering References">Refs</abbr></th> - <th>Flags</th> - <th>Info</th> - </tr> - </thead> - <tbody id="s6"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s6">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#spanning-columns">6 Spanning columns</a></th></tr> - <!-- 4 tests --> - <tr id="multicol-span-all-block-sibling-003-6" class="ahem"> - <td> - <a href="multicol-span-all-block-sibling-003.htm">multicol-span-all-block-sibling-003</a></td> - <td><a href="reference/multicol-span-all-block-sibling-3-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multicol | column-span: all | block-level child - </td> - </tr> - <tr id="multicol-span-all-margin-nested-003-6" class="ahem"> - <td> - <a href="multicol-span-all-margin-nested-003.htm">multicol-span-all-margin-nested-003</a></td> - <td><a href="reference/multicol-span-all-margin-nested-3-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multicolomn | column-span inside block - </td> - </tr> - <tr id="multicol-span-all-margin-nested-firstchild-001-6" class="ahem"> - <td> - <a href="multicol-span-all-margin-nested-firstchild-001.htm">multicol-span-all-margin-nested-firstchild-001</a></td> - <td><a href="reference/multicol-span-all-margin-nested-firstchild-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multicolumn | column-span - </td> - </tr> - <tr id="multicol-span-none-001-6" class="ahem"> - <td> - <a href="multicol-span-none-001.htm">multicol-span-none-001</a></td> - <td><a href="reference/multicol-span-none-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-span: none (basic) - <ul class="assert"> - <li>This test checks how a 'column-span: none' element is rendered: it should not span across all column boxes.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s6.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s6.1">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#column-span">6.1 ‘column-span’</a></th></tr> - <!-- 12 tests --> - <tr id="multicol-fill-auto-block-children-002-6.1" class=""> - <td> - <a href="multicol-fill-auto-block-children-002.htm">multicol-fill-auto-block-children-002</a></td> - <td><a href="reference/multicol-fill-auto-block-children-002-ref.htm">=</a> </td> - <td></td> - <td>'column-fill: auto' and 'column-span: all' (complex) - <ul class="assert"> - <li>This test checks that if 'column-fill' is set to 'auto' and a multicolumn element content is solely made of block container boxes, then it should fill column boxes sequentially with such content and, in this test, it should overflow outside of it. This test relies on the idea that a 'column-span: all' element will occupy more space in a multi-column element than a 'column-span: none' element, therefore reducing available space for content in column boxes.</li> - </ul> - </td> - </tr> - <tr id="multicol-span-all-001-6.1" class="ahem"> - <td> - <a href="multicol-span-all-001.htm">multicol-span-all-001</a></td> - <td><a href="reference/multicol-span-all-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'column-span' element (basic) - </td> - </tr> - <tr id="multicol-span-all-002-6.1" class="ahem"> - <td> - <a href="multicol-span-all-002.htm">multicol-span-all-002</a></td> - <td><a href="reference/multicol-span-all-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'column-span' element - large margin-left and 'overflow: hidden' - </td> - </tr> - <tr id="multicol-span-all-003-6.1" class="ahem"> - <td> - <a href="multicol-span-all-003.htm">multicol-span-all-003</a></td> - <td><a href="reference/multicol-count-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'column-span: all' (basic) - <ul class="assert"> - <li>This test checks that 'column-span: all' spans across all column boxes and that content in the normal flow (in this test, the '55555 55555 55555 55555') that appears before the element is automatically balanced across all columns before the element appears.</li> - </ul> - </td> - </tr> - <tr id="multicol-span-all-child-001-6.1" class="ahem may"> - <td> - <a href="multicol-span-all-child-001.htm">multicol-span-all-child-001</a></td> - <td><a href="reference/multicol-span-all-child-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td> - <td>'column-span: all' element with block children (complex) - <ul class="assert"> - <li>This test checks how a spanning element with block children is rendered inside a multi-column element with a set height which is insufficient for rendering the entire spanning element. Since the available height (10em)is insufficient to render the spanning element (height needed: 3 times 4em) entirely inside the multi-column element, then UA may treat 'column-span: all' as 'column-span: none'.</li> - </ul> - </td> - </tr> - <tr id="multicol-span-all-child-002-6.1" class="may"> - <td> - <a href="multicol-span-all-child-002.htm">multicol-span-all-child-002</a></td> - <td><a href="reference/multicol-span-all-child-002-ref.htm">=</a> </td> - <td><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td> - <td>'column-span: all' element with block children (complex) - <ul class="assert"> - <li>This test checks how spanning elements with block children is rendered inside a multi-column element with a set height which is insufficient for rendering both spanning elements entirely. Since available space (height of 8em) is insufficient to render both spanning elements (4 times 4em plus 2em) entirely inside the multi-column element, then UA may treat 'column-span: all' as 'column-span: none'.</li> - </ul> - </td> - </tr> - <tr id="multicol-span-all-margin-001-6.1" class="ahem may"> - <td> - <a href="multicol-span-all-margin-001.htm">multicol-span-all-margin-001</a></td> - <td><a href="reference/multicol-span-all-margin-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td> - <td>'column-span: all' element and width exceeding available multi-colum width (complex) - <ul class="assert"> - <li>This test checks that when 'overflow' is set to 'hidden' on a multi-column element, then any spanning ('column-span: all') element exceeding the available width of the multi-column should be clipped accordingly.</li> - </ul> - </td> - </tr> - <tr id="multicol-span-all-margin-002-6.1" class="ahem"> - <td> - <a href="multicol-span-all-margin-002.htm">multicol-span-all-margin-002</a></td> - <td><a href="reference/multicol-span-all-margin-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'column-span: all' element - </td> - </tr> - <tr id="multicol-span-all-margin-bottom-001-6.1" class="ahem"> - <td> - <a href="multicol-span-all-margin-bottom-001.htm">multicol-span-all-margin-bottom-001</a></td> - <td><a href="reference/multicol-span-all-margin-bottom-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'column-span: all' element with vertical margins and width exceeding available multi-colum width (complex) - </td> - </tr> - <tr id="multicol-span-all-margin-nested-001-6.1" class="ahem"> - <td> - <a href="multicol-span-all-margin-nested-001.htm">multicol-span-all-margin-nested-001</a></td> - <td><a href="reference/multicol-span-all-margin-nested-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertically adjacent spanning elements with nested margins (complex) - <ul class="assert"> - <li>In this test, the first h4 element would collapse its margin bottom with the top margin of div#child if only div#child was also a spanning element, which is not: the bottom margin of the first h4 element is 8em wide while the top margin of div#child is only 2em wide (1 column box wide). That is why the bottom margin of the first h4 element should not collapse with the top margin of div#child.</li> - </ul> - </td> - </tr> - <tr id="multicol-span-all-margin-nested-002-6.1" class="ahem"> - <td> - <a href="multicol-span-all-margin-nested-002.htm">multicol-span-all-margin-nested-002</a></td> - <td><a href="reference/multicol-span-all-margin-nested-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertically adjacent spanning elements with nested margins (complex) - <ul class="assert"> - <li>In this test, the first h4 element would collapse its margin bottom with the resulting (from a margin collapsing with its nested h4 element) of top margin of div#child if only div#child was also a spanning element, which is not: the bottom margin of the first h4 element is 8em wide while the top margin of div#child is only 2em wide (1 column box wide). That is why the bottom margin of the first h4 element should not collapse with the top margin of div#child.</li> - </ul> - </td> - </tr> - <tr id="multicol-span-float-001-6.1" class="ahem"> - <td> - <a href="multicol-span-float-001.htm">multicol-span-float-001</a></td> - <td><a href="reference/multicol-span-float-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>floating a column-spanning element - <ul class="assert"> - <li>This test checks that 'column-span' does not apply to floating element.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s6.1.#column-span0"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.1.#spanning-element"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-7.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-7.htm deleted file mode 100644 index 9e73b84a4fc..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-7.htm +++ /dev/null @@ -1,133 +0,0 @@ - - -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> -<html> - <head> - <title>Filling columns - CSS Multi-column Layout Module Level 1 CR Test Suite</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> - - <body> - - <h1>CSS Multi-column Layout Module Level 1 CR Test Suite</h1> - <h2>Filling columns (8 tests)</h2> - <table width="100%"> - <col id="test-column"> - <col id="refs-column"> - <col id="flags-column"> - <col id="info-column"> - <thead> - <tr> - <th>Test</th> - <th><abbr title="Rendering References">Refs</abbr></th> - <th>Flags</th> - <th>Info</th> - </tr> - </thead> - <tbody id="s7"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s7">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#filling-columns">7 Filling columns</a></th></tr> - <!-- 4 tests --> - <tr id="multicol-fill-auto-7" class="ahem"> - <td> - <a href="multicol-fill-auto.htm">multicol-fill-auto</a></td> - <td><a href="reference/multicol-fill-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multicolumn | column-fill-auto - <ul class="assert"> - <li>This test checks that columns are properly balanced when 'column-fill: auto' is set</li> - </ul> - </td> - </tr> - <tr id="multicol-fill-auto-002-7" class="ahem"> - <td> - <a href="multicol-fill-auto-002.htm">multicol-fill-auto-002</a></td> - <td><a href="reference/multicol-fill-auto-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multicolumn | column-fill-auto - <ul class="assert"> - <li>This test checks that columns are not balanced when 'column-fill: auto' is set</li> - </ul> - </td> - </tr> - <tr id="multicol-fill-auto-block-children-001-7" class=""> - <td> - <a href="multicol-fill-auto-block-children-001.htm">multicol-fill-auto-block-children-001</a></td> - <td><a href="reference/multicol-fill-auto-block-children-ref.htm">=</a> </td> - <td></td> - <td>multicol | column-span: all | column-fill: auto - </td> - </tr> - <tr id="multicol-fill-balance-001-7" class="ahem"> - <td> - <a href="multicol-fill-balance-001.htm">multicol-fill-balance-001</a></td> - <td><a href="reference/multicol-fill-balance-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multicolumn | column-fill - <ul class="assert"> - <li>This test checks that columns are properly balanced when 'column-fill: balance' is set</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s7.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.1">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#cf">7.1 ‘column-fill’</a></th></tr> - <!-- 4 tests --> - <tr id="multicol-fill-000-7.1" class="ahem"> - <td> - <a href="multicol-fill-000.htm">multicol-fill-000</a></td> - <td><a href="reference/multicol-fill-000-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-fill: balance (basic) - <ul class="assert"> - <li>This test checks that content is balanced into all columns thanks to 'column-fill: balance'.</li> - </ul> - </td> - </tr> - <tr id="multicol-fill-001-7.1" class="ahem"> - <td> - <a href="multicol-fill-001.htm">multicol-fill-001</a></td> - <td><a href="reference/multicol-fill-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>column-fill: balance with set height (basic) - <ul class="assert"> - <li>This test checks that content is balanced into all columns of a multi-column element with a set height thanks to 'column-fill: balance'.</li> - </ul> - </td> - </tr> - <tr id="multicol-fill-auto-001-7.1" class="ahem"> - <td> - <a href="multicol-fill-auto-001.htm">multicol-fill-auto-001</a></td> - <td><a href="reference/multicol-fill-auto-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'column-fill: auto' (basic) - <ul class="assert"> - <li>This test checks that 'column-fill: auto' fills the column boxes of a multi-colum element sequentially with inline content and does not bother about balancing content of column boxes.</li> - </ul> - </td> - </tr> - <tr id="multicol-fill-auto-003-7.1" class="ahem"> - <td> - <a href="multicol-fill-auto-003.htm">multicol-fill-auto-003</a></td> - <td><a href="reference/multicol-fill-auto-003-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'column-fill: auto' (basic) - <ul class="assert"> - <li>This test checks if inline content fills column boxes sequentially when 'column-fill' is set to 'auto'.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s7.1.#column-fill"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-8.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-8.htm deleted file mode 100644 index e9145b821af..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-8.htm +++ /dev/null @@ -1,153 +0,0 @@ - - -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> -<html> - <head> - <title>Overflow - CSS Multi-column Layout Module Level 1 CR Test Suite</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> - - <body> - - <h1>CSS Multi-column Layout Module Level 1 CR Test Suite</h1> - <h2>Overflow (9 tests)</h2> - <table width="100%"> - <col id="test-column"> - <col id="refs-column"> - <col id="flags-column"> - <col id="info-column"> - <thead> - <tr> - <th>Test</th> - <th><abbr title="Rendering References">Refs</abbr></th> - <th>Flags</th> - <th>Info</th> - </tr> - </thead> - <tbody id="s8"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s8">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#overflow">8 Overflow</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s8.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s8.1">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#overflow-inside-multicol-elements">8.1 Overflow inside multicol elements</a></th></tr> - <!-- 5 tests --> - <tr id="multicol-block-clip-001-8.1" class="ahem"> - <td> - <a href="multicol-block-clip-001.htm">multicol-block-clip-001</a></td> - <td><a href="reference/multicol-block-clip-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>Overflowed content inside multicol element - <ul class="assert"> - <li>This test checks that content in the normal flow that extends into column gaps is clipped in the middle of the column gap.</li> - </ul> - </td> - </tr> - <tr id="multicol-block-clip-002-8.1" class="ahem"> - <td> - <a href="multicol-block-clip-002.htm">multicol-block-clip-002</a></td> - <td><a href="reference/multicol-block-clip-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>Overflowed content inside and outside multicol element - <ul class="assert"> - <li>This test checks that content in the normal flow that extends into column gaps is clipped in the middle of the column gap.</li> - </ul> - </td> - </tr> - <tr id="multicol-clip-001-8.1" class="ahem"> - <td> - <a href="multicol-clip-001.htm">multicol-clip-001</a></td> - <td><a href="reference/multicol-clip-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>overflowed content inside and outside multicol element - <ul class="assert"> - <li>This test checks that content in the normal flow can extend into column gap before it reaches its middle. In this test, the 'l' and 'c' glyphs are painted into the left half of the column gap; the 'l' and 'e' glyphs extend outside the last column box at the edge of the multi-column and are therefore rendered thanks to the default 'overflow: visible' declaration.</li> - </ul> - </td> - </tr> - <tr id="multicol-clip-002-8.1" class="ahem"> - <td> - <a href="multicol-clip-002.htm">multicol-clip-002</a></td> - <td><a href="reference/multicol-clip-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>overflowed content inside and outside multicol element - <ul class="assert"> - <li>This test checks that content in the normal flow can extend into column gap before it reaches its middle. In this test, the 'l' and 'c' glyphs are painted into the left half of the column gap; the 'l' and 'e' glyphs extend outside the last column box at the edges of the multi-column and are therefore hidden thanks to the 'overflow: hidden' declaration.</li> - </ul> - </td> - </tr> - <tr id="multicol-width-small-001-8.1" class="ahem"> - <td> - <a href="multicol-width-small-001.htm">multicol-width-small-001</a></td> - <td><a href="reference/multicol-width-small-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>narrow column-width - <ul class="assert"> - <li>This test checks that a set 'column-width' which is small with regards to width of multi-column element. In this test, in-flow content that extends into column gaps is clipped in the middle of the column gap.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s8.2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s8.2">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#pagination-and-overflow-outside-multicol">8.2 Pagination and overflow outside multicol elements</a></th></tr> - <!-- 4 tests --> - <tr id="multicol-fill-auto-block-children-002-8.2" class=""> - <td> - <a href="multicol-fill-auto-block-children-002.htm">multicol-fill-auto-block-children-002</a></td> - <td><a href="reference/multicol-fill-auto-block-children-002-ref.htm">=</a> </td> - <td></td> - <td>'column-fill: auto' and 'column-span: all' (complex) - <ul class="assert"> - <li>This test checks that if 'column-fill' is set to 'auto' and a multicolumn element content is solely made of block container boxes, then it should fill column boxes sequentially with such content and, in this test, it should overflow outside of it. This test relies on the idea that a 'column-span: all' element will occupy more space in a multi-column element than a 'column-span: none' element, therefore reducing available space for content in column boxes.</li> - </ul> - </td> - </tr> - <tr id="multicol-nested-margin-001-8.2" class="ahem"> - <td> - <a href="multicol-nested-margin-001.htm">multicol-nested-margin-001</a></td> - <td><a href="reference/multicol-nested-margin-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multicolumn and nested margins - <ul class="assert"> - <li>This test checks that non-zero vertical margins can be applied on a multi-column element while the vertical margins of its own block containers can be set to zero.</li> - </ul> - </td> - </tr> - <tr id="multicol-overflow-000-8.2" class="ahem"> - <td> - <a href="multicol-overflow-000.htm">multicol-overflow-000</a></td> - <td><a href="reference/multicol-overflow-000-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multi-column with set height causing overflow outside (basic) - <ul class="assert"> - <li>This test checks that column gap appears between two columns.</li> - </ul> - </td> - </tr> - <tr id="multicol-overflowing-001-8.2" class="ahem"> - <td> - <a href="multicol-overflowing-001.htm">multicol-overflowing-001</a></td> - <td><a href="reference/multicol-overflowing-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>multicolumn and overflowing constrained dimensions - <ul class="assert"> - <li>This test checks that the content of a multi-column element with a fixed height can overflow outside its fixed width according to the computed overflow value. In this test, the inline content of a multi-column element exceeds the available fixed height and fixed width for the multi-column element; therefore, it overflows outside of it and creates a 4th, 5th and 6th extra column boxes.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s8.2.#overflow-columns"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-9.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-9.htm deleted file mode 100644 index e6353006bc9..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-9.htm +++ /dev/null @@ -1,84 +0,0 @@ - - -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> -<html> - <head> - <title>Conformance - CSS Multi-column Layout Module Level 1 CR Test Suite</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> - - <body> - - <h1>CSS Multi-column Layout Module Level 1 CR Test Suite</h1> - <h2>Conformance (0 tests)</h2> - <table width="100%"> - <col id="test-column"> - <col id="refs-column"> - <col id="flags-column"> - <col id="info-column"> - <thead> - <tr> - <th>Test</th> - <th><abbr title="Rendering References">Refs</abbr></th> - <th>Flags</th> - <th>Info</th> - </tr> - </thead> - <tbody id="s9"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s9">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#conformance">9 Conformance</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s9.1">+</a> - <a href="https://www.w3.org/TR/css3-multicol/#cr-exit-criteria">9.1 CR exit criteria</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s.#abstract"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#acknowledgments"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#index"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#property-index"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#references"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#status-of-this-document"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#table-of-contents"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#w3c-working"> - <!-- 0 tests --> - </tbody> - <tbody id="snormative-references.#CSS21"> - <!-- 0 tests --> - </tbody> - <tbody id="snormative-references.#RFC2119"> - <!-- 0 tests --> - </tbody> - <tbody id="sreferences.#normative-references"> - <!-- 0 tests --> - </tbody> - <tbody id="sreferences.#other-references"> - <!-- 0 tests --> - </tbody> - <tbody id="stable-of-contents.#contents"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/grid-inline-multicol-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/grid-inline-multicol-001.htm deleted file mode 100644 index 06b369510c8..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/grid-inline-multicol-001.htm +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Grid Layout Test: 'column-*' properties from inline grid container does not apply to grid items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers" title="3.1 Establishing Grid Containers"> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="match" href="reference/ref-filled-green-100px-square.htm"> - <meta name="assert" content="This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to an inline grid container."> - <style type="text/css"> - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - .test-overlapping-green { - background-color: green; - width: 100px; - height: 50px; - } - - .inline-grid { - display: inline-grid; - column-width: 50px; - } - </style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - - <div class="inline-grid"> - <div class="test-overlapping-green"></div> - <div class="test-overlapping-green"></div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/grid-multicol-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/grid-multicol-001.htm deleted file mode 100644 index ecf52fc3c2e..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/grid-multicol-001.htm +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Grid Layout Test: 'column-*' properties from grid container does not apply to grid items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers" title="3.1 Establishing Grid Containers"> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="match" href="reference/ref-filled-green-100px-square.htm"> - <meta name="assert" content="This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to a grid container."> - <style type="text/css"> - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - .test-overlapping-green { - background-color: green; - width: 100px; - height: 50px; - } - - .grid { - display: grid; - column-width: 50px; - } - </style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - - <div class="grid"> - <div class="test-overlapping-green"></div> - <div class="test-overlapping-green"></div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-001.htm deleted file mode 100644 index e4ae434e9da..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-001.htm +++ /dev/null @@ -1,63 +0,0 @@ -<!DOCTYPE html> -<html><!-- Submitted from TestTWF Paris --><head> - <meta charset="utf-8"> - <title>CSS Test: Multi-column element via columns: [integer]</title> - <link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann"> - <link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/multicol-basic-ref.htm" rel="match"> - <meta content="ahem" name="flags"> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J Etemad"> - - <style type="text/css"> - .multicol-wrapper>*{ - font-family: Ahem; - } - - div.multicol-wrapper{ - border: thin solid black; - display: inline-block; - margin: 1em auto; - width: 360px; - } - - .multicol-basic-ref{ - background: yellow; - width: 360px; - columns: 3; - column-gap: 0; - column-rule: none; - } - - .multicol-basic-ref-item{ - background: #000; - } - - .item-1{ - background: purple; - color: purple; - } - - .item-2{ - background: orange; - color: orange; - } - - .item-3{ - background: blue; - color: blue; - } - </style> -</head> -<body> -<p>Test passes if there are three vertical stripes in the yellow box below: 1st purple, 2nd orange, 3rd blue.</p> -<div class="multicol-wrapper"> - <div class="multicol-basic-ref"> - <span class="multicol-basic-ref-item item-1">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</span> - <span class="multicol-basic-ref-item item-2">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</span> - <span class="multicol-basic-ref-item item-3">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</span> - </div> -</div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-002.htm deleted file mode 100644 index a5474c5f27d..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-002.htm +++ /dev/null @@ -1,63 +0,0 @@ -<!DOCTYPE html> -<html><!-- Submitted from TestTWF Paris --><head> - <meta charset="utf-8"> - <title>CSS Test: Multi-column element via column-count: [integer]</title> - <link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann"> - <link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/multicol-basic-ref.htm" rel="match"> - <meta content="ahem" name="flags"> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J Etemad"> - - <style type="text/css"> - .multicol-wrapper>*{ - font-family: Ahem; - } - - div.multicol-wrapper{ - border: thin solid black; - display: inline-block; - margin: 1em auto; - width: 360px; - } - - .multicol-basic-ref{ - background: yellow; - width: 360px; - column-count: 3; - column-gap: 0; - column-rule: none; - } - - .multicol-basic-ref-item{ - background: #000; - } - - .item-1{ - background: purple; - color: purple; - } - - .item-2{ - background: orange; - color: orange; - } - - .item-3{ - background: blue; - color: blue; - } - </style> -</head> -<body> -<p>Test passes if there are three vertical stripes in the yellow box below: 1st purple, 2nd orange, 3rd blue.</p> -<div class="multicol-wrapper"> - <div class="multicol-basic-ref"> - <span class="multicol-basic-ref-item item-1">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</span> - <span class="multicol-basic-ref-item item-2">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</span> - <span class="multicol-basic-ref-item item-3">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</span> - </div> -</div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-003.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-003.htm deleted file mode 100644 index bfb1795e1f3..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-003.htm +++ /dev/null @@ -1,63 +0,0 @@ -<!DOCTYPE html> -<html><!-- Submitted from TestTWF Paris --><head> - <meta charset="utf-8"> - <title>CSS Test: Multi-column element via columns: [width]</title> - <link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann"> - <link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/multicol-basic-ref.htm" rel="match"> - <meta content="ahem" name="flags"> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J Etemad"> - - <style type="text/css"> - .multicol-wrapper>*{ - font-family: Ahem; - } - - div.multicol-wrapper{ - border: thin solid black; - display: inline-block; - margin: 1em auto; - width: 360px; - } - - .multicol-basic-ref{ - background: yellow; - width: 360px; - columns: 120px; - column-gap: 0; - column-rule: none; - } - - .multicol-basic-ref-item{ - background: #000; - } - - .item-1{ - background: purple; - color: purple; - } - - .item-2{ - background: orange; - color: orange; - } - - .item-3{ - background: blue; - color: blue; - } - </style> -</head> -<body> -<p>Test passes if there are three vertical stripes in the yellow box below: 1st purple, 2nd orange, 3rd blue.</p> -<div class="multicol-wrapper"> - <div class="multicol-basic-ref"> - <span class="multicol-basic-ref-item item-1">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</span> - <span class="multicol-basic-ref-item item-2">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</span> - <span class="multicol-basic-ref-item item-3">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</span> - </div> -</div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-004.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-004.htm deleted file mode 100644 index 10e7227dfeb..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-004.htm +++ /dev/null @@ -1,63 +0,0 @@ -<!DOCTYPE html> -<html><!-- Submitted from TestTWF Paris --><head> - <meta charset="utf-8"> - <title>CSS Test: Multi-column element via column-width: [width]</title> - <link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann"> - <link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/multicol-basic-ref.htm" rel="match"> - <meta content="ahem" name="flags"> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J Etemad"> - - <style type="text/css"> - .multicol-wrapper>*{ - font-family: Ahem; - } - - div.multicol-wrapper{ - border: thin solid black; - display: inline-block; - margin: 1em auto; - width: 360px; - } - - .multicol-basic-ref{ - background: yellow; - width: 360px; - column-width: 120px; - column-gap: 0; - column-rule: none; - } - - .multicol-basic-ref-item{ - background: #000; - } - - .item-1{ - background: purple; - color: purple; - } - - .item-2{ - background: orange; - color: orange; - } - - .item-3{ - background: blue; - color: blue; - } - </style> -</head> -<body> -<p>Test passes if there are three vertical stripes in the yellow box below: 1st purple, 2nd orange, 3rd blue.</p> -<div class="multicol-wrapper"> - <div class="multicol-basic-ref"> - <span class="multicol-basic-ref-item item-1">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</span> - <span class="multicol-basic-ref-item item-2">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</span> - <span class="multicol-basic-ref-item item-3">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</span> - </div> -</div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-block-clip-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-block-clip-001.htm deleted file mode 100644 index 6cc0808593d..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-block-clip-001.htm +++ /dev/null @@ -1,49 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: Overflowed content inside multicol element</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-24 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#overflow-inside-multicol-elements" title="8.1. Overflow inside multicol elements"> - <link rel="match" href="reference/multicol-block-clip-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that content in the normal flow that extends into column gaps is clipped in the middle of the column gap."> - <style type="text/css"> - div - { - border: gray solid 1em; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 11em; - - column-count: 4; - column-gap: 1em; - } - - h4 - { - background: black; - color: black; - font: inherit; - margin: 0; - width: 11em; - } - - #first-column {color: blue;} - - #second-column {color: orange;} - - #third-column, #fourth-column {color: white;} - </style> - </head> - <body> - <div> - <span id="first-column"> ab cd ef gh </span> - <h4> 1234567890123 </h4> - <span id="second-column"> ij kl mn oq </span> - <span id="third-column"> ab cd ef gh </span> - <span id="fourth-column"> rs tu vw xy </span> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-block-clip-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-block-clip-002.htm deleted file mode 100644 index 82e344a4e5e..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-block-clip-002.htm +++ /dev/null @@ -1,51 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: Overflowed content inside and outside multicol element</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-24 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#overflow-inside-multicol-elements" title="8.1. Overflow inside multicol elements"> - <link rel="match" href="reference/multicol-block-clip-002-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that content in the normal flow that extends into column gaps is clipped in the middle of the column gap."> - <style type="text/css"> - div - { - border: gray solid 1em; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 11em; - - column-count: 3; - column-gap: 1em; - } - - h4 - { - background: black; - color: black; - font: inherit; - margin: 0; - width: 11em; - } - - #first-column {color: blue;} - - #second-column {color: orange;} - - #third-column {color: pink;} - - #fourth-column {color: yellow;} - </style> - </head> - <body> - <div> - <span id="first-column"> ab cd ef gh </span> - <h4> 1234567890123 </h4> - <span id="second-column"> ij kl mn oq </span> - <span id="third-column"> ab cd ef gh </span> - <span id="fourth-column"> rs tu vw xy </span> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-br-inside-avoidcolumn-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-br-inside-avoidcolumn-001.htm deleted file mode 100644 index 75e6101d500..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-br-inside-avoidcolumn-001.htm +++ /dev/null @@ -1,50 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicol | break-inside: avoid-column</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-breaks"> -<link rel="match" href="reference/multicol-br-inside-avoidcolumn-ref.htm"> -<meta name="flags" content=""> -<style type="text/css"> -html { - width: 800px; - background: white; -} -body { - background: black; - column-count: 3; - column-gap: 0; - column-fill: auto; - height: 300px; -} -h1 { - column-span: all; - color: white; -} -div { background: red; - height: 150px; - break-inside: avoid-column; -} -span { - float: left; -} -</style> -</head> -<body> -<h1>You should not see the word FAIL</h1> - -<div> - <span>FAIL</span> -</div> - -<div> - <span>FAIL</span> -</div> - -<div> - <span>FAIL</span> -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-break-000.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-break-000.htm deleted file mode 100644 index 24fd06140d8..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-break-000.htm +++ /dev/null @@ -1,54 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: break-after: column (basic)</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-25 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#break-before-break-after-break-inside" title="5.1. 'break-before', 'break-after', 'break-inside'"> - <link rel="match" href="reference/multicol-break-000-ref.htm"> - <meta name="flags" content="ahem image"> - <meta name="assert" content="This test checks that basic support of 'break-after: column'."> - <style type="text/css"> - div#test, div#reference - { - background-color: yellow; - margin-bottom: 0.5em; - font: 1.25em/1 Ahem; - height: 3em; - width: 10em; - } - - div#test - { - column-fill: auto; - column-gap: 0; - column-width: 2em; - - /* - - N == 5; - - W == 2em; - - */ - } - - div#test > div {break-after: column;} - - img {vertical-align: top;} - </style> - </head> - <body> - - <p>Test passes if the 2 horizontal bars are <strong>identical</strong>.</p> - - <div id="test"> - <div>A</div> - <div>B</div> - <div>C</div> - </div> - - <div id="reference"><img src="support/black20x20.png" alt="Image download support must be enabled"> <img src="support/black20x20.png" alt="Image download support must be enabled"> <img src="support/black20x20.png" alt="Image download support must be enabled"></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-break-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-break-001.htm deleted file mode 100644 index 023f1151714..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-break-001.htm +++ /dev/null @@ -1,53 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: break-before: column (basic)</title> - <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-09-14 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#break-before-break-after-break-inside" title="5.1. 'break-before', 'break-after', 'break-inside'"> - <link rel="match" href="reference/multicol-break-001-ref.htm"> - <meta name="flags" content="ahem image"> - <meta name="assert" content="This test checks that basic support of 'break-before: column'."> - <style type="text/css"> - div#test, div#reference - { - background-color: yellow; - margin-bottom: 0.5em; - font: 1.25em/1 Ahem; - height: 3em; - width: 10em; - } - - div#test - { - column-fill: auto; - column-gap: 0; - column-width: 2em; - - /* - - N == 5; - - W == 2em; - - */ - } - - div#test > div {break-before: column;} - - img {vertical-align: top;} - </style> - </head> - <body> - - <p>Test passes if the 2 horizontal bars are <strong>identical</strong>.</p> - - <div id="test"> - <div>A</div> - <div>B</div> - <div>C</div> - </div> - - <div id="reference"> <img src="support/black20x20.png" alt="Image download support must be enabled"> <img src="support/black20x20.png" alt="Image download support must be enabled"> <img src="support/black20x20.png" alt="Image download support must be enabled"></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-clip-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-clip-001.htm deleted file mode 100644 index ed0cc1eadf1..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-clip-001.htm +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: overflowed content inside and outside multicol element</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-24 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#overflow-inside-multicol-elements" title="8.1. Overflow inside multicol elements"> - <link rel="match" href="reference/multicol-clip-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that content in the normal flow can extend into column gap before it reaches its middle. In this test, the 'l' and 'c' glyphs are painted into the left half of the column gap; the 'l' and 'e' glyphs extend outside the last column box at the edge of the multi-column and are therefore rendered thanks to the default 'overflow: visible' declaration."> - <style type="text/css"> - div - { - background: white; - border: gray solid 1em; - color: blue; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 11em; - - column-count: 3; - column-gap: 4em; - } - - span {color: black;} - </style> - </head> - <body> - - <div> - <span> - bl ac - bl ac - </span> - - <span> - bl ac - </span> - bl ue - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-clip-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-clip-002.htm deleted file mode 100644 index fb0f26ac5e7..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-clip-002.htm +++ /dev/null @@ -1,45 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: overflowed content inside and outside multicol element</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-25 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#overflow-inside-multicol-elements" title="8.1. Overflow inside multicol elements"> - <link rel="match" href="reference/multicol-clip-002-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that content in the normal flow can extend into column gap before it reaches its middle. In this test, the 'l' and 'c' glyphs are painted into the left half of the column gap; the 'l' and 'e' glyphs extend outside the last column box at the edges of the multi-column and are therefore hidden thanks to the 'overflow: hidden' declaration."> - <style type="text/css"> - div - { - background: white; - border: gray solid 1em; - color: blue; - font: 1.25em/1 Ahem; - orphans: 1; - overflow: hidden; - widows: 1; - width: 11em; - - column-count: 3; - column-gap: 4em; - } - - span {color: black;} - </style> - </head> - <body> - - <div> - <span> - bl ac - bl ac - </span> - - <span> - bl ac - </span> - bl ue - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-collapsing-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-collapsing-001.htm deleted file mode 100644 index e810e4baf34..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-collapsing-001.htm +++ /dev/null @@ -1,50 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: no margin collapsing with its first child block box</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-25 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-multi-column-model" title="2. The multi-column model"> - <link rel="match" href="reference/multicol-collapsing-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that the top margin of the first child block box of a multicol element does not collapse with the margin top of such multicol element."> - <style type="text/css"> - body > div - { - background-color: black; - border: black solid 1px; - font: 1.25em/1 Ahem; - width: 10em; - } - - div > div - { - background-color: yellow; - color: black; - margin: 1em; - width: 8em; - orphans: 1; - widows: 1; - - column-count: 3; - column-gap: 1em; - } - - h4 - { - font: inherit; - margin: 1em 0 0; - } - </style> - </head> - <body> - <div> - <div> - <h4>ab cd</h4> - ef gh - ij kl - mn oq - </div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-001.htm deleted file mode 100644 index ba180e171a5..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-001.htm +++ /dev/null @@ -1,42 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: columns shorthand (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-25 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="match" href="reference/multicol-columns-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that 'columns: 100px 6' shorthand correctly set 'column-width' and 'column-count' properties."> - <style type="text/css"> - body {width: 600px;} - - div - { - background-color: yellow; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - - columns: 100px 6; - column-gap: 0; - } - </style> - </head> - <body> - <div> - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-002.htm deleted file mode 100644 index 059b70adfe1..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-002.htm +++ /dev/null @@ -1,42 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: columns shorthand (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-25 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="match" href="reference/multicol-columns-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that 'columns: 6 100px' shorthand correctly set 'column-width' and 'column-count' properties."> - <style type="text/css"> - body {width: 600px;} - - div - { - background-color: yellow; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - - columns: 6 100px; - column-gap: 0; - } - </style> - </head> - <body> - <div> - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-003.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-003.htm deleted file mode 100644 index 2d70ecca5e8..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-003.htm +++ /dev/null @@ -1,42 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: columns shorthand (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-25 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="match" href="reference/multicol-columns-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that 'columns: 100px auto' shorthand correctly set 'column-width' and 'column-count' properties."> - <style type="text/css"> - body {width: 600px;} - - div - { - background-color: yellow; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - - columns: 100px auto; - column-gap: 0; - } - </style> - </head> - <body> - <div> - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-004.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-004.htm deleted file mode 100644 index 330200f3793..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-004.htm +++ /dev/null @@ -1,42 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: columns shorthand (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-25 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="match" href="reference/multicol-columns-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that 'columns: auto 100px' shorthand correctly set 'column-width' and 'column-count' properties."> - <style type="text/css"> - body {width: 600px;} - - div - { - background-color: yellow; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - - columns: auto 100px; - column-gap: 0; - } - </style> - </head> - <body> - <div> - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-005.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-005.htm deleted file mode 100644 index 9e05fdea718..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-005.htm +++ /dev/null @@ -1,42 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: columns shorthand (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-25 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="match" href="reference/multicol-columns-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that 'columns: 6' shorthand correctly set 'column-width' and 'column-count' properties. 'columns: 6' is equivalent to 'column-width: auto' and 'column-count: 6'."> - <style type="text/css"> - body {width: 600px;} - - div - { - background-color: yellow; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - - columns: 6; - column-gap: 0; - } - </style> - </head> - <body> - <div> - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-006.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-006.htm deleted file mode 100644 index 7ec8eabd5c6..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-006.htm +++ /dev/null @@ -1,42 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: columns shorthand (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-25 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="match" href="reference/multicol-columns-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that 'columns: 6 auto' shorthand correctly set 'column-width' and 'column-count' properties."> - <style type="text/css"> - body {width: 600px;} - - div - { - background-color: yellow; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - - columns: 6 auto; - column-gap: 0; - } - </style> - </head> - <body> - <div> - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-007.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-007.htm deleted file mode 100644 index f186b476eed..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-007.htm +++ /dev/null @@ -1,42 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: columns shorthand (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-25 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="match" href="reference/multicol-columns-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that 'columns: auto 6' shorthand correctly set 'column-width' and 'column-count' properties."> - <style type="text/css"> - body {width: 600px;} - - div - { - background-color: yellow; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - - columns: auto 6; - column-gap: 0; - } - </style> - </head> - <body> - <div> - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-invalid-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-invalid-001.htm deleted file mode 100644 index 0ade4a61dbe..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-invalid-001.htm +++ /dev/null @@ -1,42 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: invalid columns shorthand</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-26 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="match" href="reference/multicol-columns-invalid-001-ref.htm"> - <meta name="flags" content="ahem invalid"> - <meta name="assert" content="This test checks that 'columns: 8 normal' is invalid (generating a parsing error) and therefore will be ignored."> - <style type="text/css"> - div - { - background-color: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 12em; - - column-count: 4; - column-gap: 0; - columns: 8 normal; - } - - span {color: blue;} - </style> - </head> - <body> - <div> - bl ac - <span> - bl ue - </span> - <span> - bl ue - </span> - bl ac - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-invalid-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-invalid-002.htm deleted file mode 100644 index 8bf4fe6d4ec..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-invalid-002.htm +++ /dev/null @@ -1,50 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - - <!-- - Original, initial filename of this test was - multicol-columns-toolong-002.xht - and it should be filename-renamed - multicol-columns-invalid-002.xht - --> - - <title>CSS Multi-column Layout Test: invalid columns shorthand</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-26 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="match" href="reference/multicol-columns-invalid-001-ref.htm"> - <meta name="flags" content="ahem invalid"> - <meta name="assert" content="This test checks that 'columns: 8 auto 6em' is invalid (generating a parsing error) and therefore will be ignored."> - <style type="text/css"> - div - { - background-color: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 12em; - - column-count: 4; - column-gap: 0; - columns: 8 auto 6em; - } - - span {color: blue;} - </style> - </head> - <body> - <div> - bl ac - <span> - bl ue - </span> - <span> - bl ue - </span> - bl ac - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-toolong-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-toolong-001.htm deleted file mode 100644 index 232a2a959e0..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-columns-toolong-001.htm +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: narrower inline content inside wider colum box</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-26 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="match" href="reference/multicol-columns-invalid-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks the rendering of inline content (2em) inside wider (3em) column boxes."> - <style type="text/css"> - div - { - background-color: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 12em; - - column-count: 4; - column-gap: 0; - } - - span {color: blue;} - </style> - </head> - <body> - <div> - bl ac - <span> - bl ue - </span> - <span> - bl ue - </span> - bl ac - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-containing-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-containing-001.htm deleted file mode 100644 index 4d12e0f39a1..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-containing-001.htm +++ /dev/null @@ -1,49 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: a column box can not act as containing block for elements with 'position: absolute'</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-27 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-multi-column-model" title="2. The multi-column model"> - <link rel="match" href="reference/multicol-containing-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that a column box does not establish containing block for elements with 'position: absolute'."> - <style type="text/css"> - div - { - background-color: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 12em; - - column-count: 3; - column-gap: 0; - } - - span - { - color: red; - position: absolute; - top: -1em; - } - - /* - In this test, the initial containing block establishes containing block - for such red span. Therefore, the 2 short red stripes should be - positioned out of view, just outside the top edge of viewport. - */ - - </style> - </head> - <body> - <div> - bl ac - <span>re dd</span> - bl ac - bl ac - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-containing-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-containing-002.htm deleted file mode 100644 index 469c043f34f..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-containing-002.htm +++ /dev/null @@ -1,38 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: a multi-column can act as containing block for elements with 'position: absolute'</title> - <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-multi-column-model" title="2. The multi-column model"> - <link rel="match" href="reference/multicol-containing-002-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that a multi-column element can establish containing block for elements with 'position: absolute'."> - <style type="text/css"> - div - { - background-color: white; - color: green; - font: 1.25em/1 Ahem; - position: relative; - width: 19em; - - column-count: 4; - column-gap: 1em; - } - - span {color: red;} - - img#white-overlapping - { - left: 11em; - position: absolute; - top: 1em; - } - </style> - </head> - <body> - - <div>4444 1 1 1 1 4444 1 1 1 4444 1 1 1 1 4444 1 1 1 1 1 1 4444 1<span>RED</span> 1<span>RED</span> 4444 1 1 4444 4444 1 1 4444 1 1 4444 <img id="white-overlapping" src="support/swatch-white.png" width="60" height="40" alt="Image download support must be enabled"></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-001.htm deleted file mode 100644 index b54ea2633d5..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-001.htm +++ /dev/null @@ -1,42 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-count (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-27 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#cc" title="3.2 'column-count'"> - <link rel="match" href="reference/multicol-columns-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that setting 'column-count' should accordingly create 6 column boxes. In this test, each column box should be exactly 100px wide."> - <style type="text/css"> - body {width: 600px;} - - div - { - background-color: yellow; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - - column-count: 6; - column-gap: 0; - } - </style> - </head> - <body> - <div> - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-002.htm deleted file mode 100644 index b1ff0e63cda..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-002.htm +++ /dev/null @@ -1,36 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-count (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-27 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#cc" title="3.2 'column-count'"> - <link rel="match" href="reference/multicol-count-002-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that setting 'column-count' should accordingly create 4 column boxes. In this test, each column box should be exactly 5em wide."> - <style type="text/css"> - html {background-color: white;} - - body - { - background-color: black; - font: 1.25em/1 Ahem; - padding-right: 1em; - width: 20em; - } - - div - { - background-color: yellow; - color: black; - - column-count: 4; - column-gap: 0; - } - </style> - </head> - <body> - <div>55555 1 1 22 1 22 1 1 333 1 333 1 333 55555 55555 1 1 22 1 22 1 1 22 1 22 1 22 55555 55555 1 1 333 1 333 1 4444 4444 1 55555 55555 1 1 333 1 333 1 4444 4444 1 55555 - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-computed-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-computed-001.htm deleted file mode 100644 index ff18a39fa10..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-computed-001.htm +++ /dev/null @@ -1,49 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-rule</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns"> -<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gaps-and-rules"> -<link rel="match" href="reference/multicol-count-computed-ref.htm"> -<meta name="flags" content="ahem"> -<style type="text/css"> -body { - margin: 0; -} -div { - font-family: ahem; - font-size: 1em; - line-height: 1em; - color: black; - background: yellow; - margin: 1em; - border: 1em solid gray; - width: 12em; - widows: 1; - orphans: 1; - - column-count: 3; - column-gap: 6em; - column-rule-color: blue; - column-rule-width: 1.5em; - column-rule-style: solid; -} -#pink {color: pink;} -#orange {color: orange;} -#purple {color: purple;} -#grey {color: grey;} -</style> -</head> - -<body> - -<div> - <span id="pink">xxxx</span> - <span id="orange">xxxx</span> - <span id="purple">xxxx</span> - <span id="grey">xxxx</span> -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-computed-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-computed-002.htm deleted file mode 100644 index 6ea8058d7c3..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-computed-002.htm +++ /dev/null @@ -1,49 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-rule</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns"> -<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gaps-and-rules"> -<link rel="match" href="reference/multicol-count-computed-2-ref.htm"> -<meta name="flags" content="ahem"> -<style type="text/css"> -body { - margin: 0; -} -div { - font-family: ahem; - font-size: 1em; - line-height: 1em; - color: black; - background: yellow; - margin: 1em; - border: 1em solid gray; - width: 12em; - widows: 1; - orphans: 1; - - column-count: 3; - column-gap: 7em; - column-rule-color: red; - column-rule-width: 1.5em; - column-rule-style: solid; -} -#pink {color: pink;} -#orange {color: orange;} -#purple {color: purple;} -#grey {color: grey;} -</style> -</head> - -<body> - -<div> - <span id="pink">xxxx</span> - <span id="orange">xxxx</span> - <span id="purple">xxxx</span> - <span id="grey">xxxx</span> -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-computed-003.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-computed-003.htm deleted file mode 100644 index 531d339b77b..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-computed-003.htm +++ /dev/null @@ -1,87 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-rule and overflow inside (complex test)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-29 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="match" href="reference/multicol-count-computed-003-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that if one of 2 adjacent column boxes (2nd and 3rd colum box in this test) does not have any content, then the column rule separating those should not be drawn. In this test, the 3rd colum box should have no inline content. This test also checks that inline content in the normal flow that extends into a column gap should be clipped in the middle of the column gap. So, in this test, inline content in 1st column box should be partially clipped and overlapped partially by 1st column-rule."> - <style type="text/css"> - div - { - background: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 13em; - - column-count: 3; - column-gap: 5em; - column-rule-color: blue; - column-rule-style: solid; - column-rule-width: 1.5em; - } - - /* - (11) if (column-width = auto) and (column-count != auto) then - (12) N := column-count; - (13) W := max(0, (available-width - ((N - 1) * column-gap)) / N); - (14) exit; - - So, the used column-count in this test is 3. - - W := max(0, (available-width - ((N - 1) * column-gap)) / N); - W == max(0, (13em - ((3 - 1) * 5em)) / 3); - W == max(0, (13em - (2 * 5em)) / 3); - W == max(0, (13em - (10em)) / 3); - W == max(0, (3em) / 3); - W == max(0, 1em); - W == 1em; - - So, the used column-width in this test is 1em. - */ - - #pink {color: pink;} - #orange {color: orange;} - #purple {color: purple;} - #gray {color: gray;} - - /* - Since - " - Content in the normal flow that extends into - column gaps (e.g., long words or images) is - clipped in the middle of the column gap. - " - http://www.w3.org/TR/css3-multicol/#overflow-inside-multicol-elements - this causes the right-half (0.5em) of the 'K' glyph to - be overlapped by the right-half (0.75em) of the 1st blue column-rule. - Same thing should happen to the 'N' glyph of 'ORAN'. - - Because no inline content should be rendered into the - 3rd column box, this causes the 2nd column rule not - been rendered because - " - Column rules are only drawn between two columns that - both have content. - " - http://www.w3.org/TR/css3-multicol/#column-gaps-and-rules - */ - </style> - </head> - - <body> - - <div> - <span id="pink">PINK</span> - <span id="orange">ORAN</span> - <span id="purple">PURP</span> - <span id="gray">GRAY</span> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-computed-004.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-computed-004.htm deleted file mode 100644 index 11569d45ad9..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-computed-004.htm +++ /dev/null @@ -1,46 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: both 'column-width' and 'column-count' are 'auto'</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-29 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#pseudo-algorithm" title="3.4 Pseudo-algorithm"> - <link rel="match" href="reference/multicol-count-computed-004-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that if 'column-width' is 'auto' and if 'column-count' is 'auto', then such element will not behave like a multi-column element and column-gap and column-rule declarations will be ignored."> - <style type="text/css"> - div - { - background: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 12em; - - column-count: auto; - column-gap: 7em; - column-rule-color: red; - column-rule-width: 1.5em; - column-rule-style: solid; - } - - #pink {color: pink;} - #orange {color: orange;} - #purple {color: purple;} - #gray {color: gray;} - </style> - </head> - - <body> - - <div> - <span id="pink">Pink</span> - <span id="orange">oran</span> - <span id="purple">PurP</span> - <span id="gray">gray</span> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-computed-005.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-computed-005.htm deleted file mode 100644 index f3b9dcd5eff..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-computed-005.htm +++ /dev/null @@ -1,91 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-rule and overflow inside (complex test)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-03 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="match" href="reference/multicol-count-computed-003-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that if one of 2 adjacent column boxes (2nd and 3rd colum box in this test) does not have any content, then the column rule separating those should not be drawn. In this test, the 3rd colum box should have no inline content. This test also checks that inline content in the normal flow that extends into a column gap should be clipped in the middle of the column gap. So, in this test, inline content in 1st column box should be partially clipped and overlapped partially by 1st column-rule."> - <style type="text/css"> - div - { - background: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 13em; - - column-gap: 5em; - column-rule-color: blue; - column-rule-style: solid; - column-rule-width: 1.5em; - column-width: 1em; - } - - /* - (15) if (column-width != auto) and (column-count = auto) then - (16) N := max(1, floor((available-width + column-gap) / (column-width + column-gap))); - (17) W := ((available-width + column-gap) / N) - column-gap; - (18) exit; - - N := max(1, floor((available-width + column-gap) / (column-width + column-gap))); - N == max(1, floor((13em + 5em) / (1em + 5em))); - N == max(1, floor(18em / 6em)); - N == max(1, floor(3)); - N == 3; - - So, the used column-count in this test is 3. - - W := ((available-width + column-gap) / N) - column-gap; - W == ((13em + 5em) / 3) - 5em; - W == ((18em) / 3) - 5em; - W == (6em) - 5em; - W == 1em; - - So, the used column-width in this test is 1em. - */ - - #pink {color: pink;} - #orange {color: orange;} - #purple {color: purple;} - #gray {color: gray;} - - /* - Since - " - Content in the normal flow that extends into - column gaps (e.g., long words or images) is - clipped in the middle of the column gap. - " - http://www.w3.org/TR/css3-multicol/#overflow-inside-multicol-elements - this causes the right-half (0.5em) of the 'K' glyph to - be overlapped by the right-half (0.75em) of the 1st blue column-rule. - Same thing should happen to the 'N' glyph of 'ORAN'. - - Because no inline content should be rendered into the - 3rd column box, this causes the 2nd column rule not - been rendered because - " - Column rules are only drawn between two columns that - both have content. - " - http://www.w3.org/TR/css3-multicol/#column-gaps-and-rules - */ - </style> - </head> - - <body> - - <div> - <span id="pink">PINK</span> - <span id="orange">ORAN</span> - <span id="purple">PURP</span> - <span id="gray">GRAY</span> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-large-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-large-001.htm deleted file mode 100644 index c5bd61f906b..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-large-001.htm +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-count</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns"> -<link rel="match" href="reference/multicol-count-large-ref.htm"> -<meta name="flags" content="ahem"> -<style type="text/css"> -body>div { - font-family: ahem; - font-size: 1em; - line-height: 1em; - color: red; - background: yellow; - margin: 1em; - border: 1em solid gray; - width: 12em; - orphans: 1; - widows: 1; - - column-count: 1000; - column-gap: 0; -} -span { - color: black; -} -</style> -</head> - -<body> - -<div> - xx xx - xx xx - xx xx - <span>xx xx</span> -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-large-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-large-002.htm deleted file mode 100644 index 51cb2751f50..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-large-002.htm +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-count</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns"> -<link rel="match" href="reference/multicol-count-large-2-ref.htm"> -<meta name="flags" content="ahem"> -<style type="text/css"> -body>div { - font-family: ahem; - font-size: 1em; - line-height: 1em; - color: black; - background: yellow; - margin: 1em; - border: 1em solid gray; - width: 12em; - orphans: 1; - widows: 1; - - column-count: 1000; - column-gap: 0; -} -span { - color: blue; -} -</style> -</head> - -<body> - -<div> - xx xx - <span>xx xx</span> - xx xx - <span>xx xx</span> -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-negative-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-negative-001.htm deleted file mode 100644 index aa0d92760f5..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-negative-001.htm +++ /dev/null @@ -1,45 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: negative 'column-count' value</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-30 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="match" href="reference/multicol-columns-invalid-001-ref.htm"> - <meta name="flags" content="ahem invalid"> - <meta name="assert" content="This test checks that a specified negative 'column-count' value is invalid and ignored."> - <style type="text/css"> - div - { - background: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 12em; - - column-count: 4; - column-count: -1; - column-gap: 0; - } - - span {color: blue;} - </style> - </head> - - <body> - - <div> - bl ac - <span> - bl ue - </span> - <span> - bl ue - </span> - bl ac - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-negative-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-negative-002.htm deleted file mode 100644 index 9545fc72060..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-negative-002.htm +++ /dev/null @@ -1,45 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: zero 'column-count' value</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-30 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="match" href="reference/multicol-columns-invalid-001-ref.htm"> - <meta name="flags" content="ahem invalid"> - <meta name="assert" content="This test checks that a specified 0 'column-count' value is invalid and ignored."> - <style type="text/css"> - div - { - background: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 12em; - - column-count: 4; - column-count: 0; /* invalid; must be a greater-than-zero integer */ - column-gap: 0; - } - - span {color: blue;} - </style> - </head> - - <body> - - <div> - bl ac - <span> - bl ue - </span> - <span> - bl ue - </span> - bl ac - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-non-integer-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-non-integer-001.htm deleted file mode 100644 index dc420869df0..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-non-integer-001.htm +++ /dev/null @@ -1,45 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: non-integer 'column-count' value</title> - <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="help" href="http://www.w3.org/TR/css3-values/#integers" title="4.1. Integers: the '<integer>' type"> - <link rel="match" href="reference/multicol-columns-invalid-001-ref.htm"> - <meta name="flags" content="ahem invalid"> - <meta name="assert" content="This test checks that a specified real 'column-count' value is invalid and ignored."> - <style type="text/css"> - div - { - background: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 12em; - - column-count: 4; - column-count: 2.1; /* invalid; must be an integer */ - column-gap: 0; - } - - span {color: blue;} - </style> - </head> - - <body> - - <div> - bl ac - <span> - bl ue - </span> - <span> - bl ue - </span> - bl ac - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-non-integer-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-non-integer-002.htm deleted file mode 100644 index 07ba712da9c..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-non-integer-002.htm +++ /dev/null @@ -1,45 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: non-integer 'column-count' value</title> - <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="help" href="http://www.w3.org/TR/css3-values/#integers" title="4.1. Integers: the '<integer>' type"> - <link rel="match" href="reference/multicol-columns-invalid-001-ref.htm"> - <meta name="flags" content="ahem invalid"> - <meta name="assert" content="This test checks that a specified real 'column-count' value is invalid and ignored."> - <style type="text/css"> - div - { - background: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 12em; - - column-count: 4; - column-count: 1.9; /* invalid; must be an integer */ - column-gap: 0; - } - - span {color: blue;} - </style> - </head> - - <body> - - <div> - bl ac - <span> - bl ue - </span> - <span> - bl ue - </span> - bl ac - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-non-integer-003.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-non-integer-003.htm deleted file mode 100644 index 1047b5c5b74..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-non-integer-003.htm +++ /dev/null @@ -1,45 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: non-integer 'column-count' value</title> - <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="help" href="http://www.w3.org/TR/css3-values/#integers" title="4.1. Integers: the '<integer>' type"> - <link rel="match" href="reference/multicol-columns-invalid-001-ref.htm"> - <meta name="flags" content="ahem invalid"> - <meta name="assert" content="This test checks that a specified real 'column-count' value is invalid and ignored."> - <style type="text/css"> - div - { - background: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 12em; - - column-count: 4; - column-count: 2.0; /* invalid; must be an integer */ - column-gap: 0; - } - - span {color: blue;} - </style> - </head> - - <body> - - <div> - bl ac - <span> - bl ue - </span> - <span> - bl ue - </span> - bl ac - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-000.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-000.htm deleted file mode 100644 index 020003189a3..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-000.htm +++ /dev/null @@ -1,71 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-fill: balance (basic)</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-25 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#cf" title="7.1 'column-fill'"> - <link rel="match" href="reference/multicol-fill-000-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that content is balanced into all columns thanks to 'column-fill: balance'."> - <style type="text/css"> - div.test, table#reference - { - background-color: yellow; - color: lime; - margin: 1em 0em; - font: 1.25em/1 Ahem; - width: 18em; - } - - div.test - { - columns: 3; - column-fill: balance; - column-gap: 0em; - - /* - - N == 3; - - W == 6em; - - */ - - orphans: 1; - widows: 1; - } - - div.test > p {margin: 0em;} - - table - { - border-spacing: 0em; - table-layout: fixed; - } - - td {padding: 0em;} - </style> - </head> - <body> - - <p>Test passes if the 3 horizontal bars are <strong>identical</strong>.</p> - - <div class="test"> - <p>A</p> - <p>B</p> - <p>C</p> - </div> - - <div class="test">D<br>E<br>F</div> - - <table id="reference"> - <tr> - <td>G</td> - <td>H</td> - <td>I</td> - </tr> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-001.htm deleted file mode 100644 index 12f996ecddc..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-001.htm +++ /dev/null @@ -1,64 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-fill: balance with set height (basic)</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-25 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#cf" title="7.1 'column-fill'"> - <link rel="match" href="reference/multicol-fill-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that content is balanced into all columns of a multi-column element with a set height thanks to 'column-fill: balance'."> - <style type="text/css"> - div#test, table#reference - { - background-color: yellow; - color: lime; - font: 1.25em/1 Ahem; - height: 5em; - margin: 1em 0em; - width: 20em; - } - - div#test - { - columns: 2; - column-fill: balance; - column-gap: 0em; - - /* - - N == 2; - - W == 10em; - - */ - } - - table - { - border-spacing: 0em; - table-layout: fixed; - } - - td - { - padding: 0em; - vertical-align: top; - } - </style> - </head> - <body> - - <p>Test passes if the 2 rectangles are <strong>identical</strong>.</p> - - <div id="test">A<br>B<br>C<br>D<br>E<br>F</div> - - <table id="reference"> - <tr> - <td>G<br>H<br>I</td> - <td>J<br>K<br>L</td> - </tr> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-auto-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-auto-001.htm deleted file mode 100644 index 209b2861361..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-auto-001.htm +++ /dev/null @@ -1,33 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: 'column-fill: auto' (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-30 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#cf" title="7.1 'column-fill'"> - <link rel="match" href="reference/multicol-fill-auto-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that 'column-fill: auto' fills the column boxes of a multi-colum element sequentially with inline content and does not bother about balancing content of column boxes."> - <style type="text/css"> - div - { - color: black; - font: 1.25em/1 Ahem; - height: 10em; - orphans: 1; - widows: 1; - width: 32em; - - column-count: 3; - column-fill: auto; - column-gap: 1em; - } - </style> - </head> - - <body> - - <div>1 22 333 4444 55555 666666 7777777 999999999 1 22 333 4444 55555 666666 7777777 999999999 1 22 333 4444 55555 666666 7777777 999999999</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-auto-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-auto-002.htm deleted file mode 100644 index 6aae1fb8ef4..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-auto-002.htm +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-fill-auto</title> -<meta name="assert" content="This test checks that columns are not balanced when 'column-fill: auto' is set"> -<link rel="author" title="howcome@opera.com" href="http://www.opera.com/"> -<link rel="help" href="http://www.w3.org/TR/css3-multicol/#filling-columns"> -<link rel="match" href="reference/multicol-fill-auto-002-ref.htm"> -<meta name="flags" content="ahem"> -<style type="text/css"> -body>div { - font-family: ahem; - font-size: 1.25em; - line-height: 1em; - color: green; - height: 3em; - width: 2em; - orphans: 1; - widows: 1; - position: relative; - margin: 1em; -} -div.col { - column-count: 2; - column-fill: auto; - column-gap: 0; -} -div.red { - background: red; position: absolute; z-index: -1; -} -</style> -</head> - -<body> - -<div class="col"> -<div class="red" style="top: 0; left: 0; height: 3em; width: 1em;"></div> -<div class="red" style="top: 0; left: 0; height: 1em; width: 2em;"></div> -o<br>t<br> -o<br>t<br> -</div> - -<div class="ref"> -oo<br>t<br>o -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-auto-003.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-auto-003.htm deleted file mode 100644 index a572f0209ce..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-auto-003.htm +++ /dev/null @@ -1,59 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: 'column-fill: auto' (basic)</title> - <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-01 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#cf" title="7.1 'column-fill'"> - <link rel="match" href="reference/multicol-fill-auto-003-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks if inline content fills column boxes sequentially when 'column-fill' is set to 'auto'."> - <style type="text/css"> - div - { - background-image: url("support/red20x20.png"); - background-repeat: no-repeat; - background-position: 2em 4em; - border: green solid 1em; - color: green; - font: 1.25em/1 Ahem; - height: 6em; - width: 21em; - - column-count: 2; - column-fill: auto; - column-gap: 1em; - column-rule: yellow solid 1em; - } - </style> - </head> - - <body> - - <p>Test passes if there is <strong>no red</strong>.</p> - - <div>1234567890 12 4567 90 123 56 890 123 56789 1 34567 90 12 4567 90 -123 56 890 123 56</div> - - <!-- - - Expected result: - - ************ ************ - |1234567890| |123 56 890| - |12 4567 90| |123 56 | - |123 56 890| | | - |123 56789 | | | - |1 34567 90| | | - |12 4567 90| | | - ************ ************ - - The digits are the green squares, the white squares - are the blank white spaces. The yellow vertical stripe - represent both the column-gap and the column-rule. - The "3" glyph at line 5 of 1st column box should be - overlapping the red square. - - --> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-auto-block-children-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-auto-block-children-001.htm deleted file mode 100644 index c4232de9ec4..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-auto-block-children-001.htm +++ /dev/null @@ -1,93 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicol | column-span: all | column-fill: auto</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<link rel="help" href="http://www.w3.org/TR/css3-multicol/#filling-columns"> -<link rel="match" href="reference/multicol-fill-auto-block-children-ref.htm"> -<meta name="flags" content=""> -<style type="text/css"> -html { - background: white; -} -body { - background: blue; - width: 1200px; - height: 492px; - column-count: 3; - column-gap: 2em; - column-fill: auto; -} -h1 { - column-span: all; - font-size: 2em; - height: 70px; -} -dl { - font-size: 70%; - color: blue; - padding: 5px 10px 3px; - margin: 0 0 15px; - border: 2px solid blue; - height: 72px; -} -dt { - font-weight: bold; - font-style: normal; - width: 47%; - height: 100%; - float: left; -} -dd { - line-height: 120%; - padding: 0; - margin: 0 0 5px 47%; - width: 50%; -} -</style> -</head> - -<body> -<h1>you should not see the word fail</h1> - -<dl> - <dt>block1</dt> - <dd>block1 block1</dd> - <dd>block1 block1</dd> - <dd>block1 block1 block1</dd> - <dd>damer block1 block1</dd> -</dl> - -<dl> - <dt>block2</dt> - <dd>block2 block2</dd> - <dd>block2 block2</dd> - <dd>block2 block2 block2</dd> - <dd>damer block2 block2</dd> -</dl> - -<dl> - <dt>block3</dt> - <dd>block3 block3</dd> - <dd>block3 block3</dd> - <dd>block3 block3 block3</dd> - <dd>damer block3 block3</dd> -</dl> - -<dl> - <dt>block4</dt> - <dd>block4 block4</dd> - <dd>block4 block4</dd> - <dd>block4 block4 block4</dd> - <dd>damer block4 block4</dd> -</dl> - -<dl> - <dt>fail</dt> - <dd>fail fail</dd> - <dd>fail fail</dd> - <dd>fail fail fail</dd> - <dd>fail fail fail</dd> -</dl> -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-auto-block-children-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-auto-block-children-002.htm deleted file mode 100644 index 69f9a7f6b3e..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-auto-block-children-002.htm +++ /dev/null @@ -1,99 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: 'column-fill: auto' and 'column-span: all' (complex)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-16 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-span" title="6.1. 'column-span'"> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#pagination-and-overflow-outside-multicol" title="8.2. Pagination and overflow outside multicol elements"> - <link rel="match" href="reference/multicol-fill-auto-block-children-002-ref.htm"> - - <meta name="flags" content=""> - <meta name="assert" content="This test checks that if 'column-fill' is set to 'auto' and a multicolumn element content is solely made of block container boxes, then it should fill column boxes sequentially with such content and, in this test, it should overflow outside of it. This test relies on the idea that a 'column-span: all' element will occupy more space in a multi-column element than a 'column-span: none' element, therefore reducing available space for content in column boxes."> - <style type="text/css"> - html {background-color: white;} - - body - { - background-color: blue; - height: 200px; - margin: 8px; - width: 680px; - - column-count: 3; - column-fill: auto; - column-gap: 10px; - - /* - So, each column box should be - [680px minus (2 mult 10px)] divided by 3 == 220px wide - */ - } - - h1 - { - color: white; - column-span: all; - font-size: 2em; - line-height: 1.25; /* or 1.21875 to achieve a 39px tall line box */ - margin: 21px 0em; - /* - 21px : margin-top of h1 element which must not collapse with body's margin-top - 80px : content height: 2 line boxes required to render the "Test passes if ..." sentence - 21px : margin-bottom of h1 element - ==================================== - 122px : margin box height of h1 element - */ - } - - h2 - { - color: blue; - font-size: 1.5em; - line-height: 1; - margin: 0 0 2.25em; - /* - 0px : margin-top of h2 element - 24px : content height: 1 line box required to render all the nbsp; and PASS! word - 54px : margin-bottom of h2 element - ==================================== - 78px : margin box height of h2 element - */ - } - </style> - </head> - - <body> - - <h1>Test passes if "PASS!" is<br>on the right ↘</h1> - - <h2> </h2> - - <h2> </h2> - - <h2> </h2> - - <h2>PASS!</h2> - - <!-- - - Expected result: - - 8px 688px - v v - ************************************************ - * * - * <h1>Test passes if the word "PASS!" is<br />* 1st line box - * on the right ↘</h1> * 2nd line box - * * - ************************************************ - * * - * <h2>nbsp;<h2> <h2>nbsp;<h2> <h2>nbsp;<h2> * <h2>PASS!</h2> - * * - ************************************************ - ^ ^ - 228px 458px - --> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-auto.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-auto.htm deleted file mode 100644 index 5296e48fe1a..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-auto.htm +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-fill-auto</title> -<meta name="assert" content="This test checks that columns are properly balanced when 'column-fill: auto' is set"> -<link rel="author" title="howcome@opera.com" href="http://www.opera.com/"> -<link rel="help" href="http://www.w3.org/TR/css3-multicol/#filling-columns"> -<link rel="match" href="reference/multicol-fill-ref.htm"> -<meta name="flags" content="ahem"> -<style type="text/css"> -body>div { - font-family: ahem; - font-size: 1.25em; - line-height: 1em; - color: green; - height: 3em; - width: 2em; - orphans: 1; - widows: 1; - position: relative; - margin: 1em; -} -div.col { - column-count: 2; - column-fill: auto; - column-gap: 0; -} -div.red { - background: red; position: absolute; z-index: -1; -} -</style> -</head> - -<body> - -<div class="col"> -<div class="red" style="top: 0; left: 0; height: 3em; width: 1em;"></div> -<div class="red" style="top: 0; left: 0; height: 1em; width: 2em;"></div> -o<br>t<br> -o<br>t<br> -</div> - -<div class="ref"> -oo<br>t<br>o -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-balance-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-balance-001.htm deleted file mode 100644 index 03c824d63c1..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-fill-balance-001.htm +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-fill</title> -<meta name="assert" content="This test checks that columns are properly balanced when 'column-fill: balance' is set"> -<link rel="author" title="howcome@opera.com" href="http://www.opera.com/"> -<link rel="help" href="http://www.w3.org/TR/css3-multicol/#filling-columns"> -<link rel="match" href="reference/multicol-fill-balance-001-ref.htm"> -<meta name="flags" content="ahem"> -<style type="text/css"> -body>div { - font-family: ahem; - font-size: 1.25em; - line-height: 1em; - color: green; - height: 3em; - width: 2em; - orphans: 1; - widows: 1; - position: relative; - margin: 1em; -} -div.col { - column-count: 2; - column-fill: balance; - column-gap: 0; -} -div.red { - background: red; position: absolute; z-index: -1; -} -</style> -</head> - -<body> - -<div class="col"> -<div class="red" style="top: 0; left: 0; height: 2em; width: 2em;"></div> -o<br>t<br> -o<br>t<br> -</div> - -<div class="ref"> -oo<br>tt -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-gap-000.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-gap-000.htm deleted file mode 100644 index b453f6d1252..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-gap-000.htm +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-gap (basic)</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-25 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gap" title="4.1 'column-gap'"> - <link rel="match" href="reference/multicol-gap-000-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that column gap appears between two columns."> - <style type="text/css"> - div - { - font: 1.25em/1 Ahem; - margin: 1em 0; - width: 30em; - } - - div#test - { - background-color: yellow; - orphans: 1; - widows: 1; - - column-width: 10em; - column-gap: 10em; - } - - span {color: yellow;} - </style> - </head> - <body> - - <p>Test passes if the 2 horizontal bars are <strong>identical</strong>.</p> - - <div id="test">1234567890<br>1234567890</div> - - <div id="reference">1234567890<span>1234567890</span>1234567890</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-gap-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-gap-001.htm deleted file mode 100644 index 1547a232b7b..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-gap-001.htm +++ /dev/null @@ -1,38 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: 'column-gap: normal'</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-05 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gap" title="4.1. 'column-gap'"> - <link rel="match" href="reference/multicol-gap-001-ref.htm"> - <meta name="flags" content="ahem may"> - <meta name="assert" content="This test checks that the 'normal' column gap is 1em, which is suggested -- and not prescribed -- by the specification."> - <style type="text/css"> - div - { - background-color: yellow; - color: black; - font: 1.25em/1 Ahem; - margin: 1em; - orphans: 1; - widows: 1; - width: 3em; - } - - div.multicol - { - column-gap: normal; - column-width: 1em; - } - - span {padding-right: 1em;} - </style> - </head> - <body> - <p>Test passes if the 2 stripes are <strong>identical</strong>.</p> - - <div class="multicol">x<br>x</div> - <div><span>x</span>x</div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-gap-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-gap-002.htm deleted file mode 100644 index f2587a7ba6e..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-gap-002.htm +++ /dev/null @@ -1,40 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-gap (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-05 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gap" title="4.1. 'column-gap'"> - <link rel="match" href="reference/multicol-gap-002-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 11em; - - column-count: 4; - column-gap: 1em; - } - - span {color: blue;} - </style> - </head> - <body> - <div> - bl ac - <span> - bl ue - </span> - <span> - bl ue - </span> - bl ac - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-gap-003.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-gap-003.htm deleted file mode 100644 index adc6f8bf27f..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-gap-003.htm +++ /dev/null @@ -1,40 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: 'column-gap: normal'</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-05 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gap" title="4.1. 'column-gap'"> - <link rel="match" href="reference/multicol-gap-002-ref.htm"> - <meta name="flags" content="ahem may"> - <style type="text/css"> - div - { - background-color: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 11em; - - column-count: 4; - column-gap: normal; - } - - span {color: blue;} - </style> - </head> - <body> - <div> - bl ac - <span> - bl ue - </span> - <span> - bl ue - </span> - bl ac - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-gap-fraction-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-gap-fraction-001.htm deleted file mode 100644 index d55b9390ca4..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-gap-fraction-001.htm +++ /dev/null @@ -1,55 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: 'column-gap' with increasing values</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-05 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gap" title="4.1. 'column-gap'"> - <link rel="match" href="reference/multicol-gap-fraction-001-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: gray; - font: 1.25em/1 Ahem; - width: 14.5em; - orphans: 1; - widows: 1; - - column-count: 2; - column-gap: 0.5em; - } - - #two {column-gap: 2.5em;} - - #three {column-gap: 4.5em;} - - #four {column-gap: 6.5em;} - - span {color: blue;} - </style> - </head> - <body> - - <div id="one"> - blac - <span>blue</span> - </div> - - <div id="two"> - blac - <span>blue</span> - </div> - - <div id="three"> - blac - <span>blue</span> - </div> - - <div id="four"> - blac - <span>blue</span> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-gap-large-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-gap-large-001.htm deleted file mode 100644 index 0433306938a..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-gap-large-001.htm +++ /dev/null @@ -1,55 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: 'column-gap' with large value</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-06 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gap" title="4.1 'column-gap"> - <link rel="match" href="reference/multicol-gap-large-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that when 'column-gap' is large and when used 'column-width' is narrow, then content extends into column-gap until its middle and content can extend, overflow outside the edges of the multi-colum element if 'overflow' is set to 'visible'."> - <style type="text/css"> - div - { - background-color: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 11em; - - column-count: 4; - column-gap: 4em; - - /* - N == 4; - W == 0em; - */ - - /* - In this test, the content of first 3 column - boxes extend into middle of column-gap and - content of the 4th column box extend outside the - right edge of multi-column. The gray border-right of - multi-column elemen overlaps partially the 3rd - column-gap. - */ - } - - span {color: blue;} - </style> - </head> - <body> - <div> - bl ac - <span> - bl ue - </span> - <span> - bl ue - </span> - bl ac - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-gap-large-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-gap-large-002.htm deleted file mode 100644 index 577e6df0656..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-gap-large-002.htm +++ /dev/null @@ -1,45 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: 'column-gap' with large value</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-06 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gap" title="4.1 'column-gap"> - <link rel="match" href="reference/multicol-gap-large-002-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 11em; - - column-count: 2; - column-gap: 4em; - - /* - N == 2; - W == 3.5em; - */ - } - - span {color: blue;} - </style> - </head> - <body> - <div> - bl ac - <span> - bl ue - </span> - <span> - bl ue - </span> - bl ac - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-gap-negative-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-gap-negative-001.htm deleted file mode 100644 index 1f20f029535..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-gap-negative-001.htm +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-gap with negative value</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-06 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gap" title="4.1. 'column-gap'"> - <link rel="match" href="reference/multicol-gap-002-ref.htm"> - <meta name="flags" content="ahem invalid"> - <style type="text/css"> - div - { - background-color: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 11em; - - column-count: 4; - column-gap: 1em; - column-gap: -1em; - } - - span {color: blue;} - </style> - </head> - <body> - <div> - bl ac - <span> - bl ue - </span> - <span> - bl ue - </span> - bl ac - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-height-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-height-001.htm deleted file mode 100644 index cb85d8c5675..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-height-001.htm +++ /dev/null @@ -1,36 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-count and height</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-06 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gap" title="4.1. 'column-gap'"> - <link rel="match" href="reference/multicol-height-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that length of column rules is equal to the length of the columns and if a nth column box overflows outside the available width of a multi-column element, then an (n-1)th column rule should be drawn. In this test, a 3rd column box is created outside the content edge of the multi-column element: therefore, a 2nd blue column rule should be drawn accordingly."> - <style type="text/css"> - div - { - color: white; - font: 1.25em/1 Ahem; - height: 8em; - width: 14em; - - column-count: 2; - column-fill: auto; - column-gap: 2em; - column-rule: blue solid 10px; - } - </style> - </head> - <body> - <p>Test passes if there are 2 blue vertical stripes of equal height.</p> - - <div> - 1st col 1st col 1st col - 1st col 2nd col 2nd col - 2nd col 2nd col 3rd col - 3rd col 3rd col 3rd col - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-height-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-height-002.htm deleted file mode 100644 index 6985842f0ba..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-height-002.htm +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head class="reftest-print"> - <title>CSS Test: Percentage Computed Height on Multicol Child (Definite Multicol Height)</title> - <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-multi-column-model"> - <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"> - <meta name="flags" content=""> - <meta name="assert" content="Percentage heights with a multi-column element are relative to the computed height of the multicolumn box, and this works even when the multi-column element is paginated."> - <link rel="match" href="reference/multicol-height-002.htm"> - <style type="text/css"> - html, body { height: 100%; } - * { margin: 0; } - div { - border: double blue 12px; - column-count:2; - column-gap:0; - column-fill: balance; - height: 150%; - } - div > p { - border-right: solid orange 12px; - width: 0; - margin: 0 auto; - height: 200%; - } - blockquote { - border: solid thick yellow; - } - </style> - </head> - <body> - <p>Test passes if even when printed:</p> - <ul> - <li>Two vertical orange stripes stretch exactly - from the inner top edge to the inner bottom edge of the blue box below.</li> - <li>There is a yellow stripe immediately below the blue box.</li> - </ul> - <div> - <p></p> - </div> - <blockquote></blockquote> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-height-block-child-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-height-block-child-001.htm deleted file mode 100644 index 04e73ae7317..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-height-block-child-001.htm +++ /dev/null @@ -1,96 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: multi-column element with child block (complex)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-08 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-multi-column-model" title="2. The multi-column model"> - <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2013Aug/0091.html" title="[css3-multicol] Nested multicolumn elements rendering"> - <link rel="match" href="reference/multicol-height-block-child-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that a nested multi-column element's inline content could be clipped horizontally."> - <style type="text/css"> - div - { - background-color: blue; - font: 20px/1 Ahem; - height: 8em; - width: 14em; - - column-count: 2; - column-gap: 2em; - - /* - - N == 2; - - W == 6em; - - H == 8em; - - */ - } - - div#outer - { - color: black; - column-fill: auto; - } - - div#inner - { - color: orange; - column-fill: balance; - } - </style> - </head> - <body> - - <div id="outer"> - bla bla bla bla bla - - <div id="inner">orn orn orn zzz zzz zzz</div> - - </div> - - <!-- - Both column boxes of div#inner start in the 1st - column box of div#outer multi-column element. - The first 3 lines boxes of 1st - column box of div#inner will be rendered inside the - 1st column box of div#outer but not its 2nd. - Because 1st column box of div#outer is - 6em wide while the div#inner multi-column element - is 14em wide, this makes the first 3 line boxes - (with the 'z' trios) of 2nd column box of div#inner - clipped. - - Then, at this point, the div#inner multi-column - element should be fragmented in order to continue to - render the 5 empty line boxes it has into the - 2nd column box of div#outer. Since those 5 line - boxes are empty, we only see the extension it - creates horizontally, which is - 14em - 6em == 8em horizontally and - 5 lines boxes == 5em tall - - - Expected results: - - 0em 14em 22em - v v v -0 ********************************************* - * bla | * - * bla | * - * bla | * - * bla | * -5 * bla | * -6 * orn |**************** -7 * orn | -8 * orn | - ***************************** - - --> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-inherit-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-inherit-001.htm deleted file mode 100644 index 603099a9148..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-inherit-001.htm +++ /dev/null @@ -1,75 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: multicolumn and inheritance</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-08 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#pseudo-algorithm" title="3.4 Pseudo-algorithm"> - <link rel="match" href="reference/multicol-inherit-001-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - body - { - font: 1.25em/1 Ahem; - width: 34em; - } - - body > div - { - column-count: 3; - column-gap: 1em; - - /* - N == 3; - - 34em : available width - - 2em : horizontal margin of external div - - 2em : 2 column gaps - ========== - 30em - - So, W == 10em; - - 30em - - 6em : 3 mult by 2em: horizontal margin of 3 internal divs - ========== - 24em : 8em for each of the 3 column boxes without their horizontal margins - - */ - } - - div - { - background-color: yellow; - color: black; - margin: 0 1em 1em; - orphans: 1; - widows: 1; - } - </style> - </head> - <body> - - <div> - <div> - aa aa - aa aa - aa aa - aa aa - </div> - <div> - mm mm - mm mm - mm mm - mm mm - </div> - <div> - xx xx - xx xx - xx xx - xx xx - </div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-inherit-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-inherit-002.htm deleted file mode 100644 index 7e0bd92d8ec..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-inherit-002.htm +++ /dev/null @@ -1,82 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: 'column-count' and inherit</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-08 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#cc" title="3.2 'column-count'"> - <link rel="help" href="http://www.w3.org/TR/css3-values/#common-keywords" title="3.1.1. CSS-wide keywords: 'initial' and 'inherit'"> - <link rel="match" href="reference/multicol-inherit-002-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that 'column-count' can be inherited by setting it with the CSS-wide keyword 'inherit'."> - <style type="text/css"> - body > div - { - background-color: blue; - column-count: 3; - column-gap: 1em; - font: 1.25em/1 Ahem; - width: 32em; - - /* - N == 3; - - 32em - - 2em : 2 column gaps - ========== - 30em : available width of the 3 inner multi-column elements - - So, W == 10em; - - 30em - - 6em : 3 mult by 2em: horizontal margin of 3 inner multi-column elements - - 6em : 3 mult by 2em: horizontal column-gaps of all 3 inner multi-column elements - ========== - 18em : 6em for each of the 3 column boxes without their own horizontal margins - So, each column boxes of inner multi-column elements is 2em wide. - */ - } - - div - { - color: black; - margin: 1em; - orphans: 1; - widows: 1; - } - - div > div - { - background-color: yellow; - column-count: inherit; - column-gap: 1em; - } - - div > div:first-child {margin-top: 0;} - </style> - </head> - <body> - - <div> - <div> - aa aa - aa aa - aa aa - aa aa - </div> - <div> - mm mm - mm mm - mm mm - mm mm - </div> - <div> - xx xx - xx xx - xx xx - xx xx - </div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-inherit-003.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-inherit-003.htm deleted file mode 100644 index d0ecf386f42..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-inherit-003.htm +++ /dev/null @@ -1,62 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | inheritance</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns"> -<link rel="match" href="reference/multicol-inherit-3-ref.htm"> -<meta name="flags" content="ahem"> -<style type="text/css"> -body { - width: 75em; -} -body>div { - height: 2em; - column-width: 8em; -} -div { - font-family: ahem; - font-size: 1em; - line-height: 1em; - color: black; - background: yellow; - orphans: 1; - widows: 1; -} -div>div { - margin: 0 1em 1em; -} -div+div { - color: blue; -} -div+div+div { - color: pink; -} -</style> -</head> - -<body> - -<div> - <div> - xx xx - xx xx - xx xx - xx xx - </div> - <div> - xx xx - xx xx - xx xx - xx xx - </div> - <div> - xx xx - xx xx - xx xx - xx xx - </div> -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-inherit-004.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-inherit-004.htm deleted file mode 100644 index 22a2ce1a5d9..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-inherit-004.htm +++ /dev/null @@ -1,54 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | inheritance</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gaps-and-rules"> -<link rel="match" href="reference/multicol-inherit-4-ref.htm"> -<meta name="flags" content="ahem"> -<style type="text/css"> -body>div { - width: 74em; - column-rule: 1em solid blue; -} -div { - font-family: ahem; - font-size: 1em; - line-height: 1em; - color: white; - background: white; - margin: 1em; - orphans: 1; - widows: 1; - - column-count: 3; - column-gap: 7em; -} -</style> -</head> - -<body> - -<div> - <div> - xx xx - xx xx - xx xx - xx xx - </div> - <div> - xx xx - xx xx - xx xx - xx xx - </div> - <div> - xx xx - xx xx - xx xx - xx xx - </div> -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-list-item-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-list-item-001.htm deleted file mode 100644 index 1017361a3b4..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-list-item-001.htm +++ /dev/null @@ -1,52 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: multi-column and list-item</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-10 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#pseudo-algorithm" title="3.4 Pseudo-algorithm"> - <link rel="match" href="reference/multicol-list-item-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that an unordered list of list items can be set to display its list-items in column boxes."> - <style type="text/css"> - ul - { - background-color: black; - font: 1.25em/1 Ahem; - margin: 0em; - padding: 0em; - width: 10em; - - column-gap: 0em; - column-width: 5em; - } - - li, span {font-size: 1em;} - - li - { - margin-left: 1em; - padding: 0em; - } - - span {display: block;} - </style> - </head> - - <body> - - <ul> - <li>1sli</li> - <li>2nli</li> - <li>3rli</li> - <li>4tli</li> - <li>5tli</li> - <li><span>6tli</span></li> - <li>7tli</li> - <li>8tli</li> - <li>9tli</li> - <li>10tl</li> - </ul> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-margin-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-margin-001.htm deleted file mode 100644 index 6579e98c52c..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-margin-001.htm +++ /dev/null @@ -1,70 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: multi-column and margin collapsing of first child (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-10 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#pseudo-algorithm" title="3.4 Pseudo-algorithm"> - <link rel="match" href="reference/ref-filled-green-100px-square.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that the margin-top of the first child of a multi-column element (with column-fill: auto) does not collapse with its parent."> - <style type="text/css"> - div#test-multi-column-red - { - background-color: red; - color: white; - font: 3.125em/1 Ahem; /* equivalent to 50px/50px Ahem */ - height: 4em; - margin-top: 0em; - width: 4em; - - column-count: 2; - column-fill: auto; - column-gap: 0em; - } - - div#first-child {margin-top: 2em;} - - div#reference-overlapping-green - { - background-color: green; - bottom: 200px; - height: 100px; - position: relative; - width: 100px; - } - </style> - - </head> - - <body> - - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="test-multi-column-red"> - <div id="first-child">ab cd</div> - ef gh ij kl - </div> - - <div id="reference-overlapping-green"></div> - - <!-- - - Expected result (before the overlapping): - - ********************* - | margin- | ef | - | top red | | - | back | gh | - | ground | | - ********************* - | ab | ij | - | | | - | cd | kl | - | | | - ********************* - - --> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-margin-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-margin-002.htm deleted file mode 100644 index 7217775ffe2..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-margin-002.htm +++ /dev/null @@ -1,74 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: multi-column and margin collapsing of first child (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-10 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#pseudo-algorithm" title="3.4 Pseudo-algorithm"> - <link rel="match" href="reference/ref-filled-green-100px-square.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that the margin-top of the first child (an inline-block) of a multi-column element (with column-fill: balance) does not collapse with its parent."> - <style type="text/css"> - div#test-multi-column-red - { - background-color: red; - color: white; - font: 3.125em/1 Ahem; /* equivalent to 50px/50px Ahem */ - height: 4em; - margin-top: 0em; - width: 4em; - - column-count: 2; - column-fill: balance; - column-gap: 0em; - } - - span - { - display: inline-block; - margin-top: 2em; - } - - div#reference-overlapping-green - { - background-color: green; - bottom: 200px; - height: 100px; - position: relative; - width: 100px; - } - </style> - - </head> - - <body> - - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="test-multi-column-red"> - <span>ab cd</span> - ef gh ij kl - </div> - - <div id="reference-overlapping-green"></div> - - <!-- - - Expected result (before the overlapping): - - ********************* - | margin- | ef | - | top red | | - | back | gh | - | ground | | - ********************* - | ab | ij | - | | | - | cd | kl | - | | | - ********************* - - --> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-margin-child-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-margin-child-001.htm deleted file mode 100644 index 9703858248a..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-margin-child-001.htm +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: multi-column and margin collapsing of block children (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-10 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-multi-column-model" title="2. The multi-column model"> - <link rel="match" href="reference/multicol-margin-child-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that the margin-bottom of a block child in a multi-column element will collapse with the margin-top of a following block child of that same multi-colum element if those children are vertically adjacent and if no line boxes, no clearance, no padding and no border separate them."> - <style type="text/css"> - div - { - background-color: yellow; - border: gray solid 1em; - color: blue; - font: 1.25em/1 Ahem; - width: 10em; - - column-count: 2; - column-fill: balance; - column-gap: 0em; - } - - h4 - { - font: inherit; - margin: 1em 0; - } - </style> - - </head> - - <body> - - <div> - 1scol 1scol - 1scol - <h4> h4h41 </h4> - <h4> h4h42 </h4> - 2ncol 2ncol - 2ncol 2ncol - 2ncol 2ncol - 2ncol 2ncol - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-nested-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-nested-002.htm deleted file mode 100644 index 1f75207d1de..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-nested-002.htm +++ /dev/null @@ -1,80 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: multicolumn and margin-bottom collapsing</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-11 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-multi-column-model" title="2. The multi-column model"> - <link rel="match" href="reference/multicol-nested-002-ref.htm"> - <meta name="assert" content="This test checks that a block container element's margin-bottom can collapse with its multi-column parent's margin-bottom if no line boxes, no clearance, no padding and no border separate them."> - <meta name="flags" content="ahem"> - <style type="text/css"> - body {margin: 0em;} - - body > div - { - font: 1.25em/1 Ahem; - width: 32em; - - column-gap: 1em; - column-width: 8em; - } - - /* - - N == max(1, floor((available-width + column-gap) / (column-width + column-gap))); - N == max(1, floor((32em + 1em) / (8em + 1em))); - N == max(1, floor(33em / 9em)); - N == max(1, floor(3.6)); - N == max(1, 3); - N == 3; - - W == ((available-width + column-gap) / N) - column-gap; - W == ((32em + 1em) / 3) - 1em; - W == (33em / 3) - 1em; - W == (11em) - 1em; - W == 10em; - - */ - - div - { - background: yellow; - color: black; - orphans: 1; - widows: 1; - } - - div > div {margin: 0 1em 1em;} - - div + div {color: blue;} - - div + div + div {color: pink;} - </style> - </head> - - <body> - - <div> - <div> - bl ac - bl ac - bl ac - bl ac - </div> - <div> - bl ue - bl ue - bl ue - bl ue - </div> - <div> - Pi nk - Pi nk - Pi nk - Pi nk - </div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-nested-005.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-nested-005.htm deleted file mode 100644 index 8e076a6476e..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-nested-005.htm +++ /dev/null @@ -1,106 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: nested multi-columns and constrained dimensions</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-10 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#pseudo-algorithm" title="3.4 Pseudo-algorithm"> - <link rel="match" href="reference/multicol-nested-005-ref.htm"> - <!-- - The original filename of this test was - multicol-inherit-005.xht - This test also serves as a conversion of - multicol-nested-001.xht - --> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks how the height of column boxes conditions the height of nested column boxes."> - <style type="text/css"> - body > div - { - column-gap: 1em; - font: 1.25em/1 Ahem; - width: 41em; - } - - /* - - N == 3; - - W == max(0, (available-width - ((N - 1) * column-gap)) / N); - W == max(0, (41em - ((3 - 1) * 1em)) / 3); - W == max(0, (41em - (2 * 1em)) / 3); - W == max(0, (41em - 2em) / 3); - W == max(0, 39em / 3); - W == max(0, 13em); - W == 13em; - - The height of column rule depends on number of line boxes in - each outer column box which depends on number of line boxes - in each inner column box. So: - - 13em : width of each outer column box - - - 2em : horizontal margin of each div inside - ======= - 11em : width of each inner multi-column elements - - N == 3; - - W == max(0, (available-width - ((N - 1) * column-gap)) / N); - W == max(0, (11em - ((3 - 1) * 1em)) / 3); - W == max(0, (11em - (2 * 1em)) / 3); - W == max(0, (11em - 2em) / 3); - W == max(0, 9em / 3); - W == max(0, 3em); - W == 3em; - - So, each duo of 'a', 'm' and 'x' should fill one and only 1 line - box. There are 8 duos; therefore, the first 2 inner - column boxes should use 3 line boxes and the 3rd inner - column box should be using 2 line boxes. - - So, the height of the 2 blue column rules should be 60px. - - */ - - div - { - background-color: yellow; - color: black; - font-size: 1em; - margin: 1em; - orphans: 1; - widows: 1; - - column-count: 3; - } - - div > div:first-child {margin-top: 0;} - </style> - </head> - - <body> - - <div> - <div> - aa aa - aa aa - aa aa - aa aa - </div> - <div> - mm mm - mm mm - mm mm - mm mm - </div> - <div> - xx xx - xx xx - xx xx - xx xx - </div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-nested-column-rule-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-nested-column-rule-001.htm deleted file mode 100644 index a05626f5ace..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-nested-column-rule-001.htm +++ /dev/null @@ -1,122 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <!-- - This test's original filename was multicol-inherit-004.xht - and it has been modified and is now - multicol-nested-column-rule-001.xht - --> - <title>CSS Multi-column Layout Test: nested multi-columns and column-rule position</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-09 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#pseudo-algorithm" title="3.4 Pseudo-algorithm"> - <link rel="match" href="reference/multicol-nested-column-rule-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks how the height of column boxes conditions the height of column rule."> - <style type="text/css"> - body > div - { - column-rule: blue solid 1em; - font: 1.25em/1 Ahem; - width: 42em; - } - - /* - - N == 3; - - W == max(0, (available-width - ((N - 1) * column-gap)) / N); - W == max(0, (42em - ((3 - 1) * 3em)) / 3); - W == max(0, (42em - (2 * 3em)) / 3); - W == max(0, (42em - 6em) / 3); - W == max(0, 36em / 3); - W == max(0, 12em); - W == 12em; - - So, the first column-rule should be at: - - 1.0em : margin-left of outer div - 12.0em : width of 1st column box - 1.0em : (3.0em / 2) - (1.0em / 2) : left edge of 1st column-rule - ========= - 14.0em - - The 2nd column-rule should be at: - - 1.0em : margin-left of outer div - 12.0em : width of 1st column box - 3.0em : first column-gap - 12.0em : width of 2nd column box - 1.0em : (3.0em / 2) - (1.0em / 2) : left edge of 2nd column-rule - ========= - 29.0em - - The height of column rule depends on number of line boxes in - each outer column box which depends on number of line boxes - in each inner column box. So: - - 12em : width of each outer column box - - - 2em : horizontal margin of each div inside - ======= - 10em : width of each inner multi-column elements - - N == 3; - - W == max(0, (available-width - ((N - 1) * column-gap)) / N); - W == max(0, (10em - ((3 - 1) * 3em)) / 3); - W == max(0, (10em - (2 * 3em)) / 3); - W == max(0, (10em - 6em) / 3); - W == max(0, 4em / 3); - W == max(0, 1.33333em); - W == 1.33333em; - - So, each duo of 'a', 'm' and 'x' should fill one and only 1 line - box. There are 8 duos; therefore, the first 2 inner - column boxes should use 3 line boxes and the 3rd inner - column box should be using 2 line boxes. - - So, the height of the 2 blue column rules should be 60px. - - */ - - div - { - background-color: white; - color: white; - font-size: 1em; - margin: 0em 1em; - orphans: 1; - widows: 1; - - column-count: 3; - column-gap: 3em; - } - </style> - </head> - - <body> - - <div> - <div> - aa aa - aa aa - aa aa - aa aa - </div> - <div> - mm mm - mm mm - mm mm - mm mm - </div> - <div> - xx xx - xx xx - xx xx - xx xx - </div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-nested-margin-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-nested-margin-001.htm deleted file mode 100644 index 0b20d76827d..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-nested-margin-001.htm +++ /dev/null @@ -1,76 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: multicolumn and nested margins</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-11 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#pagination-and-overflow-outside-multicol" title="8.2. Pagination and overflow outside multicol elements"> - <link rel="match" href="reference/multicol-nested-margin-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that non-zero vertical margins can be applied on a multi-column element while the vertical margins of its own block containers can be set to zero."> - <style type="text/css"> - body {margin: 0em;} - - body > div - { - font: 1.25em/1 Ahem; - width: 32em; - - column-count: 3; - column-gap: 1em; - } - - /* - - N == 3; - - W == ((available-width + column-gap) / N) - column-gap; - W == ((32em + 1em) / 3) - 1em; - W == (33em / 3) - 1em; - W == (11em) - 1em; - W == 10em; - - */ - - div - { - background: yellow; - color: black; - margin: 1em; - orphans: 1; - widows: 1; - } - - div > div {margin: 0em 1em;} - - div div:nth-child(2) {color: pink;} - - div div:nth-child(3) {color: blue;} - </style> - </head> - - <body> - - <div> - <div> - bl ac - bl ac - bl ac - bl ac - </div> - <div> - Pi nk - Pi nk - Pi nk - Pi nk - </div> - <div> - bl ue - bl ue - bl ue - bl ue - </div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-nested-margin-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-nested-margin-002.htm deleted file mode 100644 index f68d22db826..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-nested-margin-002.htm +++ /dev/null @@ -1,113 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: nested multicolumns and vertical margin (complex)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-14 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-multi-column-model" title="2. The multi-column model"> - <link rel="match" href="reference/multicol-nested-margin-002-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that when an inner nested multi-column element is preceded by a soft column break (caused by an unforced column-break), then the used margin-top of such inner nested multi-column element is '0'."> - - <!-- - More info: - Re: [css3-multicol] vertical margins rendering in nested multi-columns - http://lists.w3.org/Archives/Public/www-style/2013Aug/0146.html - --> - - <style type="text/css"> - body {margin: 0;} - - body > div - { - background-color: yellow; - font: 1.25em/1 Ahem; - width: 41em; - /* - This test requires a viewport width of 820px - */ - } - - div - { - color: yellow; - font: inherit; - orphans: 1; - widows: 1; - - column-count: 3; - column-gap: 1em; - } - - div div {margin: 0em 1em;} - - div div:last-child - { - color: blue; - margin: 1em; - } - - /* - - N == 3; - - W == max(0, (available-width - ((N - 1) * column-gap)) / N); - W == max(0, (41em - ((3 - 1) * 1em)) / 3); - W == max(0, (41em - (2 * 1em)) / 3); - W == max(0, (41em - 2em) / 3); - W == max(0, 39em / 3); - W == max(0, 13em); - W == 13em; - - The height of column rule depends on number of line boxes in - each outer column box which depends on number of line boxes - in each inner column box. So: - - 13em : width of each outer column box - - - 2em : horizontal margin of each div inside - ======= - 11em : width of each inner multi-column elements - - N == 3; - - W == max(0, (available-width - ((N - 1) * column-gap)) / N); - W == max(0, (11em - ((3 - 1) * 1em)) / 3); - W == max(0, (11em - (2 * 1em)) / 3); - W == max(0, (11em - 2em) / 3); - W == max(0, 9em / 3); - W == max(0, 3em); - W == 3em; - - So, each duo of 'a', 'm' and 'x' should fill one and only 1 - line box. There are 15 'a' duos and 15 'm' duos; therefore, - the 3 inner column boxes of each first 2 inner - multi-column elements should use 5 line boxes. - - The 1st column box of last inner multi-column - (the blue one with 'x' duos) should have 'x1', - 'x2' and 'x3' duos filling 3 line boxes. - - The 2nd column box of last inner multi-column should - have 'x4', 'x5' and 'x6' duos filling 3 line boxes. - - The 3rd column box of the last inner multi-column should - have 'x7' and 'x8' duos filling 2 line boxes. - */ - - </style> - </head> - <body> - - <div> - - <div> a1 a2 a3 a4 a5 a6 a7 a8 a9 a0 a1 a2 a3 a4 a5 </div> - - <div> m1 m2 m3 m4 m5 m6 m7 m8 m9 m0 m1 m2 m3 m4 m5 </div> - - <div> x1 x2 x3 x4 x5 x6 x7 x8 </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-nested-margin-003.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-nested-margin-003.htm deleted file mode 100644 index 8da8916e8f7..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-nested-margin-003.htm +++ /dev/null @@ -1,96 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: nested multicolumn and nested margin-top</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-14 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-multi-column-model" title="2. The multi-column model"> - <link rel="match" href="reference/multicol-nested-margin-003-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that a top margin set on the first child element of a nested multicol element will not collapse with the margins of the multicol element."> - <style type="text/css"> - body > div - { - font: 1.25em/1 Ahem; - margin: 1em; - width: 41em; - /* - This test requires a viewport width of 860px - */ - } - - div - { - background-color: yellow; - color: black; - margin: 1em 1em 0; - orphans: 1; - widows: 1; - - column-count: 3; - column-gap: 1em; - } - - /* - - N == 3; - - 43em - 2em (horizontal margins) == available-width - - W == max(0, (available-width - ((N - 1) * column-gap)) / N); - W == max(0, (41em - ((3 - 1) * 1em)) / 3); - W == max(0, (41em - (2 * 1em)) / 3); - W == max(0, (41em - 2em) / 3); - W == max(0, 39em / 3); - W == max(0, 13em); - W == 13em; - - 13em : width of each outer column box - - - 2em : horizontal margin of each div inside - ======= - 11em : width of each inner multi-column elements - - N == 3; - - W == max(0, (available-width - ((N - 1) * column-gap)) / N); - W == max(0, (11em - ((3 - 1) * 1em)) / 3); - W == max(0, (11em - (2 * 1em)) / 3); - W == max(0, (11em - 2em) / 3); - W == max(0, 9em / 3); - W == max(0, 3em); - W == 3em; - - */ - - div div:nth-child(2) {color: pink;} - - div div:nth-child(3) {color: blue;} - </style> - </head> - - <body> - - <div> - <div> - bl ac - bl ac - bl ac - bl ac - </div> - <div> - Pi nk - Pi nk - Pi nk - Pi nk - </div> - <div> - bl ue - bl ue - bl ue - bl ue - </div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-nested-margin-004.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-nested-margin-004.htm deleted file mode 100644 index 90342a07bab..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-nested-margin-004.htm +++ /dev/null @@ -1,100 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: nested multicolumn and nested margin-top</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-14 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-multi-column-model" title="2. The multi-column model"> - <link rel="match" href="reference/multicol-nested-margin-004-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that due to a top margin only set on the first child element of a nested multicol element that will not collapse with the margins of the multicol element, then the height of an multi-column element can make its other inner multi-column (with a zero margin-top) element break into its own column boxes."> - <style type="text/css"> - body > div - { - font: 1.25em/1 Ahem; - margin: 1em; - width: 41em; - /* - This test requires a viewport width of 860px - */ - } - - div - { - background: yellow; - color: black; - margin: 1em; - orphans: 1; - widows: 1; - - column-count: 3; - column-gap: 1em; - } - - div div {margin: 0 1em;} - - div div:first-child {margin: 1em 1em 0;} - - /* - - N == 3; - - 43em - 2em (horizontal margins) == available-width - - W == max(0, (available-width - ((N - 1) * column-gap)) / N); - W == max(0, (41em - ((3 - 1) * 1em)) / 3); - W == max(0, (41em - (2 * 1em)) / 3); - W == max(0, (41em - 2em) / 3); - W == max(0, 39em / 3); - W == max(0, 13em); - W == 13em; - - 13em : width of each outer column box - - - 2em : horizontal margin of each div inside - ======= - 11em : width of each inner multi-column elements - - N == 3; - - W == max(0, (available-width - ((N - 1) * column-gap)) / N); - W == max(0, (11em - ((3 - 1) * 1em)) / 3); - W == max(0, (11em - (2 * 1em)) / 3); - W == max(0, (11em - 2em) / 3); - W == max(0, 9em / 3); - W == max(0, 3em); - W == 3em; - - */ - - div div:nth-child(2) {color: pink;} - - div div:nth-child(3) {color: blue;} - </style> - </head> - - <body> - - <div> - <div> - bl ac - bl ac - bl ac - bl ac - </div> - <div> - Pi nk - Pi nk - Pi nk - Pi nk - </div> - <div> - bl ue - bl ue - bl ue - bl ue - </div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-nested-margin-005.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-nested-margin-005.htm deleted file mode 100644 index 573a794e38b..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-nested-margin-005.htm +++ /dev/null @@ -1,98 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: nested multicolumn and nested margin-top</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-14 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-multi-column-model" title="2. The multi-column model"> - <link rel="match" href="reference/multicol-nested-margin-004-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that due to a top margin only set on the first child element of a nested multicol element that will not collapse with the margins of the multicol element, then the height of an multi-column element can make its other inner multi-column (with a zero margin-top) element break into its own column boxes."> - <style type="text/css"> - body > div - { - font: 1.25em/1 Ahem; - margin: 1em; - width: 41em; - /* - This test requires a viewport width of 860px - */ - } - - div - { - background: yellow; - color: black; - margin: 1em 1em 0em; - orphans: 1; - widows: 1; - - column-count: 3; - column-gap: 1em; - } - - div div {margin: 0 1em;} - - div div:first-child {margin: 1em 1em 0;} - - /* - - N == 3; - - W == max(0, (available-width - ((N - 1) * column-gap)) / N); - W == max(0, (41em - ((3 - 1) * 1em)) / 3); - W == max(0, (41em - (2 * 1em)) / 3); - W == max(0, (41em - 2em) / 3); - W == max(0, 39em / 3); - W == max(0, 13em); - W == 13em; - - 13em : width of each outer column box - - - 2em : horizontal margin of each div inside - ======= - 11em : width of each inner multi-column elements - - N == 3; - - W == max(0, (available-width - ((N - 1) * column-gap)) / N); - W == max(0, (11em - ((3 - 1) * 1em)) / 3); - W == max(0, (11em - (2 * 1em)) / 3); - W == max(0, (11em - 2em) / 3); - W == max(0, 9em / 3); - W == max(0, 3em); - W == 3em; - - */ - - div div:nth-child(2) {color: pink;} - - div div:nth-child(3) {color: blue;} - </style> - </head> - - <body> - - <div> - <div> - bl ac - bl ac - bl ac - bl ac - </div> - <div> - Pi nk - Pi nk - Pi nk - Pi nk - </div> - <div> - bl ue - bl ue - bl ue - bl ue - </div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-overflow-000.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-overflow-000.htm deleted file mode 100644 index 3593e8e54f5..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-overflow-000.htm +++ /dev/null @@ -1,49 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: multi-column with set height causing overflow outside (basic)</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-25 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#pagination-and-overflow-outside-multicol" title="8.2. Pagination and overflow outside multicol elements"> - <link rel="match" href="reference/multicol-overflow-000-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that column gap appears between two columns."> - <style type="text/css"> - div, table - { - background-color: yellow; - color: lime; - font: 1.25em/1 Ahem; - margin: 1em 0; - } - - div - { - columns: 2; - column-fill: balance; - column-gap: 0px; - height: 2em; - width: 20em; - } - - table - { - border-right: lime solid 1em; - border-spacing: 0px; - table-layout: fixed; - width: 21em; - } - - td {padding: 0em;} - </style> - </head> - <body> - - <p>Test passes if the 2 horizontal bars are <strong>identical</strong>.</p> - - <div id="test">A<br>B<br>C<br>D<br>E<br>F</div> - - <table id="reference"><tr><td>G<br>H</td><td>I<br>J</td></tr></table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-overflowing-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-overflowing-001.htm deleted file mode 100644 index 75eff013fca..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-overflowing-001.htm +++ /dev/null @@ -1,86 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <!-- - This test's original filename was multicol-inherit-003.xht - and it has been modified and is now - multicol-overflowing-001.xht - --> - <title>CSS Multi-column Layout Test: multicolumn and overflowing constrained dimensions</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-09 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#pagination-and-overflow-outside-multicol" title="8.2. Pagination and overflow outside multicol elements"> - <link rel="match" href="reference/multicol-overflowing-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that the content of a multi-column element with a fixed height can overflow outside its fixed width according to the computed overflow value. In this test, the inline content of a multi-column element exceeds the available fixed height and fixed width for the multi-column element; therefore, it overflows outside of it and creates a 4th, 5th and 6th extra column boxes."> - <style type="text/css"> - body > div - { - font: 1.25em/1 Ahem; - height: 2em; - width: 32em; - - column-gap: 1em; - column-width: 8em; - } - - /* - - N == max(1, floor((available-width + column-gap) / (column-width + column-gap))); - N == max(1, floor((32em + 1em) / (8em + 1em))); - N == max(1, floor(33em / 9em)); - N == max(1, floor(3.6)); - N == max(1, 3); - N == 3; - - W == ((available-width + column-gap) / N) - column-gap; - W == ((32em + 1em) / 3) - 1em; - W == (33em / 3) - 1em; - W == (11em) - 1em; - W == 10em; - - H == 2em; - - */ - - div - { - background: yellow; - color: black; - orphans: 1; - widows: 1; - } - - div > div {margin: 0 1em 1em;} - - div + div {color: blue;} - - div + div + div {color: pink;} - </style> - </head> - - <body> - - <div> - <div> - bl ac - bl ac - bl ac - bl ac - </div> - <div> - bl ue - bl ue - bl ue - bl ue - </div> - <div> - Pi nk - Pi nk - Pi nk - Pi nk - </div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-reduce-000.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-reduce-000.htm deleted file mode 100644 index a37b173b74a..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-reduce-000.htm +++ /dev/null @@ -1,63 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column width becomes wider to fill available space</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-25 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#cw" title="3.1 'column-width'"> - <link rel="match" href="reference/multicol-reduce-000-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that column width is increased to fill the available space: in this test, there are only 2 column boxes."> - <style type="text/css"> - div#test, div#reference - { - background-color: yellow; - border: black solid thin; - color: orange; - font: 1.25em/1 Ahem; - margin-bottom: 0.5em; - width: 30em; - } - - div#test - { - column-gap: 0; - column-width: 201px; - - /* - - N == max(1, floor((U + column-gap)/(column-width + column-gap))) - N == max(1, floor((600px + 0px)/(201px + 0))) - N == max(1, floor(600px/201px)) - N == max(1, floor(2.985)) - N == max(1, 2) - N == 2; - - W == max(0, ((U + column-gap)/N - column-gap)) - W == max(0, ((600px + 0px)/2 - 0px)) - W == max(0, ((600px)/2 - 0px)) - W == max(0, (300px - 0px)) - W == max(0, 300px) - W == 300px; - - */ - } - - span {color: blue;} - </style> - </head> - <body> - - <p>Test passes if the 2 rectangles with orange and blue vertical stripes are <strong>identical</strong>.</p> - - <div id="test"> - 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 <span>A B C D E F G H I J K L M N O P</span> - </div> - - <div id="reference"> - 1 2 3 4 5 6 7 8<span>A B C D E F G H </span><br> - 9 0 1 2 3 4 5 6<span>I J K L M N O P </span> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-000.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-000.htm deleted file mode 100644 index 187d4115234..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-000.htm +++ /dev/null @@ -1,57 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-rule shorthand (basic)</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-27 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'"> - <link rel="match" href="reference/multicol-rule-000-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - color: black; - font: 1.25em/1 Ahem; - margin-bottom: 0.5em; - width: 602px; - } - - div#test - { - columns: 3; - column-gap: 1px; - column-rule: lime solid 1px; - - /* - - N == 3; - - W == 200px; - - */ - - orphans: 1; - widows: 1; - } - - span - { - border-left: lime solid 1px; - border-right: lime solid 1px; - } - </style> - </head> - <body> - - <p>Test passes if the 2 horizontal bars are <strong>identical</strong>.</p> - - <div id="test"> - 1234567890<br>ABCDEFGHIJ<br>1234567890 - </div> - - <div id="reference"> - 1234567890<span>ABCDEFGHIJ</span>1234567890 - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-001.htm deleted file mode 100644 index 5f77966b57e..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-001.htm +++ /dev/null @@ -1,49 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-rule exceeding column-gap</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-27 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gaps-and-rules" title="4. Column gaps and rules"> - <link rel="match" href="reference/multicol-rule-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="If a column rule is wider than its gap, then the adjacent column boxes overlap the rule. This test checks that if inline content of column boxes uses only 1 twentieth (1/20) of each of the adjacent column box width, then the column rule must shine through 19 twentieths (19/20) of each of the adjacent column boxes (and above their respective backgrounds)."> - <style type="text/css"> - div - { - background-color: red; - color: green; - font: 1.25em/1 Ahem; - margin-bottom: 0.5em; - width: 20em; - } - - div#test - { - columns: 2; - column-gap: 0em; - column-rule: green solid 20em; - - /* - - N == 2; - - W == 200px; - - */ - - orphans: 1; - widows: 1; - } - </style> - </head> - <body> - - <p>Test passes if there are 2 green bars and <strong>no red</strong>.</p> - - <div id="test">1<br>2</div> - - <div id="reference">12345678901234567890</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-002.htm deleted file mode 100644 index 4315618a16e..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-002.htm +++ /dev/null @@ -1,62 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-rule</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gaps-and-rules"> -<link rel="match" href="reference/multicol-rule-ref.htm"> -<meta name="flags" content="ahem"> -<style type="text/css"> -body { - margin: 0; -} -body>div { - font-family: ahem; - font-size: 1em; - line-height: 1em; - color: black; - background: yellow; - margin: 1em; - border: 1em solid gray; - width: 15em; - position: relative; - orphans: 1; - widows: 1; - - column-count: 4; - column-gap: 1em; -} -span { - background: blue; - position: absolute; - top: 0; - left: 3em; - height: 2em; - width: 1em; -} -span+span { - left: 7em; -} -span+span+span { - left: 11em; -} -</style> -</head> - -<body> - -<div> - xx xx -<span> -</span> - xx xx -<span> -</span> - xx xx -<span> -</span> - xx xx -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-003.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-003.htm deleted file mode 100644 index b6965004433..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-003.htm +++ /dev/null @@ -1,40 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-rule (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-14 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gaps-and-rules" title="4. Column gaps and rules"> - <link rel="match" href="reference/multicol-rule-003-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 15em; - - column-count: 4; - column-gap: 1em; - column-rule-color: blue; - column-rule-style: solid; - column-rule-width: 1em; - } - </style> - </head> - - <body> - - <div> - 1s cl - 2n cl - 3r cl - 4t cl - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-004.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-004.htm deleted file mode 100644 index 5b44bfa2d07..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-004.htm +++ /dev/null @@ -1,55 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: 'column-fill: balance' and column-rule</title> - <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-02 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gaps-and-rules" title="4. Column gaps and rules"> - <link rel="match" href="reference/multicol-rule-004-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that when 'column-fill: balance' distributes equally inline content into column boxes in a way that does not completely fill column boxes, then column-rule must nevertheless still be painted entirely, that is for the whole length of column boxes, even though the whole inline content may not fill the whole length of the column boxes."> - <style type="text/css"> - body {margin: 8px;} - - p - { - line-height: 1.25em; - margin: 1em 0em; - } - - strong {line-height: 1;} - - div#red-overlapped-reference - { - background-color: red; - height: 100px; - width: 100px; - } - - div#test-overlapping-green - { - bottom: 100px; - color: transparent; - font: 1.25em/1 Ahem; /* equivalent to 20px/1 Ahem */ - height: 5em; - position: relative; - right: 80px; - width: 13em; - - column-count: 2; - column-fill: balance; - column-gap: 5em; - column-rule: green solid 5em; - } - </style> - </head> - - <body> - - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="red-overlapped-reference"></div> - - <div id="test-overlapping-green">LEFT Colm RIGH Colm</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-color-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-color-001.htm deleted file mode 100644 index 7c53caad7c1..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-color-001.htm +++ /dev/null @@ -1,55 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-rule-color (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-14 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'"> - <link rel="match" href="reference/multicol-rule-color-001-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - border: gray solid 1em; - color: lime; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 14em; - - column-count: 4; - column-gap: 1em; - column-rule-color: blue; - column-rule-style: solid; - column-rule-width: 1em; - } - - /* - - N == 4; - - W == max(0, (available-width - ((N - 1) * column-gap)) / N); - W == max(0, (14em - ((4 - 1) * 1em)) / 4); - W == max(0, (14em - (3 * 1em)) / 4); - W == max(0, (14em - (3em)) / 4); - W == max(0, (11em) / 4); - W == max(0, 2.75em); - W == 2.75em; - - */ - - span {color: black;} - </style> - </head> - - <body> - - <div> - <span>1s cl</span> - <span>2n cl</span> - <span>3r cl</span> - <span>4t cl</span> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-color-inherit-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-color-inherit-001.htm deleted file mode 100644 index 6dec53517f6..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-color-inherit-001.htm +++ /dev/null @@ -1,137 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-rule-color: inherit</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-09-02 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#crc" title="4.2. 'column-rule-color'"> - <link rel="help" href="http://www.w3.org/TR/css3-values/#common-keywords" title="3.1.1. CSS-wide keywords: 'initial' and 'inherit'"> - <link rel="match" href="reference/multicol-rule-color-inherit-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that, by default, column-rule-color is the current color applying to the element unless reserved keyword 'inherit' is used in which case column-rule-color will be inherited from the parent's column-rule-color value."> - <style type="text/css"> - div#parent - { - column-rule-color: green; - column-rule-style: none; - font: 1.25em/1 Ahem; - width: 17em; - } - - /* - - N == 3; - - W == max(0, (available-width - ((N - 1) * column-gap)) / N); - W == max(0, (17em - ((3 - 1) * 1em)) / 3); - W == max(0, (17em - (2 * 1em)) / 3); - W == max(0, (17em - 2em) / 3); - W == max(0, 15em / 3); - W == max(0, 5em); - W == 5em; - - The height of column rule depends on number of line boxes in - each outer column box which depends on number of line boxes - in each inner column box. - - N == 3; - - W == max(0, (available-width - ((N - 1) * column-gap)) / N); - W == max(0, (5em - ((3 - 1) * 1em)) / 3); - W == max(0, (5em - (2 * 1em)) / 3); - W == max(0, (5em - 2em) / 3); - W == max(0, 3em / 3); - W == max(0, 1em); - W == 1em; - - */ - - div - { - color: red; /* both div#parent and div.child have and use 'color: red' */ - orphans: 1; - widows: 1; - - column-count: 3; - column-gap: 1em; - column-rule-width: 1em; - } - - div.child - { - column-rule-color: inherit; - column-rule-style: solid; - font-size: 1em; - } - </style> - </head> - - <body> - - <p>Test passes if there are 6 vertical green stripes and <strong>no red</strong>.</p> - - <div id="parent"> - <div class="child"> - - - - - - - - - - - - - - - - - - - </div> - <div class="child"> - - - - - - - - - - - - - - - - - - - </div> - <div class="child"> - - - - - - - - - - - - - - - - - - - </div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-color-inherit-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-color-inherit-002.htm deleted file mode 100644 index 52eb50d2f83..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-color-inherit-002.htm +++ /dev/null @@ -1,121 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-rule-color: inherit (complex)</title> - <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-09-03 and 2016-10-02 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#crc" title="4.2. 'column-rule-color'"> - <link rel="help" href="http://www.w3.org/TR/css3-values/#common-keywords" title="3.1.1. CSS-wide keywords: 'initial' and 'inherit'"> - <link rel="help" href="https://drafts.csswg.org/css-color-4/#currentcolor-color" title="5.2. The 'currentcolor' keyword"> - <link rel="match" href="reference/multicol-rule-color-inherit-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="In this test, div#parent's computed 'column-rule-color' is given by div#parent's 'currentcolor' (a reserved keyword) and not 'red'. Then div.child's 'column-rule-color' take such specified value ('currentcolor') from its parent (due to 'inherit' keyword) and not 'red'. And then, it is applied to div.child's 'column-rule-color'."> - <style type="text/css"> - div#parent - { - color: red; - font: 20px/1 Ahem; - } - - div.child - { - color: green; - display: inline-block; - font-size: 1em; - width: 5em; - - column-count: 3; - column-gap: 1em; - column-rule-color: inherit; - column-rule-style: solid; - column-rule-width: 1em; - } - - /* - - N == 3; - - W == max(0, (available-width - ((N - 1) * column-gap)) / N); - W == max(0, (5em - ((3 - 1) * 1em)) / 3); - W == max(0, (5em - (2 * 1em)) / 3); - W == max(0, (5em - 2em) / 3); - W == max(0, 3em / 3); - W == max(0, 1em); - W == 1em; - - */ - - </style> - </head> - - <body> - - <p>Test passes if there are 6 vertical green stripes and <strong>no red</strong>.</p> - - <div id="parent"> - <div class="child"> - - - - - - - - - - - - - - - - - - - </div> - - <div class="child"> - - - - - - - - - - - - - - - - - - - </div> - - <div class="child"> - - - - - - - - - - - - - - - - - - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-dashed-000.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-dashed-000.htm deleted file mode 100644 index 7afa306e7b0..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-dashed-000.htm +++ /dev/null @@ -1,50 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-rule shorthand with 'dashed' border style</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-27 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'"> - <link rel="match" href="reference/multicol-rule-dashed-000-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: black; - color: black; - font: 3.125em/1 Ahem; - margin-bottom: 0.2em; - width: 8.2em; - } - - div#test - { - columns: 2; - column-gap: 0.2em; - column-rule: lime dashed 0.2em; - - /* - - N == 2; - - W == 200px; - - */ - - orphans: 1; - widows: 1; - } - - span {border-left: lime dashed 0.2em;} - </style> - </head> - <body> - - <p>Test passes if the 2 black stripes with vertical green bars are <strong>identical</strong>.</p> - - <div id="test">1 <br>2 </div> - - <div id="reference">1234<span>5678</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-dotted-000.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-dotted-000.htm deleted file mode 100644 index 45d97c012c2..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-dotted-000.htm +++ /dev/null @@ -1,50 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-rule shorthand with 'dotted' border style</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-27 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'"> - <link rel="match" href="reference/multicol-rule-dotted-000-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: black; - color: black; - font: 3.125em/1 Ahem; - margin-bottom: 0.2em; - width: 8.2em; - } - - div#test - { - columns: 2; - column-gap: 0.2em; - column-rule: lime dotted 0.2em; - - /* - - N == 2; - - W == 200px; - - */ - - orphans: 1; - widows: 1; - } - - span {border-left: lime dotted 0.2em;} - </style> - </head> - <body> - - <p>Test passes if the 2 black stripes with green dots in their center are <strong>identical</strong>.</p> - - <div id="test">1 <br>2 </div> - - <div id="reference">1234<span>5678</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-double-000.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-double-000.htm deleted file mode 100644 index 25101dc1f46..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-double-000.htm +++ /dev/null @@ -1,50 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-rule shorthand with 'double' border style</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-27 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'"> - <link rel="match" href="reference/multicol-rule-double-000-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: black; - color: black; - font: 3.125em/1 Ahem; - margin-bottom: 0.2em; - width: 8.2em; - } - - div#test - { - columns: 2; - column-gap: 0.2em; - column-rule: lime double 0.2em; - - /* - - N == 2; - - W == 200px; - - */ - - orphans: 1; - widows: 1; - } - - span {border-left: lime double 0.2em;} - </style> - </head> - <body> - - <p>Test passes if the 2 black stripes with vertical green bars are <strong>identical</strong>.</p> - - <div id="test">1 <br>2 </div> - - <div id="reference">1234<span>5678</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-fraction-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-fraction-001.htm deleted file mode 100644 index 369cf9c1780..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-fraction-001.htm +++ /dev/null @@ -1,54 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-rule-width</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-14 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#crw" title="4.4. 'column-rule-width'"> - <link rel="match" href="reference/multicol-rule-fraction-001-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 14em; - - column-count: 4; - column-gap: 1em; - column-rule-color: blue; - column-rule-style: solid; - column-rule-width: 0.9em; - } - - /* - - N == 4; - - W == max(0, (available-width - ((N - 1) * column-gap)) / N); - W == max(0, (14em - ((4 - 1) * 1em)) / 4); - W == max(0, (14em - (3 * 1em)) / 4); - W == max(0, (14em - (3em)) / 4); - W == max(0, (11em) / 4); - W == max(0, 2.75em); - W == 2.75em; - - */ - </style> - </head> - - <body> - - <div> - 1s cl - 2n cl - 3r cl - 4t cl - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-fraction-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-fraction-002.htm deleted file mode 100644 index 55a5106a0c4..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-fraction-002.htm +++ /dev/null @@ -1,55 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: wide column-rule-width painted above background-color</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-14 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#crw" title="4.4. 'column-rule-width'"> - <link rel="match" href="reference/multicol-rule-fraction-002-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that if a column rule is wider than its gap, then the column rule will overlap adjacent column boxes above the background of the multi-column element but below the inline content inside the multicol element. In this test, the blue column-rule is painted above the yellow background-color but below (under) the black Ahem glyphs."> - <style type="text/css"> - div - { - background-color: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 14em; - - column-count: 4; - column-gap: 1em; - column-rule-color: blue; - column-rule-style: solid; - column-rule-width: 1.9em; - } - - /* - - N == 4; - - W == max(0, (available-width - ((N - 1) * column-gap)) / N); - W == max(0, (14em - ((4 - 1) * 1em)) / 4); - W == max(0, (14em - (3 * 1em)) / 4); - W == max(0, (14em - (3em)) / 4); - W == max(0, (11em) / 4); - W == max(0, 2.75em); - W == 2.75em; - - */ - </style> - </head> - - <body> - - <div> - 1s cl - 2n cl - 3r cl - 4t cl - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-fraction-003.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-fraction-003.htm deleted file mode 100644 index f4864f14731..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-fraction-003.htm +++ /dev/null @@ -1,62 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-rule</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gaps-and-rules"> -<link rel="match" href="reference/multicol-rule-fraction-3-ref.htm"> -<meta name="flags" content="ahem"> -<style type="text/css"> -body { - margin: 0; -} -body>div { - font-family: ahem; - font-size: 1em; - line-height: 1em; - color: black; - background: yellow; - margin: 1em; - border: 1em solid gray; - width: 14em; - position: relative; - orphans: 1; - widows: 1; - - column-count: 4; - column-gap: 1em; -} -span { - background: blue; - position: absolute; - top: 0; - left: 2.4em; - height: 2em; - width: 1em; -} -span+span { - left: 6.15em; -} -span+span+span { - left: 9.9em; -} -</style> -</head> - -<body> - -<div> - xx xx -<span> -</span> - xx xx -<span> -</span> - xx xx -<span> -</span> - xx xx -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-groove-000.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-groove-000.htm deleted file mode 100644 index 846356e8deb..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-groove-000.htm +++ /dev/null @@ -1,50 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-rule shorthand with 'groove' border style</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-27 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'"> - <link rel="match" href="reference/multicol-rule-groove-000-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: black; - color: black; - font: 3.125em/1 Ahem; - margin-bottom: 0.2em; - width: 8.2em; - } - - div#test - { - columns: 2; - column-gap: 0.2em; - column-rule: lime groove 0.2em; - - /* - - N == 2; - - W == 200px; - - */ - - orphans: 1; - widows: 1; - } - - span {border-left: lime groove 0.2em;} - </style> - </head> - <body> - - <p>Test passes if the 2 black stripes with vertical green bars are <strong>identical</strong>.</p> - - <div id="test">1 <br>2 </div> - - <div id="reference">1234<span>5678</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-hidden-000.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-hidden-000.htm deleted file mode 100644 index 3654c4d5085..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-hidden-000.htm +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-rule shorthand with 'hidden' border style</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-27 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'"> - <link rel="match" href="reference/multicol-rule-hidden-000-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: black; - color: black; - font: 3.125em/1 Ahem; - margin-bottom: 0.2em; - width: 8.2em; - } - - div#test - { - columns: 2; - column-gap: 0.2em; - column-rule: red hidden 0.2em; - - /* - - N == 2; - - W == 200px; - - */ - - orphans: 1; - widows: 1; - } - </style> - </head> - <body> - - <p>Test passes if the 2 black stripes are <strong>identical</strong>.</p> - - <div id="test">1 <br>2 </div> - - <div id="reference">A</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-inset-000.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-inset-000.htm deleted file mode 100644 index 819f1fe926b..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-inset-000.htm +++ /dev/null @@ -1,51 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-rule shorthand with 'inset' border style</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-27 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'"> - <link rel="match" href="reference/multicol-rule-ridge-000-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="'border-style' values of column-rule are interpreted as in the collapsing border model in which case 'inset' value is drawn the same as 'ridge'."> - <style type="text/css"> - div - { - background-color: black; - color: black; - font: 3.125em/1 Ahem; - margin-bottom: 0.2em; - width: 8.2em; - } - - div#test - { - columns: 2; - column-gap: 0.2em; - column-rule: lime inset 0.2em; - - /* - - N == 2; - - W == 200px; - - */ - - orphans: 1; - widows: 1; - } - - span {border-left: lime ridge 0.2em;} - </style> - </head> - <body> - - <p>Test passes if the 2 black stripes with vertical green bars are <strong>identical</strong>.</p> - - <div id="test">1 <br>2 </div> - - <div id="reference">1234<span>5678</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-large-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-large-001.htm deleted file mode 100644 index 15e33ed88eb..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-large-001.htm +++ /dev/null @@ -1,67 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: excessively wide column-rule-width</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-09-03 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#crw" title="4.4. 'column-rule-width'"> - <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2013Sep/0006.html" title="[css3-multicol] z-order of column-rule: below or above border?"> - <link rel="match" href="reference/multicol-rule-large-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that if a column rule is wider than its gap, then the column rule will overlap adjacent column boxes; its painting will be above background of multi-column element but below the inline content inside the multicol element."> - <style type="text/css"> - body - { - font: 1.25em/1 Ahem; - margin-left: 1em; - } - - div - { - background-color: red; - border: gray solid 1em; - color: lime; - font-size: 1em; - orphans: 1; - widows: 1; - width: 15em; - - column-count: 4; - column-gap: 1em; - column-rule-color: blue; - column-rule-style: solid; - column-rule-width: 17em; - } - - /* - - N == 4; - - W == max(0, (available-width - ((N - 1) * column-gap)) / N); - W == max(0, (15em - ((4 - 1) * 1em)) / 4); - W == max(0, (15em - (3 * 1em)) / 4); - W == max(0, (15em - (3em)) / 4); - W == max(0, (12em) / 4); - W == max(0, 3em); - W == 3em; - - */ - - /* - Since column rules do not take up space, then the test - should not generate an horizontal scrollbar. - */ - </style> - </head> - - <body> - - <div> - 1s cl - 2n cl - 3r cl - 4t cl - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-large-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-large-002.htm deleted file mode 100644 index 89c135a3cdd..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-large-002.htm +++ /dev/null @@ -1,43 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: over-excessively wide column-rule-width</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-09-03 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#crw" title="4.4. 'column-rule-width'"> - <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2013Sep/0006.html" title="[css3-multicol] z-order of column-rule: below or above border?"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that if a column rule is over-excessively wide, even wider than window viewport, then the column rule will exceed the window viewport width but will not generate an horizontal scrollbar since column rules do not take up space."> - <style type="text/css"> - div - { - background-color: red; - border: gray solid 1em; - color: lime; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 15em; - - column-count: 4; - column-gap: 1em; - column-rule-color: blue; - column-rule-style: solid; - column-rule-width: 4000px; - } - </style> - </head> - - <body> - - <p>Test passes if there is no horizontal scrollbar.</p> - - <div> - 1s cl - 2n cl - 3r cl - 4t cl - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-none-000.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-none-000.htm deleted file mode 100644 index 36e5e98eedb..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-none-000.htm +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-rule shorthand with 'none' border style</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-27 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'"> - <link rel="match" href="reference/multicol-rule-hidden-000-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: black; - color: black; - font: 3.125em/1 Ahem; - margin-bottom: 0.2em; - width: 8.2em; - } - - div#test - { - columns: 2; - column-gap: 0.2em; - column-rule: red none 0.2em; - - /* - - N == 2; - - W == 200px; - - */ - - orphans: 1; - widows: 1; - } - </style> - </head> - <body> - - <p>Test passes if the 2 black stripes are <strong>identical</strong>.</p> - - <div id="test">1 <br>2 </div> - - <div id="reference">A</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-outset-000.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-outset-000.htm deleted file mode 100644 index f756ff319c7..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-outset-000.htm +++ /dev/null @@ -1,51 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-rule shorthand with 'outset' border style</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-27 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'"> - <link rel="match" href="reference/multicol-rule-groove-000-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="'border-style' values of column-rule are interpreted as in the collapsing border model in which case 'outset' value is drawn the same as 'groove'."> - <style type="text/css"> - div - { - background-color: black; - color: black; - font: 3.125em/1 Ahem; - margin-bottom: 0.2em; - width: 8.2em; - } - - div#test - { - columns: 2; - column-gap: 0.2em; - column-rule: lime outset 0.2em; - - /* - - N == 2; - - W == 200px; - - */ - - orphans: 1; - widows: 1; - } - - span {border-left: lime groove 0.2em;} - </style> - </head> - <body> - - <p>Test passes if the 2 black stripes with vertical green bars are <strong>identical</strong>.</p> - - <div id="test">1 <br>2 </div> - - <div id="reference">1234<span>5678</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-percent-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-percent-001.htm deleted file mode 100644 index f38bca015f2..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-percent-001.htm +++ /dev/null @@ -1,33 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-rule-width and percentage unit (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-14 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#crw" title="4.4. 'column-rule-width'"> - <link rel="match" href="reference/multicol-containing-002-ref.htm"> - <meta name="flags" content="ahem invalid"> - <meta name="assert" content="This test checks that the column-rule-width property does not accept percentage unit in its values."> - <style type="text/css"> - div - { - color: green; - font: 1.25em/1 Ahem; - width: 19em; - - column-count: 4; - column-gap: 1em; - column-rule-color: red; - column-rule-style: solid; - column-rule-width: 0; - column-rule-width: 200%; - } - </style> - </head> - - <body> - - <div>4444 1 1 1 1 4444 1 1 1 4444 1 1 1 1 4444 1 1 1 1 1 1 4444 1 1 4444 1 1 4444 4444 1 1 4444 1 1 4444</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-px-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-px-001.htm deleted file mode 100644 index 3bd8bd77ffa..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-px-001.htm +++ /dev/null @@ -1,58 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-rule</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gaps-and-rules"> -<link rel="match" href="reference/multicol-rule-ref.htm"> -<meta name="flags" content="ahem"> -<style type="text/css"> -body { - margin: 0; -} -body>div { - font-family: ahem; - font-size: 1em; - line-height: 1em; - color: black; - background: yellow; - margin: 1em; - border: 1em solid gray; - width: 15em; - orphans: 1; - widows: 1; - - column-count: 4; - column-gap: 1em; - column-rule-color: blue; - column-rule-width: 16px; - column-rule-style: solid; -} -span { - background: blue; - position: absolute; - top: 0; - left: 3em; - height: 2em; - width: 16px; -} -span+span { - left: 7em; -} -span+span+span { - left: 11em; -} -</style> -</head> - -<body> - -<div id="one"> - xx xx - xx xx - xx xx - xx xx -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-ridge-000.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-ridge-000.htm deleted file mode 100644 index ce144f4ab5f..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-ridge-000.htm +++ /dev/null @@ -1,50 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-rule shorthand with 'ridge' border style</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-27 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'"> - <link rel="match" href="reference/multicol-rule-ridge-000-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: black; - color: black; - font: 3.125em/1 Ahem; - margin-bottom: 0.2em; - width: 8.2em; - } - - div#test - { - columns: 2; - column-gap: 0.2em; - column-rule: lime ridge 0.2em; - - /* - - N == 2; - - W == 200px; - - */ - - orphans: 1; - widows: 1; - } - - span {border-left: lime ridge 0.2em;} - </style> - </head> - <body> - - <p>Test passes if the 2 black stripes with vertical green bars are <strong>identical</strong>.</p> - - <div id="test">1 <br>2 </div> - - <div id="reference">1234<span>5678</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-samelength-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-samelength-001.htm deleted file mode 100644 index 4443990bd79..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-samelength-001.htm +++ /dev/null @@ -1,71 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: 'column-rule-width' has same lenght as 'column-gap'</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-15 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#crw" title="4.4. 'column-rule-width'"> - <link rel="match" href="reference/multicol-rule-samelength-001-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - body {margin: 8px;} - - p - { - line-height: 1.25em; - margin: 1em 0em; - } - - strong {line-height: 1;} - - div#red-overlapped-reference - { - background-color: red; - height: 100px; - width: 100px; - } - - div#test-overlapping-green - { - bottom: 100px; - color: transparent; - font: 1.25em/1 Ahem; /* equivalent to 20px/1 Ahem */ - position: relative; - right: 40px; - width: 9em; - - column-count: 2; - column-gap: 5em; - column-rule-color: green; - column-rule-style: solid; - column-rule-width: 5em; - } - </style> - </head> - - <body> - - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="red-overlapped-reference"></div> - - <div id="test-overlapping-green">Le ft Co lu mn Ri gh Co lu mn</div> - - <!-- - - Expected results - column-gap - column-rule - v=====v - ************* - |Le| |Ri| - |ft| |gh| - |Co| |Co| - |lu| |lu| - |mn| |mn| - ************* - - --> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-shorthand-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-shorthand-001.htm deleted file mode 100644 index 79e515cfba3..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-shorthand-001.htm +++ /dev/null @@ -1,81 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: 'column-rule' shorthand</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-15 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#crw" title="4.4. 'column-rule-width'"> - <link rel="match" href="reference/multicol-rule-samelength-001-ref.htm"> - <meta name="flags" content="ahem invalid"> - <style type="text/css"> - body {margin: 8px;} - - p - { - line-height: 1.25em; - margin: 1em 0em; - } - - strong {line-height: 1;} - - div#red-overlapped-reference - { - background-color: red; - height: 100px; - width: 100px; - } - - div#test-overlapping-green - { - bottom: 100px; - color: transparent; - font: 1.25em/1 Ahem; /* equivalent to 20px/1 Ahem */ - position: relative; - right: 40px; - width: 9em; - - column-count: 2; - column-gap: 5em; - column-rule: green solid 5em; - column-rule: normal red 5em; - column-rule: normal 5em red; - column-rule: red normal 5em; - column-rule: red 5em normal; - column-rule: 5em normal red; - column-rule: 5em red normal; - column-rule: red 5em red solid; - column-rule: red 5em solid red; - column-rule: red solid 5em red; - column-rule: red solid red 5em; - column-rule: 5em red solid red; - column-rule: solid red 5em red; - } - </style> - </head> - - <body> - - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="red-overlapped-reference"></div> - - <div id="test-overlapping-green">Le ft Co lu mn Ri gh Co lu mn</div> - - <!-- - - Expected results - column-gap - column-rule - v=====v - ************* - |Le| |Ri| - |ft| |gh| - |Co| |Co| - |lu| |lu| - |mn| |mn| - ************* - - --> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-solid-000.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-solid-000.htm deleted file mode 100644 index 9c700f359b5..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-solid-000.htm +++ /dev/null @@ -1,50 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-rule shorthand with 'solid' border style</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-27 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'"> - <link rel="match" href="reference/multicol-rule-solid-000-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: black; - color: black; - font: 3.125em/1 Ahem; - margin-bottom: 0.2em; - width: 8.2em; - } - - div#test - { - columns: 2; - column-gap: 0.2em; - column-rule: lime solid 0.2em; - - /* - - N == 2; - - W == 200px; - - */ - - orphans: 1; - widows: 1; - } - - span {border-left: lime solid 0.2em;} - </style> - </head> - <body> - - <p>Test passes if the 2 black stripes with vertical green bars are <strong>identical</strong>.</p> - - <div id="test">1 <br>2 </div> - - <div id="reference">1234<span>5678</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-stacking-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-stacking-001.htm deleted file mode 100644 index e460522b6e9..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-stacking-001.htm +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-count, stacking</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gaps-and-rules"> -<link rel="match" href="reference/multicol-rule-stacking-ref.htm"> -<meta name="flags" content="ahem"> -<style type="text/css"> -body { - margin: 0; -} -body>div { - font-family: ahem; - font-size: 1em; - line-height: 1em; - color: blue; - background: red; - margin: 1em; - border: 1em solid gray; - width: 14em; - orphans: 1; - widows: 1; - - column-count: 4; - column-gap: 1em; - column-rule: 28em solid blue; -} -span { - color: black; - position: relative; - z-index: 1; -} -</style> -</head> - -<body> - -<div> - xx xx - xx xx - <span>xx xx</span> - xx xx -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-style-groove-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-style-groove-001.htm deleted file mode 100644 index b9456a1d929..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-style-groove-001.htm +++ /dev/null @@ -1,71 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: 'column-rule-style' groove</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-15 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#crs" title="4.3. 'column-rule-style'"> - <link rel="match" href="reference/multicol-rule-style-groove-001-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - body {margin: 8px;} - - p - { - line-height: 1.25em; - margin: 1em 0em; - } - - strong {line-height: 1;} - - div {color: transparent;} - - div#reference - { - border-collapse: collapse; - border-left: orange groove 100px; - font: 6.25em/1 Ahem; - display: table; - } - - div#test - { - font: 1.25em/1 Ahem; /* equivalent to 20px/1 Ahem */ - position: relative; - right: 40px; - top: 0.5em; - width: 9em; - - column-count: 2; - column-gap: 5em; - column-rule: orange groove 5em; - } - </style> - </head> - - <body> - - <p>Test passes if the 2 orange squares are <strong>identical</strong>.</p> - - <div id="reference">T</div> - - <div id="test">Le ft Co lu mn Ri gh Co lu mn</div> - - <!-- - - Expected results - column-gap - column-rule - v=====v - ************* - |Le| |Ri| - |ft| |gh| - |Co| |Co| - |lu| |lu| - |mn| |mn| - ************* - - --> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-style-inset-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-style-inset-001.htm deleted file mode 100644 index ea8b96fb670..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-style-inset-001.htm +++ /dev/null @@ -1,71 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: 'column-rule-style' inset</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-15 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#crs" title="4.3. 'column-rule-style'"> - <link rel="match" href="reference/multicol-rule-style-ridge-001-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - body {margin: 8px;} - - p - { - line-height: 1.25em; - margin: 1em 0em; - } - - strong {line-height: 1;} - - div {color: transparent;} - - div#reference - { - border-collapse: collapse; - border-left: orange inset 100px; - font: 6.25em/1 Ahem; - display: table; - } - - div#test - { - font: 1.25em/1 Ahem; /* equivalent to 20px/1 Ahem */ - position: relative; - right: 40px; - top: 0.5em; - width: 9em; - - column-count: 2; - column-gap: 5em; - column-rule: orange inset 5em; - } - </style> - </head> - - <body> - - <p>Test passes if the 2 orange squares are <strong>identical</strong>.</p> - - <div id="reference">T</div> - - <div id="test">Le ft Co lu mn Ri gh Co lu mn</div> - - <!-- - - Expected results - column-gap - column-rule - v=====v - ************* - |Le| |Ri| - |ft| |gh| - |Co| |Co| - |lu| |lu| - |mn| |mn| - ************* - - --> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-style-outset-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-style-outset-001.htm deleted file mode 100644 index a4e2f264353..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-style-outset-001.htm +++ /dev/null @@ -1,71 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: 'column-rule-style' outset</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-15 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#crs" title="4.3. 'column-rule-style'"> - <link rel="match" href="reference/multicol-rule-style-groove-001-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - body {margin: 8px;} - - p - { - line-height: 1.25em; - margin: 1em 0em; - } - - strong {line-height: 1;} - - div {color: transparent;} - - div#reference - { - border-collapse: collapse; - border-left: orange outset 100px; - font: 6.25em/1 Ahem; - display: table; - } - - div#test - { - font: 1.25em/1 Ahem; /* equivalent to 20px/1 Ahem */ - position: relative; - right: 40px; - top: 0.5em; - width: 9em; - - column-count: 2; - column-gap: 5em; - column-rule: orange outset 5em; - } - </style> - </head> - - <body> - - <p>Test passes if the 2 orange squares are <strong>identical</strong>.</p> - - <div id="reference">T</div> - - <div id="test">Le ft Co lu mn Ri gh Co lu mn</div> - - <!-- - - Expected results - column-gap - column-rule - v=====v - ************* - |Le| |Ri| - |ft| |gh| - |Co| |Co| - |lu| |lu| - |mn| |mn| - ************* - - --> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-style-ridge-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-style-ridge-001.htm deleted file mode 100644 index f3c25128a13..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-rule-style-ridge-001.htm +++ /dev/null @@ -1,71 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: 'column-rule-style' ridge</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-15 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#crs" title="4.3. 'column-rule-style'"> - <link rel="match" href="reference/multicol-rule-style-ridge-001-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - body {margin: 8px;} - - p - { - line-height: 1.25em; - margin: 1em 0em; - } - - strong {line-height: 1;} - - div {color: transparent;} - - div#reference - { - border-collapse: collapse; - border-left: orange ridge 100px; - font: 6.25em/1 Ahem; - display: table; - } - - div#test - { - font: 1.25em/1 Ahem; /* equivalent to 20px/1 Ahem */ - position: relative; - right: 40px; - top: 0.5em; - width: 9em; - - column-count: 2; - column-gap: 5em; - column-rule: orange ridge 5em; - } - </style> - </head> - - <body> - - <p>Test passes if the 2 orange squares are <strong>identical</strong>.</p> - - <div id="reference">T</div> - - <div id="test">Le ft Co lu mn Ri gh Co lu mn</div> - - <!-- - - Expected results - column-gap - column-rule - v=====v - ************* - |Le| |Ri| - |ft| |gh| - |Co| |Co| - |lu| |lu| - |mn| |mn| - ************* - - --> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-shorthand-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-shorthand-001.htm deleted file mode 100644 index 1e0cb2696f6..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-shorthand-001.htm +++ /dev/null @@ -1,58 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | invalid</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns"> -<link rel="match" href="reference/multicol-rule-ref.htm"> -<meta name="flags" content="ahem invalid"> -<style type="text/css"> -body { - margin: 0; -} -body>div { - font-family: ahem; - font-size: 1em; - line-height: 1em; - color: black; - background: yellow; - margin: 1em; - border: 1em solid gray; - width: 15em; - orphans: 1; - widows: 1; - - column-count: 4; - column-gap: 1em; - column-rule: solid blue 1em; - column: normal red 1em; - columns: normal red 1em; -} -span { - background: blue; - position: absolute; - top: 0; - left: 3em; - height: 2em; - width: 1em; -} -span+span { - left: 7em; -} -span+span+span { - left: 11em; -} -</style> -</head> - -<body> - -<div> - xx xx - xx xx - xx xx - xx xx -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-000.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-000.htm deleted file mode 100644 index 8f7d1377582..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-000.htm +++ /dev/null @@ -1,64 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-span (basic)</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-27 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'"> - <link rel="match" href="reference/multicol-span-000-ref.htm"> - <meta name="flags" content="ahem image"> - <style type="text/css"> - div - { - background-color: yellow; - color: lime; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 10em; - } - - div#test, div.test2 - { - columns: 2; - column-fill: balance; - column-gap: 0em; - - /* - - N == 2; - - W == 5em; - - */ - } - - div#test, div#reference {margin-bottom: 0.5em;} - - div#column-span - { - column-span: all; - font: inherit; - } - - img - { - padding-right: 4em; - vertical-align: top; - } - </style> - </head> - <body> - - <p>Test passes if the 3 rectangles are <strong>identical</strong>.</p> - - <div id="test">A<br>B<div id="column-span">123456</div>C<br>D</div> - - <div id="reference"><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled"><br><img src="support/swatch-lime.png" width="120" height="20" alt="Image download support must be enabled"><br><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled"></div> - - <div class="test2">A<br>B</div> - <div>123456</div> - <div class="test2">C<br>D</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-001.htm deleted file mode 100644 index 69a4cd925ca..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-001.htm +++ /dev/null @@ -1,61 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: 'column-span' element (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-16 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-span" title="6.1. 'column-span'"> - <link rel="match" href="reference/multicol-span-all-001-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: yellow; - border: gray solid 1em; - color: navy; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 11em; - - column-count: 4; - column-gap: 1em; - - /* - - N == 4; - - W == 2em; - - */ - - } - - span {color: blue;} - - span + span {color: pink;} - - h4 - { - background-color: black; - color: black; - font: inherit; - margin: 0; - - column-span: all; - } - </style> - </head> - - <body> - - <div> - <span id="top-first-and-second-columns"> bl ue bl ue </span> - <span id="top-third-and-fourth-columns"> Pi nk Pi nk </span> - <h4> sPana </h4> - ab cd ef gh - ij kl mn oq - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-002.htm deleted file mode 100644 index e6a9c3bc90b..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-002.htm +++ /dev/null @@ -1,69 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: 'column-span' element - large margin-left and 'overflow: hidden'</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-16 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-span" title="6.1. 'column-span'"> - <link rel="match" href="reference/multicol-span-all-002-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: yellow; - border: gray solid 1em; - color: navy; - font: 1.25em/1 Ahem; - orphans: 1; - overflow: hidden; - widows: 1; - width: 8em; - - column-count: 4; - column-gap: 0em; - - /* - - N == 4; - - W == 2em; - - */ - - } - - span {color: blue;} - - span + span {color: pink;} - - h4 - { - background-color: black; - color: black; - font: inherit; - margin: 1em 0 1em 8em; - - column-span: all; - /* - Since there is not sufficient space for the - spanning element, UA may treat the element as - 'column-span: none'; in which case, - 'overflow: hidden' will take care of - overflowed content out of multi-column box. - */ - } - </style> - </head> - - <body> - - <div> - <span id="top-first-and-second-columns"> bl ue bl ue </span> - <span id="top-third-and-fourth-columns"> Pi nk Pi nk </span> - <h4> sPana </h4> - ab cd ef gh - ij kl mn oq - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-003.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-003.htm deleted file mode 100644 index b275d779dcf..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-003.htm +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: 'column-span: all' (basic)</title> - <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-03 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-span" title="6.1. 'column-span'"> - <link rel="match" href="reference/multicol-count-002-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that 'column-span: all' spans across all column boxes and that content in the normal flow (in this test, the '55555 55555 55555 55555') that appears before the element is automatically balanced across all columns before the element appears."> - - <style type="text/css"> - html {background-color: white;} - - body - { - background-color: black; - font: 1.25em/1 Ahem; - padding-right: 1em; - width: 20em; - } - - div - { - background-color: yellow; - color: black; - - column-count: 4; - column-gap: 0; - } - - h4 - { - background-color: black; - column-span: all; - color: yellow; - font: 1em/1 Ahem; - margin: 0em; - } - </style> - </head> - <body> - <div> - 55555 55555 55555 55555 - <h4> 4444 4444 4444 4444</h4> - 1 22 1 22 1 1 333 1 333 1 333 55555 1 22 1 22 1 1 22 1 22 1 22 55555 1 333 1 333 1 4444 4444 1 55555 1 333 1 333 1 4444 4444 1 55555 - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-block-sibling-003.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-block-sibling-003.htm deleted file mode 100644 index e8a4b63c313..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-block-sibling-003.htm +++ /dev/null @@ -1,40 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicol | column-span: all | block-level child</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<link rel="help" href="http://www.w3.org/TR/css3-multicol/#spanning-columns"> -<link rel="match" href="reference/multicol-span-all-block-sibling-3-ref.htm"> -<meta name="flags" content="ahem"> -<style type="text/css"> -body>div { - font-family: ahem; - font-size: 1em; - line-height: 1; - color: black; - background: black; - - column-count: 2; -} -h1 { - column-span: all; -} -</style> -</head> - -<body> - -<div> - <div> - <h1>foo</h1> - FAIL<br> - FAIL<br> - FAIL<br> - FAIL<br> - FAIL<br> - FAIL<br> - FAIL<br> - </div> -</div> -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-child-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-child-001.htm deleted file mode 100644 index f6fc6330503..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-child-001.htm +++ /dev/null @@ -1,53 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: 'column-span: all' element with block children (complex)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-19 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-span" title="6.1. 'column-span'"> - <link rel="bookmark" title="[css3-multicol] spanning element with only block children" href="http://lists.w3.org/Archives/Public/www-style/2013Aug/0318.html"> - <link rel="match" href="reference/multicol-span-all-child-001-ref.htm"> - <meta name="flags" content="ahem may"> - <meta name="assert" content="This test checks how a spanning element with block children is rendered inside a multi-column element with a set height which is insufficient for rendering the entire spanning element. Since the available height (10em)is insufficient to render the spanning element (height needed: 3 times 4em) entirely inside the multi-column element, then UA may treat 'column-span: all' as 'column-span: none'."> - <style type="text/css"> - body - { - color: black; - font: 1.25em/1 Ahem; - height: 10em; - orphans: 1; - widows: 1; - width: 10em; - - column-count: 2; - column-fill: auto; - column-gap: 0em; - } - - div - { - background-color: yellow; - border: blue solid 2em; - - column-span: all; - } - - span - { - display: block; - height: 4em; - width: 5em; - } - </style> - </head> - - <body> - - <div> - <span>block</span> - <span>block</span> - <span>block</span> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-child-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-child-002.htm deleted file mode 100644 index 3851277c0ba..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-child-002.htm +++ /dev/null @@ -1,86 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: 'column-span: all' element with block children (complex)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-19 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-span" title="6.1. 'column-span'"> - <link rel="bookmark" title="[css3-multicol] spanning element with only block children" href="http://lists.w3.org/Archives/Public/www-style/2013Aug/0318.html"> - <link rel="match" href="reference/multicol-span-all-child-002-ref.htm"> - <meta name="flags" content="may"> - <meta name="assert" content="This test checks how spanning elements with block children is rendered inside a multi-column element with a set height which is insufficient for rendering both spanning elements entirely. Since available space (height of 8em) is insufficient to render both spanning elements (4 times 4em plus 2em) entirely inside the multi-column element, then UA may treat 'column-span: all' as 'column-span: none'."> - <style type="text/css"> - html {background-color: white;} - - body - { - background-color: black; - height: 8em; - orphans: 1; - widows: 1; - width: 10em; - - column-count: 2; - column-gap: 0em; - - /* - - N == 2; - - W == 5em; - - */ - - } - - div, p - { - font: 1em/1 serif; - margin-top: 0em; - - column-span: all; - } - - span - { - color: black; - display: block; - height: 4em; - width: 5em; - } - </style> - </head> - - <body> - - <div> - <span>FAIL</span> - <span>FAIL</span> - <span>FAIL</span> - <span>FAIL</span> - </div> - - <p>abc deg ghk mno</p> - - <!-- - - Expected results: - - ************************ - |FAIL |FAIL |abc deg - | | |ghk mno - | | | - | | | - |FAIL |FAIL | - | | | - | | | - | | | - ************************ - - The test presumes, postulates that - "abc deg" occupies not more than 5em. - - --> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-margin-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-margin-001.htm deleted file mode 100644 index cad94435ba7..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-margin-001.htm +++ /dev/null @@ -1,71 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: 'column-span: all' element and width exceeding available multi-colum width (complex)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-18 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-span" title="6.1. 'column-span'"> - <link rel="match" href="reference/multicol-span-all-margin-001-ref.htm"> - <meta name="flags" content="ahem may"> - <meta name="assert" content="This test checks that when 'overflow' is set to 'hidden' on a multi-column element, then any spanning ('column-span: all') element exceeding the available width of the multi-column should be clipped accordingly."> - <style type="text/css"> - div - { - background-color: yellow; - border: gray solid 1em; - color: navy; - font: 1.25em/1 Ahem; - orphans: 1; - overflow: hidden; - widows: 1; - width: 8em; - - column-count: 4; - column-gap: 0em; - - /* - - N == 4; - - W == 2; - - */ - } - - h4 - { - background: black; - color: black; - font: inherit; - margin: 1em 0; - width: 11em; - - column-span: all; - - /* - This is the target of the test: the spanning element's - width (11em) exceeds the available width of the - multi-column element. The 3em exceeding such - width is first clipped at column box boundary. - */ - } - - span {color: blue;} - - span + span {color: pink;} - </style> - </head> - - <body> - - <div> - <span> bl ue bl ue </span> - <span> Pi nk Pi nk </span> - <h4> black </h4> - <h4> black </h4> - na vy na vy - na vy na vy - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-margin-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-margin-002.htm deleted file mode 100644 index 04345dc548e..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-margin-002.htm +++ /dev/null @@ -1,75 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: 'column-span: all' element</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-19 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-span" title="6.1. 'column-span'"> - <link rel="match" href="reference/multicol-span-all-margin-002-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: yellow; - border: gray solid 1em; - color: navy; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 8em; - - column-count: 4; - column-gap: 0em; - - /* - - N == 4; - - W == 2; - - */ - } - - h4 - { - font: inherit; - margin: 1em 0; - } - - h4#orange - { - background: orange; - color: orange; - /* - In this test, the glyphs "or" are painted into 4th column box - and the glyphs "ang" are painted in the overflow area. - */ - } - - h4#black - { - background: black; - color: black; - - column-span: all; - } - - span {color: blue;} - - span + span {color: pink;} - </style> - </head> - - <body> - - <div> - <span> bl ue bl ue </span> - <span> Pi nk Pi nk </span> - <h4 id="orange"> orang </h4> - <h4 id="black"> black </h4> - na vy na vy - na vy na vy - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-margin-bottom-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-margin-bottom-001.htm deleted file mode 100644 index b1f5157b2e1..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-margin-bottom-001.htm +++ /dev/null @@ -1,78 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: 'column-span: all' element with vertical margins and width exceeding available multi-colum width (complex)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-19 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-span" title="6.1. 'column-span'"> - <link rel="match" href="reference/multicol-span-all-margin-bottom-001-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: yellow; - border: gray solid 1em; - color: navy; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 8em; - - column-count: 4; - column-gap: 0em; - - /* - - N == 4; - - W == 2em; - - */ - } - - h4 - { - font: inherit; - margin: 1em 0; - } - - h4#black - { - background: black; - color: black; - - column-span: all; - } - - h4#orange - { - background: orange; - color: orange; - /* - In this test, the glyphs "or" are painted into 1st column box. - "Content in the normal flow that extends into column - gaps (e.g., long words or images) is clipped in the - middle of the column gap." - Therefore, the glyphs "ang" are clipped and not painted. - */ - } - - span {color: blue;} - - span + span {color: pink;} - </style> - </head> - - <body> - - <div> - na vy na vy - na vy na vy - <h4 id="black"> black </h4> - <h4 id="orange"> orang </h4> - <span> bl ue bl ue </span> - <span> Pi nk Pi nk </span> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-margin-nested-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-margin-nested-001.htm deleted file mode 100644 index 4faec1c9f95..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-margin-nested-001.htm +++ /dev/null @@ -1,69 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: vertically adjacent spanning elements with nested margins (complex)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-19 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-span" title="6.1. 'column-span'"> - <link rel="match" href="reference/multicol-span-all-margin-nested-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="In this test, the first h4 element would collapse its margin bottom with the top margin of div#child if only div#child was also a spanning element, which is not: the bottom margin of the first h4 element is 8em wide while the top margin of div#child is only 2em wide (1 column box wide). That is why the bottom margin of the first h4 element should not collapse with the top margin of div#child."> - <style type="text/css"> - div#multi-column - { - background-color: yellow; - border: gray solid 1em; - color: navy; - font: 1.25em/1 Ahem; - orphans: 1; - overflow: hidden; - widows: 1; - width: 8em; - - column-count: 4; - column-gap: 0em; - - /* - - N == 4; - - W == 2em; - - */ - } - - h4, div#child - { - background-color: black; - color: black; - font: inherit; - margin: 0; - } - - h4 - { - margin: 1em 0; - width: 11em; - - column-span: all; - } - </style> - </head> - <body> - - <div id="multi-column"> - na vy na vy - na vy na vy - - <h4 id="first">black</h4> - - <div id="child"> - <h4 id="nested">black</h4> - </div> - - na vy na vy - na vy na vy - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-margin-nested-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-margin-nested-002.htm deleted file mode 100644 index b52f482b854..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-margin-nested-002.htm +++ /dev/null @@ -1,70 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: vertically adjacent spanning elements with nested margins (complex)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-19 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-span" title="6.1. 'column-span'"> - <link rel="match" href="reference/multicol-span-all-margin-nested-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="In this test, the first h4 element would collapse its margin bottom with the resulting (from a margin collapsing with its nested h4 element) of top margin of div#child if only div#child was also a spanning element, which is not: the bottom margin of the first h4 element is 8em wide while the top margin of div#child is only 2em wide (1 column box wide). That is why the bottom margin of the first h4 element should not collapse with the top margin of div#child."> - <style type="text/css"> - div#multi-column - { - background-color: yellow; - border: gray solid 1em; - color: navy; - font: 1.25em/1 Ahem; - orphans: 1; - overflow: hidden; - widows: 1; - width: 8em; - - column-count: 4; - column-gap: 0em; - - /* - - N == 4; - - W == 2em; - - */ - } - - h4, div#child - { - background-color: black; - color: black; - font: inherit; - margin: 1em 0; - } - - div#child {margin: 1em 0 0;} - - h4 - { - width: 11em; - - column-span: all; - } - </style> - </head> - <body> - - <div id="multi-column"> - na vy na vy - na vy na vy - - <h4 id="first">black</h4> - - <div id="child"> - <h4 id="nested">black</h4> - </div> - - na vy na vy - na vy na vy - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-margin-nested-003.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-margin-nested-003.htm deleted file mode 100644 index 93b7153cba3..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-margin-nested-003.htm +++ /dev/null @@ -1,38 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolomn | column-span inside block</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<link rel="help" href="http://www.w3.org/TR/css3-multicol/#spanning-columns"> -<link rel="match" href="reference/multicol-span-all-margin-nested-3-ref.htm"> -<meta name="flags" content="ahem"> -<style type="text/css"> -body>div { - font-family: ahem; - font-size: 1em; - line-height: 1em; - color: black; - background: black; - position: absolute; - orphans: 1; - widows: 1; - - column-count: 4; -} -#spanned { - column-span: all; -} -</style> -</head> - -<body> - -<div> - <div> - <div id="spanned">x</div> - </div> - FAIL FAIL FAIL FAIL -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-margin-nested-firstchild-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-margin-nested-firstchild-001.htm deleted file mode 100644 index f3502ab6df0..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-all-margin-nested-firstchild-001.htm +++ /dev/null @@ -1,78 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-span</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<link rel="help" href="http://www.w3.org/TR/css3-multicol/#spanning-columns"> -<link rel="match" href="reference/multicol-span-all-margin-nested-firstchild-ref.htm"> -<meta name="flags" content="ahem"> -<style type="text/css"> -body { - margin: 0; -} -body>div { - font-family: ahem; - font-size: 1em; - line-height: 1em; - color: navy; - background: yellow; - margin: 1em; - border: 1em solid gray; - width: 8em; - float: left; - orphans: 1; - widows: 1; - overflow: hidden; - - column-count: 4; - column-gap: 0; -} -span, h6 { - font-family: ahem; - font-size: 1em; - font-weight: normal; - line-height: 1em; - color: black; - background: black; - padding: 0; - margin: 0; - display: block; -} -h6 { - margin: 1em 0; - width: 11em; - column-span: all; -} -span { - color: pink; - background: pink; - margin: 2em 0; -} -h6~h6 { - color: black; - background: black; - height: 1em; -} -h6~h6>span { - background: pink; - color: pink; - margin: -2em 0 0; -} -</style> -</head> - -<body> - -<div> - xx xx xx xx - xx xx xx xx - - <h6><span>xxxxx</span></h6> - <h6><span>xxxxx</span></h6> - - xx xx xx xx - xx xx xx xx -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-float-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-float-001.htm deleted file mode 100644 index 0bcb1d86444..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-float-001.htm +++ /dev/null @@ -1,64 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: floating a column-spanning element</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-22 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-span" title="6.1. 'column-span'"> - <link rel="match" href="reference/multicol-span-float-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that 'column-span' does not apply to floating element."> - <style type="text/css"> - div - { - background-color: yellow; - border: gray solid 1em; - color: navy; - font: 1.25em/1 Ahem; - margin-left: 5em; - orphans: 1; - widows: 1; - width: 11em; - - column-count: 2; - column-gap: 1em; - - /* - - N == 2; - - W == 5em; - - */ - } - - span - { - display: block; - font: inherit; - margin: 0; - width: 11em; - - column-span: all; - } - - span:first-child - { - background-color: pink; - color: pink; - float: right; - } - - span + span {color: black;} - </style> - </head> - <body> - - <div> - <span>Pinkk</span> - <span>black</span> - navyy navyy - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-none-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-none-001.htm deleted file mode 100644 index e51c94c0a67..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-span-none-001.htm +++ /dev/null @@ -1,61 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-span: none (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-22 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#spanning-columns" title="6.1. 'column-span'"> - <link rel="match" href="reference/multicol-span-none-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks how a 'column-span: none' element is rendered: it should not span across all column boxes."> - <style type="text/css"> - div - { - border: gray solid 1em; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 11em; - - column-count: 2; - column-gap: 1em; - - /* - - N == 2; - - W == 5em; - - */ - } - - h4 - { - background: black; - color: black; - font: inherit; - margin: 0; - width: 11em; - - column-span: none; - } - - #column1-top {color: blue;} - - #column1-bottom {color: orange;} - - #column2-top {color: pink;} - - #column2-bottom {color: yellow;} - </style> - </head> - <body> - <div> - <span id="column1-top"> ab cd ef gh </span> - <h4> 1234567890123 </h4> - <span id="column1-bottom"> ij kl mn oq </span> - <span id="column2-top"> ab cd ef gh </span> - <span id="column2-bottom"> rs tu vw xy </span> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-table-cell-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-table-cell-001.htm deleted file mode 100644 index 16b2ab552d9..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-table-cell-001.htm +++ /dev/null @@ -1,31 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-count and table-cell (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-23 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="match" href="reference/multicol-table-cell-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that 'column-count' applies to elements with 'display' set to 'table-cell'."> - <style type="text/css"> - div - { - background-color: red; - color: black; - display: table-cell; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - - column-count: 6; - column-gap: 0em; - } - </style> - </head> - <body> - - <div>P<br>A<br>S<br>S<br>E<br>D</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-table-cell-height-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-table-cell-height-001.htm deleted file mode 100644 index de40562f772..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-table-cell-height-001.htm +++ /dev/null @@ -1,46 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-count and height of table-cell (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-23 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="match" href="reference/multicol-table-cell-height-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that 'column-count' applies to elements with 'display' set to 'table-cell' which can be constrained with a set height."> - <style type="text/css"> - div - { - background-color: yellow; - color: black; - display: table-cell; - font: 1.25em/1 Ahem; - height: 18em; - orphans: 1; - widows: 1; - width: 15em; - - column-count: 2; - column-gap: 2em; - - /* - - N == 2; - - W == 6.5em; - - */ - } - </style> - </head> - <body> - - <div> - 111 222 333 444 555 666 777 888 999 - 111 222 333 444 555 666 777 888 999 - 111 222 333 444 555 666 777 888 999 - 111 222 333 444 555 666 777 888 999 - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-table-cell-height-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-table-cell-height-002.htm deleted file mode 100644 index aa9928e9e55..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-table-cell-height-002.htm +++ /dev/null @@ -1,46 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-count and height of table-cell (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-23 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="match" href="reference/multicol-table-cell-height-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that 'column-count' applies to elements with 'display' set to 'table-cell' which can be constrained with a set height. A set height for a table-cell still remains the minimum height required by the content, even when its layout is influenced by, conditioned by a multi-column layout."> - <style type="text/css"> - div - { - background-color: yellow; - color: black; - display: table-cell; - font: 1.25em/1 Ahem; - height: 0em; - orphans: 1; - widows: 1; - width: 15em; - - column-count: 2; - column-gap: 2em; - - /* - - N == 2; - - W == 6.5em; - - */ - } - </style> - </head> - <body> - - <div> - 111 222 333 444 555 666 777 888 999 - 111 222 333 444 555 666 777 888 999 - 111 222 333 444 555 666 777 888 999 - 111 222 333 444 555 666 777 888 999 - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-table-cell-vertical-align-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-table-cell-vertical-align-001.htm deleted file mode 100644 index aa9e42912c8..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-table-cell-vertical-align-001.htm +++ /dev/null @@ -1,34 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | table-cell, vertical-align</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-multi-column-model"> -<link rel="match" href="reference/multicol-table-cell-vertical-align-ref.htm"> -<meta name="flags" content="ahem"> -<style type="text/css"> -div { - font-family: ahem; - font-size: 1em; - line-height: 1em; - vertical-align: middle; - color: white; - background: #3366CC; - width: 6em; - height: 400px; - display: table-cell; - - column-count: 2; - column-gap: 0; -} -</style> -</head> - -<body> - -<div> -aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-001.htm deleted file mode 100644 index 55f69e7dc50..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-001.htm +++ /dev/null @@ -1,42 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-width (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-23 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="match" href="reference/multicol-width-001-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - body - { - font: 1.25em/1 Ahem; - width: 30em; - } - - div - { - background-color: yellow; - color: black; - orphans: 1; - widows: 1; - - column-gap: 0; - column-width: 6em; - } - </style> - </head> - <body> - <div> - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-002.htm deleted file mode 100644 index b67966db8e4..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-002.htm +++ /dev/null @@ -1,36 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-width (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-23 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="match" href="reference/multicol-width-002-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 12em; - - column-gap: 0; - column-width: 6em; - } - - span {color: blue;} - </style> - </head> - <body> - <div> - bl ac bl ac - <span> - bl ue bl ue - </span> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-003.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-003.htm deleted file mode 100644 index 8618d4cd353..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-003.htm +++ /dev/null @@ -1,61 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-width (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-23 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="match" href="reference/multicol-width-002-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - div#multi-column - { - background-color: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - height: 2em; - orphans: 1; - position: relative; - widows: 1; - width: 12em; - - column-width: 6em; - column-gap: 0; - } - - div > div - { - background-color: black; - height: 2em; - position: absolute; - top: 0; - width: 2em; - } - - div#s2 {left: 3em;} - - div#s3 - { - background-color: blue; - left: 6em; - } - - div#s4 - { - background-color: blue; - left: 9em; - } - </style> - </head> - <body> - - <div id="multi-column"> - <div></div> - <div id="s2"></div> - <div id="s3"></div> - <div id="s4"></div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-count-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-count-001.htm deleted file mode 100644 index 58bcc3513fb..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-count-001.htm +++ /dev/null @@ -1,43 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-count and column-width (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-23 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns"> - <link rel="match" href="reference/multicol-width-001-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - body - { - font: 1.25em/1 Ahem; - width: 30em; - } - - div - { - background-color: yellow; - color: black; - orphans: 1; - widows: 1; - - column-count: 5; - column-gap: 0; - column-width: 6em; - } - </style> - </head> - <body> - <div> - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - d da dam dame damer - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-count-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-count-002.htm deleted file mode 100644 index a6652f29e19..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-count-002.htm +++ /dev/null @@ -1,36 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: column-count and column-width (basic)</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-23 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#cc" title="3.2 'column-count'"> - <link rel="match" href="reference/multicol-count-002-ref.htm"> - <meta name="flags" content="ahem"> - <style type="text/css"> - html {background-color: white;} - - body - { - background-color: black; - font: 1.25em/1 Ahem; - padding-right: 1em; - width: 20em; - } - - div - { - background-color: yellow; - color: black; - - column-count: 4; - column-gap: 0; - column-width: 5em; - } - </style> - </head> - <body> - <div>55555 1 1 22 1 22 1 1 333 1 333 1 333 55555 55555 1 1 22 1 22 1 1 22 1 22 1 22 55555 55555 1 1 333 1 333 1 4444 4444 1 55555 55555 1 1 333 1 333 1 4444 4444 1 55555 - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-ems-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-ems-001.htm deleted file mode 100644 index b7d82ed80ba..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-ems-001.htm +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-width</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns"> -<link rel="match" href="reference/multicol-width-ems-ref.htm"> -<meta name="flags" content=""> -<style type="text/css"> -body { - margin: 0; - width: 40em; -} -div { - font-family: monospace; - font-size: 1em; - line-height: 1em; - color: black; - background: yellow; - orphans: 1; - widows: 1; - - column-width: 8em; - column-gap: 0; -} -</style> -</head> - -<body> -<div> - one two three four - five six seven eight - nineten eleven twelve - thirtn fourtnfiftn sixtn - seventn eightn ninetn twenty - hundred thousand million billion - trillion -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-invalid-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-invalid-001.htm deleted file mode 100644 index 6f1ed56f2f3..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-invalid-001.htm +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: invalid column-width</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-23 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#cw" title="3.1. 'column-width'"> - <link rel="match" href="reference/multicol-width-invalid-001-ref.htm"> - <meta name="flags" content="ahem invalid"> - <meta name="assert" content="This test checks that 'column-width: bzzt' is invalid (generating a parsing error) and therefore will be ignored."> - <style type="text/css"> - div - { - background-color: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 12em; - - column-gap: 0; - column-width: bzzt; - } - - span {color: blue;} - </style> - </head> - <body> - <div> - bl ac - <span> - bl ue - </span> - <span> - bl ue - </span> - bl ac - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-large-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-large-001.htm deleted file mode 100644 index 16f1e24794c..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-large-001.htm +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: large column-width</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-23 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#cw" title="3.1. 'column-width'"> - <link rel="match" href="reference/multicol-width-invalid-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that a set 'column-width' may be wider (to fill the available space). In this test, the actual column-width will be increased to 12em."> - <style type="text/css"> - div - { - background-color: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 12em; - - column-gap: 0; - column-width: 9em; - } - - span {color: blue;} - </style> - </head> - <body> - <div> - bl ac - <span> - bl ue - </span> - <span> - bl ue - </span> - bl ac - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-large-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-large-002.htm deleted file mode 100644 index 63e5d76f533..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-large-002.htm +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: large column-width</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-24 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#cw" title="3.1. 'column-width'"> - <link rel="match" href="reference/multicol-width-invalid-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that a set 'column-width' equal in width to the whole available space of the multi-column will use it all for its column box."> - <style type="text/css"> - div - { - background-color: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 12em; - - column-gap: 0; - column-width: 12em; - } - - span {color: blue;} - </style> - </head> - <body> - <div> - bl ac - <span> - bl ue - </span> - <span> - bl ue - </span> - bl ac - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-negative-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-negative-001.htm deleted file mode 100644 index 4587285405a..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-negative-001.htm +++ /dev/null @@ -1,30 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: negative column-width</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-24 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#cw" title="3.1. 'column-width'"> - <link rel="match" href="reference/multicol-count-002-ref.htm"> - <meta name="flags" content="ahem invalid"> - <meta name="assert" content="This test checks that a set 'column-width' can not be negative."> - <style type="text/css"> - div - { - background-color: black; - border: black solid 1em; - color: yellow; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 19em; - - column-width: -100px; - column-gap: 0; - } - </style> - </head> - <body> - <div>4444 4444 4444 4444 1 1 1 1 1 1 1 1 1 1 1 1 4444 4444 4444 4444 1 1 1 1 1 1 1 1 1 1 1 1 1 4444 4444</div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-small-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-small-001.htm deleted file mode 100644 index 9650f952f5e..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-width-small-001.htm +++ /dev/null @@ -1,55 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: narrow column-width</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-24 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#overflow-inside-multicol-elements" title="8.1. Overflow inside multicol elements"> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#cw" title="3.1. 'column-width'"> - <link rel="match" href="reference/multicol-width-small-001-ref.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that a set 'column-width' which is small with regards to width of multi-column element. In this test, in-flow content that extends into column gaps is clipped in the middle of the column gap. "> - <style type="text/css"> - div - { - background-color: yellow; - border: gray solid 1em; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - width: 12em; - - column-gap: 0; - column-width: 1em; - } - - span {color: blue;} - </style> - </head> - <body> - <div> - Bl ac - <span> - bl ue - </span> - <span> - bl ue - </span> - Bl ac - </div> - - <!-- - - Expected results - - ************************* - *B|a|b|u|b|u|B|a| | | | * - ************************* - - Every "l", "c" and "e" glyphs are clipped. - - --> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-zero-height-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-zero-height-001.htm deleted file mode 100644 index 40d3cae05d9..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-zero-height-001.htm +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Multi-column Layout Test: multi-column element with zero height</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-24 --> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#cw" title="3.1. 'column-width'"> - <link rel="match" href="reference/multicol-zero-height-001-ref.htm"> - <meta name="flags" content=""> - <style type="text/css"> - div#multi-column - { - height: 0; - orphans: 1; - widows: 1; - width: 200px; - - column-count: 2; - column-gap: 0; - - /* - - N == 2; - - W == 100px; - - */ - } - - div > div - { - background-color: lime; - float: left; - height: 300px; - width: 100px; - } - </style> - </head> - <body> - <div id="multi-column"> - <div></div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-basic-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-basic-ref.htm deleted file mode 100644 index 5ab881195ab..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-basic-ref.htm +++ /dev/null @@ -1,70 +0,0 @@ -<!DOCTYPE html> -<html><!-- Submitted from TestTWF Paris --><head> - <title>CSS Test reference</title> - <link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann"> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J Etemad"> - <meta content="ahem" name="flags"> - - <style type="text/css"> - .multicol-wrapper>*{ - font-family: Ahem; - } - - div.multicol-wrapper{ - border: thin solid black; - display: inline-block; - margin: 1em auto; - width: 360px; - } - - .multicol-basic-ref{ - background: yellow; - width: 360px; - border-spacing: 0; - border-collapse: collapse; - padding: 0; - } - - .multicol-basic-ref td{ - padding: 0; - } - .multicol-basic-ref-item{ - padding: 0; - width: 120px; - background: #000; - border-spacing: 0; - border-collapse: collapse; - display: inline; - border: none; - } - - .item-1{ - background: purple; - color: purple; - } - - .item-2{ - background: orange; - color: orange; - } - - .item-3{ - background: blue; - color: blue; - } - </style> -</head> -<body> -<p>Test passes if there are three vertical stripes in the yellow box below: 1st purple, 2nd orange, 3rd blue.</p> -<div class="multicol-wrapper"> - <table class="multicol-basic-ref"> - <tbody><tr> - <td><div class="multicol-basic-ref-item item-1">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</div></td> - <td><div class="multicol-basic-ref-item item-2">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</div></td> - <td><div class="multicol-basic-ref-item item-3">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</div></td> - </tr> - </tbody></table> -</div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-block-clip-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-block-clip-001-ref.htm deleted file mode 100644 index 555bccaa1bb..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-block-clip-001-ref.htm +++ /dev/null @@ -1,33 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-24 --> - <meta name="flags" content="image"> - <style type="text/css"> - table - { - border-spacing: 0px; - border: gray solid 1em; - font: 1.25em/1 serif; - } - - td - { - padding: 0; - width: 3em; - } - - td + td {width: 8em;} - - img, td {vertical-align: top;} - </style> - </head> - <body> - <table> - <tr> - <td><img src="support/swatch-blue.png" width="40" height="80" alt="Image download support must be enabled"><img src="support/black20x20.png" width="50" height="20" alt="Image download support must be enabled"></td><td><img src="support/swatch-orange.png" width="40" height="80" alt="Image download support must be enabled"></td> - </tr></table> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-block-clip-002-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-block-clip-002-ref.htm deleted file mode 100644 index 1a6a6bfc463..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-block-clip-002-ref.htm +++ /dev/null @@ -1,54 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-24 --> - <meta name="flags" content="image"> - <style type="text/css"> - div - { - font: 1.25em/1 serif; - border: 1em solid gray; - width: 11em; - height: 6em; - position: relative; - } - - img {position: absolute;} - - img#black {top: 4em;} - - img#first-orange {top: 5em;} - - img#second-orange {left: 4em;} - - img#first-pink - { - left: 4em; - top: 3em; - } - - img#second-pink {left: 8em;} - - img#yellow - { - left: 8em; - top: 1em; - } - </style> - </head> - <body> - - <div> - <img id="blue" src="support/swatch-blue.png" width="40" height="80" alt="Image download support must be enabled"> - <img id="black" src="support/black20x20.png" width="70" height="20" alt="Image download support must be enabled"> - <img id="first-orange" src="support/swatch-orange.png" width="40" height="20" alt="Image download support must be enabled"> - <img id="second-orange" src="support/swatch-orange.png" width="40" height="60" alt="Image download support must be enabled"> - <img id="first-pink" src="support/swatch-pink.png" width="40" height="60" alt="Image download support must be enabled"> - <img id="second-pink" src="support/swatch-pink.png" width="40" height="20" alt="Image download support must be enabled"> - <img id="yellow" src="support/swatch-yellow.png" width="40" height="80" alt="Image download support must be enabled"> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-br-inside-avoidcolumn-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-br-inside-avoidcolumn-ref.htm deleted file mode 100644 index 8b1597dd157..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-br-inside-avoidcolumn-ref.htm +++ /dev/null @@ -1,29 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicol | break-inside: avoid-column</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<style type="text/css"> -html { - width: 800px; - background: white; -} -h1 { - color: white; - margin-top: 0; - padding-top: 0.66em; -} -div { - height: 450px; - background: black; - height: 300px; -} -</style> -</head> -<body> -<div> - <h1>You should not see the word FAIL</h1> -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-break-000-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-break-000-ref.htm deleted file mode 100644 index c82924a732d..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-break-000-ref.htm +++ /dev/null @@ -1,30 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-25 --> - <meta name="flags" content="ahem image"> - <style type="text/css"> - div - { - background-color: yellow; - margin-bottom: 0.5em; - font: 1.25em/1 Ahem; - height: 3em; - width: 10em; - } - - img {vertical-align: top;} - </style> - </head> - <body> - - <p>Test passes if the 2 horizontal bars are <strong>identical</strong>.</p> - - <div><img src="support/black20x20.png" alt="Image download support must be enabled"> <img src="support/black20x20.png" alt="Image download support must be enabled"> <img src="support/black20x20.png" alt="Image download support must be enabled"></div> - - <div><img src="support/black20x20.png" alt="Image download support must be enabled"> <img src="support/black20x20.png" alt="Image download support must be enabled"> <img src="support/black20x20.png" alt="Image download support must be enabled"></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-break-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-break-001-ref.htm deleted file mode 100644 index bc153c905a9..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-break-001-ref.htm +++ /dev/null @@ -1,29 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-09-14 --> - <meta name="flags" content="ahem image"> - <style type="text/css"> - div - { - background-color: yellow; - margin-bottom: 0.5em; - font: 1.25em/1 Ahem; - height: 3em; - width: 10em; - } - - img {vertical-align: top;} - </style> - </head> - <body> - - <p>Test passes if the 2 horizontal bars are <strong>identical</strong>.</p> - - <div> <img src="support/black20x20.png" alt="Image download support must be enabled"> <img src="support/black20x20.png" alt="Image download support must be enabled"> <img src="support/black20x20.png" alt="Image download support must be enabled"></div> - - <div> <img src="support/black20x20.png" alt="Image download support must be enabled"> <img src="support/black20x20.png" alt="Image download support must be enabled"> <img src="support/black20x20.png" alt="Image download support must be enabled"></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-clip-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-clip-001-ref.htm deleted file mode 100644 index 2c006d11466..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-clip-001-ref.htm +++ /dev/null @@ -1,31 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-24 --> - <meta name="flags" content="image"> - <style type="text/css"> - div - { - border: gray solid 1em; - font: 1.25em/1 serif; - width: 11em; - } - - img - { - position: relative; - vertical-align: top; - } - - img + img {left: 3em;} - - img + img + img {left: 6em;} - </style> - </head> - <body> - <div><img src="support/black20x20.png" width="40" height="60" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="60" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="40" height="40" alt="Image download support must be enabled"> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-clip-002-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-clip-002-ref.htm deleted file mode 100644 index 779372b1b95..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-clip-002-ref.htm +++ /dev/null @@ -1,31 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-25 --> - <meta name="flags" content="image"> - <style type="text/css"> - div - { - border: gray solid 1em; - font: 1.25em/1 serif; - width: 11em; - } - - img - { - position: relative; - vertical-align: top; - } - - img + img {left: 3em;} - - img + img + img {left: 6em;} - </style> - </head> - <body> - <div><img src="support/black20x20.png" width="40" height="60" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="60" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="20" height="40" alt="Image download support must be enabled"> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-collapsing-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-collapsing-001-ref.htm deleted file mode 100644 index 2254836dffc..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-collapsing-001-ref.htm +++ /dev/null @@ -1,31 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-25 --> - <meta name="flags" content="image"> - <style type="text/css"> - div - { - background-color: black; - border: black solid 1px; - font: 1.25em/1 serif; - padding: 1em; - width: 8em; - } - - img - { - position: relative; - vertical-align: top; - } - - img + img + img {left: 2em;} - </style> - </head> - <body> - <div><img src="support/swatch-yellow.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="20" height="60" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="20" height="60" alt="Image download support must be enabled"> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-columns-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-columns-001-ref.htm deleted file mode 100644 index 00e18753624..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-columns-001-ref.htm +++ /dev/null @@ -1,24 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-25 --> - <meta name="flags" content="ahem"> - <style type="text/css"> - body {width: 600px;} - - div - { - background-color: yellow; - color: black; - font: 1.25em/1 Ahem; - orphans: 1; - widows: 1; - } - </style> - </head> - <body> - <div>d da d da d da d da d da d da dam dam dam dam dam dam dame dame dame dame dame dame damerdamerdamerdamerdamerdamer<br>d da d da d da d da d da dam dam dam dam dam dame dame dame dame dame damerdamerdamerdamerdamer </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-columns-invalid-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-columns-invalid-001-ref.htm deleted file mode 100644 index c5aad1a7b52..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-columns-invalid-001-ref.htm +++ /dev/null @@ -1,32 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-26 --> - <meta name="flags" content="image"> - <style type="text/css"> - table - { - background-color: yellow; - border-spacing: 0px; - border: gray solid 1em; - font: 1.25em/1 serif; - } - - td {padding: 0 1em 0 0;} - - img, td {vertical-align: top;} - </style> - </head> - <body> - <table> - <tr> - <td><img src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"></td> - <td><img src="support/swatch-blue.png" width="40" height="40" alt="Image download support must be enabled"></td> - <td><img src="support/swatch-blue.png" width="40" height="40" alt="Image download support must be enabled"></td> - <td><img src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"></td> - </tr> - </table> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-containing-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-containing-001-ref.htm deleted file mode 100644 index e0e69717329..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-containing-001-ref.htm +++ /dev/null @@ -1,31 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-27 --> - <meta name="flags" content="image"> - <style type="text/css"> - table - { - background-color: yellow; - border-spacing: 0px; - border: gray solid 1em; - font: 1.25em/1 serif; - } - - td {padding: 0 2em 0 0;} - - img, td {vertical-align: top;} - </style> - </head> - <body> - <table> - <tr> - <td><img src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"></td> - <td><img src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"></td> - <td><img src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"></td> - </tr> - </table> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-containing-002-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-containing-002-ref.htm deleted file mode 100644 index 7fd87186efb..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-containing-002-ref.htm +++ /dev/null @@ -1,31 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> - <meta name="flags" content="ahem"> - <style type="text/css"> - div#inline-block - { - color: green; - display: inline-block; - font: 1.25em/1 Ahem; - } - </style> - </head> - <body> - - <div id="inline-block"> - - <div>4444 4444 4444 4444</div> - <div>1 1 1 1 1 1 </div> - <div>1 1 1 1 1 1 </div> - <div>4444 4444 4444 4444</div> - <div>1 1 1 1 1</div> - <div>1 1 1 1 1</div> - <div>1 1 1 4444 4444</div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-count-002-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-count-002-ref.htm deleted file mode 100644 index 2cf002e2378..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-count-002-ref.htm +++ /dev/null @@ -1,40 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-27 --> - <meta name="flags" content="image"> - <style type="text/css"> - div - { - background-color: yellow; - font: 1.25em/1 Ahem; - width: 21em; - } - - img {vertical-align: top;} - </style> - </head> - <body> - - <div><img src="support/black20x20.png" width="420" height="20" alt="Image download support must be enabled"> - - <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> - - <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="80" height="20" alt="Image download support must be enabled"> - - <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="80" height="20" alt="Image download support must be enabled"> - - <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> - - <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> - - <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> - - <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> - - <img src="support/black20x20.png" width="420" height="20" alt="Image download support must be enabled"> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-count-computed-003-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-count-computed-003-ref.htm deleted file mode 100644 index d2f2f4b1e71..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-count-computed-003-ref.htm +++ /dev/null @@ -1,25 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-29 --> - <meta name="flags" content="image"> - - <style type="text/css"> - img {vertical-align: top;} - </style> - </head> - - <body> - - <div><img src="support/swatch-gray.png" width="300" height="20" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-pink.png" width="70" height="20" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="15" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="35" height="20" alt="Image download support must be enabled"><img src="support/swatch-purple.png" width="80" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="60" height="20" alt="Image download support must be enabled"><img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-orange.png" width="70" height="20" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="15" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="35" height="20" alt="Image download support must be enabled"><img src="support/swatch-gray.png" width="80" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="60" height="20" alt="Image download support must be enabled"><img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-gray.png" width="300" height="20" alt="Image download support must be enabled"></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-count-computed-004-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-count-computed-004-ref.htm deleted file mode 100644 index 8bb68bcaca8..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-count-computed-004-ref.htm +++ /dev/null @@ -1,25 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-29 --> - <meta name="flags" content="image"> - - <style type="text/css"> - img {vertical-align: top;} - </style> - </head> - - <body> - - <div><img src="support/swatch-gray.png" width="280" height="20" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-pink.png" width="80" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-orange.png" width="80" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="60" height="20" alt="Image download support must be enabled"><img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-purple.png" width="80" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-gray.png" width="80" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="60" height="20" alt="Image download support must be enabled"><img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-gray.png" width="280" height="20" alt="Image download support must be enabled"></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-count-computed-2-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-count-computed-2-ref.htm deleted file mode 100644 index 02aa825d688..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-count-computed-2-ref.htm +++ /dev/null @@ -1,57 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-rule</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<style type="text/css"> -body { - margin: 0; -} -div { - font-family: ahem; - font-size: 1em; - line-height: 1em; - color: black; - background: yellow; - margin: 1em; - border: 1em solid gray; - width: 12em; - height: 2em; - position: relative; - widows: 1; - orphans: 1; -} -#pink {color: pink;} -#orange {color: orange;} -#purple {color: purple;} -#grey {color: grey;} -span { - display: block; - position: absolute; -} -#orange { - left: 5em; - top: 0; -} -#purple { - left: 0; - top: 1em; -} -#grey { - left: 5em; - top: 1em; -} -</style> -</head> - -<body> - -<div> - <span id="purple">xxxx</span> - <span id="orange">xxxx</span> - <span id="grey">xxxx</span> - <span id="pink">xxxx</span> -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-count-computed-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-count-computed-ref.htm deleted file mode 100644 index d96efcf7482..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-count-computed-ref.htm +++ /dev/null @@ -1,68 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-rule</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<style type="text/css"> -body { - margin: 0; -} -div { - font-family: ahem; - font-size: 1em; - line-height: 1em; - color: black; - background: yellow; - margin: 1em; - border: 1em solid gray; - width: 12em; - height: 2em; - position: relative; - widows: 1; - orphans: 1; - -} -span { - display: block; - position: absolute; -} -#pink { - color: pink; -} -#orange { - color: orange; - left: 0; - top: 1em; -} -#purple { - color: purple; - left: 9em; - top: 0; -} -#grey { - color: grey; - left: 9em; - top: 1em; -} -#blue { - left: 5.25em; - top: 0; - width: 1.5em; - height: 2em; - background: blue; -} -</style> -</head> - -<body> - -<div> - <span id="pink">xxxx</span> - <span id="orange">xxxx</span> - <span id="purple">xxxx</span> - <span id="grey">xxxx</span> - <span id="blue"></span> -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-count-large-2-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-count-large-2-ref.htm deleted file mode 100644 index eae61362ec5..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-count-large-2-ref.htm +++ /dev/null @@ -1,39 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-count</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<style type="text/css"> -body>div { - font-family: ahem; - font-size: 1em; - line-height: 1em; - color: black; - background: yellow; - margin: 1em; - border: 1em solid gray; - width: 12em; - height: 1em; - position: relative; - orphans: 1; - widows: 1; -} -span { - color: blue; - background: blue; - width: 2em; - position: absolute; - left: 0; - top: 0; -} -</style> -</head> - -<body> - -<div> - <span>x</span> -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-count-large-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-count-large-ref.htm deleted file mode 100644 index 290a0595f6a..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-count-large-ref.htm +++ /dev/null @@ -1,29 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-count</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<style type="text/css"> -body>div { - font-family: ahem; - font-size: 1em; - line-height: 1em; - color: black; - background: yellow; - margin: 1em; - border: 1em solid gray; - width: 12em; - height: 1em; - orphans: 1; - widows: 1; - -} -</style> -</head> - -<body> - -<div>xx</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-000-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-000-ref.htm deleted file mode 100644 index 06c78dc834b..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-000-ref.htm +++ /dev/null @@ -1,52 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-25 --> - <meta name="flags" content="ahem"> - <style type="text/css"> - table - { - background-color: yellow; - border-spacing: 0em; - color: lime; - margin: 1em 0em; - font: 1.25em/1 Ahem; - table-layout: fixed; - width: 18em; - } - - td {padding: 0em;} - </style> - </head> - <body> - - <p>Test passes if the 3 horizontal bars are <strong>identical</strong>.</p> - - <table> - <tr> - <td>G</td> - <td>H</td> - <td>I</td> - </tr> - </table> - - <table> - <tr> - <td>G</td> - <td>H</td> - <td>I</td> - </tr> - </table> - - <table> - <tr> - <td>G</td> - <td>H</td> - <td>I</td> - </tr> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-001-ref.htm deleted file mode 100644 index 73473694f98..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-001-ref.htm +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-25 --> - <meta name="flags" content="ahem"> - <style type="text/css"> - table - { - background-color: yellow; - border-spacing: 0em; - color: lime; - font: 1.25em/1 Ahem; - height: 5em; - margin: 1em 0em; - table-layout: fixed; - width: 20em; - } - - td - { - padding: 0em; - vertical-align: top; - } - </style> - </head> - <body> - - <p>Test passes if the 2 rectangles are <strong>identical</strong>.</p> - - <table> - <tr> - <td>G<br>H<br>I</td> - <td>J<br>K<br>L</td> - </tr> - </table> - - <table> - <tr> - <td>G<br>H<br>I</td> - <td>J<br>K<br>L</td> - </tr> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-auto-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-auto-001-ref.htm deleted file mode 100644 index d5c1302ac97..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-auto-001-ref.htm +++ /dev/null @@ -1,39 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-07-30 --> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - color: black; - font: 1.25em/1 Ahem; - float: left; - width: 10em; - margin-right: 1em; - } - </style> - </head> - <body> - - <div>1 22 333 - 4444 55555 - 666666 - 7777777 - 999999999 - 1 22 333 - 4444 55555 - 666666 - 7777777 - 999999999</div> - - <div>1 22 333 - 4444 55555 - 666666 - 7777777 - 999999999</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-auto-002-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-auto-002-ref.htm deleted file mode 100644 index 95ab3e80656..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-auto-002-ref.htm +++ /dev/null @@ -1,42 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-fill-auto</title> -<link rel="author" title="howcome@opera.com" href="http://www.opera.com/"> -<meta name="flags" content="ahem"> -<style type="text/css"> -body>div { - font-family: ahem; - font-size: 1.25em; - line-height: 1em; - color: green; - height: 3em; - width: 2em; - orphans: 1; - widows: 1; - position: relative; - margin: 1em; -} -div.col { - column-count: 2; - column-fill: auto; - column-gap: 0; -} -div.red { - background: red; position: absolute; z-index: -1; -} -</style> -</head> - -<body> - -<div class="ref"> -oo<br>t<br>o -</div> - -<div class="ref"> -oo<br>t<br>o -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-auto-003-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-auto-003-ref.htm deleted file mode 100644 index 0fa3f3412ae..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-auto-003-ref.htm +++ /dev/null @@ -1,33 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-01 --> - <meta name="flags" content="ahem image"> - <style type="text/css"> - div {font: 1.25em/1 Ahem;} - img {vertical-align: top;} - </style> - </head> - <body> - - <p>Test passes if there is <strong>no red</strong>.</p> - - <div><img src="support/swatch-green.png" width="460" height="20" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-green.png" width="220" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-green.png" width="60" height="20" alt="Image download support must be enabled"> <img src="support/swatch-green.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/swatch-green.png" width="80" height="20" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-green.png" width="60" height="20" alt="Image download support must be enabled"> <img src="support/swatch-green.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/swatch-green.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-green.png" width="60" height="20" alt="Image download support must be enabled"> <img src="support/swatch-green.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-green.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/swatch-green.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/swatch-green.png" width="60" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-green.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/swatch-green.png" width="100" height="20" alt="Image download support must be enabled"> <img src="support/swatch-yellow.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-green.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/swatch-green.png" width="100" height="20" alt="Image download support must be enabled"> <img src="support/swatch-green.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-green.png" width="60" height="20" alt="Image download support must be enabled"> <img src="support/swatch-green.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/swatch-green.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-green.png" width="460" height="20" alt="Image download support must be enabled"></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-auto-block-children-002-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-auto-block-children-002-ref.htm deleted file mode 100644 index c7895d87869..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-auto-block-children-002-ref.htm +++ /dev/null @@ -1,79 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-16 --> - <meta name="flags" content=""> - <style type="text/css"> - body {margin: 8px;} - - div - { - background-color: blue; - height: 200px; - width: 680px; - } - - h1 - { - color: white; - font-size: 2em; - line-height: 1.25; /* or 1.21875 to achieve a 39px tall line box */ - margin-top: 8px; /* The margin-top of body and h1 will collapse into an 8px gap */ - margin-bottom: 21px; - padding-top: 21px; - } - - span#pass - { - color: blue; - font-size: 1.5em; - font-weight: bolder; - left: 698px; - - /* - - Expected result: - - 8px 688px - v v - ************************************************ - * * - * <h1>Test passes if the word "PASS!" is<br />* 1st line box - * on the right ↘</h1> * 2nd line box - * * - ************************************************ - * * - * <h2>nbsp;<h2> <h2>nbsp;<h2> <h2>nbsp;<h2> * <h2>PASS!</h2> - * * - ************************************************ - ^ ^ - 228px 458px - - */ - - line-height: 1; - position: absolute; - top: 130px; - - /* - 8px : margin-top of body element - 21px : margin-top of h1 element which must not collapse with body's margin-top - 80px : content height: 2 line boxes required to render the "Test passes if ..." sentence - 21px : margin-bottom of h1 element - ==================================== - 130px : top position of span#pass in document box - */ - } - </style> - </head> - <body> - - <div> - <h1>Test passes if "PASS!" is<br>on the right ↘</h1> - <span id="pass">PASS!</span> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-auto-block-children-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-auto-block-children-ref.htm deleted file mode 100644 index 69202950f74..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-auto-block-children-ref.htm +++ /dev/null @@ -1,27 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicol | column-span: all | column-fill: auto</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<style type="text/css"> -html { - background: white; -} -body { - background: blue; - width: 1200px; - height: 492px; -} -h1 { - font-size: 2em; - margin: 0; - padding-top: 0.66em; -} -</style> -</head> - -<body> -<h1>you should not see the word fail</h1> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-balance-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-balance-001-ref.htm deleted file mode 100644 index 324ea7fe69a..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-balance-001-ref.htm +++ /dev/null @@ -1,42 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-fill</title> -<link rel="author" title="howcome@opera.com" href="http://www.opera.com/"> -<meta name="flags" content="ahem"> -<style type="text/css"> -body>div { - font-family: ahem; - font-size: 1.25em; - line-height: 1em; - color: green; - height: 3em; - width: 2em; - orphans: 1; - widows: 1; - position: relative; - margin: 1em; -} -div.col { - column-count: 2; - column-fill: balance; - column-gap: 0; -} -div.red { - background: red; position: absolute; z-index: -1; -} -</style> -</head> - -<body> - -<div class="ref"> -oo<br>tt -</div> - -<div class="ref"> -oo<br>tt -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-ref.htm deleted file mode 100644 index 8115e6f4ff1..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-fill-ref.htm +++ /dev/null @@ -1,20 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-gap</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<style type="text/css"> -div { - background: yellow; - height: 5em; - width: 30em; -} -</style> -</head> - -<body> - -<div></div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-gap-000-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-gap-000-ref.htm deleted file mode 100644 index b516eb7dba0..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-gap-000-ref.htm +++ /dev/null @@ -1,28 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-25 --> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - font: 1.25em/1 Ahem; - margin: 1em 0; - width: 30em; - } - - span {color: yellow;} - </style> - </head> - <body> - - <p>Test passes if the 2 horizontal bars are <strong>identical</strong>.</p> - - <div>1234567890<span>1234567890</span>1234567890</div> - - <div>1234567890<span>1234567890</span>1234567890</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-gap-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-gap-001-ref.htm deleted file mode 100644 index 9d45b288ecf..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-gap-001-ref.htm +++ /dev/null @@ -1,22 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-05 --> - <meta name="flags" content="image"> - <style type="text/css"> - div {margin: 1.25em;} - - img {vertical-align: top;} - </style> - </head> - <body> - <p>Test passes if the 2 stripes are <strong>identical</strong>.</p> - - <div><img src="support/black20x20.png" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/black20x20.png" alt="Image download support must be enabled"></div> - - <div><img src="support/black20x20.png" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/black20x20.png" alt="Image download support must be enabled"></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-gap-002-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-gap-002-ref.htm deleted file mode 100644 index 0e01c139eee..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-gap-002-ref.htm +++ /dev/null @@ -1,31 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-05 --> - <meta name="flags" content="image"> - <style type="text/css"> - table - { - background-color: yellow; - border-spacing: 0px; - border: gray solid 1em; - font: 1.25em/1 serif; - } - - td {padding: 0 1em 0 0;} - - img, td {vertical-align: top;} - - td#last-cell {padding-right: 0;} - </style> - </head> - <body> - <table> - <tr> - <td><img src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"></td><td><img src="support/swatch-blue.png" width="40" height="40" alt="Image download support must be enabled"></td><td><img src="support/swatch-blue.png" width="40" height="40" alt="Image download support must be enabled"></td><td id="last-cell"><img src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"></td> - </tr> - </table> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-gap-fraction-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-gap-fraction-001-ref.htm deleted file mode 100644 index 458ebd20d58..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-gap-fraction-001-ref.htm +++ /dev/null @@ -1,67 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-05 --> - <meta name="flags" content="ahem"> - <style type="text/css"> - body > div - { - background-color: gray; - font: 1.25em/1 Ahem; - height: 4em; - position: relative; - width: 14.5em; - } - - p, div > div - { - background-color: blue; - height: 1em; - left: 0; - margin: 0; - position: absolute; - top: 0; - width: 4em; - } - - div > div - { - background-color: black; - height: 4em; - } - - p {left: 7.5em;} - - p + p - { - left: 8.5em; - top: 1em; - } - - p + p + p - { - left: 9.5em; - top: 2em; - } - - p + p + p + p - { - left: 10.5em; - top: 3em; - } - </style> - </head> - <body> - - <div> - <div></div> - <p></p> - <p></p> - <p></p> - <p></p> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-gap-large-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-gap-large-001-ref.htm deleted file mode 100644 index 148ad3ada25..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-gap-large-001-ref.htm +++ /dev/null @@ -1,20 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-06 --> - <meta name="flags" content="image"> - <style type="text/css"> - img {vertical-align: top;} - </style> - </head> - <body> - <div><img src="support/swatch-gray.png" width="260" height="20" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-gray.png" width="20" height="40" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="20" height="40" alt="Image download support must be enabled"><img src="support/swatch-gray.png" width="20" height="40" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-gray.png" width="260" height="20" alt="Image download support must be enabled"></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-gap-large-002-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-gap-large-002-ref.htm deleted file mode 100644 index ce651cb4665..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-gap-large-002-ref.htm +++ /dev/null @@ -1,24 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-06 --> - <meta name="flags" content="image"> - <style type="text/css"> - div {font: 1.25em/1 serif;} - - img {vertical-align: top;} - </style> - </head> - <body> - <div><img src="support/swatch-gray.png" width="260" height="20" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-gray.png" width="20" height="40" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="110" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="30" height="40" alt="Image download support must be enabled"><img src="support/swatch-gray.png" width="20" height="40" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-gray.png" width="20" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="110" height="40" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="30" height="40" alt="Image download support must be enabled"><img src="support/swatch-gray.png" width="20" height="40" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-gray.png" width="260" height="20" alt="Image download support must be enabled"></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-height-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-height-001-ref.htm deleted file mode 100644 index 63643adcb4d..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-height-001-ref.htm +++ /dev/null @@ -1,28 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-06 --> - <meta name="flags" content="image"> - <style type="text/css"> - img - { - left: 135px; - /* 6em + (2em/2) - (10px/2) == 135px */ - position: relative; - vertical-align: top; - } - - img + img {left: 285px;} - /* 6em + 2em + 6em + (2em/2) - (10px/2) - 10px == 285px */ - </style> - </head> - <body> - - <p>Test passes if there are 2 blue vertical stripes of equal height.</p> - - <div><img src="support/swatch-blue.png" width="10" height="160" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="10" height="160" alt="Image download support must be enabled"></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-height-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-height-002.htm deleted file mode 100644 index 6ffca2972b2..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-height-002.htm +++ /dev/null @@ -1,37 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head class="reftest-print"> - <title>CSS Reftest Reference</title> - <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"> - <style type="text/css"> - html, body { height: 100%; } - * { margin: 0; } - div { - border: double blue 12px; - height: 150%; - padding: 0 12px; - } - div > p { - border-right: solid orange 12px; - border-left: solid orange 12px; - width: 50%; - margin: 0 auto; - height: 100%; - } - blockquote { - border: solid thick yellow; - } </style> - </head> - <body> - <p>Test passes if even when printed:</p> - <ul> - <li>Two vertical orange stripes stretch exactly - from the inner top edge to the inner bottom edge of the blue box below.</li> - <li>There is a yellow stripe immediately below the blue box.</li> - </ul> - <div> - <p></p> - </div> - <blockquote></blockquote> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-height-block-child-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-height-block-child-001-ref.htm deleted file mode 100644 index cff4b3d737e..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-height-block-child-001-ref.htm +++ /dev/null @@ -1,55 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-08 --> - <meta name="flags" content="image"> - <style type="text/css"> - div - { - background-color: blue; - font: 1.25em/1 serif; - } - - div#top - { - height: 5em; - width: 22em; - } - - div#bottom - { - height: 3em; - width: 14em; - } - - img {vertical-align: top;} - </style> - </head> - <body> - <div id="top"><img src="support/black20x20.png" width="60" height="100" alt="Image download support must be enabled"></div> - - <div id="bottom"><img src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled"></div> - - <!-- - - Expected results: - - 0em 14em 22em - v v v -0 ********************************************* - * bla | * - * bla | * - * bla | * - * bla | * -5 * bla | * -6 * orn |**************** -7 * orn | -8 * orn | - ***************************** - - --> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-inherit-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-inherit-001-ref.htm deleted file mode 100644 index c4c3f7240d3..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-inherit-001-ref.htm +++ /dev/null @@ -1,34 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-08 --> - <meta name="flags" content="image"> - <style type="text/css"> - div - { - background-color: yellow; - font: 1.25em/1 serif; - margin: 0em 1em; - padding: 0em 1em 1em; - width: 30em; - } - - img - { - padding-right: 1em; - vertical-align: top; - } - - img.column-gap {margin-right: 2em;} - - img#last {padding-right: 0em;} - </style> - </head> - <body> - - <div><img src="support/black20x20.png" width="40" height="60" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="60" alt="Image download support must be enabled"><img class="column-gap" src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="60" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="60" alt="Image download support must be enabled"><img class="column-gap" src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="60" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="60" alt="Image download support must be enabled"><img id="last" src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-inherit-002-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-inherit-002-ref.htm deleted file mode 100644 index 4f3dd9cd8fc..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-inherit-002-ref.htm +++ /dev/null @@ -1,39 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-08 --> - <meta name="flags" content="image"> - <style type="text/css"> - div - { - background-color: blue; - font: 1.25em/1 serif; - margin: 1em; - padding: 0em 1em 1em; - width: 30em; - } - - img {vertical-align: top;} - - img.column-gap - { - margin-left: -2em; - margin-right: 3em; - vertical-align: bottom; - } - - img#last - { - margin-left: -2em; - vertical-align: bottom; - } - </style> - </head> - <body> - - <div><img src="support/black20x20.png" width="40" height="60" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="20" height="60" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="60" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="20" height="60" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"><img class="column-gap" src="support/swatch-yellow.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="60" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="20" height="60" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="60" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="20" height="60" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"><img class="column-gap" src="support/swatch-yellow.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="60" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="20" height="60" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="60" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="20" height="60" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"><img id="last" src="support/swatch-yellow.png" width="40" height="20" alt="Image download support must be enabled"></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-inherit-3-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-inherit-3-ref.htm deleted file mode 100644 index 1cbfdd5223c..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-inherit-3-ref.htm +++ /dev/null @@ -1,65 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | inheritance</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<style type="text/css"> -body { - width: 75em; -} -body>div { - color: black; - background: yellow; - height: 2em; - position: relative; -} -div div { - position: absolute; - top: 0; - left: 0; -} -#two {left: 19em;} -#three {left: 38em;} -div div div { - font-family: ahem; - font-size: 1em; - line-height: 1em; - width: 2em; - height: 2em; - color: black; - position: absolute; - left: 1em; -} -.a2 {left: 4em;} -.a3 {left: 10.5em;} -.a4 {left: 13.5em;} -#two div {color: blue;} -#three div {color: pink;} -</style> -</head> - -<body> - -<div> - <div> - <div>xx xx</div> - <div class="a2">xx xx</div> - <div class="a3">xx xx</div> - <div class="a4">xx xx</div> - </div> - <div id="two"> - <div>xx xx</div> - <div class="a2">xx xx</div> - <div class="a3">xx xx</div> - <div class="a4">xx xx</div> - </div> - <div id="three"> - <div>xx xx</div> - <div class="a2">xx xx</div> - <div class="a3">xx xx</div> - <div class="a4">xx xx</div> - </div> -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-inherit-4-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-inherit-4-ref.htm deleted file mode 100644 index 52f09893115..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-inherit-4-ref.htm +++ /dev/null @@ -1,36 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | inheritance</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<style type="text/css"> -body>div { - margin: 1em; - background: white; - width: 74em; - height: 5em; - position: relative; -} -div div { - background: blue; - height: 5em; - width: 1em; - position: absolute; - top: 0; - left: 23em; -} -div>div+div { - left: 50em; -} -</style> -</head> - -<body> - -<div> - <div></div> - <div></div> -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-list-item-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-list-item-001-ref.htm deleted file mode 100644 index d58a0602ce2..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-list-item-001-ref.htm +++ /dev/null @@ -1,22 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-10 --> - <meta name="flags" content=""> - <style type="text/css"> - div - { - background-color: black; - height: 100px; - width: 200px; - } - </style> - </head> - <body> - - <div></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-margin-child-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-margin-child-001-ref.htm deleted file mode 100644 index 24c2e9f559b..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-margin-child-001-ref.htm +++ /dev/null @@ -1,45 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-10 --> - <meta name="flags" content=""> - <style type="text/css"> - body > div - { - background-color: blue; - border: gray solid 1em; - font-size: 1.25em; - height: 8em; - position: relative; - width: 10em; - } - - div > div - { - background-color: yellow; - height: 1em; - left: 0; - position: absolute; - top: 3em; - width: 5em; - } - - #second-stripe {top: 5em;} - - #third-stripe {top: 7em;} - </style> - - </head> - - <body> - - <div> - <div></div> - <div id="second-stripe"></div> - <div id="third-stripe"></div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-nested-002-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-nested-002-ref.htm deleted file mode 100644 index 84020b0dcd7..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-nested-002-ref.htm +++ /dev/null @@ -1,106 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-11 --> - <meta name="flags" content=""> - <style type="text/css"> - body {margin: 0em;} - - div#rel-pos-wrapper - { - background-color: yellow; - font: 1.25em/1 serif; - height: 4em; - position: relative; - width: 32em; - } - - div > div - { - font-size: 1em; - height: 3em; - position: absolute; - top: 0; - width: 2em; - } - - div#black1 - { - background-color: black; - left: 1em; - } - - div#black2 - { - background-color: black; - left: 4em; - } - - div#black3 - { - background-color: black; - height: 2em; - left: 7em; - } - - div#blue1 - { - background-color: blue; - left: 12em; - } - - div#blue2 - { - background-color: blue; - left: 15em; - } - - div#blue3 - { - background-color: blue; - height: 2em; - left: 18em; - } - - div#pink1 - { - background-color: pink; - left: 23em; - } - - div#pink2 - { - background-color: pink; - left: 26em; - } - - div#pink3 - { - background-color: pink; - height: 2em; - left: 29em; - } - </style> - </head> - <body> - - <div id="rel-pos-wrapper"> - - <div id="black1"></div> - <div id="black2"></div> - <div id="black3"></div> - - <div id="blue1"></div> - <div id="blue2"></div> - <div id="blue3"></div> - - <div id="pink1"></div> - <div id="pink2"></div> - <div id="pink3"></div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-nested-005-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-nested-005-ref.htm deleted file mode 100644 index ce164b7cfd0..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-nested-005-ref.htm +++ /dev/null @@ -1,34 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-10 --> - <meta name="flags" content="image"> - <style type="text/css"> - div - { - background-color: yellow; - font: 1.25em/1 serif; - margin: 1em; - padding: 0em 1em 1em; - width: 39em; - } - - img - { - padding-right: 2em; - vertical-align: top; - } - - img.column-gap {margin-right: 2em;} - - img#last {padding-right: 0em;} - </style> - </head> - <body> - - <div><img src="support/black20x20.png" width="40" height="60" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="60" alt="Image download support must be enabled"><img class="column-gap" src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="60" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="60" alt="Image download support must be enabled"><img class="column-gap" src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="60" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="60" alt="Image download support must be enabled"><img id="last" src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-nested-column-rule-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-nested-column-rule-001-ref.htm deleted file mode 100644 index 4ea7ba6746d..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-nested-column-rule-001-ref.htm +++ /dev/null @@ -1,45 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-09 --> - <meta name="flags" content=""> - <style type="text/css"> - div#rel-pos-wrapper - { - font: 1.25em/1 serif; - position: relative; - } - - div#rel-pos-wrapper > div - { - background-color: blue; - font-size: 1em; - height: 3em; - position: absolute; - width: 1em; - } - - div#first-column-rule - { - left: 14em; - top: auto; - } - - div#second-column-rule - { - left: 29em; - top: auto; - } - </style> - </head> - <body> - - <div id="rel-pos-wrapper"> - <div id="first-column-rule"></div> - <div id="second-column-rule"></div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-nested-margin-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-nested-margin-001-ref.htm deleted file mode 100644 index a322e7535d3..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-nested-margin-001-ref.htm +++ /dev/null @@ -1,107 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-11 --> - <meta name="flags" content=""> - <style type="text/css"> - body {margin: 0em;} - - div#rel-pos-wrapper - { - background-color: yellow; - font: 1.25em/1 serif; - height: 3em; - margin: 1em; - position: relative; - width: 32em; - } - - div > div - { - font-size: 1em; - height: 3em; - position: absolute; - top: 0em; - width: 2em; - } - - div#black1 - { - background-color: black; - left: 1em; - } - - div#black2 - { - background-color: black; - left: 4em; - } - - div#black3 - { - background-color: black; - height: 2em; - left: 7em; - } - - div#pink1 - { - background-color: pink; - left: 12em; - } - - div#pink2 - { - background-color: pink; - left: 15em; - } - - div#pink3 - { - background-color: pink; - height: 2em; - left: 18em; - } - - div#blue1 - { - background-color: blue; - left: 23em; - } - - div#blue2 - { - background-color: blue; - left: 26em; - } - - div#blue3 - { - background-color: blue; - height: 2em; - left: 29em; - } - </style> - </head> - <body> - - <div id="rel-pos-wrapper"> - - <div id="black1"></div> - <div id="black2"></div> - <div id="black3"></div> - - <div id="pink1"></div> - <div id="pink2"></div> - <div id="pink3"></div> - - <div id="blue1"></div> - <div id="blue2"></div> - <div id="blue3"></div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-nested-margin-002-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-nested-margin-002-ref.htm deleted file mode 100644 index 9453d710887..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-nested-margin-002-ref.htm +++ /dev/null @@ -1,59 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-14 --> - <meta name="flags" content=""> - <style type="text/css"> - body {margin: 0em;} - - div - { - background-color: yellow; - font: 1.25em/1 serif; - height: 5em; - position: relative; - width: 41em; - } - - div > div - { - background-color: blue; - font: inherit; - height: 3em; - position: absolute; - top: 0em; - width: 2em - } - - div#first-blue - { - background-color: blue; - left: 29em; - } - - div#second-blue - { - background-color: blue; - left: 33em; - } - - div#third-blue - { - background-color: blue; - height: 2em; - left: 37em; - } - </style> - </head> - <body> - - <div> - <div id="first-blue"></div> - <div id="second-blue"></div> - <div id="third-blue"></div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-nested-margin-003-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-nested-margin-003-ref.htm deleted file mode 100644 index 6cd80727728..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-nested-margin-003-ref.htm +++ /dev/null @@ -1,108 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-14 --> - <meta name="flags" content=""> - <style type="text/css"> - div#rel-pos-wrapper - { - background-color: yellow; - font: 1.25em/1 serif; - height: 4em; - margin: 1em; - position: relative; - width: 41em; - } - - div > div - { - font-size: 1em; - height: 3em; - position: absolute; - top: 0em; - width: 2em; - } - - div#black1 - { - background-color: black; - left: 1em; - top: 1em; - } - - div#black2 - { - background-color: black; - left: 5em; - top: 1em; - } - - div#black3 - { - background-color: black; - height: 2em; - left: 9em; - top: 1em; - } - - div#pink1 - { - background-color: pink; - left: 15em; - } - - div#pink2 - { - background-color: pink; - left: 19em; - } - - div#pink3 - { - background-color: pink; - height: 2em; - left: 23em; - } - - div#blue1 - { - background-color: blue; - left: 29em; - } - - div#blue2 - { - background-color: blue; - left: 33em; - } - - div#blue3 - { - background-color: blue; - height: 2em; - left: 37em; - } - </style> - </head> - <body> - - <div id="rel-pos-wrapper"> - - <div id="black1"></div> - <div id="black2"></div> - <div id="black3"></div> - - <div id="pink1"></div> - <div id="pink2"></div> - <div id="pink3"></div> - - <div id="blue1"></div> - <div id="blue2"></div> - <div id="blue3"></div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-nested-margin-004-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-nested-margin-004-ref.htm deleted file mode 100644 index a22b86a7a67..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-nested-margin-004-ref.htm +++ /dev/null @@ -1,137 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-14 --> - <meta name="flags" content=""> - <style type="text/css"> - div#rel-pos-wrapper - { - background-color: yellow; - font: 1.25em/1 serif; - height: 4em; - margin: 1em; - position: relative; - width: 41em; - } - - div > div - { - font-size: 1em; - height: 3em; - position: absolute; - top: 0em; - width: 2em; - } - - div#black1 - { - background-color: black; - left: 1em; - top: 1em; - } - - div#black2 - { - background-color: black; - left: 5em; - top: 1em; - } - - div#black3 - { - background-color: black; - height: 2em; - left: 9em; - top: 1em; - } - - div#pink1 - { - background-color: pink; - left: 15em; - } - - div#blue-bottom1 - { - background-color: blue; - height: 1em; - left: 15em; - top: 3em; - } - - div#pink2 - { - background-color: pink; - left: 19em; - } - - div#blue-bottom2 - { - background-color: blue; - height: 1em; - left: 19em; - top: 3em; - } - - div#pink3 - { - background-color: pink; - height: 2em; - left: 23em; - } - - div#blue-bottom3 - { - background-color: blue; - height: 1em; - left: 23em; - top: 3em; - } - - div#blue1 - { - background-color: blue; - height: 2em; - left: 29em; - } - - div#blue2 - { - background-color: blue; - height: 2em; - left: 33em; - } - - div#blue3 - { - background-color: blue; - height: 1em; - left: 37em; - } - </style> - </head> - <body> - - <div id="rel-pos-wrapper"> - - <div id="black1"></div> - <div id="black2"></div> - <div id="black3"></div> - - <div id="pink1"></div> - <div id="blue-bottom1"></div> - <div id="pink2"></div> - <div id="blue-bottom2"></div> - <div id="pink3"></div> - <div id="blue-bottom3"></div> - - <div id="blue1"></div> - <div id="blue2"></div> - <div id="blue3"></div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-overflow-000-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-overflow-000-ref.htm deleted file mode 100644 index 07f9fa00826..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-overflow-000-ref.htm +++ /dev/null @@ -1,33 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-25 --> - <meta name="flags" content="ahem"> - <style type="text/css"> - table - { - background-color: yellow; - border-right: lime solid 1em; - border-spacing: 0px; - color: lime; - font: 1.25em/1 Ahem; - margin: 1em 0; - table-layout: fixed; - width: 21em; - } - - td {padding: 0em;} - </style> - </head> - <body> - - <p>Test passes if the 2 horizontal bars are <strong>identical</strong>.</p> - - <table><tr><td>G<br>H</td><td>I<br>J</td></tr></table> - - <table><tr><td>G<br>H</td><td>I<br>J</td></tr></table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-overflowing-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-overflowing-001-ref.htm deleted file mode 100644 index 330fcc25d37..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-overflowing-001-ref.htm +++ /dev/null @@ -1,209 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-09 --> - <meta name="flags" content=""> - <style type="text/css"> - div#rel-pos-wrapper - { - background-color: yellow; - font: 1.25em/1 serif; - height: 2em; - position: relative; - width: 32em; - } - - div > div - { - font-size: 1em; - height: 2em; - position: absolute; - top: 0; - width: 2em; - } - - div#black1 - { - background-color: black; - left: 1em; - } - - div#black2 - { - background-color: black; - left: 4em; - } - - div#black3 - { - background-color: black; - left: 7em; - } - - div#black4 - { - background-color: black; - height: 1em; - left: 12em; - } - - div#black5 - { - background-color: black; - height: 1em; - left: 15em; - } - - div#blue1 - { - background-color: blue; - left: 23em; - } - - div#blue2 - { - background-color: blue; - left: 26em; - } - - div#blue3 - { - background-color: blue; - left: 29em; - } - - div#blue4 - { - background-color: blue; - height: 1em; - left: 34em; - } - - div#yellow1 - { - background-color: yellow; - height: 1em; - left: 36em; - width: 1em; - } - - div#blue5 - { - background-color: blue; - height: 1em; - left: 37em; - } - - div#yellow2 - { - background-color: yellow; - height: 1em; - left: 39em; - width: 3em; - } - - div#pink1 - { - background-color: pink; - left: 45em; - } - - div#yellow3 - { - background-color: yellow; - left: 47em; - width: 1em; - } - - div#pink2 - { - background-color: pink; - left: 48em; - } - - div#yellow4 - { - background-color: yellow; - left: 50em; - width: 1em; - } - - div#pink3 - { - background-color: pink; - left: 51em; - } - - div#pink4 - { - background-color: pink; - height: 1em; - left: 56em; - } - - div#yellow5 - { - background-color: yellow; - height: 1em; - left: 58em; - width: 1em; - } - - div#pink5 - { - background-color: pink; - height: 1em; - left: 59em; - } - - div#yellow6 - { - background-color: yellow; - height: 1em; - left: 61em; - width: 3em; - } - - div#margin-right - { - background-color: transparent; - height: 1em; - left: 64em; - width: 1em; - } - </style> - </head> - <body> - - <div id="rel-pos-wrapper"> - <div id="black1"></div> - <div id="black2"></div> - <div id="black3"></div> - <div id="black4"></div> - <div id="black5"></div> - - <div id="blue1"></div> - <div id="blue2"></div> - <div id="blue3"></div> - <div id="blue4"></div> - <div id="yellow1"></div> - <div id="blue5"></div> - <div id="yellow2"></div> - - <div id="pink1"></div> - <div id="yellow3"></div> - <div id="pink2"></div> - <div id="yellow4"></div> - <div id="pink3"></div> - <div id="pink4"></div> - <div id="yellow5"></div> - <div id="pink5"></div> - <div id="yellow6"></div> - <div id="margin-right"></div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-reduce-000-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-reduce-000-ref.htm deleted file mode 100644 index c3e07d9b86b..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-reduce-000-ref.htm +++ /dev/null @@ -1,37 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-25 --> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: yellow; - border: black solid thin; - color: orange; - font: 1.25em/1 Ahem; - margin-bottom: 0.5em; - width: 30em; - } - - span {color: blue;} - </style> - </head> - <body> - - <p>Test passes if the 2 rectangles with orange and blue vertical stripes are <strong>identical</strong>.</p> - - <div> - 1 2 3 4 5 6 7 8<span>A B C D E F G H </span><br> - 9 0 1 2 3 4 5 6<span>I J K L M N O P </span> - </div> - - <div> - 1 2 3 4 5 6 7 8<span>A B C D E F G H </span><br> - 9 0 1 2 3 4 5 6<span>I J K L M N O P </span> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-000-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-000-ref.htm deleted file mode 100644 index 945f3bb5370..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-000-ref.htm +++ /dev/null @@ -1,37 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-27 --> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - color: black; - font: 1.25em/1 Ahem; - margin-bottom: 0.5em; - width: 602px; - } - - span - { - border-left: lime solid 1px; - border-right: lime solid 1px; - } - </style> - </head> - <body> - - <p>Test passes if the 2 horizontal bars are <strong>identical</strong>.</p> - - <div> - 1234567890<span>ABCDEFGHIJ</span>1234567890 - </div> - - <div> - 1234567890<span>ABCDEFGHIJ</span>1234567890 - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-001-ref.htm deleted file mode 100644 index d6b1ce82c67..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-001-ref.htm +++ /dev/null @@ -1,27 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-27 --> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - color: green; - font: 1.25em/1 Ahem; - margin-bottom: 0.5em; - width: 20em; - } - </style> - </head> - <body> - - <p>Test passes if there are 2 green bars and <strong>no red</strong>.</p> - - <div>12345678901234567890</div> - - <div>12345678901234567890</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-003-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-003-ref.htm deleted file mode 100644 index 0f3977e37e5..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-003-ref.htm +++ /dev/null @@ -1,27 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-14 --> - <meta name="flags" content="image"> - <style type="text/css"> - div - { - background-color: black; - border: gray solid 1em; - font: 1.25em/1 serif; - width: 15em; - } - - img {vertical-align: top;} - - img.yellow {padding-left: 2em;} - </style> - </head> - <body> - - <div><img class="yellow" src="support/swatch-yellow.png" width="20" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="20" height="40" alt="Image download support must be enabled"><img class="yellow" src="support/swatch-yellow.png" width="20" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="20" height="40" alt="Image download support must be enabled"><img class="yellow" src="support/swatch-yellow.png" width="20" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="20" height="40" alt="Image download support must be enabled"><img class="yellow" src="support/swatch-yellow.png" width="20" height="40" alt="Image download support must be enabled"></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-004-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-004-ref.htm deleted file mode 100644 index d4483a2c8d8..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-004-ref.htm +++ /dev/null @@ -1,36 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-02 --> - <meta name="flags" content="image"> - <style type="text/css"> - body {margin: 8px;} - - p - { - line-height: 1.25em; - margin: 1em 0em; - } - - strong {line-height: 1;} - - div - { - background-color: green; - height: 100px; - left: 8px; - position: absolute; - top: 52px; - width: 100px; - } - </style> - </head> - <body> - - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-color-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-color-001-ref.htm deleted file mode 100644 index a5e8cf3a180..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-color-001-ref.htm +++ /dev/null @@ -1,27 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-14 --> - <meta name="flags" content="image"> - <style type="text/css"> - div - { - background-color: black; - border: gray solid 1em; - font: 1.25em/1 serif; - width: 14em; - } - - img {vertical-align: top;} - - img.white {padding-left: 2em;} - </style> - </head> - <body> - - <div><img class="white" src="support/swatch-white.png" width="15" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="20" height="40" alt="Image download support must be enabled"><img class="white" src="support/swatch-white.png" width="15" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="20" height="40" alt="Image download support must be enabled"><img class="white" src="support/swatch-white.png" width="15" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="20" height="40" alt="Image download support must be enabled"><img class="white" src="support/swatch-white.png" width="15" height="40" alt="Image download support must be enabled"></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-color-inherit-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-color-inherit-001-ref.htm deleted file mode 100644 index 5b3a38288ef..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-color-inherit-001-ref.htm +++ /dev/null @@ -1,22 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-09-03 --> - <meta name="flags" content="image"> - <style type="text/css"> - div {font-size: 1.25em;} - img {padding-left: 1em;} - </style> - </head> - <body> - - <p>Test passes if there are 6 vertical green stripes and <strong>no red</strong>.</p> - - <div> - <img src="support/swatch-green.png" width="20" height="120" alt="Image download support must be enabled"><img src="support/swatch-green.png" width="20" height="120" alt="Image download support must be enabled"><img src="support/swatch-white.png" width="20" height="120" alt="Image download support must be enabled"><img src="support/swatch-green.png" width="20" height="120" alt="Image download support must be enabled"><img src="support/swatch-green.png" width="20" height="120" alt="Image download support must be enabled"><img src="support/swatch-white.png" width="20" height="120" alt="Image download support must be enabled"><img src="support/swatch-green.png" width="20" height="120" alt="Image download support must be enabled"><img src="support/swatch-green.png" width="20" height="120" alt="Image download support must be enabled"> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-dashed-000-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-dashed-000-ref.htm deleted file mode 100644 index 0e4528ad5e8..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-dashed-000-ref.htm +++ /dev/null @@ -1,30 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-27 --> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: black; - color: black; - font: 3.125em/1 Ahem; - margin-bottom: 0.2em; - width: 8.2em; - } - - span {border-left: lime dashed 0.2em;} - </style> - </head> - <body> - - <p>Test passes if the 2 black stripes with vertical green bars are <strong>identical</strong>.</p> - - <div>1234<span>5678</span></div> - - <div>1234<span>5678</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-dotted-000-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-dotted-000-ref.htm deleted file mode 100644 index 5c7f71ab10c..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-dotted-000-ref.htm +++ /dev/null @@ -1,30 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-27 --> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: black; - color: black; - font: 3.125em/1 Ahem; - margin-bottom: 0.2em; - width: 8.2em; - } - - span {border-left: lime dotted 0.2em;} - </style> - </head> - <body> - - <p>Test passes if the 2 black stripes with green dots in their center are <strong>identical</strong>.</p> - - <div>1234<span>5678</span></div> - - <div>1234<span>5678</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-double-000-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-double-000-ref.htm deleted file mode 100644 index 3da940fb2a0..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-double-000-ref.htm +++ /dev/null @@ -1,30 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-27 --> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: black; - color: black; - font: 3.125em/1 Ahem; - margin-bottom: 0.2em; - width: 8.2em; - } - - span {border-left: lime double 0.2em;} - </style> - </head> - <body> - - <p>Test passes if the 2 black stripes with vertical green bars are <strong>identical</strong>.</p> - - <div>1234<span>5678</span></div> - - <div>1234<span>5678</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-fraction-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-fraction-001-ref.htm deleted file mode 100644 index 89915653e21..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-fraction-001-ref.htm +++ /dev/null @@ -1,27 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-14 --> - <meta name="flags" content="image"> - <style type="text/css"> - div - { - background-color: black; - border: gray solid 1em; - font: 1.25em/1 serif; - width: 14em; - } - - img {vertical-align: top;} - - img.yellow {padding-left: 2em;} - </style> - </head> - <body> - - <div><img class="yellow" src="support/swatch-yellow.png" width="16" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="18" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="1" height="40" alt="Image download support must be enabled"><img class="yellow" src="support/swatch-yellow.png" width="16" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="18" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="1" height="40" alt="Image download support must be enabled"><img class="yellow" src="support/swatch-yellow.png" width="16" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="18" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="1" height="40" alt="Image download support must be enabled"><img class="yellow" src="support/swatch-yellow.png" width="15" height="40" alt="Image download support must be enabled"></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-fraction-002-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-fraction-002-ref.htm deleted file mode 100644 index ef801f92b92..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-fraction-002-ref.htm +++ /dev/null @@ -1,24 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-14 --> - <meta name="flags" content="image"> - <style type="text/css"> - div - { - border: gray solid 1em; - font: 1.25em/1 serif; - width: 14em; - } - - img {vertical-align: top;} - </style> - </head> - <body> - - <div><img src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="6" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="29" height="40" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="6" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="29" height="40" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="6" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="29" height="40" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="15" height="40" alt="Image download support must be enabled"></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-fraction-3-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-fraction-3-ref.htm deleted file mode 100644 index 2572055566a..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-fraction-3-ref.htm +++ /dev/null @@ -1,56 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-rule</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<style type="text/css"> -body { - margin: 0; -} -body>div { - font-family: ahem; - font-size: 1em; - line-height: 1em; - color: black; - background: yellow; - margin: 1em; - border: 1em solid gray; - width: 14em; - height: 2em; - position: relative; -} -div div { - width: 2em; - height: 2em; - background: black; - position: absolute; - left: 0; - top: 0; -} -.a { - background: blue; - width: 1em; -} -#a1 {left: 2.43em;} -#a2 {left: 3.75em;} -#a3 {left: 6.13em;} -#a4 {left: 7.5em;} -#a5 {left: 9.9em;} -#a6 {left: 11.25em;} -</style> -</head> - -<body> - -<div> - <div></div> - <div id="a1" class="a"></div> - <div id="a2"></div> - <div id="a3" class="a"></div> - <div id="a4"></div> - <div id="a5" class="a"></div> - <div id="a6"></div> -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-groove-000-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-groove-000-ref.htm deleted file mode 100644 index 02e0f706b50..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-groove-000-ref.htm +++ /dev/null @@ -1,30 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-27 --> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: black; - color: black; - font: 3.125em/1 Ahem; - margin-bottom: 0.2em; - width: 8.2em; - } - - span {border-left: lime groove 0.2em;} - </style> - </head> - <body> - - <p>Test passes if the 2 black stripes with vertical green bars are <strong>identical</strong>.</p> - - <div>1234<span>5678</span></div> - - <div>1234<span>5678</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-hidden-000-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-hidden-000-ref.htm deleted file mode 100644 index a049bf93a9a..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-hidden-000-ref.htm +++ /dev/null @@ -1,28 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-27 --> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: black; - font: 3.125em/1 serif; - height: 1em; - margin-bottom: 0.2em; - width: 8.2em; - } - </style> - </head> - <body> - - <p>Test passes if the 2 black stripes are <strong>identical</strong>.</p> - - <div></div> - - <div></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-large-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-large-001-ref.htm deleted file mode 100644 index 393abe7b224..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-large-001-ref.htm +++ /dev/null @@ -1,29 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-09-03 --> - <meta name="flags" content="image"> - <style type="text/css"> - body - { - font: 1.25em/1 serif; - margin-left: 0em; - } - - div:first-child, div + div + div {margin-left: 1em;} - - img {vertical-align: top;} - </style> - </head> - <body> - - <div><img src="support/swatch-gray.png" width="340" height="20" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-blue.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-lime.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-lime.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-lime.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-lime.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="120" height="40" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-gray.png" width="340" height="20" alt="Image download support must be enabled"></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-ref.htm deleted file mode 100644 index e78b677bade..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-ref.htm +++ /dev/null @@ -1,50 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-rule</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<style type="text/css"> -body { - margin: 0; -} -body>div { - font-family: ahem; - font-size: 1em; - line-height: 1em; - color: black; - background: yellow; - margin: 1em; - border: 1em solid gray; - width: 15em; - height: 2em; -} -div div { - width: 2em; - height: 2em; - float: left; -} -.a { - color: blue; - width: 1em; - margin-left: 1em; -} -div+div+div { - left: 11em; -} -</style> -</head> - -<body> - -<div> - <div>xx xx</div> - <div class="a">x x</div> - <div>xx xx</div> - <div class="a">x x</div> - <div>xx xx</div> - <div class="a">x x</div> - <div>xx xx</div> -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-ridge-000-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-ridge-000-ref.htm deleted file mode 100644 index 018105775d1..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-ridge-000-ref.htm +++ /dev/null @@ -1,30 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-27 --> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: black; - color: black; - font: 3.125em/1 Ahem; - margin-bottom: 0.2em; - width: 8.2em; - } - - span {border-left: lime ridge 0.2em;} - </style> - </head> - <body> - - <p>Test passes if the 2 black stripes with vertical green bars are <strong>identical</strong>.</p> - - <div>1234<span>5678</span></div> - - <div>1234<span>5678</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-samelength-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-samelength-001-ref.htm deleted file mode 100644 index 9ffb5b502b2..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-samelength-001-ref.htm +++ /dev/null @@ -1,34 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-15 --> - <meta name="flags" content=""> - <style type="text/css"> - body {margin: 8px;} - - p - { - line-height: 1.25em; - margin: 1em 0em; - } - - strong {line-height: 1;} - - div - { - background-color: green; - height: 100px; - width: 100px; - } - </style> - </head> - <body> - - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-solid-000-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-solid-000-ref.htm deleted file mode 100644 index a409607cdb6..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-solid-000-ref.htm +++ /dev/null @@ -1,30 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-27 --> - <meta name="flags" content="ahem"> - <style type="text/css"> - div - { - background-color: black; - color: black; - font: 3.125em/1 Ahem; - margin-bottom: 0.2em; - width: 8.2em; - } - - span {border-left: lime solid 0.2em;} - </style> - </head> - <body> - - <p>Test passes if the 2 black stripes with vertical green bars are <strong>identical</strong>.</p> - - <div>1234<span>5678</span></div> - - <div>1234<span>5678</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-stacking-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-stacking-ref.htm deleted file mode 100644 index c129ee7c86b..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-stacking-ref.htm +++ /dev/null @@ -1,52 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-rule</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<style type="text/css"> -body { - margin: 0; -} -body>div { - font-family: ahem; - font-size: 1em; - line-height: 1em; - color: black; - background: blue; - margin: 1em; - border: 1em solid gray; - width: 14em; - height: 2em; - position: relative; -} -span { - margin-left: 7.5em; - width: 2em; - height: 2em; - display: inline-block; -} -div div { - background: blue; - position: absolute; - height: 2em; - width: 2em; - top: 0; - left: -2em; -} -div div+div { - left: 13em; - width: 11.75em; -} -</style> -</head> - -<body> - -<div> - <span>xx xx</span> - <div></div> - <div></div> -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-style-groove-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-style-groove-001-ref.htm deleted file mode 100644 index 4e44c4b0f22..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-style-groove-001-ref.htm +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-15 --> - <meta name="flags" content="ahem"> - <style type="text/css"> - body {margin: 8px;} - - p - { - line-height: 1.25em; - margin: 1em 0em; - } - - strong {line-height: 1;} - - div - { - border-collapse: collapse; - border-left: orange groove 100px; - color: transparent; - display: table; - font: 6.25em/1 Ahem; - } - - div + div - { - position: relative; - top: 10px; - } - </style> - </head> - <body> - - <p>Test passes if the 2 orange squares are <strong>identical</strong>.</p> - - <div>T</div> - - <div>T</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-style-ridge-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-style-ridge-001-ref.htm deleted file mode 100644 index dce64655c35..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-rule-style-ridge-001-ref.htm +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-15 --> - <meta name="flags" content="ahem"> - <style type="text/css"> - body {margin: 8px;} - - p - { - line-height: 1.25em; - margin: 1em 0em; - } - - strong {line-height: 1;} - - div - { - border-collapse: collapse; - border-left: orange ridge 100px; - color: transparent; - display: table; - font: 6.25em/1 Ahem; - } - - div + div - { - position: relative; - top: 10px; - } - </style> - </head> - <body> - - <p>Test passes if the 2 orange squares are <strong>identical</strong>.</p> - - <div>T</div> - - <div>T</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-000-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-000-ref.htm deleted file mode 100644 index 53d163a8a55..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-000-ref.htm +++ /dev/null @@ -1,36 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-27 --> - <meta name="flags" content="image"> - <style type="text/css"> - div - { - background-color: yellow; - font-size: 1.25em; - line-height: 1; - margin-bottom: 0.5em; - width: 10em; - } - - img - { - padding-right: 4em; - vertical-align: top; - } - </style> - </head> - <body> - - <p>Test passes if the 3 rectangles are <strong>identical</strong>.</p> - - <div><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled"><br><img src="support/swatch-lime.png" width="120" height="20" alt="Image download support must be enabled"><br><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled"><br><img src="support/swatch-lime.png" width="120" height="20" alt="Image download support must be enabled"><br><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled"><br><img src="support/swatch-lime.png" width="120" height="20" alt="Image download support must be enabled"><br><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled"></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-001-ref.htm deleted file mode 100644 index 4983b143bbf..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-001-ref.htm +++ /dev/null @@ -1,39 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-16 --> - <meta name="flags" content="image"> - <style type="text/css"> - div#inline-block - { - background-color: yellow; - border: gray solid 1em; - display: inline-block; - font-size: 1.25em; - } - - div + div {line-height: 1;} - - img {vertical-align: top;} - - img.padding-left {padding-left: 1em;} - - img.padding-left-right {padding: 0em 1em;} - </style> - </head> - <body> - - <div id="inline-block"> - - <div><img src="support/swatch-blue.png" width="40" height="40" alt="Image download support must be enabled"><img class="padding-left" src="support/swatch-blue.png" width="40" height="40" alt="Image download support must be enabled"><img class="padding-left-right" src="support/swatch-pink.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-pink.png" width="40" height="40" alt="Image download support must be enabled"></div> - - <div><img src="support/black20x20.png" width="220" height="20" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-navy.png" width="40" height="40" alt="Image download support must be enabled"><img class="padding-left" src="support/swatch-navy.png" width="40" height="40" alt="Image download support must be enabled"><img class="padding-left-right" src="support/swatch-navy.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-navy.png" width="40" height="40" alt="Image download support must be enabled"></div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-002-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-002-ref.htm deleted file mode 100644 index 2117f7584a1..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-002-ref.htm +++ /dev/null @@ -1,35 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-16 --> - <meta name="flags" content="image"> - <style type="text/css"> - div#inline-block - { - background-color: yellow; - border: gray solid 1em; - display: inline-block; - font-size: 1.25em; - } - - div + div {line-height: 1;} - - img {vertical-align: top;} - </style> - </head> - <body> - - <div id="inline-block"> - - <div><img src="support/swatch-blue.png" width="80" height="40" alt="Image download support must be enabled"><img src="support/swatch-pink.png" width="80" height="40" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-yellow.png" width="160" height="60" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-navy.png" width="160" height="40" alt="Image download support must be enabled"></div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-block-sibling-3-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-block-sibling-3-ref.htm deleted file mode 100644 index 029d922c956..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-block-sibling-3-ref.htm +++ /dev/null @@ -1,33 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicol | column-span: all | block-level child</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<style type="text/css"> -body>div { - font-family: ahem; - font-size: 1em; - line-height: 1; - color: black; - background: black; -} -h1 { - margin-top: 0; - padding-top: 0.66em; -} -</style> -</head> - -<body> - -<div> - <div> - <h1>FAIL</h1> - FAIL<br> - FAIL<br> - FAIL<br> - FAIL<br> - </div> -</div> -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-child-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-child-001-ref.htm deleted file mode 100644 index 7f0d27b23b3..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-child-001-ref.htm +++ /dev/null @@ -1,109 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-19 --> - <meta name="flags" content=""> - <style type="text/css"> - div#rel-pos-wrapper - { - background-color: blue; - font-size: 1.25em; - height: 10em; - position: relative; - width: 12em; - } - - div > div {position: absolute;} - - div#first-black - { - background-color: black; - left: 7em; - height: 1em; - top: 0em; - width: 5em; - } - - div#first-yellow - { - background-color: yellow; - left: 7em; - height: 3em; - top: 1em; - width: 1em; - } - - div#first-white - { - background-color: white; - left: 10em; - height: 9em; - top: 1em; - width: 2em; - } - - div#second-black - { - background-color: black; - left: 2em; - height: 1em; - top: 2em; - width: 3em; - } - - div#second-yellow - { - background-color: yellow; - left: 2em; - height: 3em; - top: 3em; - width: 1em; - } - - div#third-black - { - background-color: black; - left: 2em; - height: 1em; - top: 6em; - width: 3em; - } - - div#third-yellow - { - background-color: yellow; - left: 2em; - height: 3em; - top: 7em; - width: 1em; - } - - div#second-white - { - background-color: white; - left: 5em; - height: 4em; - top: 6em; - width: 7em; - } - </style> - </head> - <body> - - <div id="rel-pos-wrapper"> - - <div id="first-black"></div> - <div id="first-yellow"></div> - <div id="first-white"></div> - <div id="second-black"></div> - <div id="second-yellow"></div> - <div id="third-black"></div> - <div id="third-yellow"></div> - <div id="second-white"></div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-child-002-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-child-002-ref.htm deleted file mode 100644 index 7a7cefd3c49..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-child-002-ref.htm +++ /dev/null @@ -1,32 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-19 --> - <meta name="flags" content=""> - <style type="text/css"> - div#multi-column - { - background-color: black; - height: 8em; - width: 10em; - } - - div#overflow - { - bottom: 8em; - font: 1em/1 serif; - margin-left: 10em; - position: relative; - } - </style> - </head> - <body> - - <div id="multi-column"></div> - - <div id="overflow">abc deg<br>ghk mno</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-margin-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-margin-001-ref.htm deleted file mode 100644 index 82f8594383c..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-margin-001-ref.htm +++ /dev/null @@ -1,23 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-18 --> - <meta name="flags" content="image"> - <style type="text/css"> - div - { - border: gray solid 1.25em; - width: 160px; - } - - img {vertical-align: top;} - </style> - </head> - <body> - - <div><img src="support/swatch-blue.png" width="80" height="40" alt="Image download support must be enabled"><img src="support/swatch-pink.png" width="80" height="40" alt="Image download support must be enabled"> <img src="support/swatch-yellow.png" width="160" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="160" height="20" alt="Image download support must be enabled"> <img src="support/swatch-yellow.png" width="160" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="160" height="20" alt="Image download support must be enabled"> <img src="support/swatch-yellow.png" width="160" height="20" alt="Image download support must be enabled"> <img src="support/swatch-navy.png" width="160" height="40" alt="Image download support must be enabled"></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-margin-002-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-margin-002-ref.htm deleted file mode 100644 index 7456a4418e2..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-margin-002-ref.htm +++ /dev/null @@ -1,38 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-19 --> - <meta name="flags" content="image"> - <style type="text/css"> - div {width: 240px;} - - img {vertical-align: top;} - </style> - </head> - <body> - - <div> - <img src="support/swatch-gray.png" width="200" height="20" alt="Image download support must be enabled"><br> - - <img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="80" height="20" alt="Image download support must be enabled"><img src="support/swatch-pink.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-orange.png" width="100" height="20" alt="Image download support must be enabled"> - - <img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-pink.png" width="80" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><br> - - <img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-pink.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="80" height="20" alt="Image download support must be enabled"><img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><br> - - <img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="160" height="20" alt="Image download support must be enabled"><img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><br> - - <img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/black20x20.png" width="160" height="20" alt="Image download support must be enabled"><img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><br> - - <img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="160" height="20" alt="Image download support must be enabled"><img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><br> - - <img src="support/swatch-gray.png" width="20" height="40" alt="Image download support must be enabled"><img src="support/swatch-navy.png" width="160" height="40" alt="Image download support must be enabled"><img src="support/swatch-gray.png" width="20" height="40" alt="Image download support must be enabled"><br> - - <img src="support/swatch-gray.png" width="200" height="20" alt="Image download support must be enabled"> - -</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-margin-bottom-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-margin-bottom-001-ref.htm deleted file mode 100644 index 307b352cd99..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-margin-bottom-001-ref.htm +++ /dev/null @@ -1,31 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-19 --> - <meta name="flags" content="image"> - <style type="text/css"> - div - { - border: gray solid 1.25em; - width: 160px; - } - - img {vertical-align: top;} - </style> - </head> - <body> - - <div> - <img src="support/swatch-navy.png" width="160" height="40" alt="Image download support must be enabled"> - <img src="support/swatch-yellow.png" width="160" height="20" alt="Image download support must be enabled"> - <img src="support/black20x20.png" width="160" height="20" alt="Image download support must be enabled"> - <img src="support/swatch-yellow.png" width="160" height="20" alt="Image download support must be enabled"> - <img src="support/swatch-orange.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-pink.png" width="80" height="20" alt="Image download support must be enabled"> - <img src="support/swatch-yellow.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-pink.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="40" height="20" alt="Image download support must be enabled"> - <img src="support/swatch-blue.png" width="80" height="20" alt="Image download support must be enabled"><img src="support/swatch-pink.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="40" height="20" alt="Image download support must be enabled"> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-margin-nested-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-margin-nested-001-ref.htm deleted file mode 100644 index 0f1529bcb94..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-margin-nested-001-ref.htm +++ /dev/null @@ -1,31 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-19 --> - <meta name="flags" content="image"> - <style type="text/css"> - div - { - border: gray solid 1.25em; - width: 160px; - } - - img {vertical-align: top;} - </style> - </head> - <body> - - <div> - <img src="support/swatch-navy.png" width="160" height="40" alt="Image download support must be enabled"> - <img src="support/swatch-yellow.png" width="160" height="20" alt="Image download support must be enabled"> - <img src="support/black20x20.png" width="160" height="20" alt="Image download support must be enabled"> - <img src="support/swatch-yellow.png" width="160" height="40" alt="Image download support must be enabled"> - <img src="support/black20x20.png" width="160" height="20" alt="Image download support must be enabled"> - <img src="support/swatch-yellow.png" width="160" height="20" alt="Image download support must be enabled"> - <img src="support/swatch-navy.png" width="160" height="40" alt="Image download support must be enabled"> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-margin-nested-3-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-margin-nested-3-ref.htm deleted file mode 100644 index cff9ecc74b0..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-margin-nested-3-ref.htm +++ /dev/null @@ -1,22 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolomn | column-span inside block</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<style type="text/css"> -body>div { - background: black; - width: 22em; - height: 2em; - position: absolute; -} -</style> -</head> - -<body> - -<div> -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-margin-nested-firstchild-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-margin-nested-firstchild-ref.htm deleted file mode 100644 index d647e580046..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-all-margin-nested-firstchild-ref.htm +++ /dev/null @@ -1,75 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-span</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<style type="text/css"> -body { - margin: 0; -} -body>div { - font-family: ahem; - font-size: 1em; - line-height: 1em; - color: navy; - background: yellow; - margin: 1em; - border: 1em solid gray; - width: 8em; - height: 13em; - position: relative; - float: left; - overflow: hidden; -} -div div { - position: absolute; - top: 0; - left: 0; - width: 8em; - height: 2em; - background: navy; -} -#s2 { - top: 11em; -} -#s3 { - background: black; - top: 3em; -} -#s4 { - background: pink; - top: 5em; - height: 1em; -} -#s5 { - background: black; - top: 6em; - height: 1em; -} -#s6 { - background: pink; - top: 7em; - height: 1em; -} -#s7 { - background: black; - top: 9em; - height: 1em; -} -</style> -</head> - -<body> - -<div> - <div></div> - <div id="s2"></div> - <div id="s3"></div> - <div id="s4"></div> - <div id="s5"></div> - <div id="s6"></div> - <div id="s7"></div> -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-float-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-float-001-ref.htm deleted file mode 100644 index 3c2a36d59ce..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-float-001-ref.htm +++ /dev/null @@ -1,35 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-22 --> - <meta name="flags" content="image"> - <style type="text/css"> - div - { - font-size: 1.25em; - line-height: 1; - } - - img {vertical-align: top;} - - img:first-child {padding-left: 5em;} - - img#no-padding {padding-left: 0em;} - </style> - </head> - <body> - - <div><img src="support/swatch-gray.png" width="260" height="20" alt="Image download support must be enabled"></div> - - <div><img id="no-padding" src="support/swatch-pink.png" width="220" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="120" height="20" alt="Image download support must be enabled"><img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/black20x20.png" width="100" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="120" height="20" alt="Image download support must be enabled"><img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-navy.png" width="100" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-navy.png" width="100" height="20" alt="Image download support must be enabled"><img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"></div> - - <div><img src="support/swatch-gray.png" width="260" height="20" alt="Image download support must be enabled"></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-none-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-none-001-ref.htm deleted file mode 100644 index 362cdcb6536..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-span-none-001-ref.htm +++ /dev/null @@ -1,54 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-22 --> - <meta name="flags" content="image"> - <style type="text/css"> - div - { - font: 1.25em/1 serif; - border: 1em solid gray; - width: 11em; - height: 5em; - position: relative; - } - - img {position: absolute;} - - img#first-blue {left: 0em; top: 0em;} - - img#second-blue {left: 3em; top: 0em;} - - img#first-pink {left: 6em; top: 0em;} - - img#second-pink {left: 9em; top: 0em;} - - img#black {left: 0em; top: 2em;} - - img#first-yellow {left: 6em; top: 2em;} - - img#second-yellow {left: 9em; top: 2em;} - - img#first-orange {left: 0em; top: 3em;} - - img#second-orange {left: 3em; top: 3em;} - </style> - </head> - <body> - - <div> - <img id="first-blue" src="support/swatch-blue.png" width="40" height="40" alt="Image download support must be enabled"> <img id="second-blue" src="support/swatch-blue.png" width="40" height="40" alt="Image download support must be enabled"> <img id="first-pink" src="support/swatch-pink.png" width="40" height="40" alt="Image download support must be enabled"> <img id="second-pink" src="support/swatch-pink.png" width="40" height="40" alt="Image download support must be enabled"> - - <img id="black" src="support/black20x20.png" width="110" height="20" alt="Image download support must be enabled"> - - <img id="first-yellow" src="support/swatch-yellow.png" width="40" height="40" alt="Image download support must be enabled"> - <img id="second-yellow" src="support/swatch-yellow.png" width="40" height="40" alt="Image download support must be enabled"> - - <img id="first-orange" src="support/swatch-orange.png" width="40" height="40" alt="Image download support must be enabled"> - <img id="second-orange" src="support/swatch-orange.png" width="40" height="40" alt="Image download support must be enabled"> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-table-cell-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-table-cell-001-ref.htm deleted file mode 100644 index ad7708dea41..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-table-cell-001-ref.htm +++ /dev/null @@ -1,12 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-23 --> - <meta name="flags" content="image"> - </head> - <body> - <div><img src="support/black20x20.png" width="120" height="20" alt="Image download support must be enabled"></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-table-cell-height-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-table-cell-height-001-ref.htm deleted file mode 100644 index bf57d7dcbb5..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-table-cell-height-001-ref.htm +++ /dev/null @@ -1,23 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-23 --> - <meta name="flags" content="image"> - <style type="text/css"> - div - { - background-color: yellow; - height: 360px; - width: 300px; - } - - img + img {padding-left: 110px;} - </style> - - </head> - <body> - <div><img src="support/black20x20.png" width="60" height="360" alt="Image download support must be enabled"><img src="support/black20x20.png" width="60" height="360" alt="Image download support must be enabled"></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-table-cell-vertical-align-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-table-cell-vertical-align-ref.htm deleted file mode 100644 index 7f4c1cd8bd6..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-table-cell-vertical-align-ref.htm +++ /dev/null @@ -1,28 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | table-cell, vertical-align</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<style type="text/css"> -div { - font-family: ahem; - font-size: 1em; - line-height: 1em; - vertical-align: middle; - color: white; - background: #3366CC; - width: 6em; - height: 8em; -} -div+div { - margin-top: 10em; -} -</style> -</head> - -<body> -<div></div> -<div></div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-width-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-width-001-ref.htm deleted file mode 100644 index e938a15a196..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-width-001-ref.htm +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-23 --> - <meta name="flags" content="ahem"> - <style type="text/css"> - body - { - font: 1.25em/1 Ahem; - width: 30em; - } - - div - { - background-color: yellow; - color: black; - orphans: 1; - widows: 1; - } - </style> - </head> - <body> - - <div>d da d da d da d da d da <br> - - dam dam dam dam dam <br> - - dame dame dame dame dame <br> - - damer damer damer damer damer <br> - - d da d da d da d da <br> - - dam dam dam dam <br> - - dame dame dame dame <br> - - damer damer damer damer - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-width-002-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-width-002-ref.htm deleted file mode 100644 index 5b6629dacd0..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-width-002-ref.htm +++ /dev/null @@ -1,32 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-23 --> - <meta name="flags" content="image"> - <style type="text/css"> - table - { - background-color: yellow; - border-spacing: 0px; - border: gray solid 1em; - font: 1.25em/1 serif; - } - - td {padding: 0 1em 0 0;} - - img, td {vertical-align: top;} - </style> - </head> - <body> - <table> - <tr> - <td><img src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"></td> - <td><img src="support/black20x20.png" width="40" height="40" alt="Image download support must be enabled"></td> - <td><img src="support/swatch-blue.png" width="40" height="40" alt="Image download support must be enabled"></td> - <td><img src="support/swatch-blue.png" width="40" height="40" alt="Image download support must be enabled"></td> - </tr> - </table> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-width-ems-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-width-ems-ref.htm deleted file mode 100644 index 588fce0e8ec..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-width-ems-ref.htm +++ /dev/null @@ -1,58 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> -<head> -<title>multicolumn | column-width</title> -<link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> -<style type="text/css"> -body { - margin: 0; - width: 40em; -} -div { - font-family: monospace; - font-size: 1em; - line-height: 1em; - color: black; - background: yellow; - orphans: 1; - widows: 1; -} -span { - float: left; - width: 8em; -} -div::after { - content: ""; - clear: both; - display: block; -} -</style> -</head> - -<body> - -<div> -<span> - one two three four - five six seven eight -</span> -<span> - nineten eleven twelve - thirtn -</span> -<span> - fourtnfiftn sixtn - seventn eightn -</span> -<span> - ninetn twenty - hundred thousand -</span> -<span> - million billion - trillion -</span> -</div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-width-invalid-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-width-invalid-001-ref.htm deleted file mode 100644 index 4dd9225e713..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-width-invalid-001-ref.htm +++ /dev/null @@ -1,39 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-23 --> - <meta name="flags" content="image"> - <style type="text/css"> - table - { - background-color: yellow; - border-spacing: 0px; - border: gray solid 1em; - font: 1.25em/1 serif; - } - - td {padding: 0 1em 0 0;} - - img, td {vertical-align: top;} - </style> - </head> - <body> - <table> - <tr> - <td><img src="support/black20x20.png" width="40" height="20" alt="Image download support must be enabled"></td> - <td><img src="support/black20x20.png" width="40" height="20" alt="Image download support must be enabled"></td> - <td><img src="support/swatch-blue.png" width="40" height="20" alt="Image download support must be enabled"></td> - <td><img src="support/swatch-blue.png" width="40" height="20" alt="Image download support must be enabled"></td> - </tr> - - <tr> - <td><img src="support/swatch-blue.png" width="40" height="20" alt="Image download support must be enabled"></td> - <td><img src="support/swatch-blue.png" width="40" height="20" alt="Image download support must be enabled"></td> - <td><img src="support/black20x20.png" width="40" height="20" alt="Image download support must be enabled"></td> - <td><img src="support/black20x20.png" width="40" height="20" alt="Image download support must be enabled"></td> - </tr> - </table> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-width-small-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-width-small-001-ref.htm deleted file mode 100644 index 40c6a83dbb9..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-width-small-001-ref.htm +++ /dev/null @@ -1,29 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-24 --> - <meta name="flags" content="image"> - <style type="text/css"> - table - { - background-color: yellow; - border-spacing: 0px; - border: gray solid 1em; - font: 1.25em/1 serif; - } - - td {padding: 0 4em 0 0;} - - img, td {vertical-align: top;} - </style> - </head> - <body> - <table> - <tr> - <td><img src="support/black20x20.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="80" height="20" alt="Image download support must be enabled"><img src="support/black20x20.png" width="40" height="20" alt="Image download support must be enabled"></td> - </tr> - </table> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-zero-height-001-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-zero-height-001-ref.htm deleted file mode 100644 index 83cc7f85b55..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-zero-height-001-ref.htm +++ /dev/null @@ -1,15 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-24 --> - <meta name="flags" content="image"> - <style type="text/css"> - img {vertical-align: top;} - </style> - </head> - <body> - <div><img src="support/swatch-lime.png" width="100" height="300" alt="Image download support must be enabled"></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/ref-filled-green-100px-square.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/ref-filled-green-100px-square.htm deleted file mode 100644 index 04df34eb50c..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/ref-filled-green-100px-square.htm +++ /dev/null @@ -1,19 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> - <style type="text/css"> - div - { - background-color: green; - height: 100px; - width: 100px; - } - </style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-003-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-003-ref.htm deleted file mode 100644 index 9176c0c4b21..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-003-ref.htm +++ /dev/null @@ -1,33 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test reference</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 --> - <link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> - <style type="text/css"> - .green { - position: absolute; - top: 70px; - background-color: green; - width: 100px; - height: 200px; - } - #rect-1 { - left: 20px; - } - #rect-2 { - left: 150px; - } - #rect-3 { - left: 280px; - } - </style> -</head> -<body> - <p>The test passes if there are three vertical green rectangles and no red.</p> - <div id="rect-1" class="green"></div> - <div id="rect-2" class="green"></div> - <div id="rect-3" class="green"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-006-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-006-ref.htm deleted file mode 100644 index 9b489b9728c..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-006-ref.htm +++ /dev/null @@ -1,38 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test reference</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 --> - <link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> - <style type="text/css"> - .green { - position: absolute; - background-color: green; - width: 100px; - } - #rect-1, #rect-2 { - top: 70px; - height: 200px; - } - #rect-1 { - left: 20px; - } - #rect-2 { - left: 150px; - } - #square { - top: 170px; - left: 280px; - height: 100px; - } - </style> -</head> -<body> - <p>The test passes if there are two vertical green rectangles with one green - square to the right of them and no red.</p> - <div id="rect-1" class="green"></div> - <div id="rect-2" class="green"></div> - <div id="square" class="green"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-008-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-008-ref.htm deleted file mode 100644 index 033d3cc5515..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-008-ref.htm +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test reference</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 --> - <link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> - <style type="text/css"> - .green { - position: absolute; - background-color: green; - width: 100px; - } - #rect-1, #rect-2 { - top: 70px; - height: 200px; - } - #rect-1 { - left: 20px; - } - #rect-2 { - left: 150px; - } - #lightgreen-square { - position: absolute; - background-color: lightgreen; - top: 170px; - left: 280px; - width: 100px; - height: 100px; - } - </style> -</head> -<body> - <p>The test passes if there are two vertical green rectangles with one light - green square to the bottom right of them and no red.</p> - <div id="rect-1" class="green"></div> - <div id="rect-2" class="green"></div> - <div id="lightgreen-square"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-009-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-009-ref.htm deleted file mode 100644 index 488deec5532..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-009-ref.htm +++ /dev/null @@ -1,38 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test reference</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 --> - <link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> - <style type="text/css"> - .green { - position: absolute; - background-color: green; - width: 100px; - } - #square { - top: 170px; - left: 20px; - height: 100px; - } - #rect-1, #rect-2 { - top: 70px; - height: 200px; - } - #rect-1 { - left: 150px; - } - #rect-2 { - left: 280px; - } - </style> -</head> -<body> - <p>The test passes if there is one green square and two vertical - green rectangles to the right of it and no red.</p> - <div id="square" class="green"></div> - <div id="rect-1" class="green"></div> - <div id="rect-2" class="green"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-012-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-012-ref.htm deleted file mode 100644 index 7a8c12330c4..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-012-ref.htm +++ /dev/null @@ -1,58 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test reference</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 --> - <link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> - <style type="text/css"> - - .bar { - position: absolute; - width: 100px; - } - .full { - height: 200px; - } - .half { - height: 100px; - } - .green { - background-color: green; - top: 150px; - } - .lightgreen { - background-color: lightgreen; - } - #rect-1 { - left: 20px; - } - #rect-2 { - left: 150px; - } - #rect-3 { - top: 250px; - left: 150px; - } - #rect-4 { - top: 150px; - left: 280px; - } - </style> -</head> -<body> - <p>The test passes if: - </p><ul> - <li>There is a dark green vertical rectangle on the left</li> - <li>There is a dark green square in the middle with a light green - square below it</li> - <li>There is a light green vertical rectangle on the right</li> - <li>There is no red - </li></ul> - <p></p> - <div id="rect-1" class="green bar full"></div> - <div id="rect-2" class="green bar half"></div> - <div id="rect-3" class="lightgreen bar half"></div> - <div id="rect-4" class="lightgreen bar full"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-013-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-013-ref.htm deleted file mode 100644 index 676d3fac25a..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-013-ref.htm +++ /dev/null @@ -1,38 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test reference</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 --> - <link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> - <style type="text/css"> - - .green { - position: absolute; - top: 50px; - width: 50px; - height: 200px; - background-color: green; - } - #bar-1 { - left: 20px; - } - #bar-2 { - left: 80px; - } - #bar-3 { - left: 140px; - } - #bar-4 { - left: 200px; - } - </style> -</head> -<body> - <p>The test passes if there are four green vertical bars and no red.</p> - <div id="bar-1" class="green"></div> - <div id="bar-2" class="green"></div> - <div id="bar-3" class="green"></div> - <div id="bar-4" class="green"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-016-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-016-ref.htm deleted file mode 100644 index a65025f4ad9..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-016-ref.htm +++ /dev/null @@ -1,46 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test reference</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 --> - <link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> - <style type="text/css"> - - .green { - position: absolute; - top: 75px; - width: 50px; - background-color: green; - } - #bar-1, #bar-2, #bar-3, #bar-4 { - height: 200px; - } - #bar-1 { - left: 20px; - } - #bar-2 { - left: 80px; - } - #bar-3 { - left: 140px; - } - #bar-4 { - left: 200px; - } - .square { - height: 50px; - left: 260px; - } - </style> -</head> -<body> - <p>The test passes if there are four green vertical bars, plus one - small green square to their right and no red.</p> - <div id="bar-1" class="green"></div> - <div id="bar-2" class="green"></div> - <div id="bar-3" class="green"></div> - <div id="bar-4" class="green"></div> - <div id="square" class="green"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-017-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-017-ref.htm deleted file mode 100644 index 3b50113f550..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-017-ref.htm +++ /dev/null @@ -1,65 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test reference</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 --> - <link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> - <style type="text/css"> - #box { - position: absolute; - top: 50px; - left: 20px; - width: 200px; - height: 200px; - border: 2px solid black; - background-color: gray; - } - .black { - position: absolute; - background-color: black; - width: 50px; - height: 50px; - } - #r1c3 { - left: 100px; - } - #r2c2 { - left: 50px; - top: 50px; - } - #r2c4 { - left: 150px; - top: 50px; - } - #r3c1 { - top: 100px; - } - #r3c3 { - left: 100px; - top: 100px; - } - #r4c2 { - left: 50px; - top: 150px; - } - #r4c4 { - left: 150px; - top: 150px; - } - </style> -</head> -<body> - <p>The test passes if there is a 4x4 black and gray checkerboard and no red.</p> - <div id="box"> - <div class="black"></div> - <div id="r1c3" class="black"></div> - <div id="r2c2" class="black"></div> - <div id="r2c4" class="black"></div> - <div id="r3c1" class="black"></div> - <div id="r3c3" class="black"></div> - <div id="r4c2" class="black"></div> - <div id="r4c4" class="black"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-019-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-019-ref.htm deleted file mode 100644 index eec5a0a2930..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-019-ref.htm +++ /dev/null @@ -1,43 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test reference</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 --> - <link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> - <style type="text/css"> - .bar { - position: absolute; - top: 50px; - width: 50px; - height: 200px; - } - .green { - background-color: green; - } - .blue { - background-color: blue; - } - #bar-1 { - left: 20px; - } - #bar-2 { - left: 70px; - } - #bar-3 { - left: 120px; - } - #bar-4 { - left: 170px; - } - </style> -</head> -<body> - <p>The test passes if there is a square with four vertical - stripes alternating green and blue, and no red.</p> - <div id="bar-1" class="green bar"></div> - <div id="bar-2" class="blue bar"></div> - <div id="bar-3" class="green bar"></div> - <div id="bar-4" class="blue bar"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-024-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-024-ref.htm deleted file mode 100644 index 44f7d66c25f..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-024-ref.htm +++ /dev/null @@ -1,36 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test reference</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <style type="text/css"> - .block { - position: absolute; - top: 70px; - width: 60px; - } - .green { - background-color: green; - height: 60px; - } - #square-1 { - left: 20px; - } - #square-2 { - left: 90px; - } - #blue-rect { - background-color: blue; - height: 120px; - left: 190px; - } - </style> -</head> -<body> - <p>The test passes if there are two green side by side squares on the left of one blue vertical rectangle. - There should be no red.</p> - <div id="square-1" class="green block"></div> - <div id="square-2" class="green block"></div> - <div id="blue-rect" class="block"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-028-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-028-ref.htm deleted file mode 100644 index 4ac47335a5a..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-028-ref.htm +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test reference</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <style type="text/css"> - .block { - position: absolute; - top: 70px; - width: 60px; - height: 120px; - } - .green { - background-color: green; - } - .blue { - background-color: blue; - } - #rect-1 { - left: 20px; - } - #rect-2 { - left: 90px; - } - #rect-3 { - left: 190px; - } - #rect-4 { - left: 260px; - } - </style> -</head> -<body> - <p>The test passes if there are two green vertical rectangles on the left of two blue vertical rectangles. - There should be no red.</p> - <div id="rect-1" class="green block"></div> - <div id="rect-2" class="green block"></div> - <div id="rect-3" class="blue block"></div> - <div id="rect-4" class="blue block"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/1x1-green.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/1x1-green.png Binary files differdeleted file mode 100644 index b98ca0ba0a0..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/1x1-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/1x1-lime.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/1x1-lime.png Binary files differdeleted file mode 100644 index cb397fb090e..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/1x1-lime.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/1x1-maroon.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/1x1-maroon.png Binary files differdeleted file mode 100644 index 3f86b072195..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/1x1-maroon.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/1x1-navy.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/1x1-navy.png Binary files differdeleted file mode 100644 index 9b9a03955ba..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/1x1-navy.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/1x1-red.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/1x1-red.png Binary files differdeleted file mode 100644 index 6bd73ac1018..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/1x1-red.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/1x1-white.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/1x1-white.png Binary files differdeleted file mode 100644 index dd43faec54a..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/1x1-white.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/60x60-gg-rr.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/60x60-gg-rr.png Binary files differdeleted file mode 100644 index 84f5b2a4f1d..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/60x60-gg-rr.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/60x60-green.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/60x60-green.png Binary files differdeleted file mode 100644 index b3c8cf3eb4c..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/60x60-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/60x60-red.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/60x60-red.png Binary files differdeleted file mode 100644 index 823f125b8e4..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/60x60-red.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/a-green.css b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/a-green.css deleted file mode 100644 index b0dbb071d5b..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/a-green.css +++ /dev/null @@ -1 +0,0 @@ -.a { color: green; } diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/b-green.css b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/b-green.css deleted file mode 100644 index a0473f5ca26..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/b-green.css +++ /dev/null @@ -1 +0,0 @@ -.b { color: green; }
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/black20x20.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/black20x20.png Binary files differdeleted file mode 100644 index ebf7027ee78..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/black20x20.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/c-red.css b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/c-red.css deleted file mode 100644 index d4ba5c64e95..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/c-red.css +++ /dev/null @@ -1 +0,0 @@ -.c { color: red; }
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/cat.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/cat.png Binary files differdeleted file mode 100644 index 85dd7324815..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/cat.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/import-green.css b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/import-green.css deleted file mode 100644 index 537104e6633..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/import-green.css +++ /dev/null @@ -1 +0,0 @@ -.import { color: green; } diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/import-red.css b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/import-red.css deleted file mode 100644 index 9945ef47114..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/import-red.css +++ /dev/null @@ -1 +0,0 @@ -.import { color: red; } diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/pattern-grg-rgr-grg.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/pattern-grg-rgr-grg.png Binary files differdeleted file mode 100644 index 6fcfeb4883e..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/pattern-grg-rgr-grg.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/pattern-grg-rrg-rgg.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/pattern-grg-rrg-rgg.png Binary files differdeleted file mode 100644 index fcf4f3fd7d9..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/pattern-grg-rrg-rgg.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/pattern-rgr-grg-rgr.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/pattern-rgr-grg-rgr.png Binary files differdeleted file mode 100644 index db8ed5cf7bd..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/pattern-rgr-grg-rgr.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/pattern-tr.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/pattern-tr.png Binary files differdeleted file mode 100644 index 8b4b25364e0..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/pattern-tr.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/red20x20.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/red20x20.png Binary files differdeleted file mode 100644 index 5d44ef210e1..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/red20x20.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/square-purple.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/square-purple.png Binary files differdeleted file mode 100644 index 0f522d78728..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/square-purple.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/square-teal.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/square-teal.png Binary files differdeleted file mode 100644 index e567f51b91b..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/square-teal.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/square-white.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/square-white.png Binary files differdeleted file mode 100644 index 5853cbb238c..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/square-white.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-blue.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-blue.png Binary files differdeleted file mode 100644 index bf2759634d4..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-blue.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-gray.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-gray.png Binary files differdeleted file mode 100644 index 92c73561f3a..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-gray.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-green.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-green.png Binary files differdeleted file mode 100644 index 0aa79b0c86b..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-lime.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-lime.png Binary files differdeleted file mode 100644 index 55fd7fdaedf..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-lime.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-navy.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-navy.png Binary files differdeleted file mode 100644 index 28dae8a3e12..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-navy.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-orange.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-orange.png Binary files differdeleted file mode 100644 index d3cd498b52b..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-orange.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-pink.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-pink.png Binary files differdeleted file mode 100644 index 95b84499a3d..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-pink.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-purple.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-purple.png Binary files differdeleted file mode 100644 index 73bea775175..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-purple.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-red.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-red.png Binary files differdeleted file mode 100644 index 1caf25c992a..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-red.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-white.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-white.png Binary files differdeleted file mode 100644 index 1a7d4323d77..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-white.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-yellow.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-yellow.png Binary files differdeleted file mode 100644 index 1591aa0e2e2..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/swatch-yellow.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/test-bl.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/test-bl.png Binary files differdeleted file mode 100644 index 904e24e996a..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/test-bl.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/test-br.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/test-br.png Binary files differdeleted file mode 100644 index f413ff5c1a0..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/test-br.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/test-outer.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/test-outer.png Binary files differdeleted file mode 100644 index 82eeace7fc0..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/test-outer.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/test-tl.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/test-tl.png Binary files differdeleted file mode 100644 index f6ac0ef7e8f..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/test-tl.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/test-tr.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/test-tr.png Binary files differdeleted file mode 100644 index 59843ae54b6..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/support/test-tr.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reftest-toc.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reftest-toc.htm deleted file mode 100644 index 65a274bd751..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reftest-toc.htm +++ /dev/null @@ -1,1342 +0,0 @@ - - -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> -<html> - <head> - <title>CSS Multi-column Layout Module Level 1 CR Test Suite Reftest Index</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> - - <body> - - <h1>CSS Multi-column Layout Module Level 1 CR Test Suite Reftest Index</h1> - <table width="100%"> - <col id="test-column"> - <col id="ref-column"> - <col id="flags-column"> - <thead> - <tr> - <th>Test</th> - <th>Reference</th> - <th>Flags</th> - </tr> - </thead> - <tbody id="grid-inline-multicol-001" class=""> - <tr> - <td rowspan="1" title="'column-*' properties from inline grid container does not apply to grid items"> - <a href="grid-inline-multicol-001.htm">grid-inline-multicol-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-multicol-001" class=""> - <tr> - <td rowspan="1" title="'column-*' properties from grid container does not apply to grid items"> - <a href="grid-multicol-001.htm">grid-multicol-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="multicol-basic-001" class="ahem"> - <tr> - <td rowspan="1" title="Multi-column element via columns: [integer]"> - <a href="multicol-basic-001.htm">multicol-basic-001</a></td> - <td><a href="reference/multicol-basic-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-basic-002" class="ahem"> - <tr> - <td rowspan="1" title="Multi-column element via column-count: [integer]"> - <a href="multicol-basic-002.htm">multicol-basic-002</a></td> - <td><a href="reference/multicol-basic-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-basic-003" class="ahem"> - <tr> - <td rowspan="1" title="Multi-column element via columns: [width]"> - <a href="multicol-basic-003.htm">multicol-basic-003</a></td> - <td><a href="reference/multicol-basic-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-basic-004" class="ahem"> - <tr> - <td rowspan="1" title="Multi-column element via column-width: [width]"> - <a href="multicol-basic-004.htm">multicol-basic-004</a></td> - <td><a href="reference/multicol-basic-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-block-clip-001" class="ahem"> - <tr> - <td rowspan="1" title="Overflowed content inside multicol element"> - <a href="multicol-block-clip-001.htm">multicol-block-clip-001</a></td> - <td><a href="reference/multicol-block-clip-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-block-clip-002" class="ahem"> - <tr> - <td rowspan="1" title="Overflowed content inside and outside multicol element"> - <a href="multicol-block-clip-002.htm">multicol-block-clip-002</a></td> - <td><a href="reference/multicol-block-clip-002-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-br-inside-avoidcolumn-001" class=""> - <tr> - <td rowspan="1" title="multicol | break-inside: avoid-column"> - <a href="multicol-br-inside-avoidcolumn-001.htm">multicol-br-inside-avoidcolumn-001</a></td> - <td><a href="reference/multicol-br-inside-avoidcolumn-ref.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="multicol-break-000" class="ahem image"> - <tr> - <td rowspan="1" title="break-after: column (basic)"> - <a href="multicol-break-000.htm">multicol-break-000</a></td> - <td><a href="reference/multicol-break-000-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> - <tbody id="multicol-break-001" class="ahem image"> - <tr> - <td rowspan="1" title="break-before: column (basic)"> - <a href="multicol-break-001.htm">multicol-break-001</a></td> - <td><a href="reference/multicol-break-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> - <tbody id="multicol-clip-001" class="ahem"> - <tr> - <td rowspan="1" title="overflowed content inside and outside multicol element"> - <a href="multicol-clip-001.htm">multicol-clip-001</a></td> - <td><a href="reference/multicol-clip-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-clip-002" class="ahem"> - <tr> - <td rowspan="1" title="overflowed content inside and outside multicol element"> - <a href="multicol-clip-002.htm">multicol-clip-002</a></td> - <td><a href="reference/multicol-clip-002-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-collapsing-001" class="ahem"> - <tr> - <td rowspan="1" title="no margin collapsing with its first child block box"> - <a href="multicol-collapsing-001.htm">multicol-collapsing-001</a></td> - <td><a href="reference/multicol-collapsing-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-columns-001" class="ahem"> - <tr> - <td rowspan="1" title="columns shorthand (basic)"> - <a href="multicol-columns-001.htm">multicol-columns-001</a></td> - <td><a href="reference/multicol-columns-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-columns-002" class="ahem"> - <tr> - <td rowspan="1" title="columns shorthand (basic)"> - <a href="multicol-columns-002.htm">multicol-columns-002</a></td> - <td><a href="reference/multicol-columns-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-columns-003" class="ahem"> - <tr> - <td rowspan="1" title="columns shorthand (basic)"> - <a href="multicol-columns-003.htm">multicol-columns-003</a></td> - <td><a href="reference/multicol-columns-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-columns-004" class="ahem"> - <tr> - <td rowspan="1" title="columns shorthand (basic)"> - <a href="multicol-columns-004.htm">multicol-columns-004</a></td> - <td><a href="reference/multicol-columns-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-columns-005" class="ahem"> - <tr> - <td rowspan="1" title="columns shorthand (basic)"> - <a href="multicol-columns-005.htm">multicol-columns-005</a></td> - <td><a href="reference/multicol-columns-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-columns-006" class="ahem"> - <tr> - <td rowspan="1" title="columns shorthand (basic)"> - <a href="multicol-columns-006.htm">multicol-columns-006</a></td> - <td><a href="reference/multicol-columns-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-columns-007" class="ahem"> - <tr> - <td rowspan="1" title="columns shorthand (basic)"> - <a href="multicol-columns-007.htm">multicol-columns-007</a></td> - <td><a href="reference/multicol-columns-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-columns-invalid-001" class="ahem invalid"> - <tr> - <td rowspan="1" title="invalid columns shorthand"> - <a href="multicol-columns-invalid-001.htm">multicol-columns-invalid-001</a></td> - <td><a href="reference/multicol-columns-invalid-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - </tr> - </tbody> - <tbody id="multicol-columns-invalid-002" class="ahem invalid"> - <tr> - <td rowspan="1" title="invalid columns shorthand"> - <a href="multicol-columns-invalid-002.htm">multicol-columns-invalid-002</a></td> - <td><a href="reference/multicol-columns-invalid-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - </tr> - </tbody> - <tbody id="multicol-columns-toolong-001" class="ahem"> - <tr> - <td rowspan="1" title="narrower inline content inside wider colum box"> - <a href="multicol-columns-toolong-001.htm">multicol-columns-toolong-001</a></td> - <td><a href="reference/multicol-columns-invalid-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-containing-001" class="ahem"> - <tr> - <td rowspan="1" title="a column box can not act as containing block for elements with 'position: absolute'"> - <a href="multicol-containing-001.htm">multicol-containing-001</a></td> - <td><a href="reference/multicol-containing-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-containing-002" class="ahem"> - <tr> - <td rowspan="1" title="a multi-column can act as containing block for elements with 'position: absolute'"> - <a href="multicol-containing-002.htm">multicol-containing-002</a></td> - <td><a href="reference/multicol-containing-002-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-count-001" class="ahem"> - <tr> - <td rowspan="1" title="column-count (basic)"> - <a href="multicol-count-001.htm">multicol-count-001</a></td> - <td><a href="reference/multicol-columns-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-count-002" class="ahem"> - <tr> - <td rowspan="1" title="column-count (basic)"> - <a href="multicol-count-002.htm">multicol-count-002</a></td> - <td><a href="reference/multicol-count-002-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-count-computed-001" class="ahem"> - <tr> - <td rowspan="1" title="multicolumn | column-rule"> - <a href="multicol-count-computed-001.htm">multicol-count-computed-001</a></td> - <td><a href="reference/multicol-count-computed-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-count-computed-002" class="ahem"> - <tr> - <td rowspan="1" title="multicolumn | column-rule"> - <a href="multicol-count-computed-002.htm">multicol-count-computed-002</a></td> - <td><a href="reference/multicol-count-computed-2-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-count-computed-003" class="ahem"> - <tr> - <td rowspan="1" title="column-rule and overflow inside (complex test)"> - <a href="multicol-count-computed-003.htm">multicol-count-computed-003</a></td> - <td><a href="reference/multicol-count-computed-003-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-count-computed-004" class="ahem"> - <tr> - <td rowspan="1" title="both 'column-width' and 'column-count' are 'auto'"> - <a href="multicol-count-computed-004.htm">multicol-count-computed-004</a></td> - <td><a href="reference/multicol-count-computed-004-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-count-computed-005" class="ahem"> - <tr> - <td rowspan="1" title="column-rule and overflow inside (complex test)"> - <a href="multicol-count-computed-005.htm">multicol-count-computed-005</a></td> - <td><a href="reference/multicol-count-computed-003-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-count-large-001" class="ahem"> - <tr> - <td rowspan="1" title="multicolumn | column-count"> - <a href="multicol-count-large-001.htm">multicol-count-large-001</a></td> - <td><a href="reference/multicol-count-large-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-count-large-002" class="ahem"> - <tr> - <td rowspan="1" title="multicolumn | column-count"> - <a href="multicol-count-large-002.htm">multicol-count-large-002</a></td> - <td><a href="reference/multicol-count-large-2-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-count-negative-001" class="ahem invalid"> - <tr> - <td rowspan="1" title="negative 'column-count' value"> - <a href="multicol-count-negative-001.htm">multicol-count-negative-001</a></td> - <td><a href="reference/multicol-columns-invalid-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - </tr> - </tbody> - <tbody id="multicol-count-negative-002" class="ahem invalid"> - <tr> - <td rowspan="1" title="zero 'column-count' value"> - <a href="multicol-count-negative-002.htm">multicol-count-negative-002</a></td> - <td><a href="reference/multicol-columns-invalid-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - </tr> - </tbody> - <tbody id="multicol-count-non-integer-001" class="ahem invalid"> - <tr> - <td rowspan="1" title="non-integer 'column-count' value"> - <a href="multicol-count-non-integer-001.htm">multicol-count-non-integer-001</a></td> - <td><a href="reference/multicol-columns-invalid-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - </tr> - </tbody> - <tbody id="multicol-count-non-integer-002" class="ahem invalid"> - <tr> - <td rowspan="1" title="non-integer 'column-count' value"> - <a href="multicol-count-non-integer-002.htm">multicol-count-non-integer-002</a></td> - <td><a href="reference/multicol-columns-invalid-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - </tr> - </tbody> - <tbody id="multicol-count-non-integer-003" class="ahem invalid"> - <tr> - <td rowspan="1" title="non-integer 'column-count' value"> - <a href="multicol-count-non-integer-003.htm">multicol-count-non-integer-003</a></td> - <td><a href="reference/multicol-columns-invalid-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - </tr> - </tbody> - <tbody id="multicol-fill-000" class="ahem"> - <tr> - <td rowspan="1" title="column-fill: balance (basic)"> - <a href="multicol-fill-000.htm">multicol-fill-000</a></td> - <td><a href="reference/multicol-fill-000-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-fill-001" class="ahem"> - <tr> - <td rowspan="1" title="column-fill: balance with set height (basic)"> - <a href="multicol-fill-001.htm">multicol-fill-001</a></td> - <td><a href="reference/multicol-fill-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-fill-auto" class="ahem"> - <tr> - <td rowspan="1" title="multicolumn | column-fill-auto"> - <a href="multicol-fill-auto.htm">multicol-fill-auto</a></td> - <td><a href="reference/multicol-fill-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-fill-auto-001" class="ahem"> - <tr> - <td rowspan="1" title="'column-fill: auto' (basic)"> - <a href="multicol-fill-auto-001.htm">multicol-fill-auto-001</a></td> - <td><a href="reference/multicol-fill-auto-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-fill-auto-002" class="ahem"> - <tr> - <td rowspan="1" title="multicolumn | column-fill-auto"> - <a href="multicol-fill-auto-002.htm">multicol-fill-auto-002</a></td> - <td><a href="reference/multicol-fill-auto-002-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-fill-auto-003" class="ahem"> - <tr> - <td rowspan="1" title="'column-fill: auto' (basic)"> - <a href="multicol-fill-auto-003.htm">multicol-fill-auto-003</a></td> - <td><a href="reference/multicol-fill-auto-003-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-fill-auto-block-children-001" class=""> - <tr> - <td rowspan="1" title="multicol | column-span: all | column-fill: auto"> - <a href="multicol-fill-auto-block-children-001.htm">multicol-fill-auto-block-children-001</a></td> - <td><a href="reference/multicol-fill-auto-block-children-ref.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="multicol-fill-auto-block-children-002" class=""> - <tr> - <td rowspan="1" title="'column-fill: auto' and 'column-span: all' (complex)"> - <a href="multicol-fill-auto-block-children-002.htm">multicol-fill-auto-block-children-002</a></td> - <td><a href="reference/multicol-fill-auto-block-children-002-ref.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="multicol-fill-balance-001" class="ahem"> - <tr> - <td rowspan="1" title="multicolumn | column-fill"> - <a href="multicol-fill-balance-001.htm">multicol-fill-balance-001</a></td> - <td><a href="reference/multicol-fill-balance-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-gap-000" class="ahem"> - <tr> - <td rowspan="1" title="column-gap (basic)"> - <a href="multicol-gap-000.htm">multicol-gap-000</a></td> - <td><a href="reference/multicol-gap-000-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-gap-001" class="ahem may"> - <tr> - <td rowspan="1" title="'column-gap: normal'"> - <a href="multicol-gap-001.htm">multicol-gap-001</a></td> - <td><a href="reference/multicol-gap-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td> - </tr> - </tbody> - <tbody id="multicol-gap-002" class="ahem"> - <tr> - <td rowspan="1" title="column-gap (basic)"> - <a href="multicol-gap-002.htm">multicol-gap-002</a></td> - <td><a href="reference/multicol-gap-002-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-gap-003" class="ahem may"> - <tr> - <td rowspan="1" title="'column-gap: normal'"> - <a href="multicol-gap-003.htm">multicol-gap-003</a></td> - <td><a href="reference/multicol-gap-002-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td> - </tr> - </tbody> - <tbody id="multicol-gap-fraction-001" class="ahem"> - <tr> - <td rowspan="1" title="'column-gap' with increasing values"> - <a href="multicol-gap-fraction-001.htm">multicol-gap-fraction-001</a></td> - <td><a href="reference/multicol-gap-fraction-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-gap-large-001" class="ahem"> - <tr> - <td rowspan="1" title="'column-gap' with large value"> - <a href="multicol-gap-large-001.htm">multicol-gap-large-001</a></td> - <td><a href="reference/multicol-gap-large-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-gap-large-002" class="ahem"> - <tr> - <td rowspan="1" title="'column-gap' with large value"> - <a href="multicol-gap-large-002.htm">multicol-gap-large-002</a></td> - <td><a href="reference/multicol-gap-large-002-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-gap-negative-001" class="ahem invalid"> - <tr> - <td rowspan="1" title="column-gap with negative value"> - <a href="multicol-gap-negative-001.htm">multicol-gap-negative-001</a></td> - <td><a href="reference/multicol-gap-002-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - </tr> - </tbody> - <tbody id="multicol-height-001" class="ahem"> - <tr> - <td rowspan="1" title="column-count and height"> - <a href="multicol-height-001.htm">multicol-height-001</a></td> - <td><a href="reference/multicol-height-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-height-002" class=""> - <tr> - <td rowspan="1" title="Percentage Computed Height on Multicol Child (Definite Multicol Height)"> - <a href="multicol-height-002.htm">multicol-height-002</a></td> - <td><a href="reference/multicol-height-002.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="multicol-height-block-child-001" class="ahem"> - <tr> - <td rowspan="1" title="multi-column element with child block (complex)"> - <a href="multicol-height-block-child-001.htm">multicol-height-block-child-001</a></td> - <td><a href="reference/multicol-height-block-child-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-inherit-001" class="ahem"> - <tr> - <td rowspan="1" title="multicolumn and inheritance"> - <a href="multicol-inherit-001.htm">multicol-inherit-001</a></td> - <td><a href="reference/multicol-inherit-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-inherit-002" class="ahem"> - <tr> - <td rowspan="1" title="'column-count' and inherit"> - <a href="multicol-inherit-002.htm">multicol-inherit-002</a></td> - <td><a href="reference/multicol-inherit-002-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-inherit-003" class="ahem"> - <tr> - <td rowspan="1" title="multicolumn | inheritance"> - <a href="multicol-inherit-003.htm">multicol-inherit-003</a></td> - <td><a href="reference/multicol-inherit-3-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-inherit-004" class="ahem"> - <tr> - <td rowspan="1" title="multicolumn | inheritance"> - <a href="multicol-inherit-004.htm">multicol-inherit-004</a></td> - <td><a href="reference/multicol-inherit-4-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-list-item-001" class="ahem"> - <tr> - <td rowspan="1" title="multi-column and list-item"> - <a href="multicol-list-item-001.htm">multicol-list-item-001</a></td> - <td><a href="reference/multicol-list-item-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-margin-001" class="ahem"> - <tr> - <td rowspan="1" title="multi-column and margin collapsing of first child (basic)"> - <a href="multicol-margin-001.htm">multicol-margin-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-margin-002" class="ahem"> - <tr> - <td rowspan="1" title="multi-column and margin collapsing of first child (basic)"> - <a href="multicol-margin-002.htm">multicol-margin-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-margin-child-001" class="ahem"> - <tr> - <td rowspan="1" title="multi-column and margin collapsing of block children (basic)"> - <a href="multicol-margin-child-001.htm">multicol-margin-child-001</a></td> - <td><a href="reference/multicol-margin-child-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-nested-002" class="ahem"> - <tr> - <td rowspan="1" title="multicolumn and margin-bottom collapsing"> - <a href="multicol-nested-002.htm">multicol-nested-002</a></td> - <td><a href="reference/multicol-nested-002-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-nested-005" class="ahem"> - <tr> - <td rowspan="1" title="nested multi-columns and constrained dimensions"> - <a href="multicol-nested-005.htm">multicol-nested-005</a></td> - <td><a href="reference/multicol-nested-005-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-nested-column-rule-001" class="ahem"> - <tr> - <td rowspan="1" title="nested multi-columns and column-rule position"> - <a href="multicol-nested-column-rule-001.htm">multicol-nested-column-rule-001</a></td> - <td><a href="reference/multicol-nested-column-rule-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-nested-margin-001" class="ahem"> - <tr> - <td rowspan="1" title="multicolumn and nested margins"> - <a href="multicol-nested-margin-001.htm">multicol-nested-margin-001</a></td> - <td><a href="reference/multicol-nested-margin-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-nested-margin-002" class="ahem"> - <tr> - <td rowspan="1" title="nested multicolumns and vertical margin (complex)"> - <a href="multicol-nested-margin-002.htm">multicol-nested-margin-002</a></td> - <td><a href="reference/multicol-nested-margin-002-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-nested-margin-003" class="ahem"> - <tr> - <td rowspan="1" title="nested multicolumn and nested margin-top"> - <a href="multicol-nested-margin-003.htm">multicol-nested-margin-003</a></td> - <td><a href="reference/multicol-nested-margin-003-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-nested-margin-004" class="ahem"> - <tr> - <td rowspan="1" title="nested multicolumn and nested margin-top"> - <a href="multicol-nested-margin-004.htm">multicol-nested-margin-004</a></td> - <td><a href="reference/multicol-nested-margin-004-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-nested-margin-005" class="ahem"> - <tr> - <td rowspan="1" title="nested multicolumn and nested margin-top"> - <a href="multicol-nested-margin-005.htm">multicol-nested-margin-005</a></td> - <td><a href="reference/multicol-nested-margin-004-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-overflow-000" class="ahem"> - <tr> - <td rowspan="1" title="multi-column with set height causing overflow outside (basic)"> - <a href="multicol-overflow-000.htm">multicol-overflow-000</a></td> - <td><a href="reference/multicol-overflow-000-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-overflowing-001" class="ahem"> - <tr> - <td rowspan="1" title="multicolumn and overflowing constrained dimensions"> - <a href="multicol-overflowing-001.htm">multicol-overflowing-001</a></td> - <td><a href="reference/multicol-overflowing-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-reduce-000" class="ahem"> - <tr> - <td rowspan="1" title="column width becomes wider to fill available space"> - <a href="multicol-reduce-000.htm">multicol-reduce-000</a></td> - <td><a href="reference/multicol-reduce-000-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-000" class="ahem"> - <tr> - <td rowspan="1" title="column-rule shorthand (basic)"> - <a href="multicol-rule-000.htm">multicol-rule-000</a></td> - <td><a href="reference/multicol-rule-000-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-001" class="ahem"> - <tr> - <td rowspan="1" title="column-rule exceeding column-gap"> - <a href="multicol-rule-001.htm">multicol-rule-001</a></td> - <td><a href="reference/multicol-rule-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-002" class="ahem"> - <tr> - <td rowspan="1" title="multicolumn | column-rule"> - <a href="multicol-rule-002.htm">multicol-rule-002</a></td> - <td><a href="reference/multicol-rule-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-003" class="ahem"> - <tr> - <td rowspan="1" title="column-rule (basic)"> - <a href="multicol-rule-003.htm">multicol-rule-003</a></td> - <td><a href="reference/multicol-rule-003-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-004" class="ahem"> - <tr> - <td rowspan="1" title="'column-fill: balance' and column-rule"> - <a href="multicol-rule-004.htm">multicol-rule-004</a></td> - <td><a href="reference/multicol-rule-004-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-color-001" class="ahem"> - <tr> - <td rowspan="1" title="column-rule-color (basic)"> - <a href="multicol-rule-color-001.htm">multicol-rule-color-001</a></td> - <td><a href="reference/multicol-rule-color-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-color-inherit-001" class="ahem"> - <tr> - <td rowspan="1" title="column-rule-color: inherit"> - <a href="multicol-rule-color-inherit-001.htm">multicol-rule-color-inherit-001</a></td> - <td><a href="reference/multicol-rule-color-inherit-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-color-inherit-002" class="ahem"> - <tr> - <td rowspan="1" title="column-rule-color: inherit (complex)"> - <a href="multicol-rule-color-inherit-002.htm">multicol-rule-color-inherit-002</a></td> - <td><a href="reference/multicol-rule-color-inherit-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-dashed-000" class="ahem"> - <tr> - <td rowspan="1" title="column-rule shorthand with 'dashed' border style"> - <a href="multicol-rule-dashed-000.htm">multicol-rule-dashed-000</a></td> - <td><a href="reference/multicol-rule-dashed-000-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-dotted-000" class="ahem"> - <tr> - <td rowspan="1" title="column-rule shorthand with 'dotted' border style"> - <a href="multicol-rule-dotted-000.htm">multicol-rule-dotted-000</a></td> - <td><a href="reference/multicol-rule-dotted-000-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-double-000" class="ahem"> - <tr> - <td rowspan="1" title="column-rule shorthand with 'double' border style"> - <a href="multicol-rule-double-000.htm">multicol-rule-double-000</a></td> - <td><a href="reference/multicol-rule-double-000-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-fraction-001" class="ahem"> - <tr> - <td rowspan="1" title="column-rule-width"> - <a href="multicol-rule-fraction-001.htm">multicol-rule-fraction-001</a></td> - <td><a href="reference/multicol-rule-fraction-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-fraction-002" class="ahem"> - <tr> - <td rowspan="1" title="wide column-rule-width painted above background-color"> - <a href="multicol-rule-fraction-002.htm">multicol-rule-fraction-002</a></td> - <td><a href="reference/multicol-rule-fraction-002-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-fraction-003" class="ahem"> - <tr> - <td rowspan="1" title="multicolumn | column-rule"> - <a href="multicol-rule-fraction-003.htm">multicol-rule-fraction-003</a></td> - <td><a href="reference/multicol-rule-fraction-3-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-groove-000" class="ahem"> - <tr> - <td rowspan="1" title="column-rule shorthand with 'groove' border style"> - <a href="multicol-rule-groove-000.htm">multicol-rule-groove-000</a></td> - <td><a href="reference/multicol-rule-groove-000-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-hidden-000" class="ahem"> - <tr> - <td rowspan="1" title="column-rule shorthand with 'hidden' border style"> - <a href="multicol-rule-hidden-000.htm">multicol-rule-hidden-000</a></td> - <td><a href="reference/multicol-rule-hidden-000-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-inset-000" class="ahem"> - <tr> - <td rowspan="1" title="column-rule shorthand with 'inset' border style"> - <a href="multicol-rule-inset-000.htm">multicol-rule-inset-000</a></td> - <td><a href="reference/multicol-rule-ridge-000-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-large-001" class="ahem"> - <tr> - <td rowspan="1" title="excessively wide column-rule-width"> - <a href="multicol-rule-large-001.htm">multicol-rule-large-001</a></td> - <td><a href="reference/multicol-rule-large-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-none-000" class="ahem"> - <tr> - <td rowspan="1" title="column-rule shorthand with 'none' border style"> - <a href="multicol-rule-none-000.htm">multicol-rule-none-000</a></td> - <td><a href="reference/multicol-rule-hidden-000-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-outset-000" class="ahem"> - <tr> - <td rowspan="1" title="column-rule shorthand with 'outset' border style"> - <a href="multicol-rule-outset-000.htm">multicol-rule-outset-000</a></td> - <td><a href="reference/multicol-rule-groove-000-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-percent-001" class="ahem invalid"> - <tr> - <td rowspan="1" title="column-rule-width and percentage unit (basic)"> - <a href="multicol-rule-percent-001.htm">multicol-rule-percent-001</a></td> - <td><a href="reference/multicol-containing-002-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-px-001" class="ahem"> - <tr> - <td rowspan="1" title="multicolumn | column-rule"> - <a href="multicol-rule-px-001.htm">multicol-rule-px-001</a></td> - <td><a href="reference/multicol-rule-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-ridge-000" class="ahem"> - <tr> - <td rowspan="1" title="column-rule shorthand with 'ridge' border style"> - <a href="multicol-rule-ridge-000.htm">multicol-rule-ridge-000</a></td> - <td><a href="reference/multicol-rule-ridge-000-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-samelength-001" class="ahem"> - <tr> - <td rowspan="1" title="'column-rule-width' has same lenght as 'column-gap'"> - <a href="multicol-rule-samelength-001.htm">multicol-rule-samelength-001</a></td> - <td><a href="reference/multicol-rule-samelength-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-shorthand-001" class="ahem invalid"> - <tr> - <td rowspan="1" title="'column-rule' shorthand"> - <a href="multicol-rule-shorthand-001.htm">multicol-rule-shorthand-001</a></td> - <td><a href="reference/multicol-rule-samelength-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-solid-000" class="ahem"> - <tr> - <td rowspan="1" title="column-rule shorthand with 'solid' border style"> - <a href="multicol-rule-solid-000.htm">multicol-rule-solid-000</a></td> - <td><a href="reference/multicol-rule-solid-000-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-stacking-001" class="ahem"> - <tr> - <td rowspan="1" title="multicolumn | column-count, stacking"> - <a href="multicol-rule-stacking-001.htm">multicol-rule-stacking-001</a></td> - <td><a href="reference/multicol-rule-stacking-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-style-groove-001" class="ahem"> - <tr> - <td rowspan="1" title="'column-rule-style' groove"> - <a href="multicol-rule-style-groove-001.htm">multicol-rule-style-groove-001</a></td> - <td><a href="reference/multicol-rule-style-groove-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-style-inset-001" class="ahem"> - <tr> - <td rowspan="1" title="'column-rule-style' inset"> - <a href="multicol-rule-style-inset-001.htm">multicol-rule-style-inset-001</a></td> - <td><a href="reference/multicol-rule-style-ridge-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-style-outset-001" class="ahem"> - <tr> - <td rowspan="1" title="'column-rule-style' outset"> - <a href="multicol-rule-style-outset-001.htm">multicol-rule-style-outset-001</a></td> - <td><a href="reference/multicol-rule-style-groove-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-rule-style-ridge-001" class="ahem"> - <tr> - <td rowspan="1" title="'column-rule-style' ridge"> - <a href="multicol-rule-style-ridge-001.htm">multicol-rule-style-ridge-001</a></td> - <td><a href="reference/multicol-rule-style-ridge-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-shorthand-001" class="ahem invalid"> - <tr> - <td rowspan="1" title="multicolumn | invalid"> - <a href="multicol-shorthand-001.htm">multicol-shorthand-001</a></td> - <td><a href="reference/multicol-rule-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - </tr> - </tbody> - <tbody id="multicol-span-000" class="ahem image"> - <tr> - <td rowspan="1" title="column-span (basic)"> - <a href="multicol-span-000.htm">multicol-span-000</a></td> - <td><a href="reference/multicol-span-000-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> - <tbody id="multicol-span-all-001" class="ahem"> - <tr> - <td rowspan="1" title="'column-span' element (basic)"> - <a href="multicol-span-all-001.htm">multicol-span-all-001</a></td> - <td><a href="reference/multicol-span-all-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-span-all-002" class="ahem"> - <tr> - <td rowspan="1" title="'column-span' element - large margin-left and 'overflow: hidden'"> - <a href="multicol-span-all-002.htm">multicol-span-all-002</a></td> - <td><a href="reference/multicol-span-all-002-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-span-all-003" class="ahem"> - <tr> - <td rowspan="1" title="'column-span: all' (basic)"> - <a href="multicol-span-all-003.htm">multicol-span-all-003</a></td> - <td><a href="reference/multicol-count-002-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-span-all-block-sibling-003" class="ahem"> - <tr> - <td rowspan="1" title="multicol | column-span: all | block-level child"> - <a href="multicol-span-all-block-sibling-003.htm">multicol-span-all-block-sibling-003</a></td> - <td><a href="reference/multicol-span-all-block-sibling-3-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-span-all-child-001" class="ahem may"> - <tr> - <td rowspan="1" title="'column-span: all' element with block children (complex)"> - <a href="multicol-span-all-child-001.htm">multicol-span-all-child-001</a></td> - <td><a href="reference/multicol-span-all-child-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td> - </tr> - </tbody> - <tbody id="multicol-span-all-child-002" class="may"> - <tr> - <td rowspan="1" title="'column-span: all' element with block children (complex)"> - <a href="multicol-span-all-child-002.htm">multicol-span-all-child-002</a></td> - <td><a href="reference/multicol-span-all-child-002-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td> - </tr> - </tbody> - <tbody id="multicol-span-all-margin-001" class="ahem may"> - <tr> - <td rowspan="1" title="'column-span: all' element and width exceeding available multi-colum width (complex)"> - <a href="multicol-span-all-margin-001.htm">multicol-span-all-margin-001</a></td> - <td><a href="reference/multicol-span-all-margin-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td> - </tr> - </tbody> - <tbody id="multicol-span-all-margin-002" class="ahem"> - <tr> - <td rowspan="1" title="'column-span: all' element"> - <a href="multicol-span-all-margin-002.htm">multicol-span-all-margin-002</a></td> - <td><a href="reference/multicol-span-all-margin-002-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-span-all-margin-bottom-001" class="ahem"> - <tr> - <td rowspan="1" title="'column-span: all' element with vertical margins and width exceeding available multi-colum width (complex)"> - <a href="multicol-span-all-margin-bottom-001.htm">multicol-span-all-margin-bottom-001</a></td> - <td><a href="reference/multicol-span-all-margin-bottom-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-span-all-margin-nested-001" class="ahem"> - <tr> - <td rowspan="1" title="vertically adjacent spanning elements with nested margins (complex)"> - <a href="multicol-span-all-margin-nested-001.htm">multicol-span-all-margin-nested-001</a></td> - <td><a href="reference/multicol-span-all-margin-nested-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-span-all-margin-nested-002" class="ahem"> - <tr> - <td rowspan="1" title="vertically adjacent spanning elements with nested margins (complex)"> - <a href="multicol-span-all-margin-nested-002.htm">multicol-span-all-margin-nested-002</a></td> - <td><a href="reference/multicol-span-all-margin-nested-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-span-all-margin-nested-003" class="ahem"> - <tr> - <td rowspan="1" title="multicolomn | column-span inside block"> - <a href="multicol-span-all-margin-nested-003.htm">multicol-span-all-margin-nested-003</a></td> - <td><a href="reference/multicol-span-all-margin-nested-3-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-span-all-margin-nested-firstchild-001" class="ahem"> - <tr> - <td rowspan="1" title="multicolumn | column-span"> - <a href="multicol-span-all-margin-nested-firstchild-001.htm">multicol-span-all-margin-nested-firstchild-001</a></td> - <td><a href="reference/multicol-span-all-margin-nested-firstchild-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-span-float-001" class="ahem"> - <tr> - <td rowspan="1" title="floating a column-spanning element"> - <a href="multicol-span-float-001.htm">multicol-span-float-001</a></td> - <td><a href="reference/multicol-span-float-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-span-none-001" class="ahem"> - <tr> - <td rowspan="1" title="column-span: none (basic)"> - <a href="multicol-span-none-001.htm">multicol-span-none-001</a></td> - <td><a href="reference/multicol-span-none-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-table-cell-001" class="ahem"> - <tr> - <td rowspan="1" title="column-count and table-cell (basic)"> - <a href="multicol-table-cell-001.htm">multicol-table-cell-001</a></td> - <td><a href="reference/multicol-table-cell-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-table-cell-height-001" class="ahem"> - <tr> - <td rowspan="1" title="column-count and height of table-cell (basic)"> - <a href="multicol-table-cell-height-001.htm">multicol-table-cell-height-001</a></td> - <td><a href="reference/multicol-table-cell-height-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-table-cell-height-002" class="ahem"> - <tr> - <td rowspan="1" title="column-count and height of table-cell (basic)"> - <a href="multicol-table-cell-height-002.htm">multicol-table-cell-height-002</a></td> - <td><a href="reference/multicol-table-cell-height-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-table-cell-vertical-align-001" class="ahem"> - <tr> - <td rowspan="1" title="multicolumn | table-cell, vertical-align"> - <a href="multicol-table-cell-vertical-align-001.htm">multicol-table-cell-vertical-align-001</a></td> - <td><a href="reference/multicol-table-cell-vertical-align-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-width-001" class="ahem"> - <tr> - <td rowspan="1" title="column-width (basic)"> - <a href="multicol-width-001.htm">multicol-width-001</a></td> - <td><a href="reference/multicol-width-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-width-002" class="ahem"> - <tr> - <td rowspan="1" title="column-width (basic)"> - <a href="multicol-width-002.htm">multicol-width-002</a></td> - <td><a href="reference/multicol-width-002-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-width-003" class="ahem"> - <tr> - <td rowspan="1" title="column-width (basic)"> - <a href="multicol-width-003.htm">multicol-width-003</a></td> - <td><a href="reference/multicol-width-002-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-width-count-001" class="ahem"> - <tr> - <td rowspan="1" title="column-count and column-width (basic)"> - <a href="multicol-width-count-001.htm">multicol-width-count-001</a></td> - <td><a href="reference/multicol-width-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-width-count-002" class="ahem"> - <tr> - <td rowspan="1" title="column-count and column-width (basic)"> - <a href="multicol-width-count-002.htm">multicol-width-count-002</a></td> - <td><a href="reference/multicol-count-002-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-width-ems-001" class=""> - <tr> - <td rowspan="1" title="multicolumn | column-width"> - <a href="multicol-width-ems-001.htm">multicol-width-ems-001</a></td> - <td><a href="reference/multicol-width-ems-ref.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="multicol-width-invalid-001" class="ahem invalid"> - <tr> - <td rowspan="1" title="invalid column-width"> - <a href="multicol-width-invalid-001.htm">multicol-width-invalid-001</a></td> - <td><a href="reference/multicol-width-invalid-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - </tr> - </tbody> - <tbody id="multicol-width-large-001" class="ahem"> - <tr> - <td rowspan="1" title="large column-width"> - <a href="multicol-width-large-001.htm">multicol-width-large-001</a></td> - <td><a href="reference/multicol-width-invalid-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-width-large-002" class="ahem"> - <tr> - <td rowspan="1" title="large column-width"> - <a href="multicol-width-large-002.htm">multicol-width-large-002</a></td> - <td><a href="reference/multicol-width-invalid-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-width-negative-001" class="ahem invalid"> - <tr> - <td rowspan="1" title="negative column-width"> - <a href="multicol-width-negative-001.htm">multicol-width-negative-001</a></td> - <td><a href="reference/multicol-count-002-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> - </tr> - </tbody> - <tbody id="multicol-width-small-001" class="ahem"> - <tr> - <td rowspan="1" title="narrow column-width"> - <a href="multicol-width-small-001.htm">multicol-width-small-001</a></td> - <td><a href="reference/multicol-width-small-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="multicol-zero-height-001" class=""> - <tr> - <td rowspan="1" title="multi-column element with zero height"> - <a href="multicol-zero-height-001.htm">multicol-zero-height-001</a></td> - <td><a href="reference/multicol-zero-height-001-ref.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="regions-multicol-003" class="ahem"> - <tr> - <td rowspan="1" title="One named flow multi-column container, text content overflowing one region"> - <a href="regions-multicol-003.htm">regions-multicol-003</a></td> - <td><a href="reference/regions-multicol-003-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="regions-multicol-004" class="ahem"> - <tr> - <td rowspan="1" title="One named flow, text content flowing into one multi-column region"> - <a href="regions-multicol-004.htm">regions-multicol-004</a></td> - <td><a href="reference/regions-multicol-003-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="regions-multicol-006" class="ahem"> - <tr> - <td rowspan="1" title="One named flow, text content - fragmented between multicol region and non-multicol region"> - <a href="regions-multicol-006.htm">regions-multicol-006</a></td> - <td><a href="reference/regions-multicol-006-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="regions-multicol-008" class=""> - <tr> - <td rowspan="1" title="One named flow, non-text fragmentable content flowing into multi-column region then into non-multicol region"> - <a href="regions-multicol-008.htm">regions-multicol-008</a></td> - <td><a href="reference/regions-multicol-008-ref.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="regions-multicol-009" class=""> - <tr> - <td rowspan="1" title="One named flow, text content flowing into a simple region then into a multi-column region"> - <a href="regions-multicol-009.htm">regions-multicol-009</a></td> - <td><a href="reference/regions-multicol-009-ref.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="regions-multicol-011" class=""> - <tr> - <td rowspan="1" title="One named flow, non-text fragmentable content flowing into non-mulicol region then into a multi-column region"> - <a href="regions-multicol-011.htm">regions-multicol-011</a></td> - <td><a href="reference/regions-multicol-009-ref.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="regions-multicol-012" class=""> - <tr> - <td rowspan="1" title="One named flow multi-column container, monolithic content flowing into one region"> - <a href="regions-multicol-012.htm">regions-multicol-012</a></td> - <td><a href="reference/regions-multicol-012-ref.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="regions-multicol-013" class="ahem"> - <tr> - <td rowspan="1" title="One named flow, text content flowing into multiple regions fragmented across multiple columns and overflowing the last region"> - <a href="regions-multicol-013.htm">regions-multicol-013</a></td> - <td><a href="reference/regions-multicol-013-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="regions-multicol-015" class="ahem"> - <tr> - <td rowspan="1" title="One named flow muticolumn container, text content flowing into multiple regions with content overflowing last region"> - <a href="regions-multicol-015.htm">regions-multicol-015</a></td> - <td><a href="reference/regions-multicol-013-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="regions-multicol-016" class=""> - <tr> - <td rowspan="1" title="One named flow multi-column container, monolithic content flowing into multiple regions"> - <a href="regions-multicol-016.htm">regions-multicol-016</a></td> - <td><a href="reference/regions-multicol-016-ref.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="regions-multicol-017" class="ahem"> - <tr> - <td rowspan="1" title="Multiple named flows, text content flowing into multiple regions in a multi-column container"> - <a href="regions-multicol-017.htm">regions-multicol-017</a></td> - <td><a href="reference/regions-multicol-017-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="regions-multicol-019" class="ahem"> - <tr> - <td rowspan="1" title="Multiple named flows multi-column containers, text content flowing into multiple visually overlapping regions"> - <a href="regions-multicol-019.htm">regions-multicol-019</a></td> - <td><a href="reference/regions-multicol-019-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="regions-multicol-021" class=""> - <tr> - <td rowspan="1" title="Multiple named flows multi-column containers with unspecified width, non-text content flowing into multiple overlapping regions"> - <a href="regions-multicol-021.htm">regions-multicol-021</a></td> - <td><a href="reference/regions-multicol-019-ref.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="regions-multicol-022" class="ahem"> - <tr> - <td rowspan="1" title="One named flow multi-column container, text content flowing into one autosized region with overflowing column"> - <a href="regions-multicol-022.htm">regions-multicol-022</a></td> - <td><a href="reference/regions-multicol-003-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="regions-multicol-023" class=""> - <tr> - <td rowspan="1" title="One named flow multi-column container, monolithic content flowing into an autosized region, overflowing column"> - <a href="regions-multicol-023.htm">regions-multicol-023</a></td> - <td><a href="reference/regions-multicol-003-ref.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="regions-multicol-024" class="ahem"> - <tr> - <td rowspan="1" title="One named flow multi-column container with text content flowing into region of smaller width/height than the second region"> - <a href="regions-multicol-024.htm">regions-multicol-024</a></td> - <td><a href="reference/regions-multicol-024-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="regions-multicol-025" class=""> - <tr> - <td rowspan="1" title="One named flow multi-column container with monolithic content flowing into region of smaller width/height than the second region"> - <a href="regions-multicol-025.htm">regions-multicol-025</a></td> - <td><a href="reference/regions-multicol-024-ref.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="regions-multicol-026" class="ahem"> - <tr> - <td rowspan="1" title="One named flow multi-column container with text content flowing into region of smaller height than the second region"> - <a href="regions-multicol-026.htm">regions-multicol-026</a></td> - <td><a href="reference/regions-multicol-024-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="regions-multicol-027" class=""> - <tr> - <td rowspan="1" title="One named flow multi-column container with monolithic content + flowing into region of smaller height than the second region"> - <a href="regions-multicol-027.htm">regions-multicol-027</a></td> - <td><a href="reference/regions-multicol-024-ref.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="regions-multicol-028" class="ahem"> - <tr> - <td rowspan="1" title="One named flow multi-column container with text content flowing into first region of smaller width than the second region"> - <a href="regions-multicol-028.htm">regions-multicol-028</a></td> - <td><a href="reference/regions-multicol-028-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="regions-multicol-029" class=""> - <tr> - <td rowspan="1" title="One named flow multi-column container with monolithic content flowing into first region of smaller width than the second region"> - <a href="regions-multicol-029.htm">regions-multicol-029</a></td> - <td><a href="reference/regions-multicol-028-ref.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - </table> - - </body> -</html> diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reftest.list b/tests/wpt/css-tests/css-multicol-1_dev/html4/reftest.list deleted file mode 100644 index 4727adba2bc..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/reftest.list +++ /dev/null @@ -1,165 +0,0 @@ - -grid-inline-multicol-001.htm == reference/ref-filled-green-100px-square.htm -grid-multicol-001.htm == reference/ref-filled-green-100px-square.htm -multicol-basic-001.htm == reference/multicol-basic-ref.htm -multicol-basic-002.htm == reference/multicol-basic-ref.htm -multicol-basic-003.htm == reference/multicol-basic-ref.htm -multicol-basic-004.htm == reference/multicol-basic-ref.htm -multicol-block-clip-001.htm == reference/multicol-block-clip-001-ref.htm -multicol-block-clip-002.htm == reference/multicol-block-clip-002-ref.htm -multicol-br-inside-avoidcolumn-001.htm == reference/multicol-br-inside-avoidcolumn-ref.htm -multicol-break-000.htm == reference/multicol-break-000-ref.htm -multicol-break-001.htm == reference/multicol-break-001-ref.htm -multicol-clip-001.htm == reference/multicol-clip-001-ref.htm -multicol-clip-002.htm == reference/multicol-clip-002-ref.htm -multicol-collapsing-001.htm == reference/multicol-collapsing-001-ref.htm -multicol-columns-001.htm == reference/multicol-columns-001-ref.htm -multicol-columns-002.htm == reference/multicol-columns-001-ref.htm -multicol-columns-003.htm == reference/multicol-columns-001-ref.htm -multicol-columns-004.htm == reference/multicol-columns-001-ref.htm -multicol-columns-005.htm == reference/multicol-columns-001-ref.htm -multicol-columns-006.htm == reference/multicol-columns-001-ref.htm -multicol-columns-007.htm == reference/multicol-columns-001-ref.htm -multicol-columns-invalid-001.htm == reference/multicol-columns-invalid-001-ref.htm -multicol-columns-invalid-002.htm == reference/multicol-columns-invalid-001-ref.htm -multicol-columns-toolong-001.htm == reference/multicol-columns-invalid-001-ref.htm -multicol-containing-001.htm == reference/multicol-containing-001-ref.htm -multicol-containing-002.htm == reference/multicol-containing-002-ref.htm -multicol-count-001.htm == reference/multicol-columns-001-ref.htm -multicol-count-002.htm == reference/multicol-count-002-ref.htm -multicol-count-computed-001.htm == reference/multicol-count-computed-ref.htm -multicol-count-computed-002.htm == reference/multicol-count-computed-2-ref.htm -multicol-count-computed-003.htm == reference/multicol-count-computed-003-ref.htm -multicol-count-computed-004.htm == reference/multicol-count-computed-004-ref.htm -multicol-count-computed-005.htm == reference/multicol-count-computed-003-ref.htm -multicol-count-large-001.htm == reference/multicol-count-large-ref.htm -multicol-count-large-002.htm == reference/multicol-count-large-2-ref.htm -multicol-count-negative-001.htm == reference/multicol-columns-invalid-001-ref.htm -multicol-count-negative-002.htm == reference/multicol-columns-invalid-001-ref.htm -multicol-count-non-integer-001.htm == reference/multicol-columns-invalid-001-ref.htm -multicol-count-non-integer-002.htm == reference/multicol-columns-invalid-001-ref.htm -multicol-count-non-integer-003.htm == reference/multicol-columns-invalid-001-ref.htm -multicol-fill-000.htm == reference/multicol-fill-000-ref.htm -multicol-fill-001.htm == reference/multicol-fill-001-ref.htm -multicol-fill-auto.htm == reference/multicol-fill-ref.htm -multicol-fill-auto-001.htm == reference/multicol-fill-auto-001-ref.htm -multicol-fill-auto-002.htm == reference/multicol-fill-auto-002-ref.htm -multicol-fill-auto-003.htm == reference/multicol-fill-auto-003-ref.htm -multicol-fill-auto-block-children-001.htm == reference/multicol-fill-auto-block-children-ref.htm -multicol-fill-auto-block-children-002.htm == reference/multicol-fill-auto-block-children-002-ref.htm -multicol-fill-balance-001.htm == reference/multicol-fill-balance-001-ref.htm -multicol-gap-000.htm == reference/multicol-gap-000-ref.htm -multicol-gap-001.htm == reference/multicol-gap-001-ref.htm -multicol-gap-002.htm == reference/multicol-gap-002-ref.htm -multicol-gap-003.htm == reference/multicol-gap-002-ref.htm -multicol-gap-fraction-001.htm == reference/multicol-gap-fraction-001-ref.htm -multicol-gap-large-001.htm == reference/multicol-gap-large-001-ref.htm -multicol-gap-large-002.htm == reference/multicol-gap-large-002-ref.htm -multicol-gap-negative-001.htm == reference/multicol-gap-002-ref.htm -multicol-height-001.htm == reference/multicol-height-001-ref.htm -multicol-height-002.htm == reference/multicol-height-002.htm -multicol-height-block-child-001.htm == reference/multicol-height-block-child-001-ref.htm -multicol-inherit-001.htm == reference/multicol-inherit-001-ref.htm -multicol-inherit-002.htm == reference/multicol-inherit-002-ref.htm -multicol-inherit-003.htm == reference/multicol-inherit-3-ref.htm -multicol-inherit-004.htm == reference/multicol-inherit-4-ref.htm -multicol-list-item-001.htm == reference/multicol-list-item-001-ref.htm -multicol-margin-001.htm == reference/ref-filled-green-100px-square.htm -multicol-margin-002.htm == reference/ref-filled-green-100px-square.htm -multicol-margin-child-001.htm == reference/multicol-margin-child-001-ref.htm -multicol-nested-002.htm == reference/multicol-nested-002-ref.htm -multicol-nested-005.htm == reference/multicol-nested-005-ref.htm -multicol-nested-column-rule-001.htm == reference/multicol-nested-column-rule-001-ref.htm -multicol-nested-margin-001.htm == reference/multicol-nested-margin-001-ref.htm -multicol-nested-margin-002.htm == reference/multicol-nested-margin-002-ref.htm -multicol-nested-margin-003.htm == reference/multicol-nested-margin-003-ref.htm -multicol-nested-margin-004.htm == reference/multicol-nested-margin-004-ref.htm -multicol-nested-margin-005.htm == reference/multicol-nested-margin-004-ref.htm -multicol-overflow-000.htm == reference/multicol-overflow-000-ref.htm -multicol-overflowing-001.htm == reference/multicol-overflowing-001-ref.htm -multicol-reduce-000.htm == reference/multicol-reduce-000-ref.htm -multicol-rule-000.htm == reference/multicol-rule-000-ref.htm -multicol-rule-001.htm == reference/multicol-rule-001-ref.htm -multicol-rule-002.htm == reference/multicol-rule-ref.htm -multicol-rule-003.htm == reference/multicol-rule-003-ref.htm -multicol-rule-004.htm == reference/multicol-rule-004-ref.htm -multicol-rule-color-001.htm == reference/multicol-rule-color-001-ref.htm -multicol-rule-color-inherit-001.htm == reference/multicol-rule-color-inherit-001-ref.htm -multicol-rule-color-inherit-002.htm == reference/multicol-rule-color-inherit-001-ref.htm -multicol-rule-dashed-000.htm == reference/multicol-rule-dashed-000-ref.htm -multicol-rule-dotted-000.htm == reference/multicol-rule-dotted-000-ref.htm -multicol-rule-double-000.htm == reference/multicol-rule-double-000-ref.htm -multicol-rule-fraction-001.htm == reference/multicol-rule-fraction-001-ref.htm -multicol-rule-fraction-002.htm == reference/multicol-rule-fraction-002-ref.htm -multicol-rule-fraction-003.htm == reference/multicol-rule-fraction-3-ref.htm -multicol-rule-groove-000.htm == reference/multicol-rule-groove-000-ref.htm -multicol-rule-hidden-000.htm == reference/multicol-rule-hidden-000-ref.htm -multicol-rule-inset-000.htm == reference/multicol-rule-ridge-000-ref.htm -multicol-rule-large-001.htm == reference/multicol-rule-large-001-ref.htm -multicol-rule-none-000.htm == reference/multicol-rule-hidden-000-ref.htm -multicol-rule-outset-000.htm == reference/multicol-rule-groove-000-ref.htm -multicol-rule-percent-001.htm == reference/multicol-containing-002-ref.htm -multicol-rule-px-001.htm == reference/multicol-rule-ref.htm -multicol-rule-ridge-000.htm == reference/multicol-rule-ridge-000-ref.htm -multicol-rule-samelength-001.htm == reference/multicol-rule-samelength-001-ref.htm -multicol-rule-shorthand-001.htm == reference/multicol-rule-samelength-001-ref.htm -multicol-rule-solid-000.htm == reference/multicol-rule-solid-000-ref.htm -multicol-rule-stacking-001.htm == reference/multicol-rule-stacking-ref.htm -multicol-rule-style-groove-001.htm == reference/multicol-rule-style-groove-001-ref.htm -multicol-rule-style-inset-001.htm == reference/multicol-rule-style-ridge-001-ref.htm -multicol-rule-style-outset-001.htm == reference/multicol-rule-style-groove-001-ref.htm -multicol-rule-style-ridge-001.htm == reference/multicol-rule-style-ridge-001-ref.htm -multicol-shorthand-001.htm == reference/multicol-rule-ref.htm -multicol-span-000.htm == reference/multicol-span-000-ref.htm -multicol-span-all-001.htm == reference/multicol-span-all-001-ref.htm -multicol-span-all-002.htm == reference/multicol-span-all-002-ref.htm -multicol-span-all-003.htm == reference/multicol-count-002-ref.htm -multicol-span-all-block-sibling-003.htm == reference/multicol-span-all-block-sibling-3-ref.htm -multicol-span-all-child-001.htm == reference/multicol-span-all-child-001-ref.htm -multicol-span-all-child-002.htm == reference/multicol-span-all-child-002-ref.htm -multicol-span-all-margin-001.htm == reference/multicol-span-all-margin-001-ref.htm -multicol-span-all-margin-002.htm == reference/multicol-span-all-margin-002-ref.htm -multicol-span-all-margin-bottom-001.htm == reference/multicol-span-all-margin-bottom-001-ref.htm -multicol-span-all-margin-nested-001.htm == reference/multicol-span-all-margin-nested-001-ref.htm -multicol-span-all-margin-nested-002.htm == reference/multicol-span-all-margin-nested-001-ref.htm -multicol-span-all-margin-nested-003.htm == reference/multicol-span-all-margin-nested-3-ref.htm -multicol-span-all-margin-nested-firstchild-001.htm == reference/multicol-span-all-margin-nested-firstchild-ref.htm -multicol-span-float-001.htm == reference/multicol-span-float-001-ref.htm -multicol-span-none-001.htm == reference/multicol-span-none-001-ref.htm -multicol-table-cell-001.htm == reference/multicol-table-cell-001-ref.htm -multicol-table-cell-height-001.htm == reference/multicol-table-cell-height-001-ref.htm -multicol-table-cell-height-002.htm == reference/multicol-table-cell-height-001-ref.htm -multicol-table-cell-vertical-align-001.htm == reference/multicol-table-cell-vertical-align-ref.htm -multicol-width-001.htm == reference/multicol-width-001-ref.htm -multicol-width-002.htm == reference/multicol-width-002-ref.htm -multicol-width-003.htm == reference/multicol-width-002-ref.htm -multicol-width-count-001.htm == reference/multicol-width-001-ref.htm -multicol-width-count-002.htm == reference/multicol-count-002-ref.htm -multicol-width-ems-001.htm == reference/multicol-width-ems-ref.htm -multicol-width-invalid-001.htm == reference/multicol-width-invalid-001-ref.htm -multicol-width-large-001.htm == reference/multicol-width-invalid-001-ref.htm -multicol-width-large-002.htm == reference/multicol-width-invalid-001-ref.htm -multicol-width-negative-001.htm == reference/multicol-count-002-ref.htm -multicol-width-small-001.htm == reference/multicol-width-small-001-ref.htm -multicol-zero-height-001.htm == reference/multicol-zero-height-001-ref.htm -regions-multicol-003.htm == reference/regions-multicol-003-ref.htm -regions-multicol-004.htm == reference/regions-multicol-003-ref.htm -regions-multicol-006.htm == reference/regions-multicol-006-ref.htm -regions-multicol-008.htm == reference/regions-multicol-008-ref.htm -regions-multicol-009.htm == reference/regions-multicol-009-ref.htm -regions-multicol-011.htm == reference/regions-multicol-009-ref.htm -regions-multicol-012.htm == reference/regions-multicol-012-ref.htm -regions-multicol-013.htm == reference/regions-multicol-013-ref.htm -regions-multicol-015.htm == reference/regions-multicol-013-ref.htm -regions-multicol-016.htm == reference/regions-multicol-016-ref.htm -regions-multicol-017.htm == reference/regions-multicol-017-ref.htm -regions-multicol-019.htm == reference/regions-multicol-019-ref.htm -regions-multicol-021.htm == reference/regions-multicol-019-ref.htm -regions-multicol-022.htm == reference/regions-multicol-003-ref.htm -regions-multicol-023.htm == reference/regions-multicol-003-ref.htm -regions-multicol-024.htm == reference/regions-multicol-024-ref.htm -regions-multicol-025.htm == reference/regions-multicol-024-ref.htm -regions-multicol-026.htm == reference/regions-multicol-024-ref.htm -regions-multicol-027.htm == reference/regions-multicol-024-ref.htm -regions-multicol-028.htm == reference/regions-multicol-028-ref.htm -regions-multicol-029.htm == reference/regions-multicol-028-ref.htm diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-003.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-003.htm deleted file mode 100644 index 9ca7900bda6..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-003.htm +++ /dev/null @@ -1,72 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test: One named flow multi-column container, text content - overflowing one region</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 --> - <link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help"> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/regions-multicol-003-ref.htm" rel="match"> - <meta content="This test checks that text content flows through a region - maintaining the named flow multi-column container and that - it overflows visibly into a third column." name="assert"> - <meta content="ahem" name="flags"> - <style type="text/css"> - #named-flow-multicol { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - width: 230px; - height: 200px; - color: green; - columns: 2; - column-gap: 30px; - flow-into: multicol; - } - #region { - position: absolute; - top: 70px; - left: 20px; - width: 230px; - height: 200px; - flow-from: multicol; - } - .failure { - position: absolute; - top: 70px; - left: 20px; - background-color: red; - width: 100px; - height: 200px; - z-index: -1; - } - #block-1 { - left: 20px; - } - #block-2 { - left: 150px; - } - #block-3 { - left: 280px; - } - </style> -</head> -<body> - <p>The test passes if there are three vertical green rectangles and no red.</p> - <div id="named-flow-multicol"> - XXXXX XXXXX XXXXX XXXXX XXXXX - XXXXX XXXXX XXXXX XXXXX XXXXX - XXXXX XXXXX XXXXX XXXXX XXXXX - XXXXX XXXXX XXXXX XXXXX XXXXX - XXXXX XXXXX XXXXX XXXXX XXXXX - XXXXX XXXXX XXXXX XXXXX XXXXX - </div> - <div id="region"></div> - <div id="block-1" class="failure"></div> - <div id="block-2" class="failure"></div> - <div id="block-3" class="failure"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-004.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-004.htm deleted file mode 100644 index 1d1a4518bbe..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-004.htm +++ /dev/null @@ -1,69 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test: One named flow, text content flowing into one multi-column region</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 --> - <link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help"> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> - <link href="http://www.w3.org/TR/css3-regions/#multi-column-regions" rel="help"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/regions-multicol-003-ref.htm" rel="match"> - <meta content="ahem" name="flags"> - <meta content="This test checks that text content in a named flow is - laid out using columns when flowed in a multi-column - region." name="assert"> - <style type="text/css"> - #named-flow { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - color: green; - flow-into: multicol; - } - #multicol-region { - position: absolute; - top: 70px; - left: 20px; - width: 360px; - height: 200px; - columns: 3; - column-gap: 30px; - flow-from: multicol; - } - .failure { - position: absolute; - top: 70px; - background-color: red; - width: 100px; - height: 200px; - z-index: -1; - } - #block-1 { - left: 20px; - } - #block-2 { - left: 150px; - } - #block-3 { - left: 280px; - } - </style> -</head> -<body> - <p>The test passes if there are three vertical green rectangles and no red.</p> - <div id="named-flow"> - XXXXX XXXXX XXXXX XXXXX XXXXX - XXXXX XXXXX XXXXX XXXXX XXXXX - XXXXX XXXXX XXXXX XXXXX XXXXX - XXXXX XXXXX XXXXX XXXXX XXXXX - XXXXX XXXXX XXXXX XXXXX XXXXX - XXXXX XXXXX XXXXX XXXXX XXXXX - </div> - <div id="multicol-region"></div> - <div id="block-1" class="failure"></div> - <div id="block-2" class="failure"></div> - <div id="block-3" class="failure"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-006.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-006.htm deleted file mode 100644 index 063567299cf..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-006.htm +++ /dev/null @@ -1,83 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test: One named flow, text content - fragmented between - multicol region and non-multicol region</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 --> - <link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help"> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> - <link href="http://www.w3.org/TR/css3-regions/#multi-column-regions" rel="help"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/regions-multicol-006-ref.htm" rel="match"> - <meta content="ahem" name="flags"> - <meta content="This test checks that the named flow text - content flows through the multi-column region - in the region chain then through the second - non-multicol region in the chain." name="assert"> - <style type="text/css"> - #named-flow { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - color: green; - flow-into: multicol; - } - #multicol-region { - position: absolute; - top: 70px; - left: 20px; - width: 230px; - height: 200px; - columns: 2; - column-gap: 30px; - flow-from: multicol; - } - #remainder-region { - position: absolute; - top: 170px; - left: 280px; - width: 100px; - flow-from: multicol; - } - .failure { - position: absolute; - background-color: red; - width: 100px; - z-index: -1; - } - #block-1, #block-2 { - top: 70px; - height: 200px; - } - #block-1 { - left: 20px; - } - #block-2 { - left: 150px; - } - #block-3 { - top: 170px; - left: 280px; - height: 100px; - } - </style> -</head> -<body> - <p>The test passes if there are two vertical green rectangles with one green - square to the right of them and no red.</p> - <div id="named-flow"> - XXXXX XXXXX XXXXX XXXXX XXXXX - XXXXX XXXXX XXXXX XXXXX XXXXX - XXXXX XXXXX XXXXX XXXXX XXXXX - XXXXX XXXXX XXXXX XXXXX XXXXX - XXXXX XXXXX XXXXX XXXXX XXXXX - </div> - <div id="multicol-region"></div> - <div id="remainder-region"></div> - <div id="block-1" class="failure"></div> - <div id="block-2" class="failure"></div> - <div id="block-3" class="failure"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-008.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-008.htm deleted file mode 100644 index d973c058875..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-008.htm +++ /dev/null @@ -1,87 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test: One named flow, non-text fragmentable content flowing into multi-column - region then into non-multicol region</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 --> - <link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help"> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> - <link href="http://www.w3.org/TR/css3-regions/#multi-column-regions" rel="help"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/regions-multicol-008-ref.htm" rel="match"> - <meta content="This test checks that non-text named flow contentmulti-column is - fragmented first through the columns in a region multi-column - container, then through a second non-multi-column region." name="assert"> - - - <style type="text/css"> - #named-flow { - flow-into: multicol; - } - #named-flow-child-1, #named-flow-child-2 { - width: 100px; - height: 200px; - background: green; - } - #named-flow-child-3 { - width: 100px; - height: 100px; - background: lightgreen; - } - #multicol-region { - position: absolute; - top: 70px; - left: 20px; - width: 230px; - height: 200px; - columns: 2; - column-gap: 30px; - flow-from: multicol; - } - #remainder-region { - position: absolute; - top: 170px; - left: 280px; - width: 100px; - flow-from: multicol; - } - .failure { - position: absolute; - background-color: red; - width: 100px; - z-index: -1; - } - #block-1, #block-2 { - top: 70px; - height: 200px; - } - #block-1 { - left: 20px; - } - #block-2 { - left: 150px; - } - #block-3 { - top: 170px; - left: 280px; - height: 100px; - } - </style> -</head> -<body> - <p>The test passes if there are two vertical green rectangles with one light - green square to the bottom right of them and no red.</p> - <div id="named-flow"> - <div id="named-flow-child-1"></div> - <div id="named-flow-child-2"></div> - <div id="named-flow-child-3"></div> - </div> - <div id="multicol-region"></div> - <div id="remainder-region"></div> - <div id="block-1" class="failure"></div> - <div id="block-2" class="failure"></div> - <div id="block-3" class="failure"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-009.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-009.htm deleted file mode 100644 index fdd5518aac6..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-009.htm +++ /dev/null @@ -1,81 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test: One named flow, text content flowing into a simple region - then into a multi-column region</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 --> - <link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help"> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> - <link href="http://www.w3.org/TR/css3-regions/#multi-column-regions" rel="help"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/regions-multicol-009-ref.htm" rel="match"> - <meta content="This test checks that text named flow - content is fragmented first through a simple region, - then through a multi-column region" name="assert"> - <style type="text/css"> - #named-flow { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - color: green; - flow-into: multicol; - } - #first-region { - position: absolute; - top: 170px; - left: 20px; - width: 100px; - flow-from: multicol; - } - #multicol-region { - position: absolute; - top: 70px; - left: 150px; - width: 230px; - height: 200px; - columns: 2; - column-gap: 30px; - flow-from: multicol; - } - .failure { - position: absolute; - background-color: red; - width: 100px; - z-index: -1; - } - #block-1, #block-2 { - top: 70px; - height: 200px; - } - #block-1 { - left: 150px; - } - #block-2 { - left: 280px; - } - #block-3 { - top: 170px; - left: 20px; - height: 100px; - } - </style> -</head> -<body> - <p>The test passes if there is one green square and two vertical - green rectangles to the right of it and no red.</p> - <div id="named-flow"> - XXXXX XXXXX XXXXX XXXXX XXXXX - XXXXX XXXXX XXXXX XXXXX XXXXX - XXXXX XXXXX XXXXX XXXXX XXXXX - XXXXX XXXXX XXXXX XXXXX XXXXX - XXXXX XXXXX XXXXX XXXXX XXXXX - </div> - <div id="first-region"></div> - <div id="multicol-region"></div> - <div id="block-1" class="failure"></div> - <div id="block-2" class="failure"></div> - <div id="block-3" class="failure"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-011.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-011.htm deleted file mode 100644 index 119ecc414c6..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-011.htm +++ /dev/null @@ -1,87 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test: One named flow, non-text fragmentable content flowing into non-mulicol - region then into a multi-column region</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 --> - <link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help"> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> - <link href="http://www.w3.org/TR/css3-regions/#multi-column-regions" rel="help"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/regions-multicol-009-ref.htm" rel="match"> - <meta content="This test checks that non-text fragmentable named - flow content is fragmented through a simple region, then - through a multi-column region." name="assert"> - <style type="text/css"> - #named-flow { - width: 100px; - height: 500px; - flow-into: multicol; - } - #named-flow-child-1 { - width: 100px; - height: 100px; - background: green; - } - #named-flow-child-2, #named-flow-child-3 { - width: 100px; - height: 200px; - background: green; - } - #first-region { - position: absolute; - top: 170px; - left: 20px; - width: 100px; - flow-from: multicol; - } - #multicol-region { - position: absolute; - top: 70px; - left: 150px; - width: 230px; - height: 200px; - columns: 2; - column-gap: 30px; - flow-from: multicol; - } - .failure { - position: absolute; - background-color: red; - width: 100px; - z-index: -1; - } - #block-1, #block-2 { - top: 70px; - height: 200px; - } - #block-1 { - left: 150px; - } - #block-2 { - left: 280px; - } - #block-3 { - top: 170px; - left: 20px; - height: 100px; - } - </style> -</head> -<body> - <p>The test passes if there is one green square on the left and two vertical - green rectangles to the right of it and no red.</p> - <div id="named-flow"> - <div id="named-flow-child-1"></div> - <div id="named-flow-child-2"></div> - <div id="named-flow-child-3"></div> - </div> - <div id="first-region"></div> - <div id="multicol-region"></div> - <div id="block-1" class="failure"></div> - <div id="block-2" class="failure"></div> - <div id="block-3" class="failure"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-012.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-012.htm deleted file mode 100644 index b42d62eecc9..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-012.htm +++ /dev/null @@ -1,81 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test: One named flow multi-column container, monolithic content - flowing into one region</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 --> - <link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help"> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/regions-multicol-012-ref.htm" rel="match"> - <meta content="This test checks that monolithic content in a named flow - multi-column container flows through the region." name="assert"> - <style type="text/css"> - #named-flow-multicol { - width: 360px; - height: 200px; - columns: 3; - column-gap: 30px; - column-rule: none; - flow-into: multicol; - } - .named-flow-block { - width: 100px; - height: 300px; - } - .green { - background-color: green; - } - .lightgreen { - background-color: lightgreen; - } - #region { - position: absolute; - top: 150px; - left: 20px; - width: 230px; - height: 200px; - flow-from: multicol; - } - .failure { - position: absolute; - top: 150px; - left: 20px; - background-color: red; - width: 100px; - height: 200px; - z-index: -1; - } - #block-1 { - left: 20px; - } - #block-2 { - left: 150px; - } - #block-3 { - left: 280px; - } - </style> -</head> -<body> - <p>The test passes if: - </p><ul> - <li>There is a dark green vertical rectangle on the left</li> - <li>There is a dark green square in the middle with a light green - square below it</li> - <li>There is a light green vertical rectangle on the right</li> - <li>There is no red - </li></ul> - <p></p> - <div id="named-flow-multicol"> - <div class="named-flow-block green"></div> - <div class="named-flow-block lightgreen"></div> - </div> - <div id="region"></div> - <div id="block-1" class="failure"></div> - <div id="block-2" class="failure"></div> - <div id="block-3" class="failure"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-013.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-013.htm deleted file mode 100644 index 45dff259dfa..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-013.htm +++ /dev/null @@ -1,80 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test: One named flow, text content flowing into multiple regions - fragmented across multiple columns and overflowing the last region</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 --> - <link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help"> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/regions-multicol-013-ref.htm" rel="match"> - <meta content="ahem" name="flags"> - <meta content="This test checks that the named flow text - content flows through the regions in the - multi-column container and that it overflows - visibly into a fourth column." name="assert"> - <style type="text/css"> - #named-flow { - font-family: Ahem; - font-size: 25px; - line-height: 1em; - color: green; - flow-into: multicol; - } - #multicol-container { - position: absolute; - top: 50px; - left: 20px; - width: 170px; - height: 200px; - columns: 3; - column-gap: 10px; - } - #region-1 , #region-2, #region-3 { - width: 50px; - height: 200px; - flow-from: multicol; - } - .failure { - position: absolute; - background-color: red; - top: 50px; - width: 50px; - height: 200px; - z-index: -1; - } - #bar-1 { - left: 20px; - } - #bar-2 { - left: 80px; - } - #bar-3 { - left: 140px; - } - #bar-4 { - left: 200px; - } - </style> -</head> -<body> - <p>The test passes if there are four green vertical bars and no red.</p> - <div id="named-flow"> - XX XX XX XX XX XX XX XX - XX XX XX XX XX XX XX XX - XX XX XX XX XX XX XX XX - XX XX XX XX XX XX XX XX - </div> - <div id="multicol-container"> - <div id="region-1"></div> - <div id="region-2"></div> - <div id="region-3"></div> - </div> - <div id="bar-1" class="failure"></div> - <div id="bar-2" class="failure"></div> - <div id="bar-3" class="failure"></div> - <div id="bar-4" class="failure"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-015.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-015.htm deleted file mode 100644 index f88ca832871..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-015.htm +++ /dev/null @@ -1,78 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test: One named flow muticolumn container, text content flowing into - multiple regions with content overflowing last region</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 --> - <link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help"> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/regions-multicol-013-ref.htm" rel="match"> - <meta content="ahem" name="flags"> - <meta content="This test checks that text content flows through multiple - regions from the named flow multi-column container and that - it overflows the last region in the region chain visibly." name="assert"> - <style type="text/css"> - #named-flow-multicol { - font-family: Ahem; - font-size: 25px; - line-height: 1em; - color: green; - columns: 2; - column-gap: 10px; - flow-into: multicol; - } - #region-1 , #region-2 { - position: absolute; - top: 50px; - width: 110px; - flow-from: multicol; - } - #region-1 { - left: 20px; - height: 200px; - } - #region-2 { - left: 140px; - height: 100px; - } - .failure { - position: absolute; - background-color: red; - top: 50px; - width: 50px; - height: 200px; - z-index: -1; - } - #bar-1 { - left: 20px; - } - #bar-2 { - left: 80px; - } - #bar-3 { - left: 140px; - } - #bar-4 { - left: 200px; - } - </style> -</head> -<body> - <p>The test passes if there are four green vertical bars and no red.</p> - <div id="named-flow-multicol"> - XX XX XX XX XX XX XX XX - XX XX XX XX XX XX XX XX - XX XX XX XX XX XX XX XX - XX XX XX XX XX XX XX XX - </div> - <div id="region-1"></div> - <div id="region-2"></div> - <div id="bar-1" class="failure"></div> - <div id="bar-2" class="failure"></div> - <div id="bar-3" class="failure"></div> - <div id="bar-4" class="failure"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-016.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-016.htm deleted file mode 100644 index deab4eddb55..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-016.htm +++ /dev/null @@ -1,82 +0,0 @@ -<!DOCTYPE html> -<html><head> -<title>CSS Test: One named flow multi-column container, monolithic - content flowing into multiple regions</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 --> - <link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help"> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/regions-multicol-016-ref.htm" rel="match"> - <meta content="This test checks that monolithic content - flows through multiple regions from the named flow - multi-column container and that it overflows the last - region in the region chain visibly into - a fifth column." name="assert"> - <style type="text/css"> - #named-flow-multicol { - background-color: green; - width: 50px; - height: 900px; - columns: 2; - column-gap: 10px; - flow-into: multicol; - - } - #region-1 , #region-2 { - position: absolute; - top: 75px; - width: 110px; - flow-from: multicol; - } - #region-1 { - left: 20px; - height: 200px; - } - #region-2 { - left: 140px; - height: 200px; - } - .failure { - position: absolute; - background-color: red; - top: 75px; - width: 50px; - z-index: -1; - } - #bar-1, #bar-2, #bar-3, #bar-4 { - height: 200px; - } - #bar-1 { - left: 20px; - } - #bar-2 { - left: 80px; - } - #bar-3 { - left: 140px; - } - #bar-4 { - left: 200px; - } - #square { - left: 260px; - height: 50px; - } - </style> -</head> -<body> - <p>The test passes if there are four green vertical bars, plus one - small green square to their right and no red.</p> - <div id="named-flow-multicol"></div> - <div id="region-1"></div> - <div id="region-2"></div> - <div id="bar-1" class="failure"></div> - <div id="bar-2" class="failure"></div> - <div id="bar-3" class="failure"></div> - <div id="bar-4" class="failure"></div> - <div id="square" class="failure"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-017.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-017.htm deleted file mode 100644 index dbdeae1dd72..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-017.htm +++ /dev/null @@ -1,93 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test: Multiple named flows, text content flowing into multiple - regions in a multi-column container</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 --> - <link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help"> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/regions-multicol-017-ref.htm" rel="match"> - <meta content="This test checks multiple named flows with text - content flow into multiple regions in the multi-column - container." name="assert"> - <meta content="ahem" name="flags"> - <style type="text/css"> - #multicol-container { - position: absolute; - top: 50px; - left: 20px; - width: 200px; - height: 200px; - border: 2px solid black; - columns: 4; - column-gap: 0; - } - .named-flow { - font-family: Ahem; - font-size: 25px; - line-height: 1em; - } - .region { - height: 50px; - } - .black { - color: black; - } - .gray { - color: gray; - } - .region.black { - flow-from: multicol-1; - } - .named-flow.black { - flow-into: multicol-1; - } - .region.gray{ - flow-from: multicol-2; - } - .named-flow.gray { - flow-into: multicol-2; - } - #failure { - position: absolute; - top: 50px; - left: 20px; - background-color: red; - width: 204px; - height: 204px; - z-index: -1; - } - </style> -</head> -<body> - <p>The test passes if there is a 4x4 black and gray checkerboard and no red.</p> - <div class="named-flow black"> - XX XX XX XX XX XX XX XX XX XX XX XX XX XX XX XX - </div> - <div class="named-flow gray"> - XX XX XX XX XX XX XX XX XX XX XX XX XX XX XX XX - </div> - <div id="multicol-container"> - <div class="region black"></div> - <div class="region gray"></div> - <div class="region black"></div> - <div class="region gray"></div> - <div class="region gray"></div> - <div class="region black"></div> - <div class="region gray"></div> - <div class="region black"></div> - <div class="region black"></div> - <div class="region gray"></div> - <div class="region black"></div> - <div class="region gray"></div> - <div class="region gray"></div> - <div class="region black"></div> - <div class="region gray"></div> - <div class="region black"></div> - </div> - <div id="failure"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-019.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-019.htm deleted file mode 100644 index 0580844c706..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-019.htm +++ /dev/null @@ -1,69 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test: Multiple named flows multi-column containers, text content flowing - into multiple visually overlapping regions</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 --> - <link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help"> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/regions-multicol-019-ref.htm" rel="match"> - <meta content="ahem" name="flags"> - <meta content="This test checks multiple named flow multi-column containers - with text content flow into multiple overlapping regions." name="assert"> - <style type="text/css"> - .named-flow-multicol { - width: 150px; - font-family: Ahem; - font-size: 25px; - line-height: 1em; - columns: 2; - column-gap: 50px; - } - .green { - color: green; - flow-into: multicol-1; - } - .blue { - color: blue; - flow-into: multicol-2; - } - #region-1, #region-2 { - position: absolute; - top: 50px; - } - #region-1 { - left: 20px; - flow-from: multicol-1; - } - #region-2 { - left: 70px; - flow-from: multicol-2; - } - #failure { - position: absolute; - top: 50px; - left: 20px; - background-color: red; - width: 200px; - height: 200px; - z-index: -1; - } - </style> -</head> -<body> - <p>The test passes if there is a square with four vertical - stripes alternating green and blue, and no red.</p> - <div class="green named-flow-multicol"> - XX XX XX XX XX XX XX XX XX XX XX XX XX XX XX XX - </div> - <div class="blue named-flow-multicol"> - XX XX XX XX XX XX XX XX XX XX XX XX XX XX XX XX - </div> - <div id="region-1"></div> - <div id="region-2"></div> - <div id="failure"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-021.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-021.htm deleted file mode 100644 index c03c0c415f2..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-021.htm +++ /dev/null @@ -1,77 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test: Multiple named flows multi-column containers with - unspecified width, non-text content flowing into multiple - overlapping regions</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 --> - <link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help"> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/regions-multicol-019-ref.htm" rel="match"> - <meta content="This test checks multiple named flow multi-column - containers with unspecified width and non-text content flow - into multiple overlapping regions." name="assert"> - <style type="text/css"> - .named-flow-multicol { - columns: 2; - column-gap: 50px; - } - .bar { - width: 50px; - height: 200px; - } - .green { - background-color: green; - } - .blue { - background-color: blue; - } - #named-flow-1 { - flow-into: multicol-1; - } - #named-flow-2 { - flow-into: multicol-2; - } - #region-1, #region-2 { - position: absolute; - top: 50px; - } - #region-1 { - left: 20px; - color: green; - flow-from: multicol-1; - } - #region-2 { - left: 70px; - flow-from: multicol-2; - } - #failure { - position: absolute; - top: 50px; - left: 20px; - background-color: red; - width: 200px; - height: 200px; - z-index: -1; - } - </style> -</head> -<body> - <p>The test passes if there is a square with four vertical - stripes alternating green and blue, and no red.</p> - <div id="named-flow-1" class="named-flow-multicol"> - <div class="green bar"></div> - <div class="green bar"></div> - </div> - <div id="named-flow-2" class="named-flow-multicol"> - <div class="blue bar"></div> - <div class="blue bar"></div> - </div> - <div id="region-1"></div> - <div id="region-2"></div> - <div id="failure"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-022.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-022.htm deleted file mode 100644 index 0635e28210d..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-022.htm +++ /dev/null @@ -1,67 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test: One named flow multi-column container, text content - flowing into one autosized region with overflowing column</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <link href="http://www.w3.org/TR/css3-regions/#multi-column-regions" rel="help"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/regions-multicol-003-ref.htm" rel="match"> - <meta content="This test checks that text content flows - through an autosized region from a multi-column named - flow and that it overflows visibly into a third column." name="assert"> - <meta content="ahem" name="flags"> - <style type="text/css"> - #named-flow-multicol { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - width: 230px; - height: 200px; - color: green; - columns: 2; - column-gap: 30px; - flow-into: multicol; - } - #region { - position: absolute; - top: 70px; - left: 20px; - flow-from: multicol; - } - .failure { - position: absolute; - top: 70px; - left: 20px; - background-color: red; - width: 100px; - height: 200px; - z-index: -1; - } - #block-1 { - left: 20px; - } - #block-2 { - left: 150px; - } - #block-3 { - left: 280px; - } - </style> -</head> -<body> - <p>The test passes if there are three vertical green rectangles and no red.</p> - <div id="named-flow-multicol"> - XXXXX XXXXX XXXXX XXXXX XXXXX - XXXXX XXXXX XXXXX XXXXX XXXXX - XXXXX XXXXX XXXXX XXXXX XXXXX - XXXXX XXXXX XXXXX XXXXX XXXXX - XXXXX XXXXX XXXXX XXXXX XXXXX - XXXXX XXXXX XXXXX XXXXX XXXXX - </div> - <div id="region"></div> - <div id="block-1" class="failure"></div> - <div id="block-2" class="failure"></div> - <div id="block-3" class="failure"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-023.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-023.htm deleted file mode 100644 index 690fe0e56fc..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-023.htm +++ /dev/null @@ -1,63 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test: One named flow multi-column container, monolithic content - flowing into an autosized region, overflowing column</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <link href="http://www.w3.org/TR/css3-regions/#multi-column-regions" rel="help"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/regions-multicol-003-ref.htm" rel="match"> - <meta content="This test checks that text content flows - through an autosized region from the multi-column - named flow and that it overflows visibly into a - third column." name="assert"> - <style type="text/css"> - #named-flow-multicol { - width: 230px; - height: 200px; - columns: 2; - column-gap: 30px; - flow-into: multicol; - } - #named-flow-block { - background-color: green; - width: 100px; - height: 600px; - } - #region { - position: absolute; - top: 70px; - left: 20px; - flow-from: multicol; - } - .failure { - position: absolute; - top: 70px; - left: 20px; - background-color: red; - width: 100px; - height: 200px; - z-index: -1; - } - #block-1 { - left: 20px; - } - #block-2 { - left: 150px; - } - #block-3 { - left: 280px; - } - </style> -</head> -<body> - <p>The test passes if there are three vertical green rectangles and no red.</p> - <div id="named-flow-multicol"> - <div id="named-flow-block"></div> - </div> - <div id="region"></div> - <div id="block-1" class="failure"></div> - <div id="block-2" class="failure"></div> - <div id="block-3" class="failure"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-024.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-024.htm deleted file mode 100644 index c3950b2e790..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-024.htm +++ /dev/null @@ -1,83 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test: One named flow multi-column container with text content flowing - into region of smaller width/height than the second region</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <link href="http://www.w3.org/TR/css3-regions/#multi-column-regions" rel="help"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/regions-multicol-024-ref.htm" rel="match"> - <meta content="This test checks that text content flows through a region - with a smaller width + height than the multi-column named flow - and than the second region and that it overflows the first region visibly - as a multi-column container before flowing into the second region." name="assert"> - <meta content="ahem" name="flags"> - <style type="text/css"> - #named-flow-multicol { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - width: 130px; - height: 120px; - columns: 2; - column-gap: 10px; - flow-into: multicol; - } - .green { - color: green; - } - .blue { - color: blue; - } - #region-1, #region-2 { - position: absolute; - flow-from: multicol; - } - #region-1 { - top: 70px; - left: 20px; - width: 60px; - height: 60px; - } - #region-2 { - top: 70px; - left: 190px; - width: 130px; - height: 120px; - } - .failure { - position: absolute; - top: 70px; - background-color: red; - width: 60px; - height: 60px; - z-index: -10; - } - #block-1 { - left: 20px; - height: 60px; - } - #block-2 { - left: 90px; - height: 60px; - } - #block-3 { - left: 190px; - height: 120px; - } - </style> -</head> -<body> - <p>The test passes if there are two green side by side squares on the left of one blue vertical rectangle. - There should be no red.</p> - <div id="named-flow-multicol"> - <span class="green">XXX XXX XXX XXX XXX XXX</span> - <span class="blue">XXX XXX XXX XXX XXX XXX</span> - </div> - <div id="region-1"></div> - <div id="region-2"></div> - <div id="block-1" class="failure"></div> - <div id="block-2" class="failure"></div> - <div id="block-3" class="failure"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-025.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-025.htm deleted file mode 100644 index 909c2550f99..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-025.htm +++ /dev/null @@ -1,82 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test: One named flow multi-column container with monolithic content - flowing into region of smaller width/height than the second region</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <link href="http://www.w3.org/TR/css3-regions/#multi-column-regions" rel="help"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/regions-multicol-024-ref.htm" rel="match"> - <meta content="This test checks that text content flows - through a region with a smaller width + height than the multi-column named flow - and the second region and that it overflows the first region visibly as a - multi-column container before flowing into the second region." name="assert"> - <style type="text/css"> - #named-flow-multicol { - width: 130px; - height: 120px; - columns: 2; - column-gap: 10px; - flow-into: multicol; - } - .green, .blue { - width: 60px; - height: 120px; - } - .green { - background-color: green; - } - .blue { - background-color: blue; - } - #region-1, #region-2 { - position: absolute; - flow-from: multicol; - } - #region-1 { - top: 70px; - left: 20px; - width: 60px; - height: 60px; - } - #region-2 { - top: 70px; - left: 190px; - width: 130px; - height: 120px; - } - .failure { - position: absolute; - top: 70px; - width: 60px; - background-color: red; - z-index: -10; - } - #block-1 { - left: 20px; - height: 60px; - } - #block-2 { - left: 90px; - height: 60px; - } - #block-3 { - left: 190px; - height: 120px; - } - </style> -</head> -<body> - <p>The test passes if there are two green side by side squares on the left of one blue vertical rectangle. - There should be no red.</p> - <div id="named-flow-multicol"> - <div class="green named-flow-block"></div> - <div class="blue named-flow-block"></div> - </div> - <div id="region-1"></div> - <div id="region-2"></div> - <div id="block-1" class="failure"></div> - <div id="block-2" class="failure"></div> - <div id="block-3" class="failure"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-026.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-026.htm deleted file mode 100644 index d6b3adc2d1a..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-026.htm +++ /dev/null @@ -1,80 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test: One named flow multi-column container with text content - flowing into region of smaller height than the second region</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <link href="http://www.w3.org/TR/css3-regions/#multi-column-regions" rel="help"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/regions-multicol-024-ref.htm" rel="match"> - <meta content="This test checks that text content flows - through a region with a height smaller than the second region and - that it overflows the first region as a multi-column container - before flowing into the second region." name="assert"> - <meta content="ahem" name="flags"> - <style type="text/css"> - #named-flow-multicol { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - width: 130px; - height: 120px; - columns: 2; - column-gap: 10px; - flow-into: multicol; - } - .green { - color: green; - } - .blue { - color: blue; - } - #region-1, #region-2 { - position: absolute; - width: 130px; - flow-from: multicol; - } - #region-1 { - top: 70px; - left: 20px; - height: 60px; - } - #region-2 { - top: 70px; - left: 190px; - height: 120px; - } - .failure { - position: absolute; - top: 70px; - background-color: red; - width: 60px; - height: 60px; - z-index: -10; - } - #block-1 { - left: 20px; - } - #block-2 { - left: 90px; - } - #block-3 { - left: 190px; - height: 120px; - } - </style> -</head> -<body> - <p>The test passes if there are two green side by side squares on the left of one blue vertical rectangle. - There should be no red.</p> - <div id="named-flow-multicol"> - <span class="green">XXX XXX XXX XXX XXX XXX</span> - <span class="blue">XXX XXX XXX XXX XXX XXX</span> - </div> - <div id="region-1"></div> - <div id="region-2"></div> - <div id="block-1" class="failure"></div> - <div id="block-2" class="failure"></div> - <div id="block-3" class="failure"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-027.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-027.htm deleted file mode 100644 index 138e2005806..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-027.htm +++ /dev/null @@ -1,81 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test: One named flow multi-column container with monolithic content + - flowing into region of smaller height than the second region</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <link href="http://www.w3.org/TR/css3-regions/#multi-column-regions" rel="help"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/regions-multicol-024-ref.htm" rel="match"> - <meta content="This test checks that monolithic content flows - through a region with a height smaller than the second region and - that it overflows the first region as a multi-column container - before flowing into the second region." name="assert"> - <style type="text/css"> - #named-flow-multicol { - width: 130px; - height: 120px; - columns: 2; - column-gap: 10px; - flow-into: multicol; - } - .green, .blue { - width: 60px; - height: 120px; - } - .green { - background-color: green; - } - .blue { - background-color: blue; - } - #region-1, #region-2 { - position: absolute; - width: 130px; - flow-from: multicol; - } - #region-1 { - top: 70px; - left: 20px; - height: 60px; - } - #region-2 { - top: 70px; - left: 190px; - height: 120px; - } - .failure { - position: absolute; - top: 70px; - width: 60px; - background-color: red; - z-index: -10; - } - #block-1 { - left: 20px; - height: 60px; - } - #block-2 { - left: 90px; - height: 60px; - } - #block-3 { - left: 190px; - height: 120px; - } - </style> -</head> -<body> - <p>The test passes if there are two green side by side squares on the left of one blue vertical rectangle. - There should be no red.</p> - <div id="named-flow-multicol"> - <div class="green named-flow-block"></div> - <div class="blue named-flow-block"></div> - </div> - <div id="region-1"></div> - <div id="region-2"></div> - <div id="block-1" class="failure"></div> - <div id="block-2" class="failure"></div> - <div id="block-3" class="failure"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-028.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-028.htm deleted file mode 100644 index 24e71573bf6..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-028.htm +++ /dev/null @@ -1,83 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test: One named flow multi-column container with text content - flowing into first region of smaller width than the second region</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <link href="http://www.w3.org/TR/css3-regions/#multi-column-regions" rel="help"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/regions-multicol-028-ref.htm" rel="match"> - <meta content="This test checks that text content flows - through a region with a smaller width than the multi-column named flow and the - second region and that it overflows the first region visibly as a multi-column - container before flowing into the second region." name="assert"> - <meta content="ahem" name="flags"> - <style type="text/css"> - #named-flow-multicol { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - width: 130px; - height: 120px; - columns: 2; - column-gap: 10px; - flow-into: multicol; - } - .green { - color: green; - } - .blue { - color: blue; - } - #region-1, #region-2 { - position: absolute; - height: 120px; - flow-from: multicol; - } - #region-1 { - top: 70px; - left: 20px; - width: 60px; - } - #region-2 { - top: 70px; - left: 190px; - width: 130px; - } - .failure { - position: absolute; - top: 70px; - background-color: red; - width: 60px; - height: 120px; - z-index: -10; - } - #block-1 { - left: 20px; - } - #block-2 { - left: 90px; - } - #block-3 { - left: 190px; - } - #block-4 { - left: 260px; - } - </style> -</head> -<body> - <p>The test passes if there are two green vertical rectangles on the left of two blue vertical rectangles. - There should be no red.</p> - <div id="named-flow-multicol"> - <span class="green">XXX XXX XXX XXX XXX XXX XXX XXX XXX XXX XXX XXX</span> - <span class="blue">XXX XXX XXX XXX XXX XXX XXX XXX XXX XXX XXX XXX</span> - </div> - <div id="region-1"></div> - <div id="region-2"></div> - <div id="block-1" class="failure"></div> - <div id="block-2" class="failure"></div> - <div id="block-3" class="failure"></div> - <div id="block-4" class="failure"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-029.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-029.htm deleted file mode 100644 index 1ac58a796a8..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/regions-multicol-029.htm +++ /dev/null @@ -1,83 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test: One named flow multi-column container with monolithic content - flowing into first region of smaller width than the second region</title> - <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck"> - <link href="http://www.w3.org/TR/css3-regions/#multi-column-regions" rel="help"> - <link href="http://www.w3.org/TR/css3-multicol/#columns" rel="help"> - <link href="reference/regions-multicol-028-ref.htm" rel="match"> - <meta content="This test checks that monolithic content flows - through a region with a smaller width than the multi-column named flow and the - second region and that it overflows the first region visibly as a - multi-column container before flowing into the second region." name="assert"> - <style type="text/css"> - #named-flow-multicol { - width: 130px; - height: 120px; - columns: 2; - column-gap: 10px; - flow-into: multicol; - } - .green, .blue { - width: 60px; - height: 240px; - } - .green { - background-color: green; - } - .blue { - background-color: blue; - } - #region-1, #region-2 { - position: absolute; - height: 120px; - flow-from: multicol; - } - #region-1 { - top: 70px; - left: 20px; - width: 60px; - } - #region-2 { - top: 70px; - left: 160px; - width: 130px; - } - .failure { - position: absolute; - top: 70px; - width: 60px; - height: 120px; - background-color: red; - z-index: -10; - } - #block-1 { - left: 20px; - } - #block-2 { - left: 90px; - } - #block-3 { - left: 190px; - } - #block-4 { - left: 260px; - } - </style> -</head> -<body> - <p>The test passes if there are two green vertical rectangles on the left of two blue vertical rectangles. - There should be no red.</p> - <div id="named-flow-multicol"> - <div class="green named-flow-block"></div> - <div class="blue named-flow-block"></div> - </div> - <div id="region-1"></div> - <div id="region-2"></div> - <div id="block-1" class="failure"></div> - <div id="block-2" class="failure"></div> - <div id="block-3" class="failure"></div> - <div id="block-4" class="failure"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/1x1-green.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/1x1-green.png Binary files differdeleted file mode 100644 index b98ca0ba0a0..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/1x1-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/1x1-lime.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/1x1-lime.png Binary files differdeleted file mode 100644 index cb397fb090e..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/1x1-lime.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/1x1-maroon.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/1x1-maroon.png Binary files differdeleted file mode 100644 index 3f86b072195..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/1x1-maroon.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/1x1-navy.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/1x1-navy.png Binary files differdeleted file mode 100644 index 9b9a03955ba..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/1x1-navy.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/1x1-red.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/1x1-red.png Binary files differdeleted file mode 100644 index 6bd73ac1018..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/1x1-red.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/1x1-white.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/1x1-white.png Binary files differdeleted file mode 100644 index dd43faec54a..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/1x1-white.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/60x60-gg-rr.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/60x60-gg-rr.png Binary files differdeleted file mode 100644 index 84f5b2a4f1d..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/60x60-gg-rr.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/60x60-green.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/60x60-green.png Binary files differdeleted file mode 100644 index b3c8cf3eb4c..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/60x60-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/60x60-red.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/60x60-red.png Binary files differdeleted file mode 100644 index 823f125b8e4..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/60x60-red.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/a-green.css b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/a-green.css deleted file mode 100644 index b0dbb071d5b..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/a-green.css +++ /dev/null @@ -1 +0,0 @@ -.a { color: green; } diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/b-green.css b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/b-green.css deleted file mode 100644 index a0473f5ca26..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/b-green.css +++ /dev/null @@ -1 +0,0 @@ -.b { color: green; }
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/black20x20.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/black20x20.png Binary files differdeleted file mode 100644 index ebf7027ee78..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/black20x20.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/c-red.css b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/c-red.css deleted file mode 100644 index d4ba5c64e95..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/c-red.css +++ /dev/null @@ -1 +0,0 @@ -.c { color: red; }
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/cat.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/cat.png Binary files differdeleted file mode 100644 index 85dd7324815..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/cat.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/import-green.css b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/import-green.css deleted file mode 100644 index 537104e6633..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/import-green.css +++ /dev/null @@ -1 +0,0 @@ -.import { color: green; } diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/import-red.css b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/import-red.css deleted file mode 100644 index 9945ef47114..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/import-red.css +++ /dev/null @@ -1 +0,0 @@ -.import { color: red; } diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/pattern-grg-rgr-grg.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/pattern-grg-rgr-grg.png Binary files differdeleted file mode 100644 index 6fcfeb4883e..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/pattern-grg-rgr-grg.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/pattern-grg-rrg-rgg.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/pattern-grg-rrg-rgg.png Binary files differdeleted file mode 100644 index fcf4f3fd7d9..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/pattern-grg-rrg-rgg.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/pattern-rgr-grg-rgr.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/pattern-rgr-grg-rgr.png Binary files differdeleted file mode 100644 index db8ed5cf7bd..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/pattern-rgr-grg-rgr.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/pattern-tr.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/pattern-tr.png Binary files differdeleted file mode 100644 index 8b4b25364e0..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/pattern-tr.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/red20x20.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/red20x20.png Binary files differdeleted file mode 100644 index 5d44ef210e1..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/red20x20.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/square-purple.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/square-purple.png Binary files differdeleted file mode 100644 index 0f522d78728..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/square-purple.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/square-teal.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/square-teal.png Binary files differdeleted file mode 100644 index e567f51b91b..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/square-teal.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/square-white.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/square-white.png Binary files differdeleted file mode 100644 index 5853cbb238c..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/square-white.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-blue.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-blue.png Binary files differdeleted file mode 100644 index bf2759634d4..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-blue.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-gray.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-gray.png Binary files differdeleted file mode 100644 index 92c73561f3a..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-gray.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-green.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-green.png Binary files differdeleted file mode 100644 index 0aa79b0c86b..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-lime.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-lime.png Binary files differdeleted file mode 100644 index 55fd7fdaedf..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-lime.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-navy.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-navy.png Binary files differdeleted file mode 100644 index 28dae8a3e12..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-navy.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-orange.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-orange.png Binary files differdeleted file mode 100644 index d3cd498b52b..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-orange.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-pink.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-pink.png Binary files differdeleted file mode 100644 index 95b84499a3d..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-pink.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-purple.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-purple.png Binary files differdeleted file mode 100644 index 73bea775175..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-purple.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-red.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-red.png Binary files differdeleted file mode 100644 index 1caf25c992a..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-red.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-white.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-white.png Binary files differdeleted file mode 100644 index 1a7d4323d77..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-white.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-yellow.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-yellow.png Binary files differdeleted file mode 100644 index 1591aa0e2e2..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/swatch-yellow.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/test-bl.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/test-bl.png Binary files differdeleted file mode 100644 index 904e24e996a..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/test-bl.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/test-br.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/test-br.png Binary files differdeleted file mode 100644 index f413ff5c1a0..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/test-br.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/test-outer.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/test-outer.png Binary files differdeleted file mode 100644 index 82eeace7fc0..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/test-outer.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/test-tl.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/test-tl.png Binary files differdeleted file mode 100644 index f6ac0ef7e8f..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/test-tl.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/test-tr.png b/tests/wpt/css-tests/css-multicol-1_dev/html4/support/test-tr.png Binary files differdeleted file mode 100644 index 59843ae54b6..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/support/test-tr.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/toc.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/toc.htm deleted file mode 100644 index d1a9d32731e..00000000000 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/toc.htm +++ /dev/null @@ -1,69 +0,0 @@ - -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> -<html> - <head> - <title>CSS Multi-column Layout Module Level 1 CR Test Suite</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> -<body> - <h1>CSS Multi-column Layout Module Level 1 CR Test Suite By Chapter</h1> - - <p>This index contains both - <a href="http://wiki.csswg.org/test/selftest">self-describing tests</a> - and reftests. - A separate <a href="reftest-toc.htm">alphabetical reftest index</a> - is provided for tests in <a href="http://wiki.csswg.org/test/reftest">reftest - format</a> along with the <a href="reftest.list">reftest manifest</a>.</p> - - <table> - <tbody id="s1"> - <tr><th><a href="chapter-1.htm">Chapter 1 - - Introduction</a></th> - <td>(0 Tests)</td></tr> - </tbody> - <tbody id="s2"> - <tr><th><a href="chapter-2.htm">Chapter 2 - - The multi-column model</a></th> - <td>(12 Tests)</td></tr> - </tbody> - <tbody id="s3"> - <tr><th><a href="chapter-3.htm">Chapter 3 - - The number and width of columns</a></th> - <td>(76 Tests)</td></tr> - </tbody> - <tbody id="s4"> - <tr><th><a href="chapter-4.htm">Chapter 4 - - Column gaps and rules</a></th> - <td>(45 Tests)</td></tr> - </tbody> - <tbody id="s5"> - <tr><th><a href="chapter-5.htm">Chapter 5 - - Column breaks</a></th> - <td>(4 Tests)</td></tr> - </tbody> - <tbody id="s6"> - <tr><th><a href="chapter-6.htm">Chapter 6 - - Spanning columns</a></th> - <td>(16 Tests)</td></tr> - </tbody> - <tbody id="s7"> - <tr><th><a href="chapter-7.htm">Chapter 7 - - Filling columns</a></th> - <td>(8 Tests)</td></tr> - </tbody> - <tbody id="s8"> - <tr><th><a href="chapter-8.htm">Chapter 8 - - Overflow</a></th> - <td>(9 Tests)</td></tr> - </tbody> - <tbody id="s9"> - <tr><th><a href="chapter-9.htm">Chapter 9 - - Conformance</a></th> - <td>(0 Tests)</td></tr> - </tbody> - </table> -</body> -</html>
\ No newline at end of file |
