tor-browser

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

fixedpos-009-print-ref.html (1135B)

      1 <!DOCTYPE html>
      2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
      3 <style>
      4  :root {
      5    print-color-adjust: exact;
      6  }
      7  body {
      8    margin: 0;
      9  }
     10  .pencil {
     11    background-color: black;
     12    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTMgMTcuMjVWMjFoMy43NUwxNy44MSA5Ljk0bC0zLjc1LTMuNzVMMyAxNy4yNXpNMjAuNzEgNy4wNGEuOTk2Ljk5NiAwIDAgMCAwLTEuNDFsLTIuMzQtMi4zNGEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBsLTEuODMgMS44MyAzLjc1IDMuNzUgMS44My0xLjgzeiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
     13    mask-repeat: no-repeat;
     14    width: 36px;
     15    height: 36px;
     16  }
     17  .fakepage {
     18    position: relative;
     19    height: 100vh;
     20  }
     21 </style>
     22 <div class="fakepage">
     23  <div style="position:absolute; bottom:0; right:0;">
     24    <div class="pencil"></div>
     25  </div>
     26  When printed, there should be two pages. There should be a black pencil in the
     27  bottom right corner on both pages.
     28 </div>
     29 
     30 <div class="fakepage">
     31  <div style="position:absolute; bottom:0; right:0;">
     32    <div class="pencil"></div>
     33  </div>
     34  Page 2.
     35 </div>