diff --git a/command-line/css/print.css b/command-line/css/print.css
index e751d34..caa8b45 100644
--- a/command-line/css/print.css
+++ b/command-line/css/print.css
@@ -31,13 +31,45 @@
font-weight: bold;
font-style: italic;
}
-
@font-face{
font-family: "bitter_semi";
src: url(../fonts/Bitter-SemiBold.ttf);
font-weight: normal;
font-style: normal;
}
+@font-face{
+ font-family: "mono";
+ src: url(../fonts/AnkaCoder-C75-r.ttf);
+ font-weight: normal;
+ font-style: normal;
+}
+@font-face{
+ font-family: "mono";
+ src: url(../fonts/AnkaCoder-C75-i.ttf);
+ font-weight: normal;
+ font-style: italic;
+}
+@font-face{
+ font-family: "mono";
+ src: url(../fonts/AnkaCoder-C75-b.ttf);
+ font-weight: bold;
+ font-style: normal;
+}
+
+/* custom markers */
+
+div.page-break{
+ page-break-after: always;
+}
+div.column-break{
+ break-after: column !important;
+}
+div.no-hyphens{
+ hyphens: none !important;
+}
+
+
+/* general */
html, body{
font-family: "bitter";
@@ -53,7 +85,11 @@ html, body{
@page{
/*size: 152.4mm 228.6mm;*/ /* Size of the online PDF */
/*size: 152mm 229mm;*/ /* Size listed in cover generator of Lightning Source */
- size: 164mm 237mm; /* Size of the printed DB06 book */
+ /*size: 164mm 237mm;*/ /* Size of the physical printed DB06 book */
+ size: 152.4mm 228.6mm;
+
+ bleed: 3mm; /* required bleed by lightningsource */
+ marks: crop cross;
@bottom-center{
content: counter(page);
@@ -62,10 +98,10 @@ html, body{
}
}
@page:right{
- margin: 15mm 20mm 17mm 30mm;
+ margin: 14.758mm 18mm 21.225mm 29.125mm;
}
@page:left{
- margin: 15mm 30mm 17mm 20mm;
+ margin: 14.758mm 29.125mm 21.225mm 18mm;
}
@page:right{
/* running header: contribution title (h2) */
@@ -85,17 +121,57 @@ html, body{
margin-top: 5mm;
}
}
-/*@page section{
- background-color: lightgray;
-
+@page section{
@top-center{
content: none;
}
-}*/
-@page introduction{
- /* exception running-header for the introduction */
+}
+ @page section:first{
+ @bottom-center{
+ content: none;
+ }
+ }
+ /* section title pages */
+ @page:nth(28){
+ background-color: lightgray;
+ }
+ @page:nth(29){
+ background-color: lightgray;
+ }
+ @page:nth(98){
+ background-color: lightgray;
+ }
+ @page:nth(99){
+ background-color: lightgray;
+ }
+ @page:nth(160){
+ background-color: lightgray;
+ }
+ @page:nth(161){
+ background-color: lightgray;
+ }
+ @page:nth(204){
+ background-color: lightgray;
+ }
+ @page:nth(205){
+ background-color: lightgray;
+ }
+ @page:nth(256){
+ background-color: lightgray;
+ }
+ @page:nth(257){
+ background-color: lightgray;
+ }
+ @page:nth(312){
+ background-color: lightgray;
+ }
+ @page:nth(313){
+ background-color: lightgray;
+ }
+@page contribution:first{
+ /* exception for running-header on the first page of a contribution */
@top-center{
- content: element(introductiontitle);
+ content: none;
}
}
@page:first{
@@ -148,33 +224,35 @@ html, body{
}
}
-/* sections */
+/* sections -- page flows */
div.section{
- /*page: main;*/
+ page: section;
/* force an extra blank page before each section ... */
page-break-before: always;
}
div.section.preface_and_introduction{
- /*page: main;*/
/* reset this extra page break for the preface + introduction section (does not work?) */
- page-break-before: none !important;
+ /*page-break-before: none !important;*/
}
div.section h1{
- /*page: section;*/
/* ... and make sure that each section starts on the right */
page-break-before: right;
}
/* sub-sections -- page flows */
+
div.multi,
div.preface,
div.introduction,
div.contribution{
page-break-before: right;
}
- div.introduction{
- page: introduction;
+ div.preface,
+ div.acknowledgements,
+ div.introduction,
+ div.contribution{
+ page: contribution;
}
div.section.nomarks,
div.section.toc{
@@ -260,10 +338,16 @@ div.toc *{
div.toc a::before{
content: target-counter(attr(href url), page);
float: left;
- margin-left: -22mm;
font-weight: normal;
+
+ /* right aligned */
+ /* margin-left: -22mm;
text-align: right;
- width: 15mm;
+ width: 15mm;*/
+
+ /* right aligned */
+ margin-left: -13mm;
+ width: 13mm;
}
div.toc p{
margin-top: 1em;
@@ -304,29 +388,7 @@ div.contribution{
div.contribution h2 + p > b{
font-weight: normal;
}
-ol.references,
-ul /* This is tricky as it has no class, so these styles are applied to ALL ul elements */{
- /* notes and references */
- font-size: var(--small-font-size);
- line-height: var(--small-line-height);
- columns: 2 auto;
- column-gap: 7mm;
- margin: 0 1em;
- padding: 0;
-}
- /* exceptions of columns */
- div.cover ul,
- div.toc ul{
- columns: unset;
- }
- ul li{
- list-style: none;
- text-indent: -1em;
- }
- div.cover ul li,
- div.toc ul li{
- text-indent: 0;
- }
+
div.item_index{
hyphens: none;
}
@@ -349,9 +411,10 @@ div.item_index{
/* Invasive imagination and its agential cuts - figures */
div.two-columns{
columns: 2 auto;
+ column-fill: auto;
}
div.two-columns div.thumb img{
- width: 55mm !important;
+ width: 50mm !important;
display: inline-block;
}
@@ -365,23 +428,41 @@ h1{
word-break: normal;
hyphens: none;
}
- /* h1's are followed by a */
- .running-header{
+ /* h1's are followed by a */
+ .running-header-section{
position: running(sectiontitle);
}
h2{
/* Contribution titles */
- string-set: contributiontitle content(text) !important; /* using data attributes in HTML to save short versions of the title -- edited on the wiki */
+ string-set: contributiontitle content(text) !important;
font-family: "bitter_semi";
font-size: 16pt;
line-height: 22pt;
letter-spacing: 0.025em;
- margin: 0 0 1em var(--second-indent);
+ margin: -1em 0 1em var(--second-indent);
hyphens: none;
}
- div.preface .running-header,
- div.introduction .running-header{
- position: running(introductiontitle);
+ /* author names */
+ div.preface h2,
+ div.introduction h2,
+ div.contribution h2{
+ margin-bottom: 0.5em !important;
+ }
+ div.preface h2 + p,
+ div.introduction h2 + p,
+ div.contribution h2 + p{
+ margin-left: var(--second-indent);
+ font-weight: normal;
+ }
+ div.preface h2 + p > b,
+ div.introduction h2 + p > b,
+ 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*/
@@ -399,11 +480,11 @@ h4{
/* Sub-sub-headers */
font-size: 100%;
page-break-after: avoid;
- margin: 1em 0 0 var(--second-indent);
+ margin: 1em 0 1em var(--first-indent);
hyphens: none;
- /*font-style: italic;*/
+ font-style: italic;
font-weight: normal;
- text-decoration: underline;
+ /*text-decoration: underline;*/
}
h5, h6{
margin: 0 0 1em 0;
@@ -417,14 +498,23 @@ p{
}
/* all exceptions on the text-indent */
div.toc p,
+ h2 + p, /* author name */
h2 + p,
+ h2 + p + p + blockquote + p,
+ div.contribution h2 + p + p + div.thumb,
+ div.contribution h2 + p + p + div.thumb + p,
+ div.contribution h2 + p + div.thumb,
h3 + p,
+ h3 + div.thumb + p,
+ h4 + p,
div.series p,
div.cover p,
div.biographies p,
div.previously_published p,
div.backcover p,
- blockquote p{
+ blockquote p,
+ pre + p,
+ blockquote + p{
text-indent: unset !important;
}
div.previously_published p,
@@ -432,50 +522,124 @@ p{
div.series p{
margin-bottom: 1em;
}
+div.contribution ul > li{
+ list-style: none;
+}
+ div.contribution ul > li:before {
+ /*content: "- ";*/
+ margin-left: -4mm;
+ margin-right: 2mm;
+ }
+ ol.references,
+ h3 + ul /* This is tricky as "references" has no class */{
+ /* notes and references */
+ font-size: var(--small-font-size);
+ line-height: var(--small-line-height);
+ columns: 2 auto;
+ column-gap: 7mm;
+ margin: 0 1em;
+ padding: 0;
+ }
+ h3 + ul > li{
+ list-style: none;
+ text-indent: -1em;
+ }
+ /* 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{
position: relative;
display: block;
- width: 115mm; /* estimation of the full text width */
+ width: 105mm; /* full text width */
height: auto;
max-height: 200mm;
margin: 1em 0 1em 0;
+
+ /* PRINT PDF - GRAYSCALE */
+ /*filter: grayscale(100%);*/
}
div.thumb{
/* sometimes wrapper of img + image caption */
font-size: var(--small-font-size);
line-height: var(--small-line-height);
- margin: 1em var(--first-indent);
+ margin: 1em 0 1em var(--first-indent);
page-break-inside: avoid;
+ break-inside: avoid;
hyphens: none;
}
+ div.thumb div.thumbinner{
+ width: unset !important;
+ }
div.thumb img{
margin-left: -7mm !important; /* same as first-indent but inverted */
}
+ div.portrait div.thumb img{
+ width: auto !important;
+ min-width: 75mm;
+ }
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;
+ div.fullpage div.thumb{
+ margin: 0 !important;
+ }
+ div.fullpage div.thumb img{
+ /* PREVIEW PDF -- these sizes only apply for the preview view! no bleed */
+ /*width: 152.4mm;
+ max-width: none;
+ height: 228.6mm;
+ max-height: 228.6mm;
+ margin: -3mm 0 0mm -7mm !important;*/
+
+ /* 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-bottom: 0 !important;
+ }
+ div.fullpage.left div.thumb img{
+ margin-left: -10mm !important;
+ }
+ div.fullpage.right div.thumb img{
+ margin-left: -7mm !important;
+ }
+ div.special_image_treatment.userinfo img{
+ width: auto !important;
+ max-width: auto !important;
+ height: 180mm !important;
+ max-height: 180mm !important;
}
pre{
- font-size: 8pt;
- line-height: 1.8;
- white-space: normal;
- margin: 1em var(--first-indent);
+ font-family: "mono";
+ font-size: 9pt;
+ line-height: 13pt;
+ hyphens: none;
+ white-space: pre-wrap;
+ margin: 1em 0 1em var(--second-indent);
}
blockquote{
margin: 0 0 0 var(--second-indent);
font-style: italic;
}
+ blockquote.pull{
+ margin: 1em 0 1em var(--second-indent) !important;
+ }
table{
width: 100%;
}
@@ -496,6 +660,7 @@ a:active,
a:hover{
color: inherit;
text-decoration: none;
+ page-break-inside: avoid;
}
/* specific details, uitzonderingen */