Wed, 31 Dec 2014 07:16:47 +0100
Revert simplistic fix pending revisit of Mozilla integration attempt.
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: 0.1px; height: 10px; width: 10.5px; |
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: 20.1px; } |
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> |