nasg/templates/style-print.css
Peter Molnar 67f2978aeb Reverting layout back to divs, because the "semantic" structuring of HTML5 is a mess and only complicates my life.
It's also for more backwards compatibility, though <figure> and <figcaption> is going to stay, because those make a lot of sense.

Coming up next: out with JSON-LD. It was an interesting experiment which didn't bring any good at all, even in the long run.
2020-05-17 18:14:43 +01:00

88 lines
1.1 KiB
CSS

* {
background-color: #fff !important;
color: #222;
}
html, body {
font-size: 10pt !important;
font-family: Helvetica, sans-serif !important;
}
@page {
margin: 0.6in 0.5in;
}
.limit,
body > section {
max-width: 100% !important;
margin: 0 !important;
}
h1, h2, h3, h4, h5, h6 {
page-break-after: avoid;
}
h3,
a,
.footnotes a,
.h-feed .h-entry,
code,
pre {
border: none;
}
p, li, blockquote, figure, .footnotes {
page-break-inside: avoid !important;
}
a {
color: #000;
}
td, th {
border: 1pt solid #666;
}
.footnotes a {
display: block;
overflow: visible;
white-space: normal;
overflow:visible !important;
text-overflow:initial !important;
}
#header,
#footer,
video,
audio,
#syndication,
.footnote-back,
.footnote-backref,
.footnote-back,
.encourage,
.noprint {
display:none !important;
}
code, pre {
max-width: 96%;
page-break-inside: auto;
font-family: "Courier", "Courier New", monospace !important;
}
pre {
border: 1pt dotted #666;
padding: 0.6em;
}
.adaptimg {
max-height: 35vh;
max-width: 90vw;
outline: none;
border: 1px solid #000;
}
.h-feed .h-entry {
page-break-after: always;
}