mb/volumetric-regimes-book
1
0
Fork 0
Code Issues 7 Pull Requests Projects Releases Wiki Activity

backup

Browse Source
This commit is contained in:
manetta 2021-10-13 19:10:51 +02:00
parent 393d4c8e48
commit 7f72c08510
1 changed files with 128 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

191
command-line/css/print.css
View File

@ -78,8 +78,8 @@ html, body{
letter-spacing: 0.01em; letter-spacing: 0.01em;
hyphens: auto; 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 */ /*-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;*/ orphans: unset; /* Default is 2. These might trigger disappearing sentences at pagebreak? https://mattermost.pagedmedia.org/pagedmedia/pl/xsetebgcbbddzggwbbn93e5k1a */
/*widows: 2;*/ widows: unset; /* Default is 2. These might trigger disappearing sentences at pagebreak? https://mattermost.pagedmedia.org/pagedmedia/pl/xsetebgcbbddzggwbbn93e5k1a */
} }
@page{ @page{
@ -138,34 +138,34 @@ html, body{
@page:nth(29){ @page:nth(29){
background-color: lightgray; background-color: lightgray;
} }
@page:nth(98){ @page:nth(104){
background-color: lightgray; background-color: lightgray;
} }
@page:nth(99){ @page:nth(105){
background-color: lightgray; background-color: lightgray;
} }
@page:nth(160){ @page:nth(164){
background-color: lightgray; background-color: lightgray;
} }
@page:nth(161){ @page:nth(165){
background-color: lightgray; background-color: lightgray;
} }
@page:nth(204){ @page:nth(210){
background-color: lightgray; background-color: lightgray;
} }
@page:nth(205){ @page:nth(211){
background-color: lightgray; background-color: lightgray;
} }
@page:nth(256){ @page:nth(262){
background-color: lightgray; background-color: lightgray;
} }
@page:nth(257){ @page:nth(263){
background-color: lightgray; background-color: lightgray;
} }
@page:nth(312){ @page:nth(318){
background-color: lightgray; background-color: lightgray;
} }
@page:nth(313){ @page:nth(319){
background-color: lightgray; background-color: lightgray;
} }
@page contribution:first{ @page contribution:first{
@ -255,7 +255,8 @@ div.contribution{
page: contribution; page: contribution;
} }
div.section.nomarks, div.section.nomarks,
div.section.toc{ div.section.toc,
div.contribution.beirut-82 div.thumb{
page: nomarks; page: nomarks;
} }
div.cover.second, div.cover.second,
@ -266,6 +267,9 @@ div.series{
div.appendix{ div.appendix{
page-break-before: always; page-break-before: always;
} }
div.appendix.letter{
page-break-before: right;
}
div.backcover{ div.backcover{
page-break-before: left; page-break-before: left;
page: backcover; page: backcover;
@ -288,12 +292,14 @@ div.backcover{
color: white; color: white;
font-weight: bold; font-weight: bold;
} }
div.backcover{
color: white;
}
div.cover ul{ div.cover ul{
padding: 0; padding: 0;
margin: 2em 0; margin: 2em 0;
} }
div.cover ul li{ div.cover ul li{
list-style: none;
margin-bottom: 0.1em !important; margin-bottom: 0.1em !important;
} }
div.cover.second, div.cover.second,
@ -307,7 +313,6 @@ div.backcover{
} }
div.backcover p{ div.backcover p{
margin-bottom: 1em; margin-bottom: 1em;
color: white;
} }
div.series{ div.series{
font-size: var(--small-font-size); font-size: var(--small-font-size);
@ -328,12 +333,13 @@ div.toc *{
font-size: var(--font-size); font-size: var(--font-size);
hyphens: none; hyphens: none;
} }
div.toc p:first-of-type{ /* the word "Content" at the top of the page */
font-size: 17pt !important; div.toc > p:first-of-type{
font-size: 16pt !important;
font-family: "bitter_semi"; font-family: "bitter_semi";
line-height: 1.4; line-height: 22pt;
letter-spacing: 0.025em; letter-spacing: 0.025em;
margin: -10mm 0 1em 10mm !important; margin: -1em 0 1em var(--second-indent) !important;
} }
div.toc a::before{ div.toc a::before{
content: target-counter(attr(href url), page); content: target-counter(attr(href url), page);
@ -346,14 +352,14 @@ div.toc *{
width: 15mm;*/ width: 15mm;*/
/* right aligned */ /* right aligned */
margin-left: -13mm; margin-left: -13.5mm;
width: 13mm;
} }
div.toc p{ div.toc p{
margin-top: 1em; margin-top: 1.5em;
margin-left: 7mm;
} }
div.toc ul{ div.toc ul{
margin: 1em 0 0 4em; margin: 1em 0 0 10mm;
} }
div.toc ul li{ div.toc ul li{
margin-bottom: 0.5em; margin-bottom: 0.5em;
@ -394,14 +400,15 @@ div.item_index{
} }
div.item_index ul{ div.item_index ul{
column-gap: 10mm; column-gap: 10mm;
padding: 0;
} }
div.item_index li{ div.item_index li{
text-indent: -6mm; margin-bottom: 0 !important;
} }
div.item_index li a::after{ 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; 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{ div.item_index li span.item_nr{
width: 10mm; width: 10mm;
@ -412,10 +419,12 @@ div.item_index{
div.two-columns{ div.two-columns{
columns: 2 auto; columns: 2 auto;
column-fill: auto; column-fill: auto;
column-gap: 14mm;
margin-bottom: 1em;
} }
div.two-columns div.thumb img{ div.two-columns div.thumb img{
width: 50mm !important; width: 50mm !important;
display: inline-block; display: inline-block;
} }
/* general elements*/ /* general elements*/
@ -497,15 +506,18 @@ p{
padding: 0; padding: 0;
} }
/* all exceptions on the text-indent */ /* all exceptions on the text-indent */
div.list-without-markers p,
div.no-text-indent p,
div.bugged-report p,
div.toc p, div.toc p,
h2 + p, /* author name */ h2 + p, /* author name */
h2 + p, h2 + p,
h2 + p + p + blockquote + p, h2 + p + p + blockquote + p,
div.contribution h2 + p + p + div.thumb, div.contribution h2 + p + p + div.thumb,
div.contribution h2 + p + p + div.thumb + p,
div.contribution h2 + p + div.thumb, div.contribution h2 + p + div.thumb,
h3 + p, h3 + p,
h3 + div.thumb + p, div.thumb + p,
div.portrait + p,
h4 + p, h4 + p,
div.series p, div.series p,
div.cover p, div.cover p,
@ -513,6 +525,7 @@ p{
div.previously_published p, div.previously_published p,
div.backcover p, div.backcover p,
blockquote p, blockquote p,
table p,
pre + p, pre + p,
blockquote + p{ blockquote + p{
text-indent: unset !important; text-indent: unset !important;
@ -522,17 +535,43 @@ p{
div.series p{ div.series p{
margin-bottom: 1em; margin-bottom: 1em;
} }
div.contribution ul > li{
ul > li {
list-style: none; list-style: none;
text-indent: 0;
margin-bottom: 1em;
} }
div.contribution ul > li:before { div.contribution ul > li::before{
/*content: "- ";*/ content: "- ";
margin-left: -4mm; margin-left: -3.5mm;
margin-right: 2mm; 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, ol.references,
h3 + ul /* This is tricky as "references" has no class */{ ul.references{
/* notes and references */
font-size: var(--small-font-size); font-size: var(--small-font-size);
line-height: var(--small-line-height); line-height: var(--small-line-height);
columns: 2 auto; columns: 2 auto;
@ -540,26 +579,10 @@ div.contribution ul > li{
margin: 0 1em; margin: 0 1em;
padding: 0; padding: 0;
} }
h3 + ul > li{ ul.references > li{
list-style: none;
text-indent: -1em; 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{ img{
position: relative; position: relative;
@ -614,24 +637,56 @@ img{
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
div.fullpage.left div.thumb img{ div.fullpage.left div.thumb img{
margin-left: -10mm !important; margin-left: -3mm !important;
} }
div.fullpage.right div.thumb img{ 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{ div.special_image_treatment.userinfo img{
width: auto !important; width: auto !important;
max-width: auto !important; max-width: auto !important;
height: 180mm !important; height: 180mm !important;
max-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{ pre{
font-family: "mono"; /* <br>'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; font-size: 9pt;
line-height: 13pt; line-height: 13pt;
hyphens: none; hyphens: none;
white-space: pre-wrap; white-space: pre-line;
margin: 1em 0 1em var(--second-indent); margin: 1em 0 1em var(--second-indent);*/
} }
blockquote{ blockquote{
margin: 0 0 0 var(--second-indent); margin: 0 0 0 var(--second-indent);
@ -641,8 +696,20 @@ blockquote{
margin: 1em 0 1em var(--second-indent) !important; margin: 1em 0 1em var(--second-indent) !important;
} }
table{ 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{ sup{
line-height: 0; line-height: 0;
font-size: 7pt; font-size: 7pt;
@ -677,5 +744,3 @@ a.external{
} }
} }