@page:first { padding-top: 45mm; } p { break-after: avoid; } body > h2 { break-before: page; margin-top: 0; } h1 { font-size: 15mm; text-align: center; margin-bottom: 100mm; } .barcode { -ro-replacedelement: barcode; object-fit: contain; width: 5cm; } .qrcode { -ro-barcode-type: qrcode; } .pdf417 { -ro-barcode-type: pdf417; -ro-barcode-content: "RealObjects PDFreactor is a powerful formatting processor for converting HTML and XML documents into PDF."; } .datamatrix { -ro-barcode-type: data-matrix; -ro-barcode-content: "RealObjects PDFreactor is a powerful formatting processor for converting HTML and XML documents into PDF."; } .azteccode { -ro-barcode-type: aztec-code; } .gridmatrix { -ro-barcode-type: grid-matrix; -ro-barcode-content: url(https://www.pdfreactor.com/product/samples/compoundFormats/compoundFormats.pdf); } .maxicode { -ro-barcode-content: "123456789123456789"; -ro-barcode-type: maxicode mode-4; } .microqr { -ro-barcode-content: "micro"; -ro-barcode-type: microqr; } .code-one { -ro-barcode-content: "1234567894561230"; -ro-barcode-type: code-one; } .codablockf { -ro-barcode-content: "123456789"; -ro-barcode-type: codablockf; } .databarlimited { -ro-barcode-content: "123456"; -ro-barcode-type: databar-limited; } .omnidirectional { -ro-barcode-content: "123456"; -ro-barcode-type: databar omnidirectional; } .ean13 { -ro-barcode-type: ean-13; -ro-barcode-content: "123456789012"; } .ean8 { -ro-barcode-type: ean-13; -ro-barcode-content: "1234567"; } .gs1-128 { -ro-barcode-type: code128; -ro-barcode-encoding: gs1; -ro-barcode-content: "[12]345678[90]12"; } .itf14 { -ro-barcode-type: itf14; -ro-barcode-content: "1234567890123"; } .upca { -ro-barcode-type: upc-a; -ro-barcode-content: "12345678901"; } .upce { -ro-barcode-type: upc-a; -ro-barcode-content: "1234567"; } .code128 { -ro-barcode-type: code128; -ro-barcode-content: "Hello World"; } .interleaved2of5 { -ro-barcode-type: code2of5 interleaved; -ro-barcode-content: "1234567890"; } .postnet { -ro-barcode-type: postnet; -ro-barcode-content: "1234567890"; } .kixcode { -ro-barcode-type: kixcode; -ro-barcode-content: "1234567890"; } .koreapost { -ro-barcode-content: "123456"; -ro-barcode-type: korea-post; } .dp-leitcode { -ro-barcode-content: "123456"; -ro-barcode-type: dp-leitcode; } .auspost { -ro-barcode-type: auspost; -ro-barcode-content: "12345678"; } .logmars { -ro-barcode-content: "123456"; -ro-barcode-type: logmars; } .pharmacode { -ro-barcode-content: "123456"; -ro-barcode-type: pharmacode; } .usps { -ro-barcode-type: usps-onecode; -ro-barcode-content: "12345678901234567890"; } .intro { width: 100%; margin-top: 4em; margin-bottom: 2em; margin-left: auto; margin-right: auto; border-spacing: 0; border: none; text-align: center; table-layout: fixed; } .introIcon { width: 135px; height: 135px; } .intro td { margin: 0px; border: none; padding: 8px 0px 16px 0px; color: black; } .introNames td { padding: 1ex; vertical-align: top; } .introNames span { font-size: 18px; color: rgb(49,49,49); } .introNames span:nth-child(n+2) { font-size: 7px; } .introNames span:nth-child(n+2)::before { content: "\A"; white-space: pre; } .intro a { color: black; } h3 { text-align: center; } .flexcolumn { display: flex; flex-flow: column; justify-content: space-around; } .flexcolumn p { text-align: center; } .flexcontainer { display: flex; flex-flow: row wrap; justify-content: space-around; align-items: baseline; } .mathmlcontainer > * { margin: 10mm 5mm; } .svgIcons { text-align: center; } .svgIcons > img { width: 72mm; margin: 5mm; }