From fb0b2b2fb8280eac3eb3321b426fba82147a1d1c Mon Sep 17 00:00:00 2001 From: manetta Date: Wed, 20 Oct 2021 18:29:36 +0200 Subject: [PATCH] backup of the css --- command-line/css/print.css | 133 +++++++++++++++++++++++++++---------- 1 file changed, 97 insertions(+), 36 deletions(-) diff --git a/command-line/css/print.css b/command-line/css/print.css index 6670d16..85c97be 100644 --- a/command-line/css/print.css +++ b/command-line/css/print.css @@ -62,11 +62,19 @@ div.page-break{ page-break-after: always; } div.column-break{ - break-after: column !important; + /* does not work from this stylesheet, rule gets removed by paged.js??? */ + /* only worked once inserted directly into the HTML */ + break-after: column; } + div.column-break + p{ + orphans: 8; + } div.no-hyphens{ hyphens: none !important; } +div.no-indent p{ + text-indent: unset !important; +} /* general */ @@ -138,34 +146,34 @@ html, body{ @page:nth(29){ background-color: lightgray; } - @page:nth(104){ + @page:nth(100){ background-color: lightgray; } - @page:nth(105){ + @page:nth(101){ background-color: lightgray; } - @page:nth(164){ + @page:nth(160){ background-color: lightgray; } - @page:nth(165){ + @page:nth(161){ background-color: lightgray; } - @page:nth(210){ + @page:nth(206){ background-color: lightgray; } - @page:nth(211){ + @page:nth(207){ background-color: lightgray; } - @page:nth(262){ + @page:nth(260){ background-color: lightgray; } - @page:nth(263){ + @page:nth(261){ background-color: lightgray; } - @page:nth(318){ + @page:nth(316){ background-color: lightgray; } - @page:nth(319){ + @page:nth(317){ background-color: lightgray; } @page contribution:first{ @@ -203,6 +211,24 @@ html, body{ content: none; } } +@page nomarkssmallmargins:right{ + + @top-center{ + content: none; + } + @bottom-center{ + content: none; + } +} +@page nomarkssmallmargins:left{ + + @top-center{ + content: none; + } + @bottom-center{ + content: none; + } +} @page:blank{ @top-center{ @@ -256,9 +282,13 @@ div.contribution{ } div.section.nomarks, div.section.toc, -div.contribution.beirut-82 div.thumb{ +div.contribution.beirut-82 div.thumb, +div.enlarged-image{ page: nomarks; } +div.special_image_treatment.userinfo{ + page: nomarkssmallmargins; +} div.cover.second, div.multi, div.series{ @@ -314,16 +344,18 @@ div.backcover{ div.backcover p{ margin-bottom: 1em; } + div.series{ font-size: var(--small-font-size); line-height: var(--small-line-height); + hyphens: none; } div.series.about{ width: 50%; } div.series.colophon{ columns: 2 auto; - column-gap: 5mm; + column-gap: 8mm; column-fill: auto; height: 207mm; } @@ -404,6 +436,8 @@ div.item_index{ } div.item_index li{ margin-bottom: 0 !important; + text-indent: -7mm; + margin-left: 7mm; } div.item_index li a::after{ content: ", " target-counter(attr(href), page); @@ -415,27 +449,33 @@ div.item_index{ text-align: right; } + /* Invasive imagination and its agential cuts - figures */ div.two-columns{ - columns: 2 auto; - column-fill: auto; - column-gap: 14mm; - margin-bottom: 1em; -} + columns: 2 auto; + column-fill: auto; + column-gap: 14mm; + /*margin-bottom: 1em;*/ +} + div.two-columns img, + div.two-columns div.thumb{ + display: block; + float: left; + } + div.two-columns img, div.two-columns div.thumb img{ - width: 50mm !important; - display: inline-block; + width: 55mm !important; } /* general elements*/ h1{ /* section titles */ - font-size: 37pt; + font-size: 34pt; line-height: 1.15; margin: 0; word-break: normal; - hyphens: none; + hyphens: manual !important; } /* h1's are followed by a */ .running-header-section{ @@ -468,11 +508,6 @@ h2{ div.contribution h2 + p > b{ font-weight: normal !important; } - /* introduction running-header exception */ - .running-header-contribution{ - string-set: contributiontitle content(text) !important; - display: none; - } h3{ /* Sub-headers + Notes/References sections + TOC headers*/ font-size: 100%; @@ -481,10 +516,6 @@ h3{ 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%; @@ -508,7 +539,6 @@ p{ /* 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, @@ -578,6 +608,7 @@ ul > li { column-gap: 7mm; margin: 0 1em; padding: 0; + orphans: 8; } ul.references > li{ text-indent: -1em; @@ -612,7 +643,7 @@ img{ } div.portrait div.thumb img{ width: auto !important; - min-width: 75mm; + min-width: 60mm; } div.fullpage{ page: fullpage !important; @@ -647,8 +678,9 @@ img{ div.special_image_treatment.userinfo img{ width: auto !important; max-width: auto !important; - height: 180mm !important; - max-height: 180mm !important; + height: 200mm !important; + max-height: 200mm !important; + margin: 0; } /* Exception for Invasive Imagination images */ div.invasive-imagination div.thumb{ @@ -659,6 +691,7 @@ img{ width: 100% !important; } /* Exception for Maria Dada's text on Beirut 82 */ + div.enlarged-image img, div.contribution.beirut-82 div.thumb img{ width: auto !important; max-width: auto !important; @@ -667,6 +700,15 @@ 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; + height: auto !important; + max-height: unset !important; + } pre{ /*
's are sometimes manually added in the text */ @@ -709,7 +751,26 @@ table{ td { vertical-align: top; padding: 0.5em !important; - } + } + tr:first-of-type td { + border: 0 !important; + border-left: 1px solid black !important; + } + td:first-of-type{ + font-weight: bold; + border: 0 !important; + border-bottom: 1px solid black !important; + } + tr:last-of-type td{ + border-bottom: 0 !important; + } + tr:first-of-type td:first-of-type{ + border-left: 0 !important; + border-bottom: 0 !important; + } + tr:first-of-type td:last-of-type{ + border-right: 1px solid black !important; + } sup{ line-height: 0; font-size: 7pt;