Browse Source

back up of the print css

master
manetta 3 years ago
parent
commit
70290a14b1
  1. 93
      command-line/css/print.css

93
command-line/css/print.css

@ -40,11 +40,12 @@
} }
html, body{ html, body{
hyphens: auto;
font-family: "bitter"; font-family: "bitter";
font-size: var(--font-size); font-size: var(--font-size);
line-height: var(--line-height); line-height: var(--line-height);
letter-spacing: 0.01em; 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;*/ /*orphans: 2;*/
/*widows: 2;*/ /*widows: 2;*/
} }
@ -85,7 +86,7 @@ html, body{
} }
} }
@page section{ @page section{
background-color: lightyellow; background-color: lightgray;
@top-center{ @top-center{
content: none; content: none;
@ -135,6 +136,17 @@ html, body{
content: none; content: none;
} }
} }
/* for fullpage image contributions */
@page fullpage{
margin: 0 !important;
@top-center{
content: none;
}
@bottom-center{
content: none;
}
}
/* sections */ /* sections */
@ -177,7 +189,7 @@ div.appendix{
page-break-before: always; page-break-before: always;
} }
div.backcover{ div.backcover{
page-break-before: always; page-break-before: left;
page: backcover; page: backcover;
} }
@ -224,17 +236,19 @@ div.series{
line-height: var(--small-line-height); line-height: var(--small-line-height);
} }
div.series.about{ div.series.about{
width: 55%; width: 50%;
} }
div.series.colophon{ div.series.colophon{
columns: 2 auto; columns: 2 auto;
column-gap: 5mm; column-gap: 5mm;
column-fill: auto; column-fill: auto;
height: 207mm;
} }
/* Table of Contents */ /* Table of Contents */
div.toc *{ div.toc *{
font-size: var(--font-size); font-size: var(--font-size);
hyphens: none;
} }
div.toc p:first-of-type{ div.toc p:first-of-type{
font-size: 17pt !important; font-size: 17pt !important;
@ -246,19 +260,40 @@ div.toc *{
div.toc a::before{ div.toc a::before{
content: target-counter(attr(href url), page); content: target-counter(attr(href url), page);
float: left; float: left;
margin-left: -3em; margin-left: -22mm;
font-weight: normal;
text-align: right;
width: 15mm;
} }
div.toc p{ div.toc p{
margin-top: 1em; margin-top: 1em;
} }
div.toc ul{ div.toc ul{
margin: 1em 0 0 3em; margin: 1em 0 0 4em;
/*page-break-inside: avoid;*/
/*page-break-before: avoid;*/
} }
div.toc ul li{ div.toc ul li{
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
/* forcing "Signs of clandestine" in toc to next page */
div.toc ul:nth-of-type(5) {
page-break-before: avoid;
}
/* disabling wiki-only entries */
div.toc ul:nth-of-type(2) li:last-of-type {
/* The Extended Trans*feminist Rendering Program */
display: none;
}
div.toc ul:nth-of-type(3) li:last-of-type {
/* Comprehensive Features */
display: none;
}
div.toc ul:nth-of-type(4) li:nth-of-type(3) {
/* somatopologies: a guided tour II */
display: none;
}
div.introduction, div.introduction,
div.contribution{ div.contribution{
@ -293,10 +328,22 @@ ul /* This is tricky as it has no class, so these styles are applied to ALL ul e
text-indent: 0; text-indent: 0;
} }
div.item_index{ div.item_index{
hyphens: none;
} }
div.item_index a::after{ div.item_index ul{
column-gap: 10mm;
}
div.item_index li{
text-indent: -6mm;
}
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);
float: right; font-weight: bold;
}
div.item_index li span.item_nr{
width: 10mm;
text-align: right;
} }
/* general elements*/ /* general elements*/
@ -309,7 +356,7 @@ h1{
word-break: normal; word-break: normal;
hyphens: none; hyphens: none;
} }
/* h1's are preceded by a <span class="running-header"></span> */ /* h1's are followed by a <span class="running-header"></span> */
.running-header{ .running-header{
position: running(sectiontitle); position: running(sectiontitle);
} }
@ -365,10 +412,14 @@ p{
h3 + p, h3 + p,
div.series p, div.series p,
div.cover p, div.cover p,
div.biographies p,
div.previously_published p,
div.backcover p, div.backcover p,
blockquote p{ blockquote p{
text-indent: unset !important; text-indent: unset !important;
} }
div.previously_published p,
div.biographies p,
div.series p{ div.series p{
margin-bottom: 1em; margin-bottom: 1em;
} }
@ -380,7 +431,7 @@ img{
max-height: 200mm; max-height: 200mm;
margin: 1em 0 1em 0; margin: 1em 0 1em 0;
} }
.thumb{ div.thumb{
/* sometimes wrapper of img + image caption */ /* sometimes wrapper of img + image caption */
font-size: var(--small-font-size); font-size: var(--small-font-size);
line-height: var(--small-line-height); line-height: var(--small-line-height);
@ -388,9 +439,24 @@ img{
page-break-inside: avoid; page-break-inside: avoid;
hyphens: none; hyphens: none;
} }
.thumb img{ div.thumb img{
margin-left: -7mm !important; /* same as first-indent but inverted */ margin-left: -7mm !important; /* same as first-indent but inverted */
} }
div.fullpage{
page: fullpage !important;
}
div.fullpage div.thumb img{
width: 164mm;
height: 237mm;
max-height: 237mm;
margin: -3mm 0 0mm -7mm !important;
}
/* exception for the "circluding" contribution */
div.fullpage.circluding div.thumb img{
height: auto !important;
width: 155mm !important;
margin: 3mm 0 5mm -2mm !important;
}
pre{ pre{
font-size: 8pt; font-size: 8pt;
line-height: 1.8; line-height: 1.8;
@ -440,3 +506,4 @@ a.external{
} }

Loading…
Cancel
Save