| Index: page_cycler/acid3/acid3.acidtests.org/reference.html
|
| ===================================================================
|
| --- page_cycler/acid3/acid3.acidtests.org/reference.html (revision 0)
|
| +++ page_cycler/acid3/acid3.acidtests.org/reference.html (revision 0)
|
| @@ -0,0 +1,21 @@
|
| +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
|
| +<html>
|
| + <title>The Acid3 Test (Reference Rendering)</title>
|
| + <link rel="icon" href="http://example.invalid/">
|
| + <style type="text/css">
|
| + html { margin: 0; padding: 0; }
|
| + body { background: #c0c0c0 url(reference.png) top left no-repeat; margin: 0; padding: 0; }
|
| + #a { font: bold 100px/120px Arial, sans-serif; position: absolute; top: 57px; left: 57px; color: #000000; z-index: 1; }
|
| + #a0 { font: bold 100px/120px Arial, sans-serif; position: absolute; top: 60px; left: 60px; color: #C0C0C0; z-index: 0; }
|
| + #b { position: absolute; top: 230px; left: 625px; width: 0; white-space: pre; }
|
| + #b div { font: bold 100px/120px Arial, sans-serif; position: absolute; right: 0; text-align: right; color: #000000; }
|
| + #c { font: 16px/19.2px Arial, sans-serif; color: #808080; width: 562px; position: absolute; top: 350px; left: 57px; }
|
| + #c a { color: #0000FF; }
|
| + </style>
|
| + <body>
|
| + <div id="a">Acid3</div>
|
| + <div id="a0">Acid3</div>
|
| + <div id="b"><div>100/100</div></div>
|
| + <div id="c">To pass the test,<span></span> a browser must use its default settings, the animation has to be smooth, the score has to end on 100/100, and the final page has to look exactly, pixel for pixel, like <a href="reference.html">this reference rendering</a>.</div>
|
| + </body>
|
| +</html>
|
|
|