143 lines
2.0 KiB
CSS
143 lines
2.0 KiB
CSS
|
|
header, .address-wrapper, aside, main {
|
|
overflow: hidden;
|
|
}
|
|
|
|
header {
|
|
height: 45mm;
|
|
padding: 5mm;
|
|
position: absolute;
|
|
top: -25mm;
|
|
left: 0;
|
|
right: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
header h1 {
|
|
font-size: 18pt;
|
|
margin-top: 10mm;
|
|
}
|
|
|
|
.spacing {
|
|
height: 20mm;
|
|
}
|
|
|
|
.info-wrapper {
|
|
width: 100%;
|
|
height: 45mm;
|
|
margin: 0 0 2mm 0;
|
|
position: relative;
|
|
}
|
|
|
|
.address-wrapper {
|
|
height: 45mm;
|
|
width: 85mm;
|
|
margin: 0;
|
|
padding: 5mm;
|
|
position: absolute;
|
|
left: -5mm;
|
|
top: 0;
|
|
}
|
|
|
|
.address-wrapper .sender {
|
|
height: 4em;
|
|
font-size: 8pt;
|
|
padding: 1em 0;
|
|
}
|
|
|
|
address {
|
|
height: 5em;
|
|
white-space: pre-line;
|
|
font-size: 12pt;
|
|
font-style: normal;
|
|
}
|
|
|
|
aside {
|
|
height: 40mm;
|
|
width: 75mm;
|
|
margin: 0;
|
|
position: absolute;
|
|
left: 100mm;
|
|
top: 5mm;
|
|
}
|
|
|
|
aside table {
|
|
border-collapse: collapse;
|
|
border: 0.5pt solid #808080;
|
|
width: 65mm;
|
|
margin-right: 10mm;
|
|
}
|
|
|
|
aside table thead:not(:first-child) tr {
|
|
border-top: 0.5pt solid #808080;
|
|
}
|
|
|
|
aside table thead th {
|
|
background-color: #E0E0E0;
|
|
font-size: 10pt;
|
|
}
|
|
|
|
aside table tbody th,
|
|
aside table tbody td {
|
|
text-align: left;
|
|
font-size: 10pt;
|
|
}
|
|
|
|
aside table tbody th {
|
|
font-weight: normal;
|
|
}
|
|
|
|
main {
|
|
margin: 2em 0 1em 0;
|
|
}
|
|
|
|
main > *:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.main-wrapper h1, .main-wrapper p {
|
|
font-size: 12pt;
|
|
margin: 1em 0;
|
|
text-align: justify;
|
|
}
|
|
|
|
.main-wrapper p {
|
|
widows: 3;
|
|
orphans: 3;
|
|
hyphens: manual;
|
|
}
|
|
|
|
.main-wrapper .date {
|
|
margin-bottom: 2em;
|
|
text-align: right;
|
|
}
|
|
|
|
.main-wrapper h1 {
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
.main-wrapper p.comment {
|
|
font-size: 10pt;
|
|
}
|
|
|
|
.main-wrapper .bottom {
|
|
bottom: 0;
|
|
position: absolute;
|
|
width: 165mm;
|
|
}
|
|
|
|
.main-wrapper .signatures {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
margin: 20mm 0 2mm 0;
|
|
}
|
|
|
|
.main-wrapper .signatures > * {
|
|
width: 50mm;
|
|
border-top: 0.5pt solid black;
|
|
padding-top: 1mm;
|
|
text-align: center;
|
|
font-size: 10pt;
|
|
}
|