: root {
--font-size : 12px ;
--line-height : 18px ;
--small-font-size : 10px ;
--small-line-height : 15px ;
--h2-font-size : 21px ;
--h2-line-height : 27px ;
--first-indent : 7mm ;
--second-indent : 20mm ;
}
/* --------------- */
/* h1: section titles */
/* h2: contribution titles */
/* --------------- */
@ font-face {
font-family : "bitter" ;
src : url ( . . / fonts / Bitter-Medium . ttf ) ;
font-weight : normal ;
font-style : normal ;
}
@ font-face {
font-family : "bitter" ;
src : url ( . . / fonts / Bitter-MediumItalic . ttf ) ;
font-weight : normal ;
font-style : italic ;
}
@ font-face {
font-family : "bitter" ;
src : url ( . . / fonts / Bitter-Bold . ttf ) ;
font-weight : bold ;
font-style : normal ;
}
@ font-face {
font-family : "bitter" ;
src : url ( . . / fonts / Bitter-BoldItalic . ttf ) ;
font-weight : bold ;
font-style : italic ;
}
@ font-face {
font-family : "bitter_semi" ;
src : url ( . . / fonts / Bitter-SemiBold . ttf ) ;
font-weight : normal ;
font-style : normal ;
}
/* custom markers */
. page-break {
page-break-after : always ;
}
. column-break {
/* does not work from this stylesheet, rule gets removed by paged.js??? */
/* only worked once inserted directly into the HTML */
/*break-after: column; */
display : block ;
}
. column-break + p {
orphans : 8 ;
}
div . no-hyphens {
hyphens : none ! important ;
}
div . no-indent p {
text-indent : unset ! important ;
}
div . contribution . bugged-report div . no-indent p {
width : 100 % ;
margin-bottom : var ( --line-height ) ;
}
div . contribution . bugged-report div . right-align {
text-align : right ;
margin-left : 0 ;
margin-bottom : var ( --line-height ) ;
}
/* general */
body {
font-family : "bitter" ;
font-size : var ( --font-size ) ;
line-height : var ( --line-height ) ;
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 : 0 ! important ; /* Default is 2. These might trigger disappearing sentences at pagebreak? https://mattermost.pagedmedia.org/pagedmedia/pl/xsetebgcbbddzggwbbn93e5k1a */
widows : 0 ! important ; /* Default is 2. These might trigger disappearing sentences at pagebreak? https://mattermost.pagedmedia.org/pagedmedia/pl/xsetebgcbbddzggwbbn93e5k1a */
}
@ 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 physical printed DB06 book */
/*size: 576px 864px;*/
size : 152mm 229mm ;
/*bleed: 3mm;*/ /* ON for final print files */
/*marks: crop;*/ /* OFF for the final print files */
@ bottom-center {
content : counter ( page ) ;
font-size : 9 . 5pt ;
margin-top : -6mm ;
}
}
@ page : right {
/*margin: 55px 18mm 80px 29.125mm;*/
/*margin: 14.758mm 18mm 21.225mm 29.125mm;*/
/* --- new margins after final trim size is 0.4mm less wide --- */
/*margin: 55px 17.8mm 80px 28.975mm;*/
/* --- missing sentences debugging margins --- */
margin : 55px 17 . 8mm 73px 28 . 975mm ;
}
@ page : left {
/*margin: 55px 29.125mm 80px 18mm;*/
/*margin: 14.758mm 29.125mm 21.225mm 18mm;*/
/* --- new margins after final trim size is 0.4mm less wide --- */
/*margin: 55px 28.975mm 80px 17.8mm;*/
/* --- missing sentences debugging margins --- */
margin : 55px 28 . 975mm 73px 17 . 8mm ;
}
@ page : right {
/* running header: contribution title (taken from the h2 of the contribution) */
@ top-center {
content : string ( contributiontitle ) ;
font-size : 8pt ;
text-transform : uppercase ;
margin-top : 5mm ;
}
}
@ page : left {
/* running header: section title (taken from the h1 of the section) */
@ top-center {
content : element ( sectiontitle ) ;
font-size : 8pt ;
text-transform : uppercase ;
margin-top : 5mm ;
}
}
@ page : first {
/* cover */
/*background: linear-gradient(180deg, #787cc0, #c0c1e7);*/
background : linear-gradient ( 180deg , # 3741ea , # c0c1e7 ) ;
@ top-center {
content : none ;
}
@ bottom-center {
content : none ;
}
}
@ page backcover {
/* backcover */
/*background: linear-gradient(180deg, #787cc0, #c0c1e7);*/
background : linear-gradient ( 180deg , # 3741ea , # c0c1e7 ) ;
@ top-center {
content : none ;
}
@ bottom-center {
content : none ;
}
}
@ page section {
/* section title pages -- color */
background : linear-gradient ( 180deg , # 3741ea , # c0c1e7 ) ;
/* section title pages -- black and white */
/*background: linear-gradient(180deg, #444444, #d1d1d1);*/
color : white ! important ;
@ top-center {
content : none ;
}
@ bottom-center {
color : white ! important ;
}
}
@ page contribution : first {
/* exception for running-header on the first page of a contribution */
margin-top : 127px ;
@ top-center {
content : none ;
}
}
@ page nomarks {
@ top-center {
content : none ;
}
@ bottom-center {
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 {
content : none ;
}
@ bottom-center {
content : none ;
}
}
/* for fullpage image contributions */
@ page fullpage {
margin : 0 ! important ;
@ top-center {
content : none ;
}
@ bottom-center {
content : none ;
}
}
/* sections -- page flows */
div . section {
/* force an extra blank page before each section ... */
page-break-before : left ;
/* and make sure it stays empty */
page : nomarks ;
}
div . section . intro {
/* exception for the intro section, as there is no title page for this section */
page : contribution ! important ;
}
div . section . toc ,
div . section . intro {
/* exception for the section of the toc and intro, as it needs to be on the right */
page-break-before : right ! important ;
}
div . section h1 {
/* ... and make sure that each section starts on the right */
page-break-before : right ;
page : section ;
}
div . multi {
counter-reset : page 1 ;
}
/* sub-sections -- page flows */
div . multi ,
div . preface ,
div . introduction ,
div . contribution {
page-break-before : right ;
}
div . preface ,
div . acknowledgements ,
div . introduction ,
div . contribution ,
div . appendix {
page : contribution ;
}
div . section . nomarks ,
div . section . toc ,
/*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 {
page-break-after : always ;
}
/* force extra page-break for section title pages to start on the left */
div . contribution . so-called-plants ,
div . contribution . invasive-imagination ,
div . contribution . interview-phil {
page-break-after : always ;
}
div . appendix {
page-break-before : always ;
}
div . appendix . letter {
page-break-before : right ;
}
div . appendix . previously_published {
hyphens : none ! important ;
}
div . appendix . item_index {
page-break-before : right ; ! important ;
}
div . backcover {
page-break-before : left ;
page : backcover ;
}
/* sub-sections -- lay-out rules */
div . cover ,
div . backcover {
hyphens : none ;
}
div . cover ,
div . cover ul li ,
div . backcover b {
font-size : var ( --h2-font-size ) ;
font-family : "bitter_semi" ;
line-height : var ( --h2-line-height ) ;
letter-spacing : 0 . 025em ;
color : white ;
font-weight : bold ;
}
div . cover {
max-width : 300px ;
margin : -2 . 5mm 0 0 12mm ; /* margin-top: 17mm, margin-left: 41mm */
}
div . cover ul {
padding : 0 ;
margin : 1 . 5em 0 ! important ;
}
div . cover ul li {
margin-bottom : 0 . 1em ! important ;
}
div . cover . second ,
div . cover . second ul li {
color : black ;
}
div . backcover {
color : white ;
margin : -4mm 0 0 24mm ; /* margin-top: 17mm, margin-left: 42mm */
/*height: 200mm;*/
}
div . backcover b {
display : block ;
margin-left : 0 ;
margin-right : 0 ;
max-width : 300px ;
}
div . backcover p {
margin-bottom : var ( --line-height ) ;
margin-right : -8mm ;
}
div . backcover p : first-of-type {
margin-bottom : 9px ! important ;
}
div . backcover div . barcode img {
position : absolute ;
width : 45mm ;
right : -15mm ; /* margin-right: 14mm */
bottom : -6mm ; /* margin-bottom: 16mm */
}
div . backcover div . logo-ohp img {
position : absolute ;
width : 50mm ;
left : -7mm ; /* margin-left: 12mm */
bottom : -5 . 5mm ; /* margin-bottom: 19mm */
}
div . series {
font-size : var ( --small-font-size ) ;
line-height : var ( --small-line-height ) ;
hyphens : none ;
}
div . series . about {
width : 50 % ;
}
div . series . colophon ,
div . series . colophon div # second-column {
width : 48mm ;
}
div . series . colophon {
/*columns: 2 auto;*/
/*column-gap: 8mm;*/
/*column-fill: auto;*/
/*height: 207mm;*/
}
div . series . colophon div # second-column {
position : absolute ;
left : 56mm ;
top : 0mm ;
}
div . series p {
margin-bottom : var ( --small-line-height ) ;
}
/* Table of Contents */
div . toc * {
font-size : var ( --font-size ) ;
hyphens : none ;
}
/* the word "Content" at the top of the page */
div . toc > p : first-of-type {
font-size : 16pt ! important ;
font-family : "bitter_semi" ;
line-height : 22pt ;
letter-spacing : 0 . 025em ;
margin : -26px 0 33px var ( --second-indent ) ! important ;
}
div . toc a :: before {
content : target-counter ( attr ( href url ) , page ) ;
float : left ;
font-weight : normal ;
margin-left : -13 . 5mm ;
}
div . toc p {
margin-top : 1 . 5em ;
margin-left : 7mm ;
}
div . toc ul {
margin : var ( --line-height ) 0 0 10mm ! important ;
}
div . toc ul li {
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 . contribution {
}
div . introduction h1 {
display : none ;
}
div . contribution h2 + p > b {
font-weight : normal ;
}
div . item_index {
hyphens : none ;
}
div . item_index ul {
column-gap : 10mm ;
padding : 0 ;
}
div . item_index li {
margin-bottom : 0 ! important ;
text-indent : -7mm ;
margin-left : 7mm ;
}
div . item_index li span . item-refs a :: after {
content : target-counter ( attr ( href ) , page ) ;
font-weight : bold ;
}
div . item_index li span . item_nr {
width : 10mm ;
text-align : right ;
}
div . two-columns {
columns : 2 auto ;
column-fill : auto ;
column-gap : 14mm ;
}
/*div.two-columns img,*/
div . two-columns div . thumb {
display : block ;
float : left ;
}
div . two-columns img ,
div . two-columns div . thumb img {
width : 55mm ! important ;
}
div . two-columns div . thumbcaption {
width : 48mm ;
}
blockquote . pull . two-columns {
margin-left : 7mm ! important ;
margin-right : 0mm ! important ;
margin-bottom : 0mm ! important ;
columns : 2 auto ;
column-fill : balance ;
column-gap : 0mm ! important ;
}
/* general elements*/
span . star {
/* ----> ✶ <--- */
font-family : monospace ;
vertical-align : inherit ;
line-height : 0 ;
}
h1 {
/* section titles */
font-size : 44px ;
line-height : 52px ;
margin : 0 ;
word-break : normal ;
hyphens : manual ! important ;
}
/* h1's are followed by a <span class="running-header-section"></span> */
. running-header-section {
position : running ( sectiontitle ) ;
}
h2 {
/* Contribution titles */
string-set : contributiontitle content ( text ) ! important ;
font-family : "bitter_semi" ;
font-size : var ( --h2-font-size ) ;
line-height : var ( --h2-line-height ) ;
letter-spacing : 0 . 025em ;
margin : 0 0 0 . 2em 0 ;
hyphens : none ;
}
/* title wrapper, to take these out of the baseline */
div . title-wrapper {
position : absolute ;
margin : -97px 0 var ( --h2-font-size ) var ( --second-indent ) ;
}
div . title-wrapper p {
position : absolute ;
width : 80mm ;
}
/* exception for titles with 3 lines (the introduction + signs of clandestine disorder) */
div . signs-of-clandestine div . title-wrapper h2 ,
div . introduction div . title-wrapper h2 {
margin : 0 ! important ;
padding : 0 ! important ;
}
div . signs-of-clandestine div . title-wrapper p ,
div . introduction div . title-wrapper h2 + p {
position : absolute ;
width : 80mm ;
top : 94px ! important ;
line-height : 0 ! important ;
}
div . preface h2 ,
div . introduction h2 ,
div . contribution h2 {
margin-bottom : 0 . 2em ! important ;
}
/* author names */
div . preface h2 + p ,
div . title-wrapper + p ,
div . introduction h2 + p ,
div . contribution h2 + p {
margin-left : 0 ! important ;
text-indent : unset ! important ;
}
div . preface h2 + p > b ,
div . introduction h2 + p > b ,
div . contribution h2 + p > b {
font-weight : normal ! important ;
}
h3 {
/* Sub-headers + Notes/References sections + TOC headers*/
font-size : var ( --font-size ) ;
line-height : var ( --line-height ) ;
page-break-after : avoid ;
margin : var ( --line-height ) 0 0 var ( --second-indent ) ;
letter-spacing : 0 . 05em ;
hyphens : none ;
}
div . contribution . information-for-users h3 {
margin-bottom : var ( --line-height ) ! important ;
}
div . contribution . bugged-report h3 {
margin-bottom : var ( --line-height ) ! important ;
}
div . introduction + h3 {
margin-top : 0 ! important ;
}
/* exception for bugged report h3 above notes */
div . contribution . bugged-report ol . references {
margin-top : -18px ! important ;
}
/* exception for fragility of life h3 above notes */
div . contribution . fragility-of-life h3 {
margin-top : 12px ! important ;
}
h4 {
/* Sub-sub-headers */
font-size : 100 % ;
page-break-after : avoid ;
margin : var ( --line-height ) 0 0 var ( --second-indent ) ;
hyphens : none ;
font-style : italic ;
font-weight : normal ;
}
h5 , h6 {
margin : 0 0 var ( --line-height ) 0 ;
page-break-after : avoid ;
hyphens : none ;
}
. no-margin-top > * ,
. no-margin-top img {
margin-top : 0 ! important ;
}
p {
text-indent : var ( --first-indent ) ;
margin : 0 ;
padding : 0 ;
}
/* all exceptions on the text-indent */
div . title-wrapper + p ,
div . title-wrapper + div + p ,
div . note > p ,
div . no-margin-top + p ,
p . image + p ,
div . list-without-markers p ,
div . no-text-indent p ,
div . toc 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 ,
div . thumb + p ,
div . portrait + p ,
h4 + p ,
div . series p ,
div . cover p ,
div . biographies p ,
div . previously_published p ,
div . backcover p ,
blockquote p ,
table p ,
pre + p ,
div . quote + p ,
blockquote + p ,
ul + p ,
ol + p {
text-indent : unset ! important ;
}
div . previously_published p ,
div . biographies p {
margin-bottom : var ( --line-height ) ;
}
div . contribution . information-for-users div . title-wrapper + p + p > b ,
div . contribution . ultrasonic-dreams div . title-wrapper + p + p > b {
margin-left : -7mm ;
}
div . force-text-indent {
display : block ;
text-indent : var ( --first-indent ) ! important ;
}
ul {
margin : 18px 0 ! important ;
}
ul > li {
list-style : none ;
text-indent : 0 ;
margin-bottom : var ( --line-height ) ;
}
div . contribution ul > li :: before {
content : "- " ;
margin-left : -3 . 5mm ;
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 . bibliography ul > li :: before ,
div . item_index ul > li :: before {
content : none ! important ;
margin-left : unset ;
margin-right : unset ;
margin-bottom : unset ;
}
div . contribution . ultrasonic-dreams li ,
div . contribution . lidar li ,
div . contribution . signs-of-clandestine li ,
div . contribution . information-for-users li {
margin-bottom : 0 ! important ;
}
div . contribution . signs-of-clandestine ul {
margin-top : 0 ! important ;
}
div . list-without-markers {
text-indent : -0 . 8em ! important ;
}
div . contribution . so-called-plants div . list-without-markers {
text-indent : -1em ! 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 ;
}
div . contribution div . list-with-custom-markers ul > li {
text-indent : 0 ! important ;
}
div . contribution div . list-with-custom-markers ul > li :: before {
content : none ! important ;
margin-left : unset ;
margin-right : unset ;
}
div . contribution div . list-with-custom-markers ul > li > span . custom-marker {
display : inline-block ;
text-indent : -0 . 85em ! important ;
margin-left : -0 . 25em ;
}
/* notes (ol.references) and references (ul.references) and bibliography (div.two-columns) */
div . bibliography ul ,
ol . references ,
ul . references {
font-size : var ( --small-font-size ) ;
line-height : var ( --small-line-height ) ;
columns : 2 auto ;
column-gap : 7mm ;
margin : 0 1em ! important ;
padding : 0 ;
orphans : 3 ;
}
div . bibliography li ,
ol . references li ,
ul . references li {
hyphens : none ! important ;
page-break-inside : auto ! important ;
}
div . bibliography li ,
ul . references > li {
text-indent : -1em ;
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 ;
width : 105mm ; /* full text width */
height : auto ;
max-height : 200mm ;
margin : var ( --line-height ) 0 12px 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 : var ( --line-height ) 0 var ( --line-height ) 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 : 63mm ;
}
div . fullpage {
page : fullpage ! important ;
}
div . fullpage div . thumb {
margin : 0 ! important ;
}
/* Exception for circluding */
div . circludingcontainer {
position : relative ;
width : 100 % ;
height : 100 % ;
}
div . fullpage . circluding {
position : absolute ;
background-size : contain ;
width : 155mm ;
height : 235mm ;
top : -3mm ;
page-break-before : always ;
}
div . fullpage . circluding . right {
background-image : url ( . . / images / Fanziposter . png ) ;
margin-left : 0mm ! important ;
}
div . fullpage . circluding . left {
background-image : url ( . . / images / Fanziposter_verso . png ) ;
margin-left : -3mm ! important ;
}
div . contribution . circluding div . fullpage img {
display : none ;
}
div . fullpage div . thumb img {
/* PREVIEW PDF -- these sizes only apply for the preview view! no bleed */
/ * width : 152mm ;
max-width : none ;
height : 229mm ;
max-height : 228 . 6mm ;
margin : -3mm 0 0mm -7mm ! important ; * /
/* PRINT PDF -- these sizes only apply when the bleed is turned on */
width : 155mm ;
max-width : none ;
max-height : 235mm ;
margin-top : 0mm ! important ;
margin-bottom : 0 ! important ;
margin-left : -3mm ! important ;
}
/* Placement of full page images in Spec's contribution */
div . contribution . romance div . fullpage {
position : absolute ;
background-size : contain ;
width : 155mm ;
height : 235mm ;
top : 0mm ;
page-break-after : always ;
}
div . contribution . romance div . fullpage div . thumb img {
width : 152mm ! important ;
height : 232mm ! important ;
/*margin-bottom: -3mm !important;*/
margin-left : 0mm ! important ;
}
div [ data-page-number = "184" ] div . fullpage div . thumb img {
background-image : url ( . . / images / Topology-typography-1A . png ) ;
}
div [ data-page-number = "185" ] div . fullpage div . thumb img {
background-image : url ( . . / images / Topology-typography-1B . png ) ;
}
div [ data-page-number = "186" ] div . fullpage div . thumb img {
background-image : url ( . . / images / Topology-typography-2A . png ) ;
}
div [ data-page-number = "187" ] div . fullpage div . thumb img {
background-image : url ( . . / images / Topology-typography-2B . png ) ;
}
/* Placement of full page images on right pages in Spec's contribution */
/ * div [ data-page-number = "185" ] div . fullpage div . thumb img ,
div [ data-page-number = "187" ] div . fullpage div . thumb img {
margin-left : 0mm ! important ;
} * /
/* Exception for User Info large small image */
div . special_image_treatment . userinfo img {
width : auto ! important ;
max-width : auto ! important ;
height : 200mm ! important ;
max-height : 200mm ! important ;
margin : 0 ;
}
/* Exception for Invasive Imagination images */
div . invasive-imagination div . thumb {
margin-bottom : 2em ;
width : 105mm ! important ;
}
div . invasive-imagination div . thumb img {
width : 100 % ! important ;
}
div . invasive-imagination div . thumb div . thumbcaption {
width : calc ( 100 % - 7mm ) ;
}
div . invasive-imagination a [ href = "#File:Figure06.jpg" ] img {
width : 365px ! important ;
}
/* Exception for Maria Dada's images */
div . contribution . beirut-82 div . thumb img {
width : auto ! important ;
max-width : auto ! important ;
height : 68mm ! important ;
margin : 0 ! important ;
}
div . contribution . beirut-82 div . thumb {
display : inline-block ;
margin : calc ( var ( --line-height ) - 5px ) 0 -0 . 5em 0 ! important ;
}
/* Exception for So-called plants */
div . contribution . so-called-plants img {
width : 85mm ! important ;
margin-left : var ( --second-indent ) ! important ;
margin-bottom : 0 ! important ;
}
/*div.contribution.so-called-plants h4{*/
/*margin-top: 9px !important;*/
/*}*/
/ * div . enlarged-image img {
width : auto ! important ;
max-width : auto ! important ;
height : 175mm ! important ;
max-height : 175mm ! important ;
} * /
/* BASELINE FINAL TWEAKS */
div [ data-page-number = "13" ] div . thumb {
margin-top : 17px ;
}
div [ data-page-number = "33" ] div . thumb {
margin-top : -11px ;
}
div [ data-page-number = "34" ] div . thumb {
margin-top : 24px ;
margin-bottom : 20px ;
}
div [ data-page-number = "35" ] div . thumb {
margin-bottom : 20px ;
}
div [ data-page-number = "37" ] div . thumb {
margin-bottom : 13px ;
}
div [ data-page-number = "38" ] div . thumb {
margin-top : 20px ;
margin-bottom : 20px ;
}
div [ data-page-number = "40" ] div . thumb {
margin-bottom : 26px ;
}
div [ data-page-number = "41" ] div . thumb {
margin-bottom : 22px ;
}
div [ data-page-number = "42" ] div . thumb {
margin-bottom : 23px ;
}
div [ data-page-number = "44" ] div . thumb {
margin-bottom : 17px ;
}
div [ data-page-number = "45" ] div . thumb {
margin-top : 23px ;
margin-bottom : 27px ;
}
div [ data-page-number = "46" ] div . thumb {
margin-top : 20px ;
margin-bottom : 21px ;
}
div [ data-page-number = "49" ] div . thumb {
margin-bottom : 16px ;
}
div [ data-page-number = "51" ] div . thumb {
margin-top : 14px ;
margin-bottom : 13px ;
}
div [ data-page-number = "54" ] div . thumb {
margin-bottom : 12px ;
}
div [ data-page-number = "60" ] pre {
margin-top : calc ( var ( --line-height ) - 2px ) ;
margin-bottom : calc ( var ( --line-height ) - 2px ) ;
}
div [ data-page-number = "61" ] div . thumb {
margin-bottom : 20px ;
}
div [ data-page-number = "65" ] div . thumb {
margin-bottom : 15px ;
}
div [ data-page-number = "70" ] div . thumb {
margin-bottom : 22px ;
}
div [ data-page-number = "73" ] div . thumb img {
width : auto ;
max-height : 423px ! important ;
}
div [ data-page-number = "86" ] img [ src = "./images/Figure02.jpg" ] {
margin-top : -8px ;
}
div [ data-page-number = "88" ] img [ src = "./images/Figure06.jpg" ] . thumbimage {
width : 365px ! important ; /* original size */
}
div [ data-page-number = "99" ] div . thumb {
margin-bottom : 19px ;
}
div [ data-page-number = "108" ] img [ src = "./images/File_manager_overview.jpg" ] {
margin-bottom : 11px ;
}
div [ data-page-number = "112" ] div . thumb {
margin-bottom : 13px ;
}
div [ data-page-number = "116" ] div . thumb {
margin-top : 22px ;
margin-bottom : 21px ;
}
div [ data-page-number = "119" ] div . thumb {
margin-top : -4px ;
margin-bottom : 14px ;
}
div [ data-page-number = "125" ] div . thumb {
margin-bottom : 20px ;
}
div [ data-page-number = "126" ] div . thumb {
margin-top : -1px ;
margin-bottom : 14px ;
}
div [ data-page-number = "127" ] div . thumb {
margin-top : 20px ;
margin-bottom : 20px ;
}
div [ data-page-number = "129" ] div . thumb {
margin-top : 21px ;
margin-bottom : 22px ;
}
div [ data-page-number = "132" ] div . thumb {
margin-top : 19px ;
margin-bottom : 21px ;
}
/ * div [ data-page-number = "140" ] div . thumb {
margin-top : 21px ;
} * /
div [ data-page-number = "169" ] div . thumb {
margin-bottom : 16px ;
}
div [ data-page-number = "176" ] div . thumb {
margin-bottom : 20px ;
}
div [ data-page-number = "177" ] div . thumb {
margin-bottom : 27px ;
}
div [ data-page-number = "178" ] div . thumb {
margin-bottom : 26px ;
}
div [ data-page-number = "179" ] div . thumb {
margin-bottom : 19px ;
}
div [ data-page-number = "180" ] div . thumb {
margin-bottom : 20px ;
}
div [ data-page-number = "181" ] div . thumb {
margin-bottom : 26px ;
}
div [ data-page-number = "193" ] div . thumb {
margin-top : -1px ;
}
div [ data-page-number = "201" ] p . image {
margin-top : 21px ;
margin-bottom : 23px ;
}
div [ data-page-number = "234" ] div . thumb {
margin-bottom : 22px ;
}
div [ data-page-number = "245" ] div . floatnone {
margin-top : -6px ;
}
div [ data-page-number = "250" ] div . floatnone {
margin-top : 5px ! important ;
}
div [ data-page-number = "252" ] div . floatnone {
margin-top : -7px ;
}
div [ data-page-number = "255" ] div . floatnone {
margin-top : -2px ;
}
div [ data-page-number = "277" ] div . thumb {
margin-top : 21px ;
}
div [ data-page-number = "282" ] p . image {
margin-top : -2px ! important ;
}
div [ data-page-number = "283" ] p . image {
margin-bottom : 21px ! important ;
}
div [ data-page-number = "285" ] p . image {
margin-bottom : 21px ! important ;
}
div [ data-page-number = "290" ] p . image {
margin-bottom : 24px ! important ;
}
div [ data-page-number = "295" ] div . thumb {
margin-top : -2px ;
margin-bottom : 16px ;
}
div [ data-page-number = "296" ] div . thumb {
margin-bottom : 20px ;
}
div [ data-page-number = "298" ] div . thumb {
margin-top : 21px ;
margin-bottom : 20px ;
}
div [ data-page-number = "303" ] div . thumb {
margin-bottom : 19px ;
}
div [ data-page-number = "306" ] div . thumb {
margin-top : 19px ;
margin-bottom : 21px ;
}
. contribution . so-called-plants div . floatnone + p {
margin-left : var ( --second-indent ) ! important ;
text-indent : unset ! important ;
}
pre {
/* BITTER VERSION */
font-family : "bitter" ;
font-size : var ( --small-font-size ) ;
line-height : var ( --small-line-height ) ;
hyphens : none ;
white-space : pre-line ;
margin : 12px 0 12px var ( --second-indent ) ;
page-break-inside : avoid ;
}
/* BASELINE TWEAKING PRE's */
div [ data-page-number = "69" ] pre {
margin-top : 16px ! important ;
margin-bottom : 17px ! important ;
}
div [ data-page-number = "243" ] pre {
margin-top : 16px ! important ;
margin-bottom : 16px ! important ;
}
div [ data-page-number = "245" ] pre {
margin-top : 14px ! important ;
margin-bottom : 15px ! important ;
}
div [ data-page-number = "251" ] pre {
margin-top : 18px ! important ;
margin-bottom : 19px ! important ;
}
div [ data-page-number = "253" ] pre {
margin-top : 19px ! important ;
margin-bottom : 21px ! important ;
}
div [ data-page-number = "256" ] pre {
margin-top : 16px ! important ;
margin-bottom : 17px ! important ;
}
div . quote > pre {
border : none ;
padding : 0 ;
page-break-inside : unset ;
font-size : var ( --font-size ) ! important ;
font-style : italic ;
white-space : pre-line ;
word-wrap : break-word ;
line-height : var ( --line-height ) ! important ;
margin-top : var ( --line-height ) ! important ;
margin-bottom : var ( --line-height ) ! important ;
}
/ * div . contribution . so-called-plants pre {
margin-top : 9px ;
margin-bottom : 15px ;
} * /
blockquote {
margin : 0 0 0 var ( --second-indent ) ;
font-style : italic ;
}
blockquote . pull {
margin : var ( --line-height ) 0 var ( --line-height ) var ( --second-indent ) ! important ;
}
table {
width : 125mm ! important ;
margin-left : -10mm ! important ;
font-size : var ( --small-font-size ) ! important ;
line-height : var ( --small-line-height ) ;
hyphens : none ;
page-break-after : always ;
}
table p {
margin-bottom : 15px ! important ;
}
td {
vertical-align : top ;
padding : 0 . 5em ! important ;
}
td > p {
margin-top : var ( --small-line-height ) ;
}
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 ;
}
tr td : nth-of-type ( 2 ) {
min-width : 75px ;
}
sup {
line-height : 0 ;
font-size : 7pt ;
padding-left : 0 . 15mm ;
font-style : normal ! important ;
}
div . thumbcaption sup ,
ul . references sup ,
ol . references sup {
font-size : 6pt ! important ;
}
a ,
a : visited ,
a : active ,
a : hover {
color : inherit ;
text-decoration : none ;
page-break-inside : avoid ;
}
/* specific details, uitzonderingen */
a . external {
word-break : break-all ;
}
/* Disable for item index */
div . item_index a . external {
word-break : unset ! important ;
}
span . endash {
letter-spacing : -0 . 05em ;
margin-left : -0 . 05em ;
}
span . forced-hyphen :: after {
all : unset ! important ;
display : contents ! important ;
content : "\200B" ! important ;
}
@ media print {
html , body {
background-color : transparent ;
}
div # nav {
display : none ! important ;
}
}