.full-portrait-a4 { display: grid; grid-template-columns: repeat(2, minmax(50%, 50%)); gap: 0; justify-content: center; width: 205mm; height: 295mm; border: 1px dotted #aaa; } .indications img, .indications2 img { width: 185mm; height: 265mm; display: block; margin: 0 auto; object-fit: contain; border-radius: 0; } .recto .left, .verso .left, .recto .right, .verso .right { padding: 8mm; height: 285mm; position: relative; } .recto .right, .verso .right { border-left: 1px dotted #aaa; } .full-portrait-a4 img { border-radius: 0; } /* RECTO GAUCHE */ /* RECTO DROITE */ .recto .right { display: grid; grid-template-columns: 1fr; grid-template-rows: 20mm 16mm 88mm 88mm 10mm 28mm 24mm; } .logo { display: flex; align-items: flex-start; justify-content: flex-end; } .main-logo { width: 36mm; margin-right: -2.7mm; } .main-title { background-color: #759440 !important; color: white !important; font-size: 22px; text-transform: uppercase; padding: 2mm; margin: 0; line-height: 1.17em; align-content: center; overflow: hidden; } .description, .reponse { font-size: 18px; padding: 2mm; } .description { align-content: start; } .credit-photo { align-content: start; text-align: right; font-size: 15px; font-style: italic; } .footer-fiche { display: flex; justify-content: space-between; align-content: end; } .link { color: #759440 !important; align-content: end; font-weight: bolder; text-decoration: underline; } .qrcode { align-content: end; align-items: end; display: flex; justify-content: end; gap: 0; } .infos { display: flex; justify-content: space-between; align-items: end; } .rotated-img img { width: 30px; display: block; } .qrcode-img { width: 100px; height: 100px; display: block; } .green-bg { color: white !important; background: #759440 !important; padding: 0.5mm 2mm; font-style: italic; } .author .green-bg { display: block; width: fit-content; padding: 0 2mm; } .rotated-text { background: #759440; color: white; padding: 0.5mm 2mm; transform: rotate(-0.25turn) translateX(6mm) translateY(4mm); font-size: 15px; } .recto .rotated-text { margin-right: -13mm; } .recto .right .footer-fiche img { width: 20mm; margin-right: -3mm; margin-bottom: -7mm; } /* VERSO GAUCHE */ /* VERSO DROITE */ .verso .right { background: url("custom/templates/bazar/assets/petits_pas.svg") repeat-y 3mm 14mm; padding-left: 24mm; background-size: 60px; display: grid; grid-template-columns: 1fr; grid-template-rows: 146mm 72mm 10mm 32mm 14mm; } .verso .footer-fiche { margin-left: -24mm; margin-right: -8mm; background: white !important; padding: 0 8mm; } .petit-pimp { width: 30mm; margin-bottom: -4mm; position: relative; display: block; background: white; } .trou { display: none; background-color: black; width: 16px; height: 16px; border-radius: 50%; position: absolute; top: 16mm; left: 16mm; } @media print { @page { size: A4 portrait; width: 210mm; height: 297mm; margin: 0; } ::-webkit-scrollbar { display: none; } body { print-color-adjust: exact; -webkit-print-color-adjust: exact; margin: 0; } a[href]::after { content: none; } .footer, #yw-topnav, #yw-header, #yw-footer, .filters-col, .clearfix, .debug, .BAZ_fiche_info, .embed-responsive, .no-print { display: none !important; } .right, .full-portrait-a4 { border: none; } #yw-main { padding: 0 !important; --padding-x: 0; } .full-portrait-a4, .indications, .indications2 { page-break-after: always; break-after: always; width: 210mm; height: 297mm; overflow: hidden; } .indications img, .indications2 img { width: 185mm; height: 260mm; display: block; margin: 0 auto; object-fit: contain; } }