| <!DOCTYPE html> |
| <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> |
| <style> |
| :root { |
| print-color-adjust: exact; |
| } |
| body { |
| margin: 0; |
| } |
| .pencil { |
| background-color: black; |
| mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTMgMTcuMjVWMjFoMy43NUwxNy44MSA5Ljk0bC0zLjc1LTMuNzVMMyAxNy4yNXpNMjAuNzEgNy4wNGEuOTk2Ljk5NiAwIDAgMCAwLTEuNDFsLTIuMzQtMi4zNGEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBsLTEuODMgMS44MyAzLjc1IDMuNzUgMS44My0xLjgzeiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=); |
| mask-repeat: no-repeat; |
| width: 36px; |
| height: 36px; |
| } |
| .fakepage { |
| position: relative; |
| height: 100vh; |
| } |
| </style> |
| <div class="fakepage"> |
| <div style="position:absolute; bottom:0; right:0;"> |
| <div class="pencil"></div> |
| </div> |
| When printed, there should be two pages. There should be a black pencil in the |
| bottom right corner on both pages. |
| </div> |
| |
| <div class="fakepage"> |
| <div style="position:absolute; bottom:0; right:0;"> |
| <div class="pencil"></div> |
| </div> |
| Page 2. |
| </div> |
