From e8a2ba7c55ef74819123bc29fd67df6b0b50b3f1 Mon Sep 17 00:00:00 2001 From: "mb@ts" Date: Thu, 9 Jun 2022 10:07:26 +0200 Subject: [PATCH] adding the final print.css file, proof copy version --- command-line/css/print.css | 364 +++++++++++++++++++------------------ 1 file changed, 191 insertions(+), 173 deletions(-) diff --git a/command-line/css/print.css b/command-line/css/print.css index 1f8ee0e..d8203b5 100644 --- a/command-line/css/print.css +++ b/command-line/css/print.css @@ -49,15 +49,16 @@ /* custom markers */ -div.page-break{ +.page-break{ page-break-after: always; } -div.column-break{ +.column-break{ /* does not work from this stylesheet, rule gets removed by paged.js??? */ /* only worked once inserted directly into the HTML */ break-after: column; + display: block; } - div.column-break + p{ + .column-break + p{ orphans: 8; } div.no-hyphens{ @@ -94,7 +95,7 @@ body{ /*size: 152mm 229mm;*/ /* Size listed in cover generator of Lightning Source */ /*size: 164mm 237mm;*/ /* Size of the physical printed DB06 book */ /*size: 576px 864px;*/ - size: 152.4mm 228.6mm; + size: 152mm 229mm; bleed: 3mm; marks: crop; @@ -105,12 +106,16 @@ body{ } } @page:right{ - margin: 55px 18mm 80px 29.125mm; + /*margin: 55px 18mm 80px 29.125mm;*/ /*margin: 14.758mm 18mm 21.225mm 29.125mm;*/ + /* --- new margins after final trim size is 0.4mm less wide --- */ + margin: 55px 17.8mm 80px 28.975mm; } @page:left{ - margin: 55px 29.125mm 80px 18mm; + /*margin: 55px 29.125mm 80px 18mm;*/ /*margin: 14.758mm 29.125mm 21.225mm 18mm;*/ + /* --- new margins after final trim size is 0.4mm less wide --- */ + margin: 55px 28.975mm 80px 17.8mm; } @page:right{ /* running header: contribution title (taken from the h2 of the contribution) */ @@ -157,9 +162,10 @@ body{ } @page section{ - /* section title pages */ - /*background: linear-gradient(180deg, #787cc0, #c0c1e7);*/ - background: linear-gradient(180deg, #3741ea, #c0c1e7); + /* section title pages -- color */ + /*background: linear-gradient(180deg, #3741ea, #c0c1e7);*/ + /* section title pages -- black and white */ + background: linear-gradient(180deg, #444444, #d1d1d1); color: white !important; @top-center{ @@ -296,6 +302,12 @@ div.appendix{ div.appendix.letter{ page-break-before: right; } + div.appendix.previously_published{ + hyphens: none !important; + } + div.appendix.item_index{ + page-break-before: right; !important; + } div.backcover{ page-break-before: left; page: backcover; @@ -318,13 +330,6 @@ div.backcover{ color: white; font-weight: bold; } - /*div.multi img{ - position: absolute !important; - top: 13mm !important; - left: -30mm !important; - width: 152.4mm !important; - display: unset; - }*/ div.cover ul{ padding: 0; margin: 2em 0; @@ -459,40 +464,17 @@ div.two-columns{ div.two-columns div.thumb img{ width: 55mm !important; } - /* SUPER hacky... */ - /* Exception for Nicolas' text */ - div.two-columns a[href="#File:Inscriptions_2.jpg"] { - left: -54mm; - display: block; - } - div.two-columns div.thumbcaption{ width: 48mm; } - /* Exceptions for one of the images in Nicolas' text, - to not display the caption on the left image in case there are two side by side */ - div.two-columns a[href="#File:Inscriptions.jpg"] + div.thumbcaption { - display: none; - } - /* And to move the caption of the right image to the left, - so it functions as a caption for both */ - div.two-columns a[href="#File:Inscriptions_2.jpg"] + div.thumbcaption { - width: 108mm !important; - margin-left: -60mm !important; - } - div.two-columns a[href="#File:Overexposed.jpg"] + div.thumbcaption { - margin-left: -42mm !important; - width: 90mm !important; - } - /* general elements*/ span.star{ /* ----> ✶ <--- */ font-family: monospace; - vertical-align: text-bottom; - line-height: 1.4; + vertical-align: inherit; + line-height: 0; } h1{ @@ -527,11 +509,13 @@ h2{ position: absolute; width: 80mm; } - /* exception for the introduction */ + /* exception for titles with 3 lines (the introduction + signs of clandestine disorder) */ + div.signs-of-clandestine div.title-wrapper h2, div.introduction div.title-wrapper h2{ margin: 0 !important; padding: 0 !important; } + div.signs-of-clandestine div.title-wrapper p, div.introduction div.title-wrapper h2 + p{ position: absolute; width: 80mm; @@ -539,18 +523,18 @@ h2{ line-height: 0 !important; } - /* author names */ div.preface h2, div.introduction h2, div.contribution h2{ margin-bottom: 0.2em !important; } + /* author names */ div.preface h2 + p, + div.title-wrapper + p, div.introduction h2 + p, div.contribution h2 + p{ margin-left: 0 !important; text-indent: unset !important; - font-weight: normal; } div.preface h2 + p > b, div.introduction h2 + p > b, @@ -579,6 +563,10 @@ h3{ div.contribution.bugged-report ol.references{ margin-top: -18px !important; } + /* exception for fragility of life h3 above notes */ + div.contribution.fragility-of-life h3{ + margin-top: 12px !important; + } h4{ /* Sub-sub-headers */ font-size: 100%; @@ -604,6 +592,7 @@ p{ } /* all exceptions on the text-indent */ div.title-wrapper + p, + div.title-wrapper + div + p, div.note > p, div.no-margin-top + p, p.image + p, @@ -682,6 +671,9 @@ ul > li { div.list-without-markers{ text-indent: -0.8em !important; } + div.contribution.so-called-plants div.list-without-markers{ + text-indent: -1em !important; + } div.list-without-markers ul > li{ text-indent: -1em !important; } @@ -769,7 +761,32 @@ img{ page: fullpage !important; } div.fullpage div.thumb{ - margin: 0 !important; + margin: 0 !important; + } + /* Exception for circluding */ + div.circludingcontainer{ + position: relative; + width: 100%; + height: 100%; + } + div.fullpage.circluding{ + position: absolute; + background-size: contain; + width: 155.4mm; + height: 234.6mm; + top: -3mm; + page-break-before: always; + } + div.fullpage.circluding.right{ + background-image: url(../images/Fanziposter.png); + margin-left: 0mm !important; + } + div.fullpage.circluding.left{ + background-image: url(../images/Fanziposter_verso.png); + margin-left: -3mm !important; + } + div.contribution.circluding div.fullpage img{ + display: none; } div.fullpage div.thumb img{ /* PREVIEW PDF -- these sizes only apply for the preview view! no bleed */ @@ -782,17 +799,10 @@ img{ /* PRINT PDF -- these sizes only apply when the bleed is turned on */ width: 155.4mm; max-width: none; - height: auto; max-height: 234.6mm; - margin-top: -6mm !important; + margin-top: 0mm !important; margin-bottom: 0 !important; } - div.fullpage.left div.thumb img{ - margin-left: -3mm !important; - } - div.fullpage.right div.thumb img{ - margin-left: 0mm !important; - } img[src="./images/Topology-typography-2B.svg"]{ page-break-after: always; } @@ -828,7 +838,7 @@ img{ } div.contribution.beirut-82 div.thumb { display: inline-block; - margin: var(--line-height) 0 -0.5em 0!important; + margin: calc(var(--line-height) - 4px) 0 -0.5em 0 !important; } /* Exception for So-called plants */ div.contribution.so-called-plants img{ @@ -848,182 +858,187 @@ img{ }*/ /* BASELINE FINAL TWEAKS */ - img[src="./images/Imagen_2.png"]{ + div[data-page-number="13"] div.thumb{ margin-top: 17px; } - img[src="./images/Brk02.gif"]{ - margin-bottom: 8px; - } - img[src="./images/Image20.png"]{ - margin-top: 23px; - margin-bottom: 16px; + div[data-page-number="35"] div.thumb{ + margin-bottom: 14px; } - img[src="./images/CharmedS1EP2.jpg"]{ - margin-bottom: 15px; + div[data-page-number="36"] div.thumb{ + margin-top: 24px; + margin-bottom: 20px; } - img[src="./images/CharmedS1EP22.jpg"]{ - margin-bottom: 7px; + div[data-page-number="37"] div.thumb{ + margin-bottom: 20px; } - img[src="./images/DisintegrationEffect2.png"]{ - margin-top: 23px; + div[data-page-number="39"] div.thumb{ + margin-bottom: 13px; } - img[src="./images/CollapseWoman1.jpg"]{ - margin-top: 0 !important; + div[data-page-number="40"] div.thumb{ + margin-top: 20px; margin-bottom: 20px; } - img[src="./images/Image92.gif"]{ - margin-bottom: 11px; + div[data-page-number="42"] div.thumb{ + margin-bottom: 26px; } - img[src="./images/FKrig171.gif"]{ - margin-top: -4px; + div[data-page-number="43"] div.thumb{ + margin-bottom: 22px; } - img[src="./images/AdvanceRig1.png"]{ - margin-top: 22px; + div[data-page-number="44"] div.thumb{ + margin-bottom: 23px; } - img[src="./images/Rigonfour1.png"]{ - margin-top: 23px; + div[data-page-number="46"] div.thumb{ + margin-bottom: 17px; } - img[src="./images/DigestingDuck1.png"]{ - margin-top: -2px; + div[data-page-number="47"] div.thumb{ + margin-top: 23px; + margin-bottom: 27px; } - img[src="./images/RiggingDan1.jpg"]{ + div[data-page-number="48"] div.thumb{ margin-top: 16px; - margin-bottom: 11px; + margin-bottom: 15px; } - img[src="./images/McKayRig1.jpg"]{ - margin-top: -5px; + div[data-page-number="51"] div.thumb{ + margin-bottom: 16px; } - img[src="./images/TalismanRig1.jpg"]{ - margin-bottom: 24px; + div[data-page-number="53"] div.thumb{ + margin-top: 14px; + margin-bottom: 13px; } - img[src="./images/Blender.jpg"]{ - margin-top: 20px; + div[data-page-number="56"] div.thumb{ + margin-bottom: 12px; } - img[src="./images/MojoDallas01.jpg"]{ - margin-top: -2px; + div[data-page-number="62"] pre{ + margin-top: calc(var(--line-height) - 2px); + margin-bottom: calc(var(--line-height) - 2px); } - img[src="./images/Cunningham.jpg"]{ - margin-top: 22px; + div[data-page-number="63"] div.thumb{ + margin-bottom: 20px; } - img[src="./images/Figure04.png"]{ - margin-top: 27px; + div[data-page-number="66"] pre{ + margin-top: calc(var(--line-height) - 2px); + margin-bottom: calc(var(--line-height) - 2px); } - img[src="./images/Figure09.png"]{ - margin-top: -6px; + div[data-page-number="67"] div.thumb{ + margin-bottom: 15px; } - img[src="./images/Figure10.png"], - img[src="./images/Figure12.png"]{ - margin-top: 25px; + div[data-page-number="72"] div.thumb{ + margin-bottom: 22px; } - img[src="./images/Figure13.jpg"]{ - margin-top: 18px; + div[data-page-number="88"] img[src="./images/Figure02.png"] { + margin-top: -8px; } - img[src="./images/Background_prominence.png"]{ - margin-top: -4px; + div[data-page-number="101"] div.thumb{ + margin-bottom: 19px; } - img[src="./images/Inscriptions.jpg"], - img[src="./images/Inscriptions_2.jpg"]{ - margin-top: -2px; + div[data-page-number="110"] img[src="./images/File_manager_overview.png"] { + margin-bottom: 11px; } - img[src="./images/Backlighting.jpg"], - img[src="./images/Overexposed.jpg"]{ - margin-top: -2px; + div[data-page-number="114"] div.thumb{ + margin-bottom: 13px; } - img[src="./images/Fol_thefragilityoflife-2.jpeg"]{ - margin-top: 20px; - margin-bottom: 12px; + div[data-page-number="118"] div.thumb{ + margin-top: 22px; + margin-bottom: 21px; } - img[src="./images/04_bertillon_identification_system.jpg"]{ + div[data-page-number="121"] div.thumb{ margin-top: -4px; + margin-bottom: 14px; + } + div[data-page-number="127"] div.thumb{ + margin-bottom: 20px; } - img[src="./images/09_newsdirect.png"]{ - margin-top: 26px; + div[data-page-number="128"] div.thumb{ + margin-top: -1px; + margin-bottom: 14px; } - img[src="./images/Simone1.jpg"]{ + div[data-page-number="129"] div.thumb{ margin-top: 20px; + margin-bottom: 20px; } - img[src="./images/06_imgf0016.png"]{ + div[data-page-number="131"] div.thumb{ margin-top: 21px; + margin-bottom: 22px; } - img[src="./images/Difficultforest.jpg"]{ - margin-top: -2px; - } - img[src="./images/Makehuman.png"]{ - margin-top: -4px; + div[data-page-number="134"] div.thumb{ + margin-top: 19px; + margin-bottom: 21px; } - img[src="./images/Leaflet.jpg"]{ - margin-top: 15px; + div[data-page-number="171"] div.thumb{ + margin-bottom: 16px; } - img[src="./images/Continuum_brighton.svg"]{ - margin-top: -13px; + div[data-page-number="178"] div.thumb{ + margin-bottom: 20px; } - img[src="./images/Image1.jpg"]{ - margin-top: 17px; + div[data-page-number="179"] div.thumb{ + margin-bottom: 27px; } - img[src="./images/Image2.png"]{ - margin-top: 15px; + div[data-page-number="180"] div.thumb{ + margin-bottom: 26px; } - img[src="./images/Image3.jpg"]{ - margin-top: 28px; + div[data-page-number="181"] div.thumb{ + margin-bottom: 19px; } - img[src="./images/Image4.jpg"]{ - margin-top: 26px; + div[data-page-number="182"] div.thumb{ + margin-bottom: 20px; } - img[src="./images/Image5.jpg"]{ - margin-top: 23px; + div[data-page-number="183"] div.thumb{ + margin-bottom: 26px; } - img[src="./images/Image6.png"]{ - margin-top: 15px; + div[data-page-number="195"] div.thumb{ + margin-top: -5px; } - - img[src="./images/Datum.jpg"]{ + div[data-page-number="203"] p.image{ margin-top: 21px; + margin-bottom: 23px; } - img[src="./images/Gplates1.gif"]{ - margin-top: 17px; + div[data-page-number="236"] div.thumb{ + margin-bottom: 22px; } - img[src="./images/Image01.png"]{ - margin-top: -3px; + div[data-page-number="247"] div.floatnone{ + margin-top: -6px; } - img[src="./images/Image02.png"]{ - margin-top: 21px; + div[data-page-number="252"] div.floatnone{ + margin-top: 5px !important; } - img[src="./images/Image03.png"]{ - margin-top: 23px; + div[data-page-number="254"] div.floatnone{ + margin-top: -7px; } - img[src="./images/Image04.png"]{ - margin-top: -8px; + div[data-page-number="257"] div.floatnone{ + margin-top: -2px; } - a[href="#File:Image04.png"] + .thumbcaption{ - margin-bottom: -8px; - } - img[src="./images/Gplates1.gif"] { - margin-top: -1px; + div[data-page-number="279"] div.thumb{ + margin-top: 21px; } - img[src="./images/Gplates2.gif"] { - margin-top: 22px; + div[data-page-number="284"] p.image{ + margin-top: -2px !important; } - img[src="./images/Gplates3.gif"] { - margin-top: 21px; + div[data-page-number="285"] p.image{ + margin-bottom: 22px !important; } - img[src="./images/Gplates3.gif"] { - margin-top: 21px; + div[data-page-number="287"] p.image{ + margin-bottom: 20px !important; } - img[src="./images/Gplates5.gif"] { - margin-top: 24px; + div[data-page-number="292"] p.image{ + margin-bottom: 24px !important; } - img[src="./images/Gplates5.gif"] { - margin-top: 60px; + div[data-page-number="297"] div.thumb{ + margin-top: -2px; + margin-bottom: 16px; } - img[src="./images/Image02.png"] { - margin-top: 20px; + div[data-page-number="298"] div.thumb{ + margin-bottom: 20px; } - img[src="./images/Image05.png"] { + div[data-page-number="300"] div.thumb{ margin-top: 21px; + margin-bottom: 20px; } - img[src="./images/File_manager_overview.png"]{ - margin-top: 24px; - margin-bottom: 24px; + div[data-page-number="305"] div.thumb{ + margin-bottom: 20px; + } + div[data-page-number="308"] div.thumb{ + margin-top: 19px; + margin-bottom: 20px; } .contribution.so-called-plants div.floatnone + p{ margin-left: var(--second-indent) !important; @@ -1031,8 +1046,6 @@ img{ } pre{ - /*
's are sometimes manually added in the text */ - /* BITTER VERSION */ font-family: "bitter"; font-size: var(--font-size); @@ -1051,10 +1064,12 @@ pre{ font-style: italic; white-space: pre-line; word-wrap: break-word; + line-height: var(--line-height); + margin-bottom: var(--line-height); } div.contribution.so-called-plants pre{ margin-top: 9px; - margin-bottom: 9px; + margin-bottom: 15px; } blockquote{ margin: 0 0 0 var(--second-indent); @@ -1100,6 +1115,9 @@ table{ tr:first-of-type td:last-of-type{ border-right: 1px solid black !important; } + tr td:nth-of-type(2){ + min-width: 75px; + } sup{ line-height: 0; font-size: 7pt;