Lieferscheine

Elwig/Documents/style.css

@@ -10,6 +10,7 @@
 
 body {
     margin: 0;
+    break-inside: avoid;
 }
 
 .m1, .m2, .m3 {
@@ -24,6 +25,10 @@ body {
 .m2 {top: 148.5mm;}
 .m3 {top: 210mm;}
 
+header, .address-wrapper, aside, main {
+    overflow: hidden;
+}
+
 header {
     height: 45mm;
     padding: 5mm;
@@ -33,7 +38,14 @@ header {
     right: 0;
     text-align: center;
 }
+
+header h1{
+    font-size: 18pt;
+    margin-top: 1cm;
+}
+
 .spacing {height: 20mm;}
+
 .info-wrapper {
     width: 100%;
     height:45mm;
@@ -79,6 +91,38 @@ aside {
     top: 5mm;
 }
 
+aside table {
+    border-collapse: collapse;
+    border: 1pt solid #808080;
+    width: calc(100% - 1cm);
+    margin-right: 1cm;
+}
+
+aside table thead:not(:first-child) tr {
+    border-top: 1pt solid #808080;
+}
+
+aside table thead th {
+    background-color: #E0E0E0;
+    font-size: 10pt;
+}
+
+aside table tbody th,
+aside table tbody td {
+    padding: 0.5mm 1mm;
+    text-align: left;
+    font-size: 10pt;
+}
+
+aside table tbody th {
+    font-weight: normal;
+}
+
+.main-wrapper,
+.main-wrapper * {
+    break-inside: auto;
+}
+
 main {
     margin: 8.46mm 20mm 4.23mm 25mm;
 }
@@ -104,6 +148,11 @@ main h1 {
     margin-bottom: 2em;
 }
 
+main p.comment {
+    font-size: 10pt;
+    hyphens: auto;
+}
+
 .footer-wrapper {
     padding: 0 20mm 0 25mm;
     position: running(page-footer);
@@ -139,6 +188,48 @@ footer {
 table {
     width: 100%;
     border-collapse: collapse;
+    table-layout: fixed;
+}
+
+table.delivery {
+    margin-bottom: 1cm;
+}
+
+table.delivery th {
+    font-weight: normal;
+    font-style: italic;
+    font-size: 10pt;
+}
+
+table.delivery th.main {
+    text-align: left;
+}
+
+table.delivery tr.main td {
+    font-weight: bold;
+    padding-top: 2mm;
+}
+
+
+main .bottom {
+    bottom: 0;
+    position: absolute;
+    width: calc(100% - 25mm - 20mm);
+}
+
+main .signatures {
+    width: 100%;
+    display: flex;
+    justify-content: space-around;
+    margin: 20mm 0 5mm 0;
+}
+
+main .signatures > * {
+    width: 5cm;
+    border-top: 1pt solid black;
+    padding-top: 1mm;
+    text-align: center;
+    font-size: 10pt;
 }
 
 @page {
@@ -154,7 +245,7 @@ table {
         width: 210mm;
     }
     header, .address-wrapper, aside, main {
-        border: 1px solid lightgray;
+        border: 1pt solid lightgray;
     }
     .m1, .m2, .m3 {display: none;}
     header {top: 0;}