layout/reftests/pixel-rounding/rounded-background-color-left-10-ref.html

Thu, 15 Jan 2015 15:55:04 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 15 Jan 2015 15:55:04 +0100
branch
TOR_BUG_9701
changeset 9
a63d609f5ebe
permissions
-rw-r--r--

Back out 97036ab72558 which inappropriately compared turds to third parties.

michael@0 1 <!DOCTYPE HTML>
michael@0 2 <html>
michael@0 3 <head>
michael@0 4 <title>Pixel rounding testcase</title>
michael@0 5 <style type="text/css">
michael@0 6
michael@0 7 html, body { margin: 0; border: none; padding: 0; }
michael@0 8
michael@0 9 body > div { margin: 10px; height: 80px; position: relative; }
michael@0 10
michael@0 11 body > div > div {
michael@0 12 position: absolute; top: 0; left: 1px; height: 10px; width: 10px;
michael@0 13 }
michael@0 14
michael@0 15 body > div > div { background: green; }
michael@0 16
michael@0 17 .tl { top: 20px; }
michael@0 18 .tr { margin-top: 40px; }
michael@0 19 .bl { left: 21px; }
michael@0 20 .br { margin-left: 40px; }
michael@0 21
michael@0 22 div.one > div.tl { border-top-left-radius: 1px; }
michael@0 23 div.one > div.tr { border-top-right-radius: 1px; }
michael@0 24 div.one > div.bl { border-bottom-left-radius: 1px; }
michael@0 25 div.one > div.br { border-bottom-right-radius: 1px; }
michael@0 26 div.four > div.tl { border-top-left-radius: 4px; }
michael@0 27 div.four > div.tr { border-top-right-radius: 4px; }
michael@0 28 div.four > div.bl { border-bottom-left-radius: 4px; }
michael@0 29 div.four > div.br { border-bottom-right-radius: 4px; }
michael@0 30
michael@0 31 </style>
michael@0 32 </head>
michael@0 33 <body>
michael@0 34
michael@0 35 <div class="one">
michael@0 36 <div></div>
michael@0 37 <div class="tl"></div>
michael@0 38 <div class="tr"></div>
michael@0 39 <div class="bl"></div>
michael@0 40 <div class="br"></div>
michael@0 41 <div class="tl tr"></div>
michael@0 42 <div class="tl bl"></div>
michael@0 43 <div class="tl br"></div>
michael@0 44 <div class="tr bl"></div>
michael@0 45 <div class="tr br"></div>
michael@0 46 <div class="bl br"></div>
michael@0 47 <div class="tl tr bl"></div>
michael@0 48 <div class="tl tr br"></div>
michael@0 49 <div class="tl bl br"></div>
michael@0 50 <div class="tr bl br"></div>
michael@0 51 <div class="tl tr bl br"></div>
michael@0 52 </div>
michael@0 53
michael@0 54 <div class="four">
michael@0 55 <div></div>
michael@0 56 <div class="tl"></div>
michael@0 57 <div class="tr"></div>
michael@0 58 <div class="bl"></div>
michael@0 59 <div class="br"></div>
michael@0 60 <div class="tl tr"></div>
michael@0 61 <div class="tl bl"></div>
michael@0 62 <div class="tl br"></div>
michael@0 63 <div class="tr bl"></div>
michael@0 64 <div class="tr br"></div>
michael@0 65 <div class="bl br"></div>
michael@0 66 <div class="tl tr bl"></div>
michael@0 67 <div class="tl tr br"></div>
michael@0 68 <div class="tl bl br"></div>
michael@0 69 <div class="tr bl br"></div>
michael@0 70 <div class="tl tr bl br"></div>
michael@0 71 </div>
michael@0 72
michael@0 73 </body>
michael@0 74 </html>

mercurial