1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/generated-content/display-types-01.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,53 @@
1.4 +<!DOCTYPE HTML>
1.5 +<html>
1.6 +<head>
1.7 + <title>CSS 2.1 Test Suite: generated content</title>
1.8 + <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
1.9 + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
1.10 + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content"/>
1.11 + <meta name="flags" content="" />
1.12 +<style>
1.13 +div { counter-reset:ctr; quotes:"\0022" "\0022" "\0022" "\0022"}
1.14 +
1.15 +div::before {
1.16 + content:counter(ctr) url(square-outline-32x32.png) open-quote "Before " attr(class);
1.17 + counter-increment:ctr;
1.18 +}
1.19 +div::after {
1.20 + content:counter(ctr) url(square-outline-32x32.png) "After " attr(class) close-quote;
1.21 + counter-increment:ctr;
1.22 +}
1.23 +
1.24 +.block::before, .block::after { display:block; }
1.25 +.inline::before, .inline::after { display:inline; }
1.26 +.inline-block::before, .inline-block::after { display:inline-block; }
1.27 +.table::before, .table::after { display:table; }
1.28 +.inline-table::before, .inline-table::after { display:inline-table; }
1.29 +.table-row-group::before, .table-row-group::after { display:table-row-group; }
1.30 +.table-row::before, .table-row::after { display:table-row; }
1.31 +.table-cell::before, .table-cell::after { display:table-cell; }
1.32 +.table-caption::before, .table-caption::after { display:table-caption; }
1.33 +.flexbox::before, .flexbox::after { display:-moz-box; }
1.34 +.inline-flexbox::before, .inline-flexbox::after { display:-moz-inline-box; }
1.35 +
1.36 +div { border:1px solid green; margin:5px; }
1.37 +</style>
1.38 +</head>
1.39 +
1.40 +<body>
1.41 +<table width="100%"><tr><td valign="top">
1.42 + <div class="block">Inner</div>
1.43 + <div class="inline">Inner</div>
1.44 + <div class="inline-block">Inner</div>
1.45 + <div class="table">Inner</div>
1.46 + <div class="inline-table">Inner</div>
1.47 + <div class="table-row-group">Inner</div>
1.48 +</td><td valign="top">
1.49 + <div class="table-row">Inner</div>
1.50 + <div class="table-cell">Inner</div>
1.51 + <div class="table-caption">Inner</div>
1.52 + <div class="flexbox">Inner</div>
1.53 + <div class="inline-flexbox">Inner</div>
1.54 +</td></tr></table>
1.55 +</body>
1.56 +</html>
