229 lines
3.8 KiB
CSS
229 lines
3.8 KiB
CSS
.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;
|
|
}
|
|
}
|