data/styles/Paper.css

   1 body { margin:0; }
   2 @page { margin:0; }
   3 .sheet {
   4   overflow:hidden;
   5   position:relative;
   6   box-sizing:border-box;
   7   page-break-after:always;
   8 }
   9
  10 /** Paper sizes **/
  11 .sheet.A3                { width: 297mm; height: 419mm }
  12 .sheet.A3.landscape      { width: 420mm; height: 296mm }
  13 .sheet.A4                { width: 210mm; height: 296mm }
  14 .sheet.A4.landscape      { width: 297mm; height: 209mm }
  15 .sheet.A4plus            { width: 240mm; height: 320mm }
  16 .sheet.A4plus.landscape  { width: 320mm; height: 240mm }
  17 .sheet.A5                { width: 148mm; height: 209mm }
  18 .sheet.A5.landscape      { width: 210mm; height: 147mm }
  19 .sheet.letter            { width: 216mm; height: 279mm }
  20 .sheet.letter.landscape  { width: 280mm; height: 215mm }
  21 .sheet.legal             { width: 216mm; height: 356mm }
  22 .sheet.legal.landscape   { width: 357mm; height: 215mm }
  23
  24 /** For screen preview **/
  25 @media screen {
  26   body { background:#e0e0e0 }
  27   .sheet {
  28     background:white;
  29     box-shadow:0 .5mm 2mm rgba(0,0,0,.3);
  30     margin:5mm auto !important;
  31   }
  32 }
  33
  34 /** Fix for Chrome issue #273306
  35 @media print {
  36            body.A3.landscape { width: 420mm }
  37   body.A3, body.A4.landscape { width: 297mm }
  38   body.A4, body.A5.landscape { width: 210mm }
  39   body.A5                    { width: 148mm }
  40   body.letter, body.legal    { width: 216mm }
  41   body.letter.landscape      { width: 280mm }
  42   body.legal.landscape       { width: 357mm }
  43 }
  44 **/