@ -55,7 +55,7 @@
. 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 ;
/*break-after: column; */
display : block ;
}
. column-break + p {
@ -96,8 +96,8 @@ body{
/*size: 164mm 237mm;*/ /* Size of the physical printed DB06 book */
/*size: 576px 864px;*/
size : 152mm 229mm ;
bleed : 3mm ;
/*marks: crop;*/
/*bleed: 3mm; */
/*marks: crop;*/ /* needs to stay off for the final print files */
@ bottom-center {
content : counter ( page ) ;
@ -139,7 +139,6 @@ body{
margin-top : 5mm ;
}
}
@ page : first {
/* cover */
/*background: linear-gradient(180deg, #787cc0, #c0c1e7);*/
@ -164,7 +163,6 @@ body{
content : none ;
}
}
@ page section {
/* section title pages -- color */
/*background: linear-gradient(180deg, #3741ea, #c0c1e7);*/
@ -179,12 +177,6 @@ body{
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 ;
@ -244,9 +236,10 @@ body{
/* sections -- page flows */
div . section {
page : 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 */
@ -260,6 +253,7 @@ div.section{
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 ;
@ -322,21 +316,24 @@ div.backcover{
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-size : var ( --h2-font-size ) ;
font-family : "bitter_semi" ;
line-height : 1 . 4 ;
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 : 2em 0 ;
margin : 1 . 5em 0 ! important ;
}
div . cover ul li {
margin-bottom : 0 . 1em ! important ;
@ -347,6 +344,7 @@ div.backcover{
}
div . backcover {
color : white ;
margin : -4mm 0 0 24mm ; /* margin-top: 17mm, margin-left: 42mm */
}
div . backcover b {
margin-left : 0 ;
@ -354,6 +352,21 @@ div.backcover{
div . backcover p {
margin-bottom : var ( --line-height ) ;
}
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 ) ;
@ -363,11 +376,20 @@ div.series{
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 ;
/*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 ) ;
@ -667,11 +689,15 @@ ul > li {
div . contribution . ultrasonic-dreams li ,
div . contribution . lidar li ,
div . contribution . clandestine 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 ;
}
@ -830,7 +856,7 @@ img{
div . invasive-imagination div . thumb div . thumbcaption {
width : calc ( 100 % - 7mm ) ;
}
div . invasive-imagination a [ href = "#File:Figure06.pn g" ] img {
div . invasive-imagination a [ href = "#File:Figure06.j pg" ] img {
width : 365px ! important ;
}
/* Exception for Maria Dada's images */
@ -842,7 +868,7 @@ img{
}
div . contribution . beirut-82 div . thumb {
display : inline-block ;
margin : calc ( var ( --line-height ) - 4 px) 0 -0 . 5em 0 ! important ;
margin : calc ( var ( --line-height ) - 5 px) 0 -0 . 5em 0 ! important ;
}
/* Exception for So-called plants */
div . contribution . so-called-plants img {
@ -850,9 +876,9 @@ img{
margin-left : var ( --second-indent ) ! important ;
margin-bottom : 0 ! important ;
}
div . contribution . so-called-plants h4 {
margin-top : 9px ! important ;
}
/*div.contribution.so-called-plants h4{*/
/*margin-top: 9px !important;*/
/*}*/
/ * div . enlarged-image img {
width : auto ! important ;
@ -865,184 +891,190 @@ img{
div [ data-page-number = "13" ] div . thumb {
margin-top : 17px ;
}
div [ data-page-number = "35 " ] div . thumb {
div [ data-page-number = "33 " ] div . thumb {
margin-bottom : 14px ;
}
div [ data-page-number = "36 " ] div . thumb {
div [ data-page-number = "34 " ] div . thumb {
margin-top : 24px ;
margin-bottom : 20px ;
}
div [ data-page-number = "37 " ] div . thumb {
div [ data-page-number = "35 " ] div . thumb {
margin-bottom : 20px ;
}
div [ data-page-number = "39 " ] div . thumb {
div [ data-page-number = "37 " ] div . thumb {
margin-bottom : 13px ;
}
div [ data-page-number = "40 " ] div . thumb {
div [ data-page-number = "38 " ] div . thumb {
margin-top : 20px ;
margin-bottom : 20px ;
}
div [ data-page-number = "42 " ] div . thumb {
div [ data-page-number = "40 " ] div . thumb {
margin-bottom : 26px ;
}
div [ data-page-number = "43 " ] div . thumb {
div [ data-page-number = "41 " ] div . thumb {
margin-bottom : 22px ;
}
div [ data-page-number = "44 " ] div . thumb {
div [ data-page-number = "42 " ] div . thumb {
margin-bottom : 23px ;
}
div [ data-page-number = "46 " ] div . thumb {
div [ data-page-number = "44 " ] div . thumb {
margin-bottom : 17px ;
}
div [ data-page-number = "47 " ] div . thumb {
div [ data-page-number = "45 " ] div . thumb {
margin-top : 23px ;
margin-bottom : 27px ;
}
div [ data-page-number = "48 " ] div . thumb {
div [ data-page-number = "46 " ] div . thumb {
margin-top : 16px ;
margin-bottom : 15px ;
}
div [ data-page-number = "51 " ] div . thumb {
div [ data-page-number = "49 " ] div . thumb {
margin-bottom : 16px ;
}
div [ data-page-number = "53 " ] div . thumb {
div [ data-page-number = "51 " ] div . thumb {
margin-top : 14px ;
margin-bottom : 13px ;
}
div [ data-page-number = "56 " ] div . thumb {
div [ data-page-number = "54 " ] div . thumb {
margin-bottom : 12px ;
}
div [ data-page-number = "62 " ] pre {
div [ data-page-number = "60 " ] pre {
margin-top : calc ( var ( --line-height ) - 2px ) ;
margin-bottom : calc ( var ( --line-height ) - 2px ) ;
}
div [ data-page-number = "63 " ] div . thumb {
div [ data-page-number = "61 " ] 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 {
div [ data-page-number = "65" ] div . thumb {
margin-bottom : 15px ;
}
div [ data-page-number = "72 " ] div . thumb {
div [ data-page-number = "70" ] div . thumb {
margin-bottom : 22px ;
}
div [ data-page-number = "88" ] img [ src = "./images/Figure02.png" ] {
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 = "101" ] div . thumb {
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 = "110" ] img [ src = "./images/File_manager_overview.png" ] {
div [ data-page-number = "108 " ] img [ src = "./images/File_manager_overview.j pg" ] {
margin-bottom : 11px ;
}
div [ data-page-number = "114 " ] div . thumb {
div [ data-page-number = "112 " ] div . thumb {
margin-bottom : 13px ;
}
div [ data-page-number = "118 " ] div . thumb {
div [ data-page-number = "116 " ] div . thumb {
margin-top : 22px ;
margin-bottom : 21px ;
}
div [ data-page-number = "12 1" ] div . thumb {
div [ data-page-number = "119 " ] div . thumb {
margin-top : -4px ;
margin-bottom : 14px ;
}
div [ data-page-number = "127 " ] div . thumb {
div [ data-page-number = "125 " ] div . thumb {
margin-bottom : 20px ;
}
div [ data-page-number = "128 " ] div . thumb {
div [ data-page-number = "126 " ] div . thumb {
margin-top : -1px ;
margin-bottom : 14px ;
}
div [ data-page-number = "129 " ] div . thumb {
div [ data-page-number = "127 " ] div . thumb {
margin-top : 20px ;
margin-bottom : 20px ;
}
div [ data-page-number = "131 " ] div . thumb {
div [ data-page-number = "129 " ] div . thumb {
margin-top : 21px ;
margin-bottom : 22px ;
}
div [ data-page-number = "134 " ] div . thumb {
div [ data-page-number = "132 " ] div . thumb {
margin-top : 19px ;
margin-bottom : 21px ;
}
div [ data-page-number = "171" ] div . thumb {
/ * div [ data-page-number = "140" ] div . thumb {
margin-top : 21px ;
} * /
div [ data-page-number = "169" ] div . thumb {
margin-bottom : 16px ;
}
div [ data-page-number = "178" ] div . thumb {
div [ data-page-number = "176 " ] div . thumb {
margin-bottom : 20px ;
}
div [ data-page-number = "179 " ] div . thumb {
div [ data-page-number = "177 " ] div . thumb {
margin-bottom : 27px ;
}
div [ data-page-number = "180 " ] div . thumb {
div [ data-page-number = "17 8" ] div . thumb {
margin-bottom : 26px ;
}
div [ data-page-number = "181 " ] div . thumb {
div [ data-page-number = "179 " ] div . thumb {
margin-bottom : 19px ;
}
div [ data-page-number = "182 " ] div . thumb {
div [ data-page-number = "180 " ] div . thumb {
margin-bottom : 20px ;
}
div [ data-page-number = "183 " ] div . thumb {
div [ data-page-number = "181 " ] div . thumb {
margin-bottom : 26px ;
}
div [ data-page-number = "195 " ] div . thumb {
margin-top : -5 px ;
div [ data-page-number = "193 " ] div . thumb {
margin-top : -4 px ;
}
div [ data-page-number = "203 " ] p . image {
div [ data-page-number = "201 " ] p . image {
margin-top : 21px ;
margin-bottom : 23px ;
}
div [ data-page-number = "236 " ] div . thumb {
div [ data-page-number = "234 " ] div . thumb {
margin-bottom : 22px ;
}
div [ data-page-number = "247 " ] div . floatnone {
div [ data-page-number = "245 " ] div . floatnone {
margin-top : -6px ;
}
div [ data-page-number = "252 " ] div . floatnone {
div [ data-page-number = "250 " ] div . floatnone {
margin-top : 5px ! important ;
}
div [ data-page-number = "254 " ] div . floatnone {
div [ data-page-number = "252 " ] div . floatnone {
margin-top : -7px ;
}
div [ data-page-number = "257 " ] div . floatnone {
div [ data-page-number = "255 " ] div . floatnone {
margin-top : -2px ;
}
div [ data-page-number = "279 " ] div . thumb {
div [ data-page-number = "277 " ] div . thumb {
margin-top : 21px ;
}
div [ data-page-number = "284 " ] p . image {
div [ data-page-number = "282 " ] p . image {
margin-top : -2px ! important ;
}
div [ data-page-number = "285 " ] p . image {
margin-bottom : 22 px ! important ;
div [ data-page-number = "283 " ] p . image {
margin-bottom : 21 px ! important ;
}
div [ data-page-number = "287 " ] p . image {
margin-bottom : 20 px ! important ;
div [ data-page-number = "285 " ] p . image {
margin-bottom : 21 px ! important ;
}
div [ data-page-number = "292 " ] p . image {
div [ data-page-number = "290 " ] p . image {
margin-bottom : 24px ! important ;
}
div [ data-page-number = "297 " ] div . thumb {
div [ data-page-number = "295 " ] div . thumb {
margin-top : -2px ;
margin-bottom : 16px ;
}
div [ data-page-number = "298 " ] div . thumb {
div [ data-page-number = "296 " ] div . thumb {
margin-bottom : 20px ;
}
div [ data-page-number = "300 " ] div . thumb {
div [ data-page-number = "298 " ] div . thumb {
margin-top : 21px ;
margin-bottom : 20px ;
}
div [ data-page-number = "305 " ] div . thumb {
margin-bottom : 20 px;
div [ data-page-number = "303 " ] div . thumb {
margin-bottom : 19 px;
}
div [ data-page-number = "308 " ] div . thumb {
div [ data-page-number = "306 " ] div . thumb {
margin-top : 19px ;
margin-bottom : 20 px ;
margin-bottom : 21 px ;
}
. contribution . so-called-plants div . floatnone + p {
margin-left : var ( --second-indent ) ! important ;
@ -1052,29 +1084,54 @@ img{
pre {
/* BITTER VERSION */
font-family : "bitter" ;
font-size : var ( --font-size ) ;
line-height : var ( --line-height ) ;
font-size : var ( --small- font-size ) ;
line-height : var ( --small- 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 ) ;
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 ) ;
margin-bottom : var ( --line-height ) ;
line-height : var ( --line-height ) ! important ;
margin-top : var ( --line-height ) ! important ;
margin-bottom : var ( --line-height ) ! important ;
}
div . contribution . so-called-plants pre {
/ * div . contribution . so-called-plants pre {
margin-top : 9px ;
margin-bottom : 15px ;
}
} * /
blockquote {
margin : 0 0 0 var ( --second-indent ) ;
font-style : italic ;