layout/reftests/border-radius/corner-joins-1-ref.xhtml@deefc01c0e14 (annotated)
layout/reftests/border-radius/corner-joins-1-ref.xhtml
Thu, 15 Jan 2015 21:03:48 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 15 Jan 2015 21:03:48 +0100
- branch
- TOR_BUG_9701
- changeset 11
- deefc01c0e14
- permissions
- -rw-r--r--
Integrate friendly tips from Tor colleagues to make (or not) 4.5 alpha 3;
This includes removal of overloaded (but unused) methods, and addition of
a overlooked call to DataStruct::SetData(nsISupports, uint32_t, bool.)
| michael@0 | 1 | <?xml version="1.0"?> |
| michael@0 | 2 | <html xmlns="http://www.w3.org/1999/xhtml" |
| michael@0 | 3 | xmlns:svg="http://www.w3.org/2000/svg"> |
| michael@0 | 4 | <head> |
| michael@0 | 5 | <title>border</title> |
| michael@0 | 6 | <style type="text/css"> |
| michael@0 | 7 | @namespace url("http://www.w3.org/1999/xhtml"); |
| michael@0 | 8 | @namespace svg url("http://www.w3.org/2000/svg"); |
| michael@0 | 9 | |
| michael@0 | 10 | div.wrapper { |
| michael@0 | 11 | float: left; |
| michael@0 | 12 | margin-left: 20px; |
| michael@0 | 13 | margin-top: 10px; |
| michael@0 | 14 | } |
| michael@0 | 15 | |
| michael@0 | 16 | div.cover, div.cover2 { |
| michael@0 | 17 | position: absolute; |
| michael@0 | 18 | border: 4px solid white; /* cover areas that may differ */ |
| michael@0 | 19 | width: 140px; |
| michael@0 | 20 | height: 118px; |
| michael@0 | 21 | border-radius: 63px; |
| michael@0 | 22 | margin-left: -2px; |
| michael@0 | 23 | margin-top: -2px; |
| michael@0 | 24 | } |
| michael@0 | 25 | div.cover2 { |
| michael@0 | 26 | height: 82px; |
| michael@0 | 27 | margin-top: 16px; |
| michael@0 | 28 | border-radius: 63px / 45px; |
| michael@0 | 29 | } |
| michael@0 | 30 | |
| michael@0 | 31 | svg|svg { |
| michael@0 | 32 | display: block; |
| michael@0 | 33 | width: 146px; |
| michael@0 | 34 | height: 122px; |
| michael@0 | 35 | margin-right: -2px; |
| michael@0 | 36 | margin-bottom: 20px; |
| michael@0 | 37 | } |
| michael@0 | 38 | |
| michael@0 | 39 | </style> |
| michael@0 | 40 | </head> |
| michael@0 | 41 | <body> |
| michael@0 | 42 | <div class="wrapper"> |
| michael@0 | 43 | <div class="cover"></div> |
| michael@0 | 44 | <div class="cover2"></div> |
| michael@0 | 45 | <svg:svg> |
| michael@0 | 46 | <svg:rect x="0" y="0" width="144px" height="122px" rx="61px" ry="61px" |
| michael@0 | 47 | fill="blue"/> |
| michael@0 | 48 | <svg:rect x="0" y="18px" width="144px" height="86px" rx="61px" ry="43px" |
| michael@0 | 49 | fill="red"/> |
| michael@0 | 50 | </svg:svg> |
| michael@0 | 51 | <div class="cover"></div> |
| michael@0 | 52 | <div class="cover2"></div> |
| michael@0 | 53 | <svg:svg> |
| michael@0 | 54 | <svg:clipPath id="topclip"> |
| michael@0 | 55 | <svg:rect x="0" y="0" width="144px" height="61px"/> |
| michael@0 | 56 | </svg:clipPath> |
| michael@0 | 57 | <svg:clipPath id="botclip"> |
| michael@0 | 58 | <svg:rect x="0" y="61px" width="144px" height="61px"/> |
| michael@0 | 59 | </svg:clipPath> |
| michael@0 | 60 | <svg:rect x="0" y="0" width="144px" height="122px" rx="61px" ry="61px" |
| michael@0 | 61 | fill="black" clip-path="url(#topclip)"/> |
| michael@0 | 62 | <svg:rect x="0" y="0" width="144px" height="122px" rx="61px" ry="61px" |
| michael@0 | 63 | fill="blue" clip-path="url(#botclip)"/> |
| michael@0 | 64 | <svg:rect x="0" y="18px" width="144px" height="86px" rx="61px" ry="43px" |
| michael@0 | 65 | fill="red"/> |
| michael@0 | 66 | </svg:svg> |
| michael@0 | 67 | </div> |
| michael@0 | 68 | <div class="wrapper"> |
| michael@0 | 69 | <div class="cover" style="width: 142px"></div> |
| michael@0 | 70 | <div class="cover2" style="margin-left: -1px; border-radius: 61px / 45px"></div> |
| michael@0 | 71 | <svg:svg> |
| michael@0 | 72 | <svg:rect x="0" y="0" width="146px" height="122px" rx="61px" ry="61px" |
| michael@0 | 73 | fill="blue"/> |
| michael@0 | 74 | <svg:rect x="0" y="18px" width="146px" height="86px" rx="61px" ry="43px" |
| michael@0 | 75 | fill="red"/> |
| michael@0 | 76 | </svg:svg> |
| michael@0 | 77 | <div class="cover"></div> |
| michael@0 | 78 | <div class="cover2"></div> |
| michael@0 | 79 | <svg:svg> |
| michael@0 | 80 | <svg:rect x="0" y="0" width="144px" height="122px" rx="61px" ry="61px" |
| michael@0 | 81 | fill="black" clip-path="url(#topclip)"/> |
| michael@0 | 82 | <svg:rect x="0" y="0" width="144px" height="122px" rx="61px" ry="61px" |
| michael@0 | 83 | fill="blue" clip-path="url(#botclip)"/> |
| michael@0 | 84 | <svg:rect x="0" y="18px" width="144px" height="86px" rx="61px" ry="43px" |
| michael@0 | 85 | fill="red"/> |
| michael@0 | 86 | </svg:svg> |
| michael@0 | 87 | </div> |
| michael@0 | 88 | </body> |
| michael@0 | 89 | </html> |
