Tools for generating the Volumetric Regimes book https://volumetricregimes.xyz/ (wiki-to-print, using Paged.js)
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1171 lines
30 KiB
1171 lines
30 KiB
: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;
|
|
/*marks: crop;*/
|
|
|
|
@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 section:first{
|
|
|
|
@bottom-center{
|
|
content: none;
|
|
}
|
|
}
|
|
@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{
|
|
page: section;
|
|
/* force an extra blank page before each section ... */
|
|
page-break-before: left;
|
|
}
|
|
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;
|
|
}
|
|
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;
|
|
margin: -7.5mm 0 0 20mm;
|
|
}
|
|
div.cover,
|
|
div.cover ul li,
|
|
div.backcover b{
|
|
font-size: 17pt;
|
|
font-family: "bitter_semi";
|
|
line-height: 1.4;
|
|
letter-spacing: 0.025em;
|
|
color: white;
|
|
font-weight: bold;
|
|
}
|
|
div.cover ul{
|
|
padding: 0;
|
|
margin: 2em 0;
|
|
}
|
|
div.cover ul li{
|
|
margin-bottom: 0.1em !important;
|
|
}
|
|
div.cover.second,
|
|
div.cover.second ul li{
|
|
color: black;
|
|
}
|
|
div.backcover{
|
|
color: white;
|
|
}
|
|
div.backcover b{
|
|
margin-left: 0;
|
|
}
|
|
div.backcover p{
|
|
margin-bottom: var(--line-height);
|
|
}
|
|
|
|
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: 8mm;
|
|
column-fill: auto;
|
|
height: 207mm;
|
|
}
|
|
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;
|
|
}
|
|
|
|
/* 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.clandestine li,
|
|
div.contribution.information-for-users li{
|
|
margin-bottom: 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: auto !important;
|
|
min-width: 60mm;
|
|
}
|
|
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: 155.4mm;
|
|
height: 234.6mm;
|
|
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: 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;
|
|
max-height: 234.6mm;
|
|
margin-top: 0mm !important;
|
|
margin-bottom: 0 !important;
|
|
}
|
|
img[src="./images/Topology-typography-2B.svg"]{
|
|
page-break-after: always;
|
|
}
|
|
|
|
/* 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.png"] 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) - 4px) 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="35"] div.thumb{
|
|
margin-bottom: 14px;
|
|
}
|
|
div[data-page-number="36"] div.thumb{
|
|
margin-top: 24px;
|
|
margin-bottom: 20px;
|
|
}
|
|
div[data-page-number="37"] div.thumb{
|
|
margin-bottom: 20px;
|
|
}
|
|
div[data-page-number="39"] div.thumb{
|
|
margin-bottom: 13px;
|
|
}
|
|
div[data-page-number="40"] div.thumb{
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
div[data-page-number="42"] div.thumb{
|
|
margin-bottom: 26px;
|
|
}
|
|
div[data-page-number="43"] div.thumb{
|
|
margin-bottom: 22px;
|
|
}
|
|
div[data-page-number="44"] div.thumb{
|
|
margin-bottom: 23px;
|
|
}
|
|
div[data-page-number="46"] div.thumb{
|
|
margin-bottom: 17px;
|
|
}
|
|
div[data-page-number="47"] div.thumb{
|
|
margin-top: 23px;
|
|
margin-bottom: 27px;
|
|
}
|
|
div[data-page-number="48"] div.thumb{
|
|
margin-top: 16px;
|
|
margin-bottom: 15px;
|
|
}
|
|
div[data-page-number="51"] div.thumb{
|
|
margin-bottom: 16px;
|
|
}
|
|
div[data-page-number="53"] div.thumb{
|
|
margin-top: 14px;
|
|
margin-bottom: 13px;
|
|
}
|
|
div[data-page-number="56"] div.thumb{
|
|
margin-bottom: 12px;
|
|
}
|
|
div[data-page-number="62"] pre{
|
|
margin-top: calc(var(--line-height) - 2px);
|
|
margin-bottom: calc(var(--line-height) - 2px);
|
|
}
|
|
div[data-page-number="63"] div.thumb{
|
|
margin-bottom: 20px;
|
|
}
|
|
div[data-page-number="66"] pre{
|
|
margin-top: calc(var(--line-height) - 2px);
|
|
margin-bottom: calc(var(--line-height) - 2px);
|
|
}
|
|
div[data-page-number="67"] div.thumb{
|
|
margin-bottom: 15px;
|
|
}
|
|
div[data-page-number="72"] div.thumb{
|
|
margin-bottom: 22px;
|
|
}
|
|
div[data-page-number="88"] img[src="./images/Figure02.png"] {
|
|
margin-top: -8px;
|
|
}
|
|
div[data-page-number="101"] div.thumb{
|
|
margin-bottom: 19px;
|
|
}
|
|
div[data-page-number="110"] img[src="./images/File_manager_overview.png"] {
|
|
margin-bottom: 11px;
|
|
}
|
|
div[data-page-number="114"] div.thumb{
|
|
margin-bottom: 13px;
|
|
}
|
|
div[data-page-number="118"] div.thumb{
|
|
margin-top: 22px;
|
|
margin-bottom: 21px;
|
|
}
|
|
div[data-page-number="121"] div.thumb{
|
|
margin-top: -4px;
|
|
margin-bottom: 14px;
|
|
}
|
|
div[data-page-number="127"] div.thumb{
|
|
margin-bottom: 20px;
|
|
}
|
|
div[data-page-number="128"] div.thumb{
|
|
margin-top: -1px;
|
|
margin-bottom: 14px;
|
|
}
|
|
div[data-page-number="129"] div.thumb{
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
div[data-page-number="131"] div.thumb{
|
|
margin-top: 21px;
|
|
margin-bottom: 22px;
|
|
}
|
|
div[data-page-number="134"] div.thumb{
|
|
margin-top: 19px;
|
|
margin-bottom: 21px;
|
|
}
|
|
div[data-page-number="171"] div.thumb{
|
|
margin-bottom: 16px;
|
|
}
|
|
div[data-page-number="178"] div.thumb{
|
|
margin-bottom: 20px;
|
|
}
|
|
div[data-page-number="179"] div.thumb{
|
|
margin-bottom: 27px;
|
|
}
|
|
div[data-page-number="180"] div.thumb{
|
|
margin-bottom: 26px;
|
|
}
|
|
div[data-page-number="181"] div.thumb{
|
|
margin-bottom: 19px;
|
|
}
|
|
div[data-page-number="182"] div.thumb{
|
|
margin-bottom: 20px;
|
|
}
|
|
div[data-page-number="183"] div.thumb{
|
|
margin-bottom: 26px;
|
|
}
|
|
div[data-page-number="195"] div.thumb{
|
|
margin-top: -5px;
|
|
}
|
|
div[data-page-number="203"] p.image{
|
|
margin-top: 21px;
|
|
margin-bottom: 23px;
|
|
}
|
|
div[data-page-number="236"] div.thumb{
|
|
margin-bottom: 22px;
|
|
}
|
|
div[data-page-number="247"] div.floatnone{
|
|
margin-top: -6px;
|
|
}
|
|
div[data-page-number="252"] div.floatnone{
|
|
margin-top: 5px !important;
|
|
}
|
|
div[data-page-number="254"] div.floatnone{
|
|
margin-top: -7px;
|
|
}
|
|
div[data-page-number="257"] div.floatnone{
|
|
margin-top: -2px;
|
|
}
|
|
div[data-page-number="279"] div.thumb{
|
|
margin-top: 21px;
|
|
}
|
|
div[data-page-number="284"] p.image{
|
|
margin-top: -2px !important;
|
|
}
|
|
div[data-page-number="285"] p.image{
|
|
margin-bottom: 22px !important;
|
|
}
|
|
div[data-page-number="287"] p.image{
|
|
margin-bottom: 20px !important;
|
|
}
|
|
div[data-page-number="292"] p.image{
|
|
margin-bottom: 24px !important;
|
|
}
|
|
div[data-page-number="297"] div.thumb{
|
|
margin-top: -2px;
|
|
margin-bottom: 16px;
|
|
}
|
|
div[data-page-number="298"] div.thumb{
|
|
margin-bottom: 20px;
|
|
}
|
|
div[data-page-number="300"] div.thumb{
|
|
margin-top: 21px;
|
|
margin-bottom: 20px;
|
|
}
|
|
div[data-page-number="305"] div.thumb{
|
|
margin-bottom: 20px;
|
|
}
|
|
div[data-page-number="308"] div.thumb{
|
|
margin-top: 19px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.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(--font-size);
|
|
line-height: var(--line-height);
|
|
hyphens: none;
|
|
white-space: pre-line;
|
|
margin: calc(var(--line-height) - 1px) 0 calc(var(--line-height) - 1px) var(--second-indent);
|
|
border: 1px solid rgb(220,220,220);
|
|
padding: calc(var(--line-height) / 2) var(--line-height);
|
|
page-break-inside: avoid;
|
|
}
|
|
div.quote > pre{
|
|
border: none;
|
|
padding: 0;
|
|
page-break-inside: unset;
|
|
font-style: italic;
|
|
white-space: pre-line;
|
|
word-wrap: break-word;
|
|
line-height: var(--line-height);
|
|
margin-bottom: var(--line-height);
|
|
}
|
|
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;
|
|
}
|
|
}
|
|
|