layout/reftests/columns/margin-collapsing-bug616722-2.html

Thu, 15 Jan 2015 15:59:08 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 15 Jan 2015 15:59:08 +0100
branch
TOR_BUG_9701
changeset 10
ac0c01689b40
permissions
-rw-r--r--

Implement a real Private Browsing Mode condition by changing the API/ABI;
This solves Tor bug #9701, complying with disk avoidance documented in
https://www.torproject.org/projects/torbrowser/design/#disk-avoidance.

michael@0 1 <!DOCTYPE html>
michael@0 2 <html><head>
michael@0 3 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
michael@0 4 <title>616722-2</title>
michael@0 5
michael@0 6 <style type="text/css">
michael@0 7 body,html { margin:0;padding: 10px;}
michael@0 8 p { margin: 3px 0; background:pink; }
michael@0 9 div {
michael@0 10 background-color:lime;
michael@0 11 margin: 0em;
michael@0 12 border: 1px solid black;
michael@0 13 }
michael@0 14 .no-border {
michael@0 15 border-style: none;
michael@0 16 }
michael@0 17
michael@0 18 .columns {
michael@0 19 -webkit-column-count: 3;
michael@0 20 -moz-column-count: 3;
michael@0 21 column-count: 3;
michael@0 22 }
michael@0 23 </style>
michael@0 24 </head>
michael@0 25 <body>
michael@0 26 <div class="columns no-border" style="margin:10px 0"></div>
michael@0 27 <div class="columns">
michael@0 28 <p style="margin-top:10px">1</p>
michael@0 29 <p>2</p>
michael@0 30 <p>3</p>
michael@0 31 </div>
michael@0 32 <div class="columns no-border" style="padding:10px 0;background:none"><p></p></div>
michael@0 33 <div class="columns">
michael@0 34 <p style="margin-bottom:10px">1</p>
michael@0 35 <p>2</p>
michael@0 36 <p style="margin-bottom:20px">3</p>
michael@0 37 </div>
michael@0 38 <div class="columns">
michael@0 39 <p style="margin:10px 0">1</p>
michael@0 40 <p>2</p>
michael@0 41 <p>3</p>
michael@0 42 </div>
michael@0 43 <div class="columns">
michael@0 44 <p style="margin:20px 0 10px 0">1</p>
michael@0 45 <p>2</p>
michael@0 46 <p>3</p>
michael@0 47 </div>
michael@0 48 <div class="columns">
michael@0 49 <p style="margin:20px 0 10px 0"></p>
michael@0 50 <p></p>
michael@0 51 <p style="margin:20px 0 10px 0"></p>
michael@0 52 </div>
michael@0 53
michael@0 54 <div class="columns no-border">
michael@0 55 <p style="margin-top:10px">1</p>
michael@0 56 <p>2</p>
michael@0 57 <p style="margin-bottom:20px">3</p>
michael@0 58 </div>
michael@0 59 <div class="columns no-border">
michael@0 60 <p style="margin-bottom:10px">1</p>
michael@0 61 <p>2</p>
michael@0 62 <p>3</p>
michael@0 63 </div>
michael@0 64 <div class="columns no-border">
michael@0 65 <p style="margin:10px 0">1</p>
michael@0 66 <p>2</p>
michael@0 67 <p>3</p>
michael@0 68 </div>
michael@0 69 <div class="columns no-border">
michael@0 70 <p style="margin:20px 0 10px 0">1</p>
michael@0 71 <p>2</p>
michael@0 72 <p style="margin:20px 0 10px 0">3</p>
michael@0 73 </div>
michael@0 74 <div class="columns no-border">
michael@0 75 <p style="margin:20px 0 10px 0"></p>
michael@0 76 <p></p>
michael@0 77 <p style="margin:20px 0 10px 0"></p>
michael@0 78 </div>
michael@0 79
michael@0 80 </body></html>

mercurial