408 lines
No EOL
6.5 KiB
CSS
408 lines
No EOL
6.5 KiB
CSS
/* Main Body */
|
|
@page {
|
|
margin-top: 1cm;
|
|
margin-bottom: 3cm;
|
|
margin-left: 2cm;
|
|
margin-right: 2cm;
|
|
}
|
|
body {
|
|
background: #fff;
|
|
color: #000;
|
|
margin: 0cm;
|
|
font-family: 'Open Sans', sans-serif;
|
|
/* want to use custom fonts? http://docs.wpovernight.com/woocommerce-pdf-invoices-packing-slips/using-custom-fonts/ */
|
|
font-size: 9pt;
|
|
line-height: 100%; /* fixes inherit dompdf bug */
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
h1, h2, h3, h4 {
|
|
font-weight: bold;
|
|
margin: 0;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 16pt;
|
|
margin: 5mm 0;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 14pt;
|
|
}
|
|
|
|
h3, h4 {
|
|
font-size: 9pt;
|
|
}
|
|
|
|
|
|
ol,
|
|
ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
li,
|
|
ul {
|
|
margin-bottom: 0.75em;
|
|
}
|
|
|
|
p {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
p + p {
|
|
margin-top: 1.25em;
|
|
}
|
|
|
|
a {
|
|
border-bottom: 1px solid;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* Basic Table Styling */
|
|
/*table {*/
|
|
/* border-collapse: collapse;*/
|
|
/* border-spacing: 0;*/
|
|
/* page-break-inside: always;*/
|
|
/* border: 0;*/
|
|
/* margin: 0;*/
|
|
/* padding: 0;*/
|
|
/*}*/
|
|
|
|
/*th, td {*/
|
|
/* vertical-align: top;*/
|
|
/* text-align: left;*/
|
|
/*}*/
|
|
|
|
/*table.container {*/
|
|
/* width:100%;*/
|
|
/* border: 0;*/
|
|
/*}*/
|
|
|
|
/*tr.no-borders,*/
|
|
/*td.no-borders {*/
|
|
/* border: 0 !important;*/
|
|
/* border-top: 0 !important;*/
|
|
/* border-bottom: 0 !important;*/
|
|
/* padding: 0 !important;*/
|
|
/* width: auto;*/
|
|
/*}*/
|
|
|
|
/*div.bottom-spacer {*/
|
|
/* clear: both;*/
|
|
/* height: 8mm;*/
|
|
/*}*/
|
|
|
|
/* Header */
|
|
/*table.head {*/
|
|
/* margin-bottom: 12mm;*/
|
|
/*}*/
|
|
|
|
/*td.header img {*/
|
|
max-height: 3cm; /* may be overridden by the settings */
|
|
/* width: auto;*/
|
|
/*}*/
|
|
|
|
/*td.header {*/
|
|
/* font-size: 16pt;*/
|
|
/* font-weight: 700;*/
|
|
/*}*/
|
|
|
|
/*td.shop-info {*/
|
|
/* width: 40%;*/
|
|
/*}*/
|
|
/*.document-type-label {*/
|
|
/* text-transform: uppercase;*/
|
|
/*}*/
|
|
|
|
/* Recipient addresses & order data */
|
|
/*table.order-data-addresses {*/
|
|
/* width: 100%;*/
|
|
/* margin-bottom: 10mm;*/
|
|
/*}*/
|
|
|
|
/*table.order-data-addresses td.address,*/
|
|
/*table.order-data-addresses td.order-data {*/
|
|
/* overflow-wrap: anywhere;*/
|
|
/*}*/
|
|
|
|
/*td.order-data {*/
|
|
/* width: 40%;*/
|
|
/*}*/
|
|
|
|
/*td.order-data table {*/
|
|
/* width: 100%;*/
|
|
/*}*/
|
|
|
|
/*td.order-data table th {*/
|
|
/* font-weight: normal;*/
|
|
/* padding-right: 2mm;*/
|
|
/* width: 50%;*/
|
|
/* overflow-wrap: break-word;*/
|
|
/*}*/
|
|
|
|
/*.invoice .shipping-address {*/
|
|
/* width: 30%;*/
|
|
/*}*/
|
|
|
|
/*.packing-slip .billing-address {*/
|
|
/* width: 30%;*/
|
|
/*}*/
|
|
|
|
/* Order details */
|
|
/*table.order-details {*/
|
|
/* width:100%;*/
|
|
/* margin-bottom: 8mm;*/
|
|
/* page-break-before: avoid;*/
|
|
/*}*/
|
|
|
|
/*.quantity,*/
|
|
/*.price {*/
|
|
/* width: 20%;*/
|
|
/*}*/
|
|
|
|
/*.order-details tr {*/
|
|
/* page-break-inside: always;*/
|
|
/* page-break-after: auto; */
|
|
/*}*/
|
|
|
|
/*.order-details td,*/
|
|
/*.order-details th {*/
|
|
/* border: 1px #ccc solid;*/
|
|
/* padding: 0.375em;*/
|
|
/*}*/
|
|
|
|
/*.order-details th {*/
|
|
/* font-weight: bold;*/
|
|
/* text-align: left;*/
|
|
/*}*/
|
|
|
|
/*.order-details thead th {*/
|
|
/* color: black;*/
|
|
|
|
/* border-color: black;*/
|
|
/*}*/
|
|
|
|
/* product bundles compatibility */
|
|
/*.order-details tr.bundled-item td.product {*/
|
|
/* padding-left: 5mm;*/
|
|
/*}*/
|
|
|
|
/*.order-details tr.product-bundle td,*/
|
|
/*.order-details tr.bundled-item td {*/
|
|
/* border: 0;*/
|
|
/*}*/
|
|
|
|
/*.order-details tr.bundled-item.hidden {*/
|
|
/* display: none;*/
|
|
/*}*/
|
|
|
|
/* item meta formatting for WC2.6 and older */
|
|
/*dl {*/
|
|
/* margin: 4px 0;*/
|
|
/*}*/
|
|
|
|
/*dt, dd, dd p {*/
|
|
/* display: inline;*/
|
|
/* font-size: 7pt;*/
|
|
/* line-height: 7pt;*/
|
|
/*}*/
|
|
|
|
/*dd {*/
|
|
/* margin-left: 5px;*/
|
|
/*}*/
|
|
|
|
/*dd:after {*/
|
|
/* content: "\A";*/
|
|
/* white-space: pre;*/
|
|
/*}*/
|
|
/* item-meta formatting for WC3.0+ */
|
|
/*.wc-item-meta {*/
|
|
/* margin: 4px 0;*/
|
|
/* font-size: 7pt;*/
|
|
/* line-height: 7pt;*/
|
|
/* overflow-wrap: anywhere;*/
|
|
/*}*/
|
|
/*.wc-item-meta p {*/
|
|
/* display: inline;*/
|
|
/*}*/
|
|
/*.wc-item-meta li {*/
|
|
/* margin: 0;*/
|
|
/* margin-left: 5px;*/
|
|
/*}*/
|
|
|
|
/* Notes & Totals */
|
|
/*.document-notes,*/
|
|
/*.customer-notes {*/
|
|
/* margin-top: 5mm;*/
|
|
/* overflow-wrap: anywhere;*/
|
|
/*}*/
|
|
|
|
/*table.totals {*/
|
|
/* width: 100%;*/
|
|
/* margin-top: 5mm;*/
|
|
/* table-layout: fixed;*/
|
|
/*}*/
|
|
|
|
/*table.totals th,*/
|
|
/*table.totals td {*/
|
|
/* border: 0;*/
|
|
/* border-top: 1px solid #ccc;*/
|
|
/* border-bottom: 1px solid #ccc;*/
|
|
/*}*/
|
|
|
|
/*table.totals th.description,*/
|
|
/*table.totals td.price {*/
|
|
/* width: 50%;*/
|
|
/*}*/
|
|
|
|
/*table.totals tr.order_total td,*/
|
|
/*table.totals tr.order_total th {*/
|
|
/* border-top: 2px solid #000;*/
|
|
/* border-bottom: 2px solid #000;*/
|
|
/* font-weight: bold;*/
|
|
/*}*/
|
|
|
|
/*table.totals tr.payment_method {*/
|
|
/* display: none;*/
|
|
/*}*/
|
|
|
|
/* Footer Imprint */
|
|
/*#footer {*/
|
|
/* position: absolute;*/
|
|
/* bottom: -2cm;*/
|
|
/* left: 0;*/
|
|
/* right: 0;*/
|
|
height: 2cm; /* if you change the footer height, don't forget to change the bottom (=negative height) and the @page margin-bottom as well! */
|
|
/* text-align: center;*/
|
|
/* border-top: 0.1mm solid gray;*/
|
|
/* margin-bottom: 0;*/
|
|
/* padding-top: 2mm;*/
|
|
/*}*/
|
|
|
|
/* page numbers */
|
|
/*.pagenum:before {*/
|
|
/* content: counter(page);*/
|
|
/*}*/
|
|
/*.pagenum,.pagecount {*/
|
|
/* font-family: sans-serif;*/
|
|
/*}*/
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
outline: 0;
|
|
box-sizing: border-box;
|
|
/*font-family: monospace;*/
|
|
}
|
|
|
|
.invoice-body {
|
|
width: 120mm;
|
|
|
|
background-color: #ffffff;
|
|
margin: 0;
|
|
padding: 0;
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
border: 2px solid #000;
|
|
}
|
|
|
|
.invoice-header h2 {
|
|
margin-top: 5px;
|
|
font-weight: 900;
|
|
font-size: 36px;
|
|
}
|
|
|
|
.invoice-header {
|
|
position: relative;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.invoice-header::after {
|
|
position: absolute;
|
|
content: '';
|
|
left: -2px;
|
|
bottom: 0px;
|
|
width: 100.5%;
|
|
height: 2px;
|
|
background-color: #000;
|
|
}
|
|
|
|
.invoice-header--wrapper tr td:last-child {
|
|
text-align: right;
|
|
}
|
|
|
|
.invoice-header {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 0px 15px;
|
|
}
|
|
|
|
.shipping-info {
|
|
padding: 15px;
|
|
position: relative;
|
|
}
|
|
|
|
.shipping-info::before {
|
|
position: absolute;
|
|
content: '';
|
|
left: -2px;
|
|
top: 0px;
|
|
width: 100.5%;
|
|
height: 2px;
|
|
background-color: #000;
|
|
}
|
|
|
|
.shipping-info ul {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.shipping-info ul li {
|
|
list-style: none;
|
|
display: flex;
|
|
font-weight: 400;
|
|
align-items: center;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.shipping-info ul li p {
|
|
margin-left: 5px;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.iv-detail--head table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0px;
|
|
}
|
|
|
|
.iv-detail--head table tr th:first-child {
|
|
width: 13%;
|
|
text-align: left;
|
|
padding: 10px;
|
|
}
|
|
|
|
.iv-detail--head table tr th:last-child {
|
|
width: 85%;
|
|
text-align: left;
|
|
padding: 10px;
|
|
}
|
|
|
|
table
|
|
th,
|
|
table td {
|
|
padding: 5px 10px;
|
|
border: 1px solid black;
|
|
font-size: 14px;
|
|
}
|
|
table.oont-header-table{
|
|
padding: 5px 10px;
|
|
|
|
}
|
|
.iv-order-info {
|
|
padding: 15px 0px;
|
|
} |