diverses améliorations de la mep

This commit is contained in:
Valentin
2023-06-28 02:30:30 +02:00
parent f6c332adca
commit 90e84441a5
2 changed files with 104 additions and 12 deletions
@@ -12,6 +12,7 @@
margin-bottom: 16mm;
bleed: 6mm;
color: black;
marks: crop;
}
@page:left {
@@ -127,6 +128,7 @@ h3 {
.latour, .lampe {
font-family: 'Novel';
font-weight: normal;
margin-top: 20mm;
margin-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
margin-right: -16mm;
margin-bottom: 20mm;
@@ -139,6 +141,12 @@ h3 {
padding-top: 10mm;
}
.encart-split {
position: absolute;
margin-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
background-color: #fbf2e7;
}
.pagedjs_left_page .latour, .pagedjs_left_page .lampe {
padding-right: 10mm;
width: 128.375mm;
@@ -168,7 +176,6 @@ h3 {
}
.lampe {
margin-top: 20mm;
padding-top: 3mm;
padding-bottom: 3mm;
}
@@ -183,7 +190,7 @@ img {
}
.fullpageimage {
margin-top: -16mm;
margin-top: -22mm;
margin-left: -10mm;
width: 171mm;
height: 230mm;
@@ -197,31 +204,37 @@ img {
height: 100%;
}
.tripleimgs {
.tripleimgs,
.tripleimgs_bottom {
break-before: page;
break-after: page
}
.tripleimgs img:nth-of-type(2) {
.tripleimgs img:nth-of-type(2),
.tripleimgs_bottom img:first-of-type {
width: calc(50% - 1mm);
margin-right: 2mm;
}
.tripleimgs img:last-of-type {
.tripleimgs img:last-of-type,
.tripleimgs_bottom img:nth-of-type(2) {
width: calc(50% - 1mm);
}
.tripleimgs2 {
.tripleimgs2,
.tripleimgs2_bottom {
break-before: page;
break-after: page
}
.tripleimgs2 img:nth-of-type(2) {
.tripleimgs2 img:nth-of-type(2),
.tripleimgs2_bottom img:first-of-type {
width: calc(37.5% - 1mm);
margin-right: 2mm;
}
.tripleimgs2 img:last-of-type {
.tripleimgs2 img:last-of-type,
.tripleimgs2_bottom img:nth-of-type(2) {
width: calc(62.5% - 1mm);
}
@@ -232,17 +245,42 @@ img {
overflow: hidden;
}
.imgfullspreadright {
break-before: left;
break-after: left;
width: 149mm;
overflow: hidden;
}
.imgfullspreadleft img {
height: 198mm;
width: auto;
}
.imgfullspreadright img {
height: 198mm;
width: auto;
}
.imgfullspreadleft-right {
width: 149mm;
overflow: hidden;
margin-left: -16mm;
}
.imgfullspreadright-right {
width: 149mm;
margin-left: -8mm;
overflow: hidden;
display: flex;
justify-content: flex-end;
}
.imgfullspreadright-right img {
height: 198mm;
width: auto;
}
.imgfullspreadleft-right img {
height: 198mm;
width: auto;