You are here

pdf.css in Commerce Invoice 7.2

body {
    font-family: Arial, sans-serif;
    font-size: 16px;
}

header {
    width: 100%;
    height: 100px;
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc;
}

footer {
    margin-top: 25px;
    text-align: center;
}

.logo,
.header{
    float: left;
    width: 50%;
}

.header{
    text-align: right;
}

.pull-right {
    width: 40%;
    float: right;
}

table {
    width: 100%;
    line-height: 1.2em;
    border-collapse: collapse;
}
thead {
    text-align: left;
    border-bottom: 2px solid black;
}

td, th {
    text-align: left;
}
td {
    height: 30px;
}

.field-name-commerce-invoice-items {
    margin-top: 50px;
}

.views-field-commerce-unit-price,
.views-field-quantity,
.views-field-commerce-total {
    text-align: right;
    padding-right: 5px;
}
.view-commerce-line-item-table .views-field-line-item-title {
    text-align: left;
    width: 300px;
}

.field-name-commerce-invoice-total {
    border-top: 1px solid black;
    font-weight: bold;
    padding-right: 5px;
}
td.component-title {
    text-align: right;
}
td.component-total {
    text-align: right;
    width: 200px;
}

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

File

modules/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. padding-bottom: 20px;
  9. margin-bottom: 25px;
  10. border-bottom: 1px solid #ccc;
  11. }
  12. footer {
  13. margin-top: 25px;
  14. text-align: center;
  15. }
  16. .logo,
  17. .header{
  18. float: left;
  19. width: 50%;
  20. }
  21. .header{
  22. text-align: right;
  23. }
  24. .pull-right {
  25. width: 40%;
  26. float: right;
  27. }
  28. table {
  29. width: 100%;
  30. line-height: 1.2em;
  31. border-collapse: collapse;
  32. }
  33. thead {
  34. text-align: left;
  35. border-bottom: 2px solid black;
  36. }
  37. td, th {
  38. text-align: left;
  39. }
  40. td {
  41. height: 30px;
  42. }
  43. .field-name-commerce-invoice-items {
  44. margin-top: 50px;
  45. }
  46. .views-field-commerce-unit-price,
  47. .views-field-quantity,
  48. .views-field-commerce-total {
  49. text-align: right;
  50. padding-right: 5px;
  51. }
  52. .view-commerce-line-item-table .views-field-line-item-title {
  53. text-align: left;
  54. width: 300px;
  55. }
  56. .field-name-commerce-invoice-total {
  57. border-top: 1px solid black;
  58. font-weight: bold;
  59. padding-right: 5px;
  60. }
  61. td.component-title {
  62. text-align: right;
  63. }
  64. td.component-total {
  65. text-align: right;
  66. width: 200px;
  67. }
  68. .contextual-links-wrapper {
  69. display: none;
  70. }