You are here

Home » API reference » Commerce Invoice Receipt 7.2

commerce_invoice_receipt.css in Commerce Invoice Receipt 7.2

Same filename and directory in other branches
  1. 7 theme/commerce_invoice_receipt.css

Stylesheet used in the invoice template.

File

theme/commerce_invoice_receipt.css
View source 
  1. 

  2. /**

  3.  * @file

  4.  * Stylesheet used in the invoice template.

  5.  */

  6. 

  7. .field-name-commerce-order-total .commerce-price-formatted-components {

  8.   width: 33%;

  9.   margin-left: auto;

  10. }

  11. .field-name-commerce-order-total .commerce-price-formatted-components tr.component-type-commerce-price-formatted-amount {

  12.   font-weight: bold;

  13. }

  14. .products ul{

  15.   display:none;

  16. }

  17. tr.odd {

  18.   background: none repeat scroll 0 0 #FFFFFF;

  19. }

  20. tr.even {

  21.   background: none repeat scroll 0 0 #EFEFEF;

  22. }

  23. .component-title {

  24.   font-weight: bold;

  25. }

  26. table {

  27.   width:100%;

  28.   border-spacing: 0;

  29.   font-size: 12px;

  30. }

  31. table.details td {

  32.   padding: 0 5px;

  33. }

  34. table th {

  35.   background: #000000;

  36.   color: #FFFFFF;

  37.   text-align: left;

  38.   padding: 0;

  39.   text-transform: uppercase;

  40.   font-weight: bold;

  41.   border: 0;

  42. }

  43. table th,

  44. .products table td {

  45.   padding: 4px 5px;

  46. }

  47. .component-total,

  48. .views-field-commerce-total {

  49.   width: 100px!important;

  50.   text-align: right;

  51. }

  52. .line-items {

  53.   border-bottom: 1px dotted #CCCCCC;

  54. }

  55. .products table.commerce-price-formatted-components {

  56.   width: 200px;

  57.   padding-top: 20px;

  58.   float: right;

  59. }