src/chrome/test/data/printing/layout_tests/source_html/css/repeating-item.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <style>
   5       @media screen {
   6         #logo {
   7           border: solid transparent;
   8           position: fixed;
   9           bottom: 2px;
  10           right: 3px;
  11           float: right;
  12         }
  13         #logo:hover {
  14           background: rgba(0, 170, 0, 0.3);
  15         }
  16         #logo:active {
  17           background: rgba(248, 253, 36, 0.3);
  18         }
  19         .page-break {
  20           display: none;
  21         }
  22       }
  23     @media print {
  24       #logo {
  25         position: fixed;
  26         bottom: 0;
  27         right: 0;
  28       }
  29       .page-break {
  30         display: block;
  31         page-break-before: always;
  32       }
  33     }
  34     </style>
  35     <script type='text/javascript'></script>
  36   </head>
  37   <body>
  38     <div id="logo" width="35" height="35">
  39       <img src="./resources/logo.png"> </img>
  40     </div>
  41     </div><div>Page 1</div><div class="page-break">
  42     </div><div>Page 2</div><div class="page-break">
  43     </div><div>Page 3</div>
  44   </body>
  45 </html>