layout/reftests/forms/progress/margin-padding-vertical-ref.html

Thu, 15 Jan 2015 15:55:04 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 15 Jan 2015 15:55:04 +0100
branch
TOR_BUG_9701
changeset 9
a63d609f5ebe
permissions
-rw-r--r--

Back out 97036ab72558 which inappropriately compared turds to third parties.

     1 <!DOCTYPE html>
     2 <html>
     3   <link rel='stylesheet' type='text/css' href='style.css'>
     4   <style>
     5     body > div:nth-child(1) { margin: 10px; padding: 0px; }
     6     body > div:nth-child(2) { margin: 0px; padding: 10px; }
     7     body > div:nth-child(3) { margin: 10px; padding: 10px; }
     8     body > div:nth-child(4) { margin: 5px; padding: 5px; }
     9     body > div:nth-child(5) { margin: 50px; padding: 50px; }
    10     body > div:nth-child(6) { margin: 100px; padding: 100px; }
    11     body > div:nth-child(7) { margin: 10px 0px 0px 0px; padding: 0px; }
    12     body > div:nth-child(8) { margin: 0px 10px 0px 0px; padding: 0px; }
    13     body > div:nth-child(9) { margin: 0px 0px 10px 0px; padding: 0px; }
    14     body > div:nth-child(10) { margin: 0px 0px 0px 10px; padding: 0px; }
    15     body > div:nth-child(11) { margin: 0px; padding: 10px 0px 0px 0px; }
    16     body > div:nth-child(12) { margin: 0px; padding: 0px 10px 0px 0px; }
    17     body > div:nth-child(13) { margin: 0px; padding: 0px 0px 10px 0px; }
    18     body > div:nth-child(14) { margin: 0px; padding: 0px 0px 0px 10px; }
    19     body > div:nth-child(15) { margin: 0px; padding: 2px 4px 6px 8px; }
    20     body > div:nth-child(16) { margin: 2px 4px 6px 8px; padding: 0px; }
    21   </style>
    22   <body>
    23     <div class="progress-element vertical">
    24       <div class="progress-bar">
    25       </div>
    26     </div>
    27     <div class="progress-element vertical">
    28       <div class="progress-bar">
    29       </div>
    30     </div>
    31     <div class="progress-element vertical">
    32       <div class="progress-bar">
    33       </div>
    34     </div>
    35     <div class="progress-element vertical">
    36       <div class="progress-bar">
    37       </div>
    38     </div>
    39     <div class="progress-element vertical">
    40       <div class="progress-bar">
    41       </div>
    42     </div>
    43     <div class="progress-element vertical">
    44       <div class="progress-bar">
    45       </div>
    46     </div>
    47     <div class="progress-element vertical">
    48       <div class="progress-bar">
    49       </div>
    50     </div>
    51     <div class="progress-element vertical">
    52       <div class="progress-bar">
    53       </div>
    54     </div>
    55     <div class="progress-element vertical">
    56       <div class="progress-bar">
    57       </div>
    58     </div>
    59     <div class="progress-element vertical">
    60       <div class="progress-bar">
    61       </div>
    62     </div>
    63     <div class="progress-element vertical">
    64       <div class="progress-bar">
    65       </div>
    66     </div>
    67     <div class="progress-element vertical">
    68       <div class="progress-bar">
    69       </div>
    70     </div>
    71     <div class="progress-element vertical">
    72       <div class="progress-bar">
    73       </div>
    74     </div>
    75     <div class="progress-element vertical">
    76       <div class="progress-bar">
    77       </div>
    78     </div>
    79     <div class="progress-element vertical">
    80       <div class="progress-bar">
    81       </div>
    82     </div>
    83     <div class="progress-element vertical">
    84       <div class="progress-bar">
    85       </div>
    86     </div>
    87   </body>
    88 </html>

mercurial