carnet_atterrissage/user/themes/carnet-atterrissage/css/mep/imgs.css

img {
    width: 100%;
}
  
.imgsmall,
.imgsmall_bottom {
    padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
}
  
.imgsmallsmall {
    padding-left: calc((var(--pagedjs-pagebox-width) / var(--cols)) + 10mm);
}

.screenshot {
    padding-left: calc((var(--pagedjs-pagebox-width) / var(--cols)) + 6mm);
    padding-right: 16mm;
}
  
.imgsmall_bottom {
    break-after: page;
}
  
.imgsmall img,
.imgsmall_bottom img {
    width: 100%;
}
  
.fullpage2imgs {
    width: 140mm;
    height: 210mm;
    padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
}
  
.fullpageimage {
    margin-top: -22mm;
    margin-left: -10mm;
    width: 171mm;
    height: 230mm;
}
  
.bottomimg {
    width: 100%;
    break-after: page;
}
  
.bottomimg img {
    height: 100%;
}
  
  /* .tripleimgs,
  .tripleimgs_bottom {
   break-before: page; 
   break-after: page
  } */
  
.tripleimgs img:nth-of-type(2),
.tripleimgs_bottom img:first-of-type {
    width: calc(50% - 2mm);
    margin-right: 4mm;
}
  
.tripleimgs img:last-of-type,
.tripleimgs_bottom img:nth-of-type(2) {
    width: calc(50% - 2mm);
}
  
  /* .tripleimgs2,
  .tripleimgs2_bottom {
    break-before: page; 
    break-after: page
  } */
  
.tripleimgs2 img:nth-of-type(2),
.tripleimgs2_bottom img:first-of-type {
    width: calc(37.5% - 2mm);
    margin-right: 4mm;
}
  
.tripleimgs2 img:last-of-type,
.tripleimgs2_bottom img:nth-of-type(2) {
    width: calc(62.5% - 2mm);
}
  
.imgfullspreadleft,
.imgfullspreadright,
.imgfullspreadright_bleedtop,
.imgfullspreadright_bleed,
.doublepage_bigleft,
.doublepage_bigright {
  /*   break-before: left;
   */  break-after: left;
    width: 149mm;
    overflow: hidden;
}
  
.imgfullspreadright_bleedtop {
    margin-top: -22mm;
    height: 220mm;
}
  
.imgfullspreadright_bleed {
    margin-top: -22mm;
    height: 242mm;
}
  
.imgfullspreadleft img,
.imgfullspreadright img {
    height: 198mm;
    width: auto;
}
  
.imgfullspreadright_bleedtop img {
    height: 220mm;
    width: auto;
}
  
.imgfullspreadright_bleed img {
    height: 242mm;
    width: auto;
}
  
.imgfullspreadleft-right {
    width: 149mm;
    overflow: hidden;
    margin-left: -16mm;
}
  
.imgfullspreadright-right {
    width: 143mm;
    margin-left: -8mm;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
}
  
.imgfullspreadright_bleedtop-right, .imgfullspreadright_bleed-right {
    width: 173mm;
    height: 220mm !important;
    margin-top: -22mm;
    margin-left: -8mm;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
}
  
.imgfullspreadright_bleed-right, .imgfullspreadright_bleed-right img {
    height: 242mm !important;
}
  
.imgfullspreadright_bleedtop-right img, .imgfullspreadright_bleed-right img {
    height: 220mm;
    width: auto;
}
  
.imgfullspreadright-right img {
    height: 198mm;
    width: auto;
}
  
.imgfullspreadleft-right img {
    height: 198mm;
    width: auto;
    margin-left: -141mm;
}
  
.doublepage_bigleft,
.doublepage_bigright {
    height: 128mm !important;
}
  
.doublepage_bigleft img,
.doublepage_bigright img {
    height: 100%;
    width: auto;
}
  
.overflow_bigimgleft,
.overflow_bigimgright {
    height: 128mm !important;
}
  
.overflow_bigimgleft {
    margin-left: -157mm;
}
  
.overflow_bigimgright {
    display: flex;
    justify-content: flex-end;
}
  
.doublepage_bigright img {
    margin-left: 106mm;
}
  
.overflow_bigimgleft img,
.overflow_bigimgright img {
    height: 100%;
    width: auto;
}
  
.dp_sm_img {
    position: absolute;
    width: calc((var(--pagedjs-pagebox-width) / var(--cols)) * 4);
    height: 71mm !important;
}
  
.pagedjs_right_page .dp_sm_img {
    right: 0;
}
  
.pagedjs_left_page .dp_sm_img {
    left: 0;
}
  
.dp_sm_img img {
    position: absolute;
    bottom: 0;
    width: 100%;
}