earning jade

gistfile1.jade

doctype html
html(lang='en')
  head
    meta(charset='UTF-8')
    title earning
    style.
      body {
      font-family: sans-serif;
      color: #333333;
      }
      .mainwrap{
      width: 100%;
      max-width: 800px;
      margin: 0 auto;
      }
      .table-bordered {
      border: 1px solid #dddddd;
      }
      .table {
      max-width: 100%;
      width: 100%;
      }
      .text-center {
      text-align: center;
      }
      .tablekontent{
      background: #ffffff none repeat scroll 0 0;
      border: 5px solid #dddddd;
      margin: 30px 0;
      /*padding: 10px;*/
      }
      p {
      margin: 0 0 10px;
      }
      .tablekontent thead{
      color: #ffffff;
      font-weight: bold;
      background-color: #393939;
      }
      .tablekontent thead td {
      line-height: 35px;
      }
      tbody tr {
      line-height: 20px;
      color: #666;
      }
      .floatright{
      float:right;
      }
      .clear{
      clear: both;
      }
      .earnings{
      text-align: right;
      font-size: 18px;
      }
      .earningbold{
      font-size: 30px;
      font-weight: bold;
      }
  body
    .mainwrap
      img(src='http://placehold.it/200x100/?text=Logo', alt='')
      h3 Earning Detail
      .pdfdetail
        p nama : nama user
        p tanggal cetak : dd-mm-yyyy
      .floatright
      .clear
      .tablekontent
        table.table.text-center.boldtable.table-bordered
          thead
            tr
              td DATE
              td ORDER ID
              td TYPE
              td DETAILS
              td PRICE
              td AMOUNT
          tbody
            tr
              td dd-mm-yyyy
              td 1234
              td type
              td description
              td.numleft IDR. 100.000,-
              td.numleft IDR. 100.000,-
            tr
              td dd-mm-yyyy
              td 1234
              td type
              td description
              td.numleft IDR. 100.000,-
              td.numleft IDR. 100.000,-
            tr
              td dd-mm-yyyy
              td 1234
              td type
              td description
              td.numleft IDR. 100.000,-
              td.numleft IDR. 100.000,-
      .earnings
        | Total Earnings 
        .earningbold IDR 123.000,-