@media print{ @page { size: A5; margin-top: 5mm; margin-right: 10mm; margin-bottom: 20mm; margin-left: 7.5mm; } html, body { font-size: 14px; } .container{ display: block; width: auto; height: auto; } .atlas { border: none; } .atlas svg { height: 100%; width: 100%; } .index-title { font-weight: bold; margin-top: 16px; } .contributions, .contribution { border-bottom: none; } header.cover{ width: auto; height: 100%; min-height: auto; padding: 0; border: none; } .cover .title { font-size: 46px; margin: 64px 0; } .atlas, .cover, .contributions, .contribution, .index, .content img { break-before: page; } .info{ display: none; } .index { display: block; columns: unset; } .index table{ width: 100%; border-collapse: collapse; border-bottom: solid 1px black; } .index tr{ border-top: solid 1px black; } .libretto { overflow: hidden; /* height:100%; */ } .libretto > *{ border-bottom: none; } .contribution .title { font-size: 28px; } .contribution { border-bottom: none; height: 100%; overflow: hidden; } /*Sorry Gi, the multicolumn layout is too painful */ .contribution .content{ column-count: 2; column-fill: auto; } .contribution li{ column-span: none; } .content p, .content h2 { margin: default; } button#btn-print { display: none; } .full-height { height: 100%; } }