SHARE
TWEET

print.css

a guest May 21st, 2019 77 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .invoice-box {
  2.     max-width: 100%;
  3.     margin: auto;
  4.     padding: 30px;
  5.     border: 1px solid #eee;
  6.     box-shadow: 0 0 10px rgba(0, 0, 0, .15);
  7.     font-size: 16px;
  8.     line-height: 24px;
  9.     font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
  10.     color: #555;
  11. }
  12.  
  13. .invoice-box table {
  14.     width: 100%;
  15.     line-height: inherit;
  16.     text-align: left;
  17. }
  18.  
  19. .invoice-box table td {
  20.     padding: 5px;
  21.     vertical-align: top;
  22. }
  23.  
  24. .invoice-box table tr td:nth-child(2) {
  25.     text-align: right;
  26. }
  27.  
  28.  
  29.  
  30. .invoice-box table tr.top table td.title {
  31.     font-size: 45px;
  32.     line-height: 45px;
  33.     color: #333;
  34. }
  35.  
  36. .invoice-box table tr.information table td {
  37.     padding-bottom: 40px;
  38. }
  39.  
  40. .invoice-box table tr.heading td {
  41.     background: #eee;
  42.     border-bottom: 1px solid #ddd;
  43.     font-weight: bold;
  44. }
  45.  
  46. .invoice-box table tr.details td {
  47.     padding-bottom: 20px;
  48. }
  49.  
  50. .invoice-box table tr.item td{
  51.     border-bottom: 1px solid #eee;
  52. }
  53.  
  54. .invoice-box table tr.item.last td {
  55.     border-bottom: none;
  56. }
  57.  
  58. .invoice-box table tr.total td:nth-child(2) {
  59.     border-top: 2px solid #eee;
  60.     font-weight: bold;
  61. }
  62.  
  63. @media only screen and (max-width: 600px) {
  64.     .invoice-box table tr.top table td {
  65.         width: 100%;
  66.         display: block;
  67.         text-align: center;
  68.     }
  69.    
  70.     .invoice-box table tr.information table td {
  71.         width: 100%;
  72.         display: block;
  73.         text-align: center;
  74.     }
  75. }
  76.  
  77. /** RTL **/
  78. .rtl {
  79.     direction: rtl;
  80.     font-family: Tahoma, 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
  81. }
  82.  
  83. .rtl table {
  84.     text-align: right;
  85. }
  86.  
  87. .rtl table tr td:nth-child(2) {
  88.     text-align: left;
  89. }
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