Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | /* Cubic Bezier Transition */ |
| 2 | /*** |
||
| 3 | Invoice page 2 |
||
| 4 | ***/ |
||
| 5 | .invoice-content-2 { |
||
| 6 | background-color: #fff; |
||
| 7 | padding: 80px 70px; } |
||
| 8 | .invoice-content-2.bordered { |
||
| 9 | border: 1px solid; |
||
| 10 | border-color: #e7ecf1; } |
||
| 11 | .invoice-content-2 .invoice-head { |
||
| 12 | margin-bottom: 50px; } |
||
| 13 | .invoice-content-2 .invoice-head .invoice-logo { |
||
| 14 | text-align: center; } |
||
| 15 | .invoice-content-2 .invoice-head .invoice-logo > img { |
||
| 16 | float: left; |
||
| 17 | margin-right: 45px; } |
||
| 18 | .invoice-content-2 .invoice-head .invoice-logo > h1 { |
||
| 19 | float: left; |
||
| 20 | font-size: 17px; |
||
| 21 | font-weight: 700; |
||
| 22 | color: #39424a; |
||
| 23 | margin-top: 48px; } |
||
| 24 | .invoice-content-2 .invoice-head .company-address { |
||
| 25 | text-align: right; |
||
| 26 | font-size: 14px; |
||
| 27 | color: #7e8691; } |
||
| 28 | .invoice-content-2 .invoice-title { |
||
| 29 | font-size: 12px; |
||
| 30 | font-weight: 600; |
||
| 31 | letter-spacing: 1px; |
||
| 32 | color: #9ea8b7; } |
||
| 33 | .invoice-content-2 .invoice-desc { |
||
| 34 | font-size: 14px; |
||
| 35 | color: #4e5a64; |
||
| 36 | font-weight: 600; } |
||
| 37 | .invoice-content-2 .invoice-desc.inv-address { |
||
| 38 | font-size: 13px; |
||
| 39 | color: #7e8691; |
||
| 40 | font-weight: 400; } |
||
| 41 | .invoice-content-2 .invoice-desc.grand-total { |
||
| 42 | font-size: 16px; |
||
| 43 | font-weight: 700; } |
||
| 44 | .invoice-content-2 .invoice-cust-add { |
||
| 45 | margin-bottom: 50px; } |
||
| 46 | .invoice-content-2 .invoice-body .text-center { |
||
| 47 | text-align: center; } |
||
| 48 | .invoice-content-2 .invoice-body tr:last-child { |
||
| 49 | border-bottom: 1px solid #e7ecf1; } |
||
| 50 | .invoice-content-2 .invoice-body th, .invoice-content-2 .invoice-body td { |
||
| 51 | vertical-align: middle; |
||
| 52 | padding-left: 40px; |
||
| 53 | padding-right: 40px; } |
||
| 54 | .invoice-content-2 .invoice-body th:first-child, .invoice-content-2 .invoice-body td:first-child { |
||
| 55 | padding-left: 0; } |
||
| 56 | .invoice-content-2 .invoice-body th:last-child, .invoice-content-2 .invoice-body td:last-child { |
||
| 57 | padding-right: 0; } |
||
| 58 | .invoice-content-2 .invoice-body h3 { |
||
| 59 | font-size: 14px; |
||
| 60 | font-weight: 600; |
||
| 61 | color: #4e5a64; |
||
| 62 | margin-bottom: 0; } |
||
| 63 | .invoice-content-2 .invoice-body p { |
||
| 64 | font-size: 13px; |
||
| 65 | color: #7e8691; } |
||
| 66 | .invoice-content-2 .print-btn { |
||
| 67 | float: right; |
||
| 68 | font-size: 14px; |
||
| 69 | font-weight: 600; |
||
| 70 | letter-spacing: 1px; } |
||
| 71 | |||
| 72 | @media (max-width: 1024px) { |
||
| 73 | .invoice-content-2 .invoice-head .invoice-logo > img { |
||
| 74 | width: 130px; |
||
| 75 | margin-top: 26px; } } |
||
| 76 | |||
| 77 | @media (max-width: 991px) { |
||
| 78 | .invoice-content-2 { |
||
| 79 | padding: 40px 30px; } } |
||
| 80 | |||
| 81 | @media (max-width: 480px) { |
||
| 82 | .invoice-content-2 .invoice-head .invoice-logo > h1 { |
||
| 83 | margin-top: 10px; } |
||
| 84 | .invoice-content-2 .invoice-head .company-address { |
||
| 85 | font-size: 12px; } } |