tor-browser

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

box-shadow-039-ref.html (1949B)

      1 <!DOCTYPE html>
      2 
      3  <meta charset="UTF-8">
      4 
      5  <title>CSS Reference Test</title>
      6 
      7  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
      8 
      9  <style>
     10  div.blue
     11    {
     12      background-color: rgba(0, 0, 255, 0.5);  /* semi-transparent blue */
     13      border: black double 18px;
     14      height: 36px;
     15      width: 36px;
     16    }
     17 
     18  div#sub-test1-orange
     19    {
     20      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
     21      bottom: 72px; /* offsetHeight == 72px */
     22      height: 72px;
     23      left: 72px; /* offsetWidth == 72px */
     24      position: relative;
     25      width: 36px;
     26    }
     27 
     28  div#sub-test21-orange
     29    {
     30      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
     31      bottom: 126px; /* 18px + 72px + 36px == 126px */
     32      height: 18px;
     33      left: 18px;
     34      position: relative;
     35      width: 108px;
     36    }
     37 
     38  div#sub-test22-orange
     39    {
     40      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
     41      bottom: 126px;
     42      height: 72px;
     43      left: 72px;
     44      position: relative;
     45      width: 54px;
     46    }
     47 
     48  div#sub-test23-orange
     49    {
     50      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
     51      bottom: 126px;
     52      height: 18px;
     53      left: 18px;
     54      position: relative;
     55      width: 108px;
     56    }
     57 
     58  div#sub-test3-orange
     59    {
     60      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
     61      bottom: 162px;
     62      height: 36px;
     63      left: 72px;
     64      position: relative;
     65      width: 18px;
     66    }
     67  </style>
     68 
     69  <h3>Not inset and Npx 0px: 36px 0px</h3>
     70 
     71  <div class="blue"></div><div id="sub-test1-orange"></div>
     72 
     73  <div class="blue" style="position: relative; bottom: 36px;"></div><div id="sub-test21-orange"></div><div id="sub-test22-orange"></div><div id="sub-test23-orange"></div>
     74 
     75  <div class="blue" style="position: relative; bottom: 108px;"></div><div id="sub-test3-orange"></div>