diff --git a/command-line/css/print.css b/command-line/css/print.css index b57d460..063cc15 100644 --- a/command-line/css/print.css +++ b/command-line/css/print.css @@ -1,6 +1,6 @@ :root{ - --font-size: 10pt; - --line-height: 15.5pt; + --font-size: 9pt; + --line-height: 14pt; --small-font-size: 7.5pt; --small-line-height: 1.55; --first-indent: 7mm; @@ -9,13 +9,32 @@ @font-face{ font-family: "bitter"; - src: url(../fonts/Bitter-SemiBold.ttf); + src: url(../fonts/Bitter-Medium.ttf); + font-weight: normal; + font-style: normal; +} +@font-face{ + font-family: "bitter"; + src: url(../fonts/Bitter-MediumItalic.ttf); + font-weight: normal; + font-style: italic; +} +@font-face{ + font-family: "bitter"; + src: url(../fonts/Bitter-Bold.ttf); font-weight: bold; font-style: normal; } @font-face{ font-family: "bitter"; - src: url(../fonts/Bitter-Medium.ttf); + src: url(../fonts/Bitter-BoldItalic.ttf); + font-weight: bold; + font-style: italic; +} + +@font-face{ + font-family: "bitter_semi"; + src: url(../fonts/Bitter-SemiBold.ttf); font-weight: normal; font-style: normal; } @@ -31,7 +50,9 @@ html, body{ } @page{ - size: 152.4mm 228.6mm; + /*size: 152.4mm 228.6mm;*/ /* Size of the online PDF */ + /*size: 152mm 229mm;*/ /* Size listed in cover generator of Lightning Source */ + size: 164mm 237mm; /* Size of the printed DB06 book */ @top-center{ content: string(sectiontitle); @@ -41,7 +62,7 @@ html, body{ } @bottom-center{ content: counter(page); - font-size: 9pt; + font-size: 9.5pt; margin-top: -6mm; } } @@ -80,78 +101,13 @@ html, body{ content: ""; } @top-center{ - content: "---"; + content: ""; } @bottom-center{ content: ""; } } - -/* general elements*/ -h1{ - string-set: sectiontitle content(text); - font-size: 37pt; - line-height: 1.4; - margin: 0; - color: green; - word-break: normal; - hyphens: none; -} -h2{ - string-set: contributiontitle content(text); - font-size: 16pt; - line-height: 22pt; - letter-spacing: 0.025em; - margin: 0 0 1em var(--second-indent); - hyphens: none; -} -h3{ - font-size: 100%; - margin: 1em 0 0 var(--second-indent); - page-break-after: avoid; - hyphens: none; -} -h4, h5, h6{ - margin: 0 0 1em 0; - page-break-after: avoid; - hyphens: none; -} -.thumb{ - /* image caption */ - font-size: var(--small-font-size); - line-height: var(--small-line-height); - margin: 24pt 16pt 16pt 16pt; - page-break-inside: avoid; -} -img{ - position: relative; - display: block; - max-width: 100mm; - height: auto; - margin: 0 0 8pt 0; -} -pre{ - font-size: 8pt; - line-height: 1.8; - white-space: normal; - margin: 16pt 16pt; -} -table{ - width: 100%; -} -sup{ - line-height: 0; -} -a, -a:visited, -a:active, -a:hover{ - color: inherit; - text-decoration: none; - font-weight: bold; -} - /* sections */ div.section{ @@ -187,7 +143,9 @@ div.cover{ div.cover, div.cover ul li{ font-size: 17pt; + font-family: "bitter_semi"; line-height: 1.4; + letter-spacing: 0.025em; color: white; font-weight: bold; } @@ -218,29 +176,149 @@ div.series{ div.index{ } div.index h3{ - margin: 1em 0; + margin: 1em 0 !important; } div.introduction, div.contribution{ } - div.introduction p, - div.contribution p{ - text-indent: var(--first-indent); - margin: 0; - padding: 0; + div.contribution h2 + p > b{ + font-weight: normal; } - div.introduction ol.references, - div.contribution ol.references{ - /* notes and references */ +ol.references, +ul /* This is tricky as it has no class, so these styles are applied to ALL ul elements */{ + /* notes and references */ + font-size: var(--small-font-size); + line-height: var(--small-line-height); + columns: 2 auto; + column-gap: 7mm; + margin: 0 1em; + padding: 0; +} + div.cover ul, + div.index ul{ + columns: unset; + } + ul li{ + list-style: none; + text-indent: -1em; + } + div.cover ul li, + div.index ul li{ + text-indent: 0; + } + +/* general elements*/ + +h1{ + string-set: sectiontitle content(text); + font-size: 37pt; + line-height: 1.15; + margin: 0; + word-break: normal; + hyphens: none; +} +h2{ + /* Contribution titles */ + string-set: contributiontitle content(text); + font-family: "bitter_semi"; + font-size: 16pt; + line-height: 22pt; + letter-spacing: 0.025em; + margin: 0 0 1em var(--second-indent); + hyphens: none; +} +h3{ + /* Sub-headers + Notes/References sections + TOC headers*/ + font-size: 100%; + page-break-after: avoid; + margin: 1em 0 0 var(--second-indent); + letter-spacing: 0.05em; + hyphens: none; +} + /*This is for the Notes sections only, but how to apply it? */ + /*h3{ + margin: 1em 0 0 10px; + }*/ +h4{ + /* Sub-sub-headers */ + font-size: 100%; + page-break-after: avoid; + margin: 1em 0 0 var(--second-indent); + hyphens: none; + font-style: italic; + font-weight: normal; +} +h5, h6{ + margin: 0 0 1em 0; + page-break-after: avoid; + hyphens: none; +} +p{ + text-indent: var(--first-indent); + margin: 0; + padding: 0; +} + div.series p, + div.cover p, + blockquote p{ + text-indent: unset !important; + } + div.series p{ + margin-bottom: 1em; + } +img{ + position: relative; + display: block; + min-width: 100%; + height: auto; + margin: 0 0 1em 0; +} + .thumb{ + /* sometimes wrapper of img + image caption */ font-size: var(--small-font-size); line-height: var(--small-line-height); - columns: 2 auto; - column-gap: 7mm; - margin: 1em 0; - padding: 0; + margin: 1em var(--first-indent); + page-break-inside: avoid; + hyphens: none; } + .thumb img{ + margin-left: -7mm !important; /* same as first-indent but inverted */ + } +pre{ + font-size: 8pt; + line-height: 1.8; + white-space: normal; + margin: 1em var(--first-indent); +} +blockquote{ + margin: 0 0 0 var(--second-indent); + font-style: italic; +} +table{ + width: 100%; +} +sup{ + line-height: 0; +} +a, +a:visited, +a:active, +a:hover{ + color: inherit; + text-decoration: none; +} /* specific details, uitzonderingen */ a.external{ word-break: break-all; } + +@media print{ + html, body{ + background-color: transparent; + } + div#nav{ + display: none !important; + } +} +