The Tor Browser / file comparison
comparison: layout/reftests/pagination/border-breaking-001-cols.xhtml
layout/reftests/pagination/border-breaking-001-cols.xhtml
- branch
- TOR_BUG_3246
- changeset 4
- fc2d59ddac77
equal
deleted
inserted
replaced
| -1:000000000000 | 0:7f10ba239e1d |
|---|---|
| 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> | |
| 2 <html xmlns="http://www.w3.org/1999/xhtml"> | |
| 3 <head> | |
| 4 <title>Pagination with Borders</title> | |
| 5 <style type="text/css"> | |
| 6 .container { | |
| 7 height: 0; | |
| 8 padding-bottom: 10px; | |
| 9 border-bottom: 10px solid transparent; | |
| 10 margin-bottom: -20px; | |
| 11 } | |
| 12 .overflow { | |
| 13 position: relative; | |
| 14 background: aqua; | |
| 15 height: 500px; | |
| 16 width: 40px; | |
| 17 border: 10px solid red; | |
| 18 border-style: none solid; | |
| 19 } | |
| 20 body > .container .overflow { | |
| 21 border-right: none; | |
| 22 } | |
| 23 .abs { | |
| 24 position: relative; | |
| 25 } | |
| 26 .abs .container { | |
| 27 position: absolute; | |
| 28 width: 100%; | |
| 29 margin-left: 50px; | |
| 30 } | |
| 31 .abs .overflow { | |
| 32 background: lime; | |
| 33 border-left: none; | |
| 34 } | |
| 35 .long { | |
| 36 position: relative; | |
| 37 height: 500px; | |
| 38 border: solid 10px green; | |
| 39 border-style: none solid; | |
| 40 } | |
| 41 | |
| 42 .block { | |
| 43 background: yellow; | |
| 44 height: 100px; | |
| 45 } | |
| 46 | |
| 47 body { | |
| 48 height: 200px; | |
| 49 width: 300px; | |
| 50 -moz-column-width: 100px; | |
| 51 -moz-column-gap: 0; | |
| 52 -moz-column-fill: auto; | |
| 53 border: solid silver; | |
| 54 border-style: none solid; | |
| 55 } | |
| 56 </style> | |
| 57 </head> | |
| 58 <body> | |
| 59 <div class="abs"> | |
| 60 <div class="container"> | |
| 61 <div class="overflow"> | |
| 62 </div> | |
| 63 </div> | |
| 64 </div> | |
| 65 <div class="container"> | |
| 66 <div class="overflow"> | |
| 67 </div> | |
| 68 </div> | |
| 69 <div class="long"> | |
| 70 </div> | |
| 71 <div class="block"> | |
| 72 </div> | |
| 73 </body> | |
| 74 </html> |
