You are here

Home » API reference » Commerce Billy 7

pdf.css in Commerce Billy 7 

body {
  font-family: Arial, sans-serif;
  font-size: 16px;
}
.header {
  width: 100%;
  height: 100px;
}
.header img {
  width: 88px;
  position: absolute;
}
.text {
  position: absolute;
  top: 300px;
}
.invoice-header {
  font-size: 14px;
  color: #646464;
  text-align: right;
}
.invoice-footer {
  border-top: 1px solid #646464;
  width: 100%;
  font-size: 14px;
  color: #646464;
  text-align: center;
  padding-top: 4px;
}

.invoice-text {
  margin-top: 50px;
}

.customer .field-label,
.customer .field__label {
  display: none;
}
.customer .field-name-field-customer-lastname,
.customer .field--name-field-customer-lastname {
  display: none;
}

.invoice-number {
  position: absolute;
  top: 350px;
}
.order-id {
  position: absolute;
  top: 370px;
}
.invoice-header-date {
  margin-top: 25px;
  margin-left: 550px;
  text-align: right;
}
.line-items {
  margin-top: 200px;
}
.invoice-footer {
  position: absolute;
  bottom: 0;
}
.view-commerce-line-item-table table {
  width: 100%;
  line-height: 1.2em;
  border-collapse: collapse;
}
.view-commerce-line-item-table thead {
  border-bottom: 2px solid black;
}
.view-commerce-line-item-table th {
  text-align: right;
}
.view-commerce-line-item-table td {
  text-align: right;
  height: 30px;
}
.view-commerce-line-item-table .views-field-commerce-total {
  text-align: right;
  padding-right: 5px;
  width: 200px;
}
.view-commerce-line-item-table .views-field-line-item-title {
  text-align: left;
  width: 300px;
}

.order-total table {
  width: 100%;
  border-top: 2px solid black;
  font-weight: bold;
}
td.component-title {
  text-align: right;
}
td.component-total {
  text-align: right;
  width: 200px;
}

.contextual-links-wrapper {
  display: none;
}

.invoice-canceled .order-total table {
  border: 2px solid black;
  margin-top: 100px;
}

File

modules/commerce_billy_pdf/css/pdf.css
View source 
  1. body {

  2.   font-family: Arial, sans-serif;

  3.   font-size: 16px;

  4. }

  5. .header {

  6.   width: 100%;

  7.   height: 100px;

  8. }

  9. .header img {

  10.   width: 88px;

  11.   position: absolute;

  12. }

  13. .text {

  14.   position: absolute;

  15.   top: 300px;

  16. }

  17. .invoice-header {

  18.   font-size: 14px;

  19.   color: #646464;

  20.   text-align: right;

  21. }

  22. .invoice-footer {

  23.   border-top: 1px solid #646464;

  24.   width: 100%;

  25.   font-size: 14px;

  26.   color: #646464;

  27.   text-align: center;

  28.   padding-top: 4px;

  29. }

  30. 

  31. .invoice-text {

  32.   margin-top: 50px;

  33. }

  34. 

  35. .customer .field-label,

  36. .customer .field__label {

  37.   display: none;

  38. }

  39. .customer .field-name-field-customer-lastname,

  40. .customer .field--name-field-customer-lastname {

  41.   display: none;

  42. }

  43. 

  44. .invoice-number {

  45.   position: absolute;

  46.   top: 350px;

  47. }

  48. .order-id {

  49.   position: absolute;

  50.   top: 370px;

  51. }

  52. .invoice-header-date {

  53.   margin-top: 25px;

  54.   margin-left: 550px;

  55.   text-align: right;

  56. }

  57. .line-items {

  58.   margin-top: 200px;

  59. }

  60. .invoice-footer {

  61.   position: absolute;

  62.   bottom: 0;

  63. }

  64. .view-commerce-line-item-table table {

  65.   width: 100%;

  66.   line-height: 1.2em;

  67.   border-collapse: collapse;

  68. }

  69. .view-commerce-line-item-table thead {

  70.   border-bottom: 2px solid black;

  71. }

  72. .view-commerce-line-item-table th {

  73.   text-align: right;

  74. }

  75. .view-commerce-line-item-table td {

  76.   text-align: right;

  77.   height: 30px;

  78. }

  79. .view-commerce-line-item-table .views-field-commerce-total {

  80.   text-align: right;

  81.   padding-right: 5px;

  82.   width: 200px;

  83. }

  84. .view-commerce-line-item-table .views-field-line-item-title {

  85.   text-align: left;

  86.   width: 300px;

  87. }

  88. 

  89. .order-total table {

  90.   width: 100%;

  91.   border-top: 2px solid black;

  92.   font-weight: bold;

  93. }

  94. td.component-title {

  95.   text-align: right;

  96. }

  97. td.component-total {

  98.   text-align: right;

  99.   width: 200px;

  100. }

  101. 

  102. .contextual-links-wrapper {

  103.   display: none;

  104. }

  105. 

  106. .invoice-canceled .order-total table {

  107.   border: 2px solid black;

  108.   margin-top: 100px;

  109. }