daily pastebin goal
38%
SHARE
TWEET

Untitled

a guest Jun 13th, 2018 58 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.     <meta charset="utf-8">
  6.     <title></title>
  7.     <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
  8.     <style type="text/css">
  9.         body {
  10.             font-family: "Lato", sans-serif;
  11.         }
  12.  
  13.         table, tr, td, th, tbody, thead, tfoot {
  14.             page-break-inside: avoid !important;
  15.         }
  16.  
  17.         #content {
  18.             width: 190mm;
  19.             height: 277mm;
  20.             background: #fff;
  21.             padding: 0mm 10mm 0mm 10mm;
  22.         }
  23.  
  24.  
  25.         .img-logo {
  26.             margin: 0 auto;
  27.             width: 60mm;
  28.             max-height: 10mm;
  29.             background: #fff;
  30.             margin-bottom: 20mm;
  31.         }
  32.  
  33.         .img-logo img {
  34.             width: 100%;
  35.         }
  36.  
  37.         .statement {
  38.             margin-bottom: 20mm;
  39.         }
  40.  
  41.         .statement table{
  42.             border-collapse: collapse;
  43.             width: 190mm;
  44.             background-color: #fff;
  45.         }
  46.  
  47.         .statement tr {
  48.             border-bottom: 1pt solid #ddd;
  49.         }
  50.  
  51.         .statement td {
  52.             padding: 2mm;
  53.         }
  54.  
  55.         .statement .date-box{
  56.             padding: 2mm;
  57.             width: 30mm;
  58.             border-right: 1pt solid #ddd;
  59.             text-align: center;
  60.         }
  61.  
  62.         .statement .description-box{
  63.             width: 130mm;
  64.             padding-left: 5mm;
  65.             text-align: left;
  66.         }
  67.  
  68.         .statement .amount-box{
  69.             width: 30mm;
  70.             text-align: center;
  71.         }
  72.  
  73.         .statement .date {
  74.             display: block;
  75.             text-align: center;
  76.             width: 100%;
  77.         }
  78.  
  79.         .statement .date.month {
  80.             font-size: 10pt;
  81.         }
  82.  
  83.         .statement .date.day {
  84.             font-size: 14pt;
  85.         }
  86.  
  87.         .statement .date.year {
  88.             font-size: 10pt;
  89.         }
  90.  
  91.         .description-box span{
  92.             display: block;
  93.             font-size: 10pt;
  94.             margin-bottom: 3mm;
  95.         }
  96.  
  97.         .description-box h4{
  98.             margin-bottom: 4mm;
  99.         }
  100.  
  101.         .list-item {
  102.             min-height: 10mm;
  103.             list-style: none;
  104.             padding: 5mm;
  105.             border: 0.5pt solid #ccc;
  106.         }
  107.  
  108.         .agency-table td {
  109.             padding: 5mm;
  110.         }
  111.  
  112.     </style>
  113. </head>
  114.  
  115. <body>
  116. <div id="content">
  117.     <div class="img-logo">
  118.         <img src="<?= $logoUrl ?>" alt="">
  119.     </div>
  120.  
  121.     <?= $statementSummaryBox ?>
  122.     <?= $statement ?>
  123. </div>
  124. </body>
  125.  
  126. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top