diff --git a/print.css b/print.css index ffae834..510fceb 100644 --- a/print.css +++ b/print.css @@ -1,136 +1,122 @@ -@media print{ - - @page { - size: A5; - margin-top: 5mm; - margin-right: 10mm; - margin-bottom: 20mm; - margin-left: 7.5mm; - } - - html, body { - font-size: 14px; - font-family: Fengardo; - } - - .container{ - display: block; - width: auto; - height: auto; - } - - - - - .atlas { - border: none; - } - - .atlas svg { - width: auto; - height: auto; - max-width: 100%; - } - - - - - .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; - - } - .index tr{ - border-top: solid 1px currentColor; - border-bottom: solid 1px currentColor; - } - - .index-title { - font-weight: bold; - margin-top: 16px; - text-transform: uppercase; - text-align: right; - } - - - .symbol { - text-transform: lowercase; - width: 20%; - } - - - - - .libretto { - overflow: hidden; - /* height:100%; */ - } - - .libretto > *{ - border-bottom: none; - } - - .contribution .content h2, - .contribution .description{ - font-size: 18px; - } - - .contribution .title { - font-size: 28px; - } - - .contribution { - border-bottom: none; - height: 100%; - overflow: hidden; - } - - img { - margin: 16px auto; - } - - - /*Sorry Gi, the multicolumn layout is too painful */ - - /* .contribution .content{ +@media print { + @page { + size: A5; + margin-top: 5mm; + margin-right: 10mm; + margin-bottom: 20mm; + margin-left: 7.5mm; + } + + html, + body { + font-size: 14px; + font-family: Fengardo; + overflow: auto; + } + + .container { + display: block; + width: auto; + height: auto; + } + + .atlas { + border: none; + } + + .atlas svg { + width: auto; + height: auto; + max-width: 100%; + } + + .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; + } + .index tr { + border-top: solid 1px currentColor; + border-bottom: solid 1px currentColor; + } + + .index-title { + font-weight: bold; + margin-top: 16px; + text-transform: uppercase; + text-align: right; + } + + .symbol { + text-transform: lowercase; + width: 20%; + } + + .libretto { + overflow: hidden; + /* height:100%; */ + } + + .libretto > * { + border-bottom: none; + } + + .contribution .content h2, + .contribution .description { + font-size: 18px; + } + + .contribution .title { + font-size: 28px; + } + + .contribution { + border-bottom: none; + height: 100%; + overflow: hidden; + } + + img { + margin: 16px auto; + } + + /*Sorry Gi, the multicolumn layout is too painful */ + + /* .contribution .content{ column-count: 2; column-fill: auto; } @@ -146,32 +132,35 @@ */ - - /* .content p, .content h2 { + /* .content p, .content h2 { margin: default; } */ - button#btn-print { - display: none; - } - + button#btn-print { + display: none; + } - .full-height { - height: 100%; - } + .full-height { + height: 100%; + } + .atlas svg #live-path { + color: currentColor; + stroke-dasharray: initial; + stroke-dashoffset: initial; + animation: none; + } } - -@media print{ - -:root { - --text: tomato; - --wireframe: tomato; - --background: #ffffff; - } - - html, body{ - background-color: var(--background); - } -} \ No newline at end of file +@media print { + :root { + --text: tomato; + --wireframe: tomato; + --background: #ffffff; + } + + html, + body { + background-color: var(--background); + } +}