From f1b28985e7ea0a6fd8e0c6e058fd389f565c24b8 Mon Sep 17 00:00:00 2001 From: manetta Date: Wed, 3 Nov 2021 19:30:52 +0100 Subject: [PATCH] backing up the print.css --- command-line/css/print.css | 145 ++++++++++++++++++++----------------- 1 file changed, 79 insertions(+), 66 deletions(-) diff --git a/command-line/css/print.css b/command-line/css/print.css index c9aada8..77337bd 100644 --- a/command-line/css/print.css +++ b/command-line/css/print.css @@ -7,6 +7,13 @@ --second-indent: 20mm; } +/* --------------- */ + +/* h1: section titles */ +/* h2: contribution titles */ + +/* --------------- */ + @font-face{ font-family: "bitter"; src: url(../fonts/Bitter-Medium.ttf); @@ -105,7 +112,7 @@ html, body{ margin: 14.758mm 29.125mm 21.225mm 18mm; } @page:right{ - /* running header: contribution title (h2) */ + /* running header: contribution title (taken from the h2 of the contribution) */ @top-center{ content: string(contributiontitle); font-size: 8pt; @@ -114,7 +121,7 @@ html, body{ } } @page:left{ - /* running header: section title (h1) */ + /* running header: section title (taken from the h1 of the section) */ @top-center{ content: element(sectiontitle); font-size: 8pt; @@ -122,61 +129,20 @@ html, body{ margin-top: 5mm; } } -@page section{ + +@page:first{ + /* cover */ + background: linear-gradient(180deg, #787cc0, #c0c1e7); + @top-center{ content: none; } -} - @page section:first{ - @bottom-center{ - content: none; - } - } - /* section title pages */ - @page:nth(28){ - background: linear-gradient(180deg, #787cc0, #c0c1e7); - } - @page:nth(29){ - background: linear-gradient(180deg, #787cc0, #c0c1e7); - } - @page:nth(100){ - background: linear-gradient(180deg, #787cc0, #c0c1e7); - } - @page:nth(101){ - background: linear-gradient(180deg, #787cc0, #c0c1e7); - } - @page:nth(160){ - background: linear-gradient(180deg, #787cc0, #c0c1e7); - } - @page:nth(161){ - background: linear-gradient(180deg, #787cc0, #c0c1e7); - } - @page:nth(206){ - background: linear-gradient(180deg, #787cc0, #c0c1e7); - } - @page:nth(207){ - background: linear-gradient(180deg, #787cc0, #c0c1e7); - } - @page:nth(258){ - background: linear-gradient(180deg, #787cc0, #c0c1e7); - } - @page:nth(259){ - background: linear-gradient(180deg, #787cc0, #c0c1e7); - } - @page:nth(320){ - background: linear-gradient(180deg, #787cc0, #c0c1e7); - } - @page:nth(321){ - background: linear-gradient(180deg, #787cc0, #c0c1e7); - } -@page contribution:first{ - /* exception for running-header on the first page of a contribution */ - @top-center{ + @bottom-center{ content: none; } } -@page:first{ - /*background-color: #b89ee6;*/ +@page backcover{ + /* backcover */ background: linear-gradient(180deg, #787cc0, #c0c1e7); @top-center{ @@ -186,13 +152,28 @@ html, body{ content: none; } } -@page backcover{ + +@page section{ + /* section title pages */ background: linear-gradient(180deg, #787cc0, #c0c1e7); + color: white !important; @top-center{ content: none; } @bottom-center{ + color: white !important; + } +} + @page section:first{ + + @bottom-center{ + content: none; + } + } +@page contribution:first{ + /* exception for running-header on the first page of a contribution */ + @top-center{ content: none; } } @@ -251,9 +232,9 @@ div.section{ /* force an extra blank page before each section ... */ page-break-before: always; } - div.section.preface_and_introduction{ - /* reset this extra page break for the preface + introduction section (does not work?) */ - /*page-break-before: none !important;*/ + div.section.intro{ + /* exception for the intro section, as there is no title page for this section */ + page: contribution !important; } div.section h1{ /* ... and make sure that each section starts on the right */ @@ -271,7 +252,8 @@ div.contribution{ div.preface, div.acknowledgements, div.introduction, - div.contribution{ + div.contribution, + div.appendix{ page: contribution; } div.section.nomarks, @@ -463,6 +445,13 @@ div.two-columns{ /* general elements*/ +span.star{ + /* ----> ✶ <--- */ + font-family: monospace; + vertical-align: text-bottom; + line-height: 1.4; +} + h1{ /* section titles */ font-size: 34pt; @@ -536,13 +525,15 @@ p{ padding: 0; } /* all exceptions on the text-indent */ + div.note > p, + p.image + p, div.list-without-markers p, div.no-text-indent p, div.toc p, - div.information-for-users h2 + p + p, h2 + p, /* author name */ h2 + p, h2 + p + p + blockquote + p, + div.contribution.information-for-users h2 + p + p, div.contribution h2 + p + p + div.thumb, div.contribution h2 + p + div.thumb, h3 + p, @@ -557,7 +548,9 @@ p{ blockquote p, table p, pre + p, - blockquote + p{ + blockquote + p, + ul + p, + ol + p{ text-indent: unset !important; } div.previously_published p, @@ -568,6 +561,9 @@ p{ div.contribution.interview-phil h3 + p { text-indent: var(--first-indent) !important; } + div.contribution.ultrasonic-dreams h2 + p + p + p > b{ + margin-left: -7mm; + } ul > li { list-style: none; @@ -630,6 +626,13 @@ ul > li { margin-bottom: unset !important; } + div.note{ + font-size: var(--small-font-size); + line-height: var(--small-line-height); + width: 50mm; + margin: 0; + hyphens: none; + } img{ position: relative; display: block; @@ -705,6 +708,9 @@ img{ div.invasive-imagination div.thumb img{ width: 100% !important; } + /*div.invasive-imagination div.thumb img[src="./images/Figure06.png"]{ + width: 365px !important; + }*/ /* Exception for Maria Dada's text on Beirut 82 */ div.enlarged-image img, div.contribution.beirut-82 div.thumb img{ @@ -712,18 +718,22 @@ img{ max-width: auto !important; height: 175mm !important; max-height: 175mm !important; - margin-top: -10mm; - margin-left: -22mm !important; } + div.contribution.beirut-82 div.thumb img{ + margin-top: -10mm; + margin-left: -22mm !important; + } img[alt="Strategy and Tactics.jpg"]{ margin-left: -18mm !important; } - div.enlarged-image img[alt="Spiralling outburst"], div.enlarged-image img[alt="Spiralling outburst"]{ - max-width: 140mm !important; + max-width: 130mm !important; height: auto !important; max-height: unset !important; } + div.enlarged-image img[src="./images/Spiralling_outburst.png"]{ + margin-left: -25mm; + } pre{ /*
's are sometimes manually added in the text */ @@ -739,10 +749,13 @@ pre{ padding: 1em; page-break-inside: avoid; } - div.quote + pre{ - border: 0 !important; - padding: 0 !important; + div.quote > pre{ + border: none; + padding: 0; + page-break-inside: unset; font-style: italic; + white-space: pre-line; + word-wrap: break-word; } blockquote{ margin: 0 0 0 var(--second-indent); @@ -792,7 +805,7 @@ sup{ } canvas{ position: absolute; - top: 20mm; + top: 24mm; left: -20mm; /*border: 1px solid magenta;*/ }