2021-09-01 16:50:02 +02:00
: root {
2021-09-08 15:34:34 +02:00
--font-size : 9pt ;
--line-height : 14pt ;
2021-09-01 16:50:02 +02:00
--small-font-size : 7 . 5pt ;
--small-line-height : 1 . 55 ;
--first-indent : 7mm ;
--second-indent : 20mm ;
2021-06-16 16:46:25 +02:00
}
2021-09-01 16:50:02 +02:00
@ font-face {
font-family : "bitter" ;
2021-09-08 15:34:34 +02:00
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 ) ;
2021-09-01 16:50:02 +02:00
font-weight : bold ;
font-style : normal ;
}
@ font-face {
font-family : "bitter" ;
2021-09-08 15:34:34 +02:00
src : url ( . . / fonts / Bitter-BoldItalic . ttf ) ;
font-weight : bold ;
font-style : italic ;
}
@ font-face {
font-family : "bitter_semi" ;
src : url ( . . / fonts / Bitter-SemiBold . ttf ) ;
2021-09-01 16:50:02 +02:00
font-weight : normal ;
font-style : normal ;
2021-06-16 16:46:25 +02:00
}
2021-10-06 17:15:48 +02:00
@ 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 {
2021-10-20 18:29:36 +02:00
/* does not work from this stylesheet, rule gets removed by paged.js??? */
/* only worked once inserted directly into the HTML */
break-after : column ;
2021-10-06 17:15:48 +02:00
}
2021-10-20 18:29:36 +02:00
div . column-break + p {
orphans : 8 ;
}
2021-10-06 17:15:48 +02:00
div . no-hyphens {
hyphens : none ! important ;
}
2021-10-20 18:29:36 +02:00
div . no-indent p {
text-indent : unset ! important ;
}
2021-10-06 17:15:48 +02:00
/* general */
2021-06-16 16:46:25 +02:00
2021-09-01 16:50:02 +02:00
html , body {
font-family : "bitter" ;
font-size : var ( --font-size ) ;
line-height : var ( --line-height ) ;
letter-spacing : 0 . 01em ;
2021-09-22 17:35:29 +02:00
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 */
2021-10-13 19:10:51 +02:00
orphans : unset ; /* Default is 2. These might trigger disappearing sentences at pagebreak? https://mattermost.pagedmedia.org/pagedmedia/pl/xsetebgcbbddzggwbbn93e5k1a */
widows : unset ; /* Default is 2. These might trigger disappearing sentences at pagebreak? https://mattermost.pagedmedia.org/pagedmedia/pl/xsetebgcbbddzggwbbn93e5k1a */
2021-06-16 16:46:25 +02:00
}
2021-09-01 16:50:02 +02:00
@ page {
2021-09-08 15:34:34 +02:00
/*size: 152.4mm 228.6mm;*/ /* Size of the online PDF */
/*size: 152mm 229mm;*/ /* Size listed in cover generator of Lightning Source */
2021-10-06 17:15:48 +02:00
/*size: 164mm 237mm;*/ /* Size of the physical printed DB06 book */
size : 152 . 4mm 228 . 6mm ;
bleed : 3mm ; /* required bleed by lightningsource */
marks : crop cross ;
2021-06-16 16:46:25 +02:00
2021-09-01 16:50:02 +02:00
@ bottom-center {
content : counter ( page ) ;
2021-09-08 15:34:34 +02:00
font-size : 9 . 5pt ;
2021-09-01 16:50:02 +02:00
margin-top : -6mm ;
}
}
@ page : right {
2021-10-06 17:15:48 +02:00
margin : 14 . 758mm 18mm 21 . 225mm 29 . 125mm ;
2021-09-16 18:37:23 +02:00
}
@ page : left {
2021-10-06 17:15:48 +02:00
margin : 14 . 758mm 29 . 125mm 21 . 225mm 18mm ;
2021-09-16 18:37:23 +02:00
}
2021-09-29 18:55:07 +02:00
@ page : right {
2021-09-16 18:37:23 +02:00
/* running header: contribution title (h2) */
2021-09-08 19:18:14 +02:00
@ top-center {
content : string ( contributiontitle ) ;
font-size : 8pt ;
text-transform : uppercase ;
margin-top : 5mm ;
}
2021-09-01 16:50:02 +02:00
}
2021-09-29 18:55:07 +02:00
@ page : left {
2021-09-16 18:37:23 +02:00
/* running header: section title (h1) */
2021-09-08 19:18:14 +02:00
@ top-center {
2021-09-16 18:37:23 +02:00
content : element ( sectiontitle ) ;
2021-09-08 19:18:14 +02:00
font-size : 8pt ;
text-transform : uppercase ;
margin-top : 5mm ;
}
2021-09-01 16:50:02 +02:00
}
2021-10-06 17:15:48 +02:00
@ page section {
2021-09-16 18:37:23 +02:00
@ top-center {
content : none ;
}
2021-10-06 17:15:48 +02:00
}
@ page section : first {
@ bottom-center {
content : none ;
}
}
/* section title pages */
@ page : nth ( 28 ) {
background-color : lightgray ;
}
@ page : nth ( 29 ) {
background-color : lightgray ;
}
2021-10-20 18:29:36 +02:00
@ page : nth ( 100 ) {
2021-10-06 17:15:48 +02:00
background-color : lightgray ;
}
2021-10-20 18:29:36 +02:00
@ page : nth ( 101 ) {
2021-10-06 17:15:48 +02:00
background-color : lightgray ;
}
2021-10-20 18:29:36 +02:00
@ page : nth ( 160 ) {
2021-10-06 17:15:48 +02:00
background-color : lightgray ;
}
2021-10-20 18:29:36 +02:00
@ page : nth ( 161 ) {
2021-10-06 17:15:48 +02:00
background-color : lightgray ;
}
2021-10-20 18:29:36 +02:00
@ page : nth ( 206 ) {
2021-10-06 17:15:48 +02:00
background-color : lightgray ;
}
2021-10-20 18:29:36 +02:00
@ page : nth ( 207 ) {
2021-10-06 17:15:48 +02:00
background-color : lightgray ;
}
2021-10-20 18:29:36 +02:00
@ page : nth ( 260 ) {
2021-10-06 17:15:48 +02:00
background-color : lightgray ;
}
2021-10-20 18:29:36 +02:00
@ page : nth ( 261 ) {
2021-10-06 17:15:48 +02:00
background-color : lightgray ;
}
2021-10-20 18:29:36 +02:00
@ page : nth ( 316 ) {
2021-10-06 17:15:48 +02:00
background-color : lightgray ;
}
2021-10-20 18:29:36 +02:00
@ page : nth ( 317 ) {
2021-10-06 17:15:48 +02:00
background-color : lightgray ;
}
@ page contribution : first {
/* exception for running-header on the first page of a contribution */
2021-09-16 18:37:23 +02:00
@ top-center {
2021-10-06 17:15:48 +02:00
content : none ;
2021-09-16 18:37:23 +02:00
}
}
2021-09-01 16:50:02 +02:00
@ page : first {
background-color : # b89ee6 ;
2021-09-16 18:37:23 +02:00
@ top-center {
content : none ;
}
@ bottom-center {
content : none ;
2021-09-01 16:50:02 +02:00
}
2021-09-16 18:37:23 +02:00
}
@ page backcover {
background-color : # b89ee6 ;
2021-09-01 16:50:02 +02:00
@ top-center {
2021-09-16 18:37:23 +02:00
content : none ;
2021-09-01 16:50:02 +02:00
}
@ bottom-center {
2021-09-16 18:37:23 +02:00
content : none ;
2021-09-01 16:50:02 +02:00
}
}
@ page nomarks {
2021-09-16 18:37:23 +02:00
2021-09-01 16:50:02 +02:00
@ top-center {
2021-09-16 18:37:23 +02:00
content : none ;
2021-09-01 16:50:02 +02:00
}
@ bottom-center {
2021-09-16 18:37:23 +02:00
content : none ;
2021-09-01 16:50:02 +02:00
}
}
2021-10-20 18:29:36 +02:00
@ page nomarkssmallmargins : right {
@ top-center {
content : none ;
}
@ bottom-center {
content : none ;
}
}
@ page nomarkssmallmargins : left {
@ top-center {
content : none ;
}
@ bottom-center {
content : none ;
}
}
2021-09-16 18:37:23 +02:00
@ page : blank {
2021-09-01 16:50:02 +02:00
@ top-center {
2021-09-16 18:37:23 +02:00
content : none ;
2021-09-01 16:50:02 +02:00
}
@ bottom-center {
2021-09-16 18:37:23 +02:00
content : none ;
2021-09-01 16:50:02 +02:00
}
2021-06-16 16:46:25 +02:00
}
2021-09-22 17:35:29 +02:00
/* for fullpage image contributions */
@ page fullpage {
margin : 0 ! important ;
@ top-center {
content : none ;
}
@ bottom-center {
content : none ;
}
}
2021-06-16 16:46:25 +02:00
2021-10-06 17:15:48 +02:00
/* sections -- page flows */
2021-09-01 16:50:02 +02:00
div . section {
2021-10-06 17:15:48 +02:00
page : section ;
2021-09-16 18:37:23 +02:00
/* force an extra blank page before each section ... */
page-break-before : always ;
2021-09-01 16:50:02 +02:00
}
2021-09-29 18:55:07 +02:00
div . section . preface_and_introduction {
/* reset this extra page break for the preface + introduction section (does not work?) */
2021-10-06 17:15:48 +02:00
/*page-break-before: none !important;*/
2021-09-16 18:37:23 +02:00
}
div . section h1 {
/* ... and make sure that each section starts on the right */
page-break-before : right ;
}
2021-09-01 16:50:02 +02:00
2021-09-16 18:37:23 +02:00
/* sub-sections -- page flows */
2021-10-06 17:15:48 +02:00
2021-09-16 18:37:23 +02:00
div . multi ,
2021-09-29 18:55:07 +02:00
div . preface ,
2021-09-01 16:50:02 +02:00
div . introduction ,
div . contribution {
page-break-before : right ;
}
2021-10-06 17:15:48 +02:00
div . preface ,
div . acknowledgements ,
div . introduction ,
div . contribution {
page : contribution ;
2021-09-01 16:50:02 +02:00
}
2021-09-16 18:37:23 +02:00
div . section . nomarks ,
2021-10-13 19:10:51 +02:00
div . section . toc ,
2021-10-20 18:29:36 +02:00
div . contribution . beirut-82 div . thumb ,
div . enlarged-image {
2021-09-01 16:50:02 +02:00
page : nomarks ;
}
2021-10-20 18:29:36 +02:00
div . special_image_treatment . userinfo {
page : nomarkssmallmargins ;
}
2021-09-01 16:50:02 +02:00
div . cover . second ,
div . multi ,
div . series {
page-break-after : always ;
}
div . appendix {
page-break-before : always ;
}
2021-10-13 19:10:51 +02:00
div . appendix . letter {
page-break-before : right ;
}
2021-09-16 18:37:23 +02:00
div . backcover {
2021-09-22 17:35:29 +02:00
page-break-before : left ;
2021-09-16 18:37:23 +02:00
page : backcover ;
}
2021-09-01 16:50:02 +02:00
2021-09-16 18:37:23 +02:00
/* sub-sections -- lay-out rules */
div . cover ,
div . backcover {
2021-09-01 16:50:02 +02:00
hyphens : none ;
2021-09-29 18:55:07 +02:00
margin : -10mm 0 0 20mm ;
2021-09-01 16:50:02 +02:00
}
div . cover ,
2021-09-16 18:37:23 +02:00
div . cover ul li ,
div . backcover h2 {
2021-09-01 16:50:02 +02:00
font-size : 17pt ;
2021-09-08 15:34:34 +02:00
font-family : "bitter_semi" ;
2021-09-01 16:50:02 +02:00
line-height : 1 . 4 ;
2021-09-08 15:34:34 +02:00
letter-spacing : 0 . 025em ;
2021-09-01 16:50:02 +02:00
color : white ;
font-weight : bold ;
}
2021-10-13 19:10:51 +02:00
div . backcover {
color : white ;
}
2021-09-01 16:50:02 +02:00
div . cover ul {
padding : 0 ;
margin : 2em 0 ;
}
div . cover ul li {
2021-09-29 18:55:07 +02:00
margin-bottom : 0 . 1em ! important ;
2021-09-01 16:50:02 +02:00
}
div . cover . second ,
div . cover . second ul li {
color : black ;
}
2021-09-16 18:37:23 +02:00
div . backcover {
}
div . backcover h2 {
margin-left : 0 ;
}
div . backcover p {
margin-bottom : 1em ;
}
2021-10-20 18:29:36 +02:00
2021-09-01 16:50:02 +02:00
div . series {
font-size : var ( --small-font-size ) ;
line-height : var ( --small-line-height ) ;
2021-10-20 18:29:36 +02:00
hyphens : none ;
2021-09-01 16:50:02 +02:00
}
div . series . about {
2021-09-22 17:35:29 +02:00
width : 50 % ;
2021-09-01 16:50:02 +02:00
}
div . series . colophon {
columns : 2 auto ;
2021-10-20 18:29:36 +02:00
column-gap : 8mm ;
2021-09-01 16:50:02 +02:00
column-fill : auto ;
2021-09-22 17:35:29 +02:00
height : 207mm ;
2021-09-01 16:50:02 +02:00
}
2021-09-16 18:37:23 +02:00
/* Table of Contents */
div . toc * {
font-size : var ( --font-size ) ;
2021-09-22 17:35:29 +02:00
hyphens : none ;
2021-09-01 16:50:02 +02:00
}
2021-10-13 19:10:51 +02:00
/* the word "Content" at the top of the page */
div . toc > p : first-of-type {
font-size : 16pt ! important ;
2021-09-16 18:37:23 +02:00
font-family : "bitter_semi" ;
2021-10-13 19:10:51 +02:00
line-height : 22pt ;
2021-09-16 18:37:23 +02:00
letter-spacing : 0 . 025em ;
2021-10-13 19:10:51 +02:00
margin : -1em 0 1em var ( --second-indent ) ! important ;
2021-09-16 18:37:23 +02:00
}
div . toc a :: before {
content : target-counter ( attr ( href url ) , page ) ;
float : left ;
2021-09-22 17:35:29 +02:00
font-weight : normal ;
2021-10-06 17:15:48 +02:00
/* right aligned */
/ * margin-left : -22mm ;
2021-09-22 17:35:29 +02:00
text-align : right ;
2021-10-06 17:15:48 +02:00
width : 15mm ; * /
/* right aligned */
2021-10-13 19:10:51 +02:00
margin-left : -13 . 5mm ;
2021-09-16 18:37:23 +02:00
}
div . toc p {
2021-10-13 19:10:51 +02:00
margin-top : 1 . 5em ;
margin-left : 7mm ;
2021-09-16 18:37:23 +02:00
}
div . toc ul {
2021-10-13 19:10:51 +02:00
margin : 1em 0 0 10mm ;
2021-09-01 16:50:02 +02:00
}
2021-09-16 18:37:23 +02:00
div . toc ul li {
margin-bottom : 0 . 5em ;
}
2021-09-22 17:35:29 +02:00
/* 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 ;
}
2021-09-16 18:37:23 +02:00
2021-09-01 16:50:02 +02:00
div . introduction ,
div . contribution {
}
2021-09-16 18:37:23 +02:00
div . introduction h1 {
display : none ;
}
2021-09-08 15:34:34 +02:00
div . contribution h2 + p > b {
font-weight : normal ;
2021-09-01 16:50:02 +02:00
}
2021-10-06 17:15:48 +02:00
2021-09-16 18:37:23 +02:00
div . item_index {
2021-09-22 17:35:29 +02:00
hyphens : none ;
2021-09-16 18:37:23 +02:00
}
2021-09-22 17:35:29 +02:00
div . item_index ul {
column-gap : 10mm ;
2021-10-13 19:10:51 +02:00
padding : 0 ;
2021-09-22 17:35:29 +02:00
}
div . item_index li {
2021-10-13 19:10:51 +02:00
margin-bottom : 0 ! important ;
2021-10-20 18:29:36 +02:00
text-indent : -7mm ;
margin-left : 7mm ;
2021-09-22 17:35:29 +02:00
}
div . item_index li a :: after {
2021-10-13 19:10:51 +02:00
content : ", " target-counter ( attr ( href ) , page ) ;
2021-09-22 17:35:29 +02:00
font-weight : bold ;
2021-10-13 19:10:51 +02:00
margin-left : -0 . 15em ; /* To remove the weird gaps between inline-blocks. This seems to be a general problem in HTML5/CSS3 */
2021-09-22 17:35:29 +02:00
}
div . item_index li span . item_nr {
width : 10mm ;
text-align : right ;
2021-09-16 18:37:23 +02:00
}
2021-09-08 15:34:34 +02:00
2021-10-20 18:29:36 +02:00
2021-09-29 18:55:07 +02:00
/* Invasive imagination and its agential cuts - figures */
div . two-columns {
2021-10-20 18:29:36 +02:00
columns : 2 auto ;
column-fill : auto ;
column-gap : 14mm ;
/*margin-bottom: 1em;*/
}
div . two-columns img ,
div . two-columns div . thumb {
display : block ;
float : left ;
}
div . two-columns img ,
2021-09-29 18:55:07 +02:00
div . two-columns div . thumb img {
2021-10-20 18:29:36 +02:00
width : 55mm ! important ;
2021-09-29 18:55:07 +02:00
}
2021-09-08 15:34:34 +02:00
/* general elements*/
h1 {
2021-09-16 18:37:23 +02:00
/* section titles */
2021-10-20 18:29:36 +02:00
font-size : 34pt ;
2021-09-08 15:34:34 +02:00
line-height : 1 . 15 ;
margin : 0 ;
word-break : normal ;
2021-10-20 18:29:36 +02:00
hyphens : manual ! important ;
2021-09-08 15:34:34 +02:00
}
2021-10-06 17:15:48 +02:00
/* h1's are followed by a <span class="running-header-section"></span> */
. running-header-section {
2021-09-16 18:37:23 +02:00
position : running ( sectiontitle ) ;
}
2021-09-08 15:34:34 +02:00
h2 {
/* Contribution titles */
2021-10-06 17:15:48 +02:00
string-set : contributiontitle content ( text ) ! important ;
2021-09-08 15:34:34 +02:00
font-family : "bitter_semi" ;
font-size : 16pt ;
line-height : 22pt ;
letter-spacing : 0 . 025em ;
2021-10-06 17:15:48 +02:00
margin : -1em 0 1em var ( --second-indent ) ;
2021-09-08 15:34:34 +02:00
hyphens : none ;
}
2021-10-06 17:15:48 +02:00
/* 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 ;
}
2021-09-08 15:34:34 +02:00
h3 {
/* Sub-headers + Notes/References sections + TOC headers*/
font-size : 100 % ;
page-break-after : avoid ;
margin : 1em 0 0 var ( --second-indent ) ;
letter-spacing : 0 . 05em ;
hyphens : none ;
}
h4 {
/* Sub-sub-headers */
font-size : 100 % ;
page-break-after : avoid ;
2021-10-06 17:15:48 +02:00
margin : 1em 0 1em var ( --first-indent ) ;
2021-09-08 15:34:34 +02:00
hyphens : none ;
2021-10-06 17:15:48 +02:00
font-style : italic ;
2021-09-08 15:34:34 +02:00
font-weight : normal ;
2021-10-06 17:15:48 +02:00
/*text-decoration: underline;*/
2021-09-08 15:34:34 +02:00
}
h5 , h6 {
margin : 0 0 1em 0 ;
page-break-after : avoid ;
hyphens : none ;
}
p {
text-indent : var ( --first-indent ) ;
margin : 0 ;
padding : 0 ;
}
2021-09-16 18:37:23 +02:00
/* all exceptions on the text-indent */
2021-10-13 19:10:51 +02:00
div . list-without-markers p ,
div . no-text-indent p ,
2021-09-16 18:37:23 +02:00
div . toc p ,
2021-10-06 17:15:48 +02:00
h2 + p , /* author name */
2021-09-16 18:37:23 +02:00
h2 + p ,
2021-10-06 17:15:48 +02:00
h2 + p + p + blockquote + p ,
div . contribution h2 + p + p + div . thumb ,
div . contribution h2 + p + div . thumb ,
2021-09-16 18:37:23 +02:00
h3 + p ,
2021-10-13 19:10:51 +02:00
div . thumb + p ,
div . portrait + p ,
2021-10-06 17:15:48 +02:00
h4 + p ,
2021-09-08 15:34:34 +02:00
div . series p ,
div . cover p ,
2021-09-22 17:35:29 +02:00
div . biographies p ,
div . previously_published p ,
2021-09-16 18:37:23 +02:00
div . backcover p ,
2021-10-06 17:15:48 +02:00
blockquote p ,
2021-10-13 19:10:51 +02:00
table p ,
2021-10-06 17:15:48 +02:00
pre + p ,
blockquote + p {
2021-09-08 15:34:34 +02:00
text-indent : unset ! important ;
}
2021-09-22 17:35:29 +02:00
div . previously_published p ,
div . biographies p ,
2021-09-08 15:34:34 +02:00
div . series p {
margin-bottom : 1em ;
}
2021-10-13 19:10:51 +02:00
ul > li {
2021-10-06 17:15:48 +02:00
list-style : none ;
2021-10-13 19:10:51 +02:00
text-indent : 0 ;
margin-bottom : 1em ;
}
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 . item_index ul > li :: before {
content : none ! important ;
margin-left : unset ;
margin-right : unset ;
margin-bottom : unset ;
}
div . list-without-markers {
text-indent : -0 . 8em ! 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 ;
}
/* notes (ol.references) and references (ul.references) */
2021-10-06 17:15:48 +02:00
ol . references ,
2021-10-13 19:10:51 +02:00
ul . references {
2021-10-06 17:15:48 +02:00
font-size : var ( --small-font-size ) ;
line-height : var ( --small-line-height ) ;
columns : 2 auto ;
column-gap : 7mm ;
margin : 0 1em ;
padding : 0 ;
2021-10-20 18:29:36 +02:00
orphans : 8 ;
2021-10-06 17:15:48 +02:00
}
2021-10-13 19:10:51 +02:00
ul . references > li {
2021-10-06 17:15:48 +02:00
text-indent : -1em ;
2021-10-13 19:10:51 +02:00
margin-bottom : unset ! important ;
2021-10-06 17:15:48 +02:00
}
2021-09-08 15:34:34 +02:00
img {
position : relative ;
display : block ;
2021-10-06 17:15:48 +02:00
width : 105mm ; /* full text width */
2021-09-16 18:37:23 +02:00
height : auto ;
max-height : 200mm ;
margin : 1em 0 1em 0 ;
2021-10-06 17:15:48 +02:00
/* PRINT PDF - GRAYSCALE */
/*filter: grayscale(100%);*/
2021-09-08 15:34:34 +02:00
}
2021-09-22 17:35:29 +02:00
div . thumb {
2021-09-08 15:34:34 +02:00
/* sometimes wrapper of img + image caption */
2021-09-01 16:50:02 +02:00
font-size : var ( --small-font-size ) ;
line-height : var ( --small-line-height ) ;
2021-10-06 17:15:48 +02:00
margin : 1em 0 1em var ( --first-indent ) ;
2021-09-08 15:34:34 +02:00
page-break-inside : avoid ;
2021-10-06 17:15:48 +02:00
break-inside : avoid ;
2021-09-08 15:34:34 +02:00
hyphens : none ;
}
2021-10-06 17:15:48 +02:00
div . thumb div . thumbinner {
width : unset ! important ;
}
2021-09-22 17:35:29 +02:00
div . thumb img {
2021-09-08 15:34:34 +02:00
margin-left : -7mm ! important ; /* same as first-indent but inverted */
2021-09-01 16:50:02 +02:00
}
2021-10-06 17:15:48 +02:00
div . portrait div . thumb img {
width : auto ! important ;
2021-10-20 18:29:36 +02:00
min-width : 60mm ;
2021-10-06 17:15:48 +02:00
}
2021-09-22 17:35:29 +02:00
div . fullpage {
page : fullpage ! important ;
}
2021-10-06 17:15:48 +02:00
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 {
2021-10-13 19:10:51 +02:00
margin-left : -3mm ! important ;
2021-10-06 17:15:48 +02:00
}
div . fullpage . right div . thumb img {
2021-10-13 19:10:51 +02:00
margin-left : 0mm ! important ;
2021-10-06 17:15:48 +02:00
}
2021-10-13 19:10:51 +02:00
/* Exception for User Info large small image */
2021-10-06 17:15:48 +02:00
div . special_image_treatment . userinfo img {
width : auto ! important ;
max-width : auto ! important ;
2021-10-20 18:29:36 +02:00
height : 200mm ! important ;
max-height : 200mm ! important ;
margin : 0 ;
2021-09-22 17:35:29 +02:00
}
2021-10-13 19:10:51 +02:00
/* Exception for Invasive Imagination images */
div . invasive-imagination div . thumb {
margin-bottom : 2em ;
width : 75mm ! important ;
}
div . invasive-imagination div . thumb img {
width : 100 % ! important ;
}
/* Exception for Maria Dada's text on Beirut 82 */
2021-10-20 18:29:36 +02:00
div . enlarged-image img ,
2021-10-13 19:10:51 +02:00
div . contribution . beirut-82 div . thumb img {
width : auto ! important ;
max-width : auto ! important ;
height : 175mm ! important ;
max-height : 175mm ! important ;
margin-top : -10mm ;
margin-left : -22mm ! important ;
}
2021-10-20 18:29:36 +02:00
img [ alt = "Strategy and Tactics.jpg" ] {
margin-left : -18mm ! important ;
}
div . enlarged-image img [ alt = "Spiralling outburst" ] ,
div . enlarged-image img [ alt = "Spiralling outburst" ] {
max-width : 140mm ! important ;
height : auto ! important ;
max-height : unset ! important ;
}
2021-10-13 19:10:51 +02:00
2021-09-08 15:34:34 +02:00
pre {
2021-10-13 19:10:51 +02:00
/* <br>'s are sometimes manually added in the text */
/* BITTER VERSION */
font-family : "bitter" ;
font-size : var ( --font-size ) ;
line-height : var ( --line-height ) ;
font-style : italic ;
hyphens : none ;
white-space : pre-line ;
margin : 1em 0 1em var ( --second-indent ) ;
/* MONOSPACE VERSION */
/ * font-family : "mono" ;
2021-10-06 17:15:48 +02:00
font-size : 9pt ;
line-height : 13pt ;
hyphens : none ;
2021-10-13 19:10:51 +02:00
white-space : pre-line ;
margin : 1em 0 1em var ( --second-indent ) ; * /
2021-09-08 15:34:34 +02:00
}
blockquote {
margin : 0 0 0 var ( --second-indent ) ;
font-style : italic ;
}
2021-10-06 17:15:48 +02:00
blockquote . pull {
margin : 1em 0 1em var ( --second-indent ) ! important ;
}
2021-09-08 15:34:34 +02:00
table {
2021-10-13 19:10:51 +02:00
width : 125mm ! important ;
margin-left : -10mm ! important ;
font-size : 8pt ! important ;
line-height : 11pt ;
hyphens : none ;
page-break-after : always ;
2021-09-08 15:34:34 +02:00
}
2021-10-13 19:10:51 +02:00
table p {
margin-bottom : 1em ! important ;
}
td {
vertical-align : top ;
padding : 0 . 5em ! important ;
2021-10-20 18:29:36 +02:00
}
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 ;
}
2021-09-08 15:34:34 +02:00
sup {
line-height : 0 ;
2021-09-08 19:18:14 +02:00
font-size : 7pt ;
2021-09-16 18:37:23 +02:00
padding-left : 0 . 15mm ;
2021-09-08 19:18:14 +02:00
}
canvas {
position : absolute ;
2021-09-29 18:55:07 +02:00
top : 20mm ;
left : -20mm ;
/*border: 1px solid magenta;*/
2021-09-08 15:34:34 +02:00
}
a ,
a : visited ,
a : active ,
a : hover {
color : inherit ;
text-decoration : none ;
2021-10-06 17:15:48 +02:00
page-break-inside : avoid ;
2021-09-08 15:34:34 +02:00
}
2021-09-01 16:50:02 +02:00
/* specific details, uitzonderingen */
2021-06-16 16:46:25 +02:00
a . external {
2021-09-01 16:50:02 +02:00
word-break : break-all ;
}
2021-09-08 15:34:34 +02:00
@ media print {
html , body {
background-color : transparent ;
}
div # nav {
display : none ! important ;
}
}