From 7f72c0851001d481684b185cb5d494cee7ff764d Mon Sep 17 00:00:00 2001 From: manetta Date: Wed, 13 Oct 2021 19:10:51 +0200 Subject: [PATCH] backup --- command-line/css/print.css | 195 ++++++++++++++++++++++++------------- 1 file changed, 130 insertions(+), 65 deletions(-) diff --git a/command-line/css/print.css b/command-line/css/print.css index caa8b45..6670d16 100644 --- a/command-line/css/print.css +++ b/command-line/css/print.css @@ -78,8 +78,8 @@ html, body{ letter-spacing: 0.01em; hyphens: auto; /*-webkit-hyphenate-limit-chars: 8 2 4;*/ /* word length, minimum number of characters before and after the hyphen -- does not work in chrome */ - /*orphans: 2;*/ - /*widows: 2;*/ + orphans: unset; /* Default is 2. These might trigger disappearing sentences at pagebreak? https://mattermost.pagedmedia.org/pagedmedia/pl/xsetebgcbbddzggwbbn93e5k1a */ + widows: unset; /* Default is 2. These might trigger disappearing sentences at pagebreak? https://mattermost.pagedmedia.org/pagedmedia/pl/xsetebgcbbddzggwbbn93e5k1a */ } @page{ @@ -138,34 +138,34 @@ html, body{ @page:nth(29){ background-color: lightgray; } - @page:nth(98){ + @page:nth(104){ background-color: lightgray; } - @page:nth(99){ + @page:nth(105){ background-color: lightgray; } - @page:nth(160){ + @page:nth(164){ background-color: lightgray; } - @page:nth(161){ + @page:nth(165){ background-color: lightgray; } - @page:nth(204){ + @page:nth(210){ background-color: lightgray; } - @page:nth(205){ + @page:nth(211){ background-color: lightgray; } - @page:nth(256){ + @page:nth(262){ background-color: lightgray; } - @page:nth(257){ + @page:nth(263){ background-color: lightgray; } - @page:nth(312){ + @page:nth(318){ background-color: lightgray; } - @page:nth(313){ + @page:nth(319){ background-color: lightgray; } @page contribution:first{ @@ -255,7 +255,8 @@ div.contribution{ page: contribution; } div.section.nomarks, -div.section.toc{ +div.section.toc, +div.contribution.beirut-82 div.thumb{ page: nomarks; } div.cover.second, @@ -266,6 +267,9 @@ div.series{ div.appendix{ page-break-before: always; } + div.appendix.letter{ + page-break-before: right; + } div.backcover{ page-break-before: left; page: backcover; @@ -288,12 +292,14 @@ div.backcover{ color: white; font-weight: bold; } + div.backcover{ + color: white; + } div.cover ul{ padding: 0; margin: 2em 0; } div.cover ul li{ - list-style: none; margin-bottom: 0.1em !important; } div.cover.second, @@ -307,7 +313,6 @@ div.backcover{ } div.backcover p{ margin-bottom: 1em; - color: white; } div.series{ font-size: var(--small-font-size); @@ -328,12 +333,13 @@ div.toc *{ font-size: var(--font-size); hyphens: none; } - div.toc p:first-of-type{ - font-size: 17pt !important; + /* the word "Content" at the top of the page */ + div.toc > p:first-of-type{ + font-size: 16pt !important; font-family: "bitter_semi"; - line-height: 1.4; + line-height: 22pt; letter-spacing: 0.025em; - margin: -10mm 0 1em 10mm !important; + margin: -1em 0 1em var(--second-indent) !important; } div.toc a::before{ content: target-counter(attr(href url), page); @@ -346,14 +352,14 @@ div.toc *{ width: 15mm;*/ /* right aligned */ - margin-left: -13mm; - width: 13mm; + margin-left: -13.5mm; } div.toc p{ - margin-top: 1em; + margin-top: 1.5em; + margin-left: 7mm; } div.toc ul{ - margin: 1em 0 0 4em; + margin: 1em 0 0 10mm; } div.toc ul li{ margin-bottom: 0.5em; @@ -394,14 +400,15 @@ div.item_index{ } div.item_index ul{ column-gap: 10mm; + padding: 0; } div.item_index li{ - text-indent: -6mm; + margin-bottom: 0 !important; } div.item_index li a::after{ - /* This counter stops the pagination of the last pages of the book..... */ - content: target-counter(attr(href), page); + content: ", " target-counter(attr(href), page); font-weight: bold; + margin-left: -0.15em; /* To remove the weird gaps between inline-blocks. This seems to be a general problem in HTML5/CSS3 */ } div.item_index li span.item_nr{ width: 10mm; @@ -412,10 +419,12 @@ div.item_index{ div.two-columns{ columns: 2 auto; column-fill: auto; + column-gap: 14mm; + margin-bottom: 1em; } div.two-columns div.thumb img{ - width: 50mm !important; - display: inline-block; + width: 50mm !important; + display: inline-block; } /* general elements*/ @@ -497,15 +506,18 @@ p{ padding: 0; } /* all exceptions on the text-indent */ + div.list-without-markers p, + div.no-text-indent p, + div.bugged-report p, div.toc p, h2 + p, /* author name */ h2 + p, h2 + p + p + blockquote + p, div.contribution h2 + p + p + div.thumb, - div.contribution h2 + p + p + div.thumb + p, div.contribution h2 + p + div.thumb, h3 + p, - h3 + div.thumb + p, + div.thumb + p, + div.portrait + p, h4 + p, div.series p, div.cover p, @@ -513,6 +525,7 @@ p{ div.previously_published p, div.backcover p, blockquote p, + table p, pre + p, blockquote + p{ text-indent: unset !important; @@ -522,17 +535,43 @@ p{ div.series p{ margin-bottom: 1em; } -div.contribution ul > li{ + +ul > li { list-style: none; -} - div.contribution ul > li:before { - /*content: "- ";*/ - margin-left: -4mm; - margin-right: 2mm; - } + text-indent: 0; + margin-bottom: 1em; +} + div.contribution ul > li::before{ + content: "- "; + margin-left: -3.5mm; + margin-right: 1.5mm; + } + /* Mysteriously enough... these rules don't work??? */ + div.cover ul > li::before, + ul.references > li::before, + div.toc ul > li::before, + div.item_index ul > li::before { + content: none !important; + margin-left: unset; + margin-right: unset; + margin-bottom: unset; + } + + div.list-without-markers{ + text-indent: -0.8em !important; + } + div.list-without-markers ul > li{ + text-indent: -1em !important; + } + div.list-without-markers ul > li:before{ + content: none !important; + margin-left: unset; + margin-right: unset; + } + + /* notes (ol.references) and references (ul.references) */ ol.references, - h3 + ul /* This is tricky as "references" has no class */{ - /* notes and references */ + ul.references{ font-size: var(--small-font-size); line-height: var(--small-line-height); columns: 2 auto; @@ -540,26 +579,10 @@ div.contribution ul > li{ margin: 0 1em; padding: 0; } - h3 + ul > li{ - list-style: none; + ul.references > li{ text-indent: -1em; + margin-bottom: unset !important; } - /* exceptions of columns */ - div.cover ul, - div.toc ul{ - columns: unset; - list-style: none; - } - div.appendix ul > li, - div.cover ul > li, - div.toc ul > li{ - text-indent: 0; - } - div.appendix ul > li:before, - div.cover ul > li:before, - div.toc ul > li:before,{ - content: "" !important; - } img{ position: relative; @@ -614,24 +637,56 @@ img{ margin-bottom: 0 !important; } div.fullpage.left div.thumb img{ - margin-left: -10mm !important; + margin-left: -3mm !important; } div.fullpage.right div.thumb img{ - margin-left: -7mm !important; + margin-left: 0mm !important; } + + /* Exception for User Info large small image */ div.special_image_treatment.userinfo img{ width: auto !important; max-width: auto !important; height: 180mm !important; max-height: 180mm !important; } + /* Exception for Invasive Imagination images */ + div.invasive-imagination div.thumb{ + margin-bottom: 2em; + width: 75mm !important; + } + div.invasive-imagination div.thumb img{ + width: 100% !important; + } + /* Exception for Maria Dada's text on Beirut 82 */ + div.contribution.beirut-82 div.thumb img{ + width: auto !important; + max-width: auto !important; + height: 175mm !important; + max-height: 175mm !important; + margin-top: -10mm; + margin-left: -22mm !important; + } + pre{ - font-family: "mono"; + /*
's are sometimes manually added in the text */ + + /* BITTER VERSION */ + font-family: "bitter"; + font-size: var(--font-size); + line-height: var(--line-height); + font-style: italic; + hyphens: none; + white-space: pre-line; + margin: 1em 0 1em var(--second-indent); + + /* MONOSPACE VERSION */ + /*font-family: "mono"; font-size: 9pt; line-height: 13pt; hyphens: none; - white-space: pre-wrap; - margin: 1em 0 1em var(--second-indent); + white-space: pre-line; + margin: 1em 0 1em var(--second-indent);*/ } blockquote{ margin: 0 0 0 var(--second-indent); @@ -641,8 +696,20 @@ blockquote{ margin: 1em 0 1em var(--second-indent) !important; } table{ - width: 100%; + width: 125mm !important; + margin-left: -10mm !important; + font-size: 8pt !important; + line-height: 11pt; + hyphens: none; + page-break-after: always; } + table p{ + margin-bottom: 1em !important; + } + td { + vertical-align: top; + padding: 0.5em !important; + } sup{ line-height: 0; font-size: 7pt; @@ -677,5 +744,3 @@ a.external{ } } - -