tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

overflow-hidden-ref.html (6978B)

      1 <!DOCTYPE HTML>
      2 <html><head>
      3    <meta charset="utf-8">
      4    <title>Testcase for bug 971933</title>
      5    <style type="text/css">
      6        html,body {
      7            color:black; background-color:white; font-size:16px;
      8        }
      9 #f0 div::before { content: "f0"; }
     10 #f1 div::before { content: "f1"; }
     11 #f2 div::before { content: "f2"; }
     12 #f3 div::before { content: "f3"; }
     13 #f4 div::before { content: "f4"; }
     14 #f5 div::before { content: "f5"; }
     15 #f6 div::before { content: "f6"; }
     16 #f7 div::before { content: "f7"; }
     17 #f8 div::before { content: "f8"; }
     18 #f9 div::before { content: "f9"; }
     19 
     20 legend { background:pink; height:30px; }
     21 div { background:yellow; height:100px; overflow:hidden; }
     22 fieldset {
     23    border-width:0;
     24    padding:0;
     25    margin:0;
     26    margin-top:6px;
     27    outline:1px dotted black;
     28    height:auto;
     29    background:grey;
     30 
     31    padding-bottom:0px;
     32    padding-top:5px;
     33    border:1px solid blue;
     34    border-top-width:7px;
     35 }
     36 
     37 #f1 { }
     38 #f2 { border-top-width:0; }
     39 #f3 { border-width:0; }
     40 #f4 { border-bottom-width:0; }
     41 #f5 { border-width:0; padding:0; }
     42 #f6 { border-width:0; padding-bottom:0; }
     43 #f7 { border-width:0; padding-top:0; }
     44 #f8 { padding-top:0; }
     45 #f9 { padding-bottom:0; }
     46 #f0 { padding:0; }
     47 
     48 #c2 fieldset { height:29px; }
     49 
     50 #c3 fieldset { height:39px; }
     51 
     52 #c4 fieldset { height:29px; }
     53 #c4 legend { height: 20px; }
     54 
     55 #c5 legend { height:21px; }
     56 #c5 fieldset { border-top-width:31px; }
     57 
     58 .col { float:left; width:10ch; margin-left:6px; }
     59 
     60 #c1 div { height:3px; } #c1 #f6 div, #c1 #f9 div, #c1 #f0 div { height:0; }
     61 #c1 #f5 div { height:0px; }
     62 
     63 #c2 div { height:9px; }
     64  #c2 #f1 { padding-bottom:3px; } #c2 #f1 div { height:9px;}
     65  #c2 #f2 { padding-bottom:3px; } #c2 #f2 div { height:3px; }
     66  #c2 #f3 { padding-bottom:3px; } #c2 #f3 div { height:3px; }
     67  #c2 #f4 { padding-bottom:3px; }
     68  #c2 #f5 div { height:0; }
     69  #c2 #f6 div { height:0; }
     70  #c2 #f7 { padding-bottom:3px; } #c2 #f7 div { height:3px; }
     71  #c2 #f8 { padding-bottom:3px; } #c2 #f8 div { height:9px; }
     72  #c2 #f9 div { height:6px; }
     73  #c2 #f0 div { height:6px; }
     74 
     75 #c3 fieldset { padding-bottom:3px; }
     76  #c3 #f1 div { height:19px; }
     77  #c3 #f2 div { height:12px; }
     78  #c3 #f3 div { height:12px; }
     79  #c3 #f4 div { height:19px; }
     80  #c3 #f5 { padding-bottom:0; } #c3 #f5 div { height:9px; }
     81  #c3 #f6 { padding-bottom:0; } #c3 #f6 div { height:9px; }
     82  #c3 #f7 div { height:12px; }
     83  #c3 #f8 div { height:19px; }
     84  #c3 #f9 { padding-bottom:0; } #c3 #f9 div { height:16px; }
     85  #c3 #f0 { padding-bottom:0; } #c3 #f0 div { height:16px; }
     86 
     87 #c4 fieldset { padding-bottom:3px; }
     88  #c4 #f1 div { height:19px; }
     89  #c4 #f2 div { height:12px; }
     90  #c4 #f3 div { height:12px; }
     91  #c4 #f4 div { height:19px; }
     92  #c4 #f5 { padding-bottom:0; } #c4 #f5 div { height:9px; }
     93  #c4 #f6 { padding-bottom:0; } #c4 #f6 div { height:9px; }
     94  #c4 #f7 div { height:12px; }
     95  #c4 #f8 div { height:19px; }
     96  #c4 #f9 { padding-bottom:0; } #c4 #f9 div { height:16px; }
     97  #c4 #f0 { padding-bottom:0; } #c4 #f0 div { height:16px; }
     98 
     99  #c5 #f1 div { height:18px; }
    100  #c5 #f2 div { height:18px; }
    101  #c5 #f3 div { height:18px; }
    102  #c5 #f4 div { height:18px; }
    103  #c5 #f5 div { height:15px; }
    104  #c5 #f6 div { height:15px; }
    105  #c5 #f7 div { height:18px; }
    106  #c5 #f8 div { height:18px; }
    107  #c5 #f9 div { height:15px; }
    108  #c5 #f0 div { height:15px; }
    109 
    110 </style>
    111 </head>
    112 <body>
    113 <span id=c1 class=col>C1
    114        <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
    115        <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
    116        <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
    117        <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
    118        <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
    119        <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
    120        <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
    121        <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
    122        <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
    123        <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
    124 </span>
    125 <span id=c2 class=col>C2
    126        <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
    127        <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
    128        <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
    129        <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
    130        <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
    131        <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
    132        <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
    133        <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
    134        <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
    135        <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
    136 </span>
    137 <span id=c3 class=col>C3
    138        <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
    139        <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
    140        <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
    141        <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
    142        <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
    143        <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
    144        <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
    145        <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
    146        <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
    147        <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
    148 </span>
    149 <span id=c4 class=col>C4
    150        <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
    151        <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
    152        <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
    153        <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
    154        <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
    155        <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
    156        <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
    157        <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
    158        <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
    159        <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
    160 </span>
    161 <span id=c5 class=col>C5
    162        <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
    163        <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
    164        <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
    165        <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
    166        <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
    167        <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
    168        <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
    169        <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
    170        <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
    171        <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
    172 </span>
    173 
    174 </body>
    175 </html>