layout/reftests/border-radius/corner-joins-1.xhtml@deefc01c0e14 (annotated)
layout/reftests/border-radius/corner-joins-1.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 | <head> |
| michael@0 | 4 | <title>border</title> |
| michael@0 | 5 | <style type="text/css"> |
| michael@0 | 6 | |
| michael@0 | 7 | div.wrapper { |
| michael@0 | 8 | float: left; |
| michael@0 | 9 | margin-left: 20px; |
| michael@0 | 10 | margin-top: 10px; |
| michael@0 | 11 | } |
| michael@0 | 12 | |
| michael@0 | 13 | div.test { |
| michael@0 | 14 | width: 144px; |
| michael@0 | 15 | height: 86px; |
| michael@0 | 16 | border-radius: 72px; |
| michael@0 | 17 | border-top: 18px solid; |
| michael@0 | 18 | border-bottom: 18px solid; |
| michael@0 | 19 | background: red; |
| michael@0 | 20 | margin-bottom: 20px; |
| michael@0 | 21 | } |
| michael@0 | 22 | |
| michael@0 | 23 | div.cover, div.cover2 { |
| michael@0 | 24 | position: absolute; |
| michael@0 | 25 | border: 4px solid white; /* cover areas that may differ */ |
| michael@0 | 26 | width: 140px; |
| michael@0 | 27 | height: 118px; |
| michael@0 | 28 | border-radius: 63px; |
| michael@0 | 29 | margin-left: -2px; |
| michael@0 | 30 | margin-top: -2px; |
| michael@0 | 31 | } |
| michael@0 | 32 | div.cover2 { |
| michael@0 | 33 | height: 82px; |
| michael@0 | 34 | margin-top: 16px; |
| michael@0 | 35 | border-radius: 63px / 45px; |
| michael@0 | 36 | } |
| michael@0 | 37 | |
| michael@0 | 38 | #one { |
| michael@0 | 39 | border-color: blue; |
| michael@0 | 40 | } |
| michael@0 | 41 | |
| michael@0 | 42 | #two { |
| michael@0 | 43 | border-bottom-color: blue; |
| michael@0 | 44 | } |
| michael@0 | 45 | |
| michael@0 | 46 | #three { |
| michael@0 | 47 | border-color: blue; |
| michael@0 | 48 | border-left: 0.01px solid red; |
| michael@0 | 49 | border-right: 0.01px solid red; |
| michael@0 | 50 | } |
| michael@0 | 51 | |
| michael@0 | 52 | #four { |
| michael@0 | 53 | border-bottom-color: blue; |
| michael@0 | 54 | border-left: 0.001px solid red; |
| michael@0 | 55 | border-right: 0.001px solid red; |
| michael@0 | 56 | } |
| michael@0 | 57 | |
| michael@0 | 58 | </style> |
| michael@0 | 59 | </head> |
| michael@0 | 60 | <body> |
| michael@0 | 61 | <div class="wrapper"> |
| michael@0 | 62 | <div class="cover"></div> |
| michael@0 | 63 | <div class="cover2"></div> |
| michael@0 | 64 | <div class="test" id="one"></div> |
| michael@0 | 65 | <div class="cover"></div> |
| michael@0 | 66 | <div class="cover2"></div> |
| michael@0 | 67 | <div class="test" id="two"></div> |
| michael@0 | 68 | </div> |
| michael@0 | 69 | <div class="wrapper"> |
| michael@0 | 70 | <div class="cover" style="width: 142px"></div> |
| michael@0 | 71 | <div class="cover2" style="margin-left: -1px; border-radius: 61px / 45px"></div> |
| michael@0 | 72 | <div class="test" id="three"></div> |
| michael@0 | 73 | <div class="cover"></div> |
| michael@0 | 74 | <div class="cover2"></div> |
| michael@0 | 75 | <div class="test" id="four"></div> |
| michael@0 | 76 | </div> |
| michael@0 | 77 | </body> |
| michael@0 | 78 | </html> |
