tor-browser

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

position-area-visibility-change-ref.html (1112B)

      1 <!DOCTYPE html>
      2 
      3 <style>
      4  .containing-block {
      5    position: relative;
      6    width: 150px;
      7    height: 150px;
      8    outline: 2px black solid;
      9  }
     10 
     11  .cell {
     12    width: 50px;
     13    height: 50px;
     14  }
     15 
     16  #anchor-cell {
     17    position: absolute;
     18    top: 50px;
     19    left: 50px;
     20 
     21    background: green;
     22  }
     23 
     24  .anchor-positioned-cell {
     25    position: absolute;
     26  }
     27 
     28  #target-1 {
     29    top: 0;
     30    right: 0;
     31  }
     32 
     33  #target-2 {
     34    bottom: 0;
     35    left: 0;
     36  }
     37 
     38  #target-3 {
     39    bottom: 0;
     40    right: 0;
     41  }
     42 
     43  .blue-background {
     44    background: blue;
     45  }
     46 
     47  .magenta-background {
     48    background: magenta;
     49  }
     50 
     51  .cyan-background {
     52    background: cyan;
     53  }
     54 </style>
     55 
     56 <body>
     57  <div class="containing-block">
     58    <div class="cell" id="anchor-cell"></div>
     59 
     60    <div class="cell anchor-positioned-cell" id="target-1">
     61      <div class="cell blue-background"></div>
     62    </div>
     63 
     64    <div class="cell anchor-positioned-cell" id="target-2">
     65      <div class="cell magenta-background"></div>
     66    </div>
     67 
     68    <div class="cell anchor-positioned-cell" id="target-3">
     69      <div class="cell cyan-background"></div>
     70    </div>
     71  </div>
     72 </body>