tor-browser

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

box-shadow-040-ref.html (1913B)

      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-test41-orange
     19    {
     20      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
     21      bottom: 54px; /* offsetHeight == 54px */
     22      height: 54px;
     23      left: 72px;
     24      position: relative;
     25      width: 36px;
     26    }
     27 
     28  div#sub-test42-orange
     29    {
     30      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
     31      bottom: 54px;
     32      height: 18px;
     33      left: 36px;
     34      position: relative;
     35      width: 72px;
     36    }
     37 
     38  div#sub-test51-orange
     39    {
     40      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
     41      bottom: 90px; /* 18px + 72px == 90px */
     42      height: 72px;
     43      left: 72px;
     44      position: relative;
     45      width: 54px;
     46    }
     47 
     48  div#sub-test52-orange
     49    {
     50      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
     51      bottom: 90px;
     52      height: 36px;
     53      left: 18px;
     54      position: relative;
     55      width: 108px;
     56    }
     57 
     58  div#sub-test6-orange
     59    {
     60      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
     61      bottom: 108px;
     62      height: 36px;
     63      left: 72px;
     64      position: relative;
     65      width: 18px;
     66    }
     67  </style>
     68 
     69  <h3>Not inset and Npx Mpx: 36px 18px</h3>
     70 
     71  <div class="blue"></div><div id="sub-test41-orange"></div><div id="sub-test42-orange"></div>
     72 
     73  <div class="blue" style="position: relative; bottom: 18px;"></div><div id="sub-test51-orange"></div><div id="sub-test52-orange"></div>
     74 
     75  <div class="blue" style="position: relative; bottom: 72px;"></div><div id="sub-test6-orange"></div>