/*-webkit-hyphenate-limit-chars: 8 2 4;*//* word length, minimum number of characters before and after the hyphen -- does not work in chrome */
/*orphans: 2;*/
/*widows: 2;*/
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 */
}
@page{
@ -138,34 +138,34 @@ html, body{
@page:nth(29){
background-color:lightgray;
}
@page:nth(98){
@page:nth(104){
background-color:lightgray;
}
@page:nth(99){
@page:nth(105){
background-color:lightgray;
}
@page:nth(160){
@page:nth(164){
background-color:lightgray;
}
@page:nth(161){
@page:nth(165){
background-color:lightgray;
}
@page:nth(204){
@page:nth(210){
background-color:lightgray;
}
@page:nth(205){
@page:nth(211){
background-color:lightgray;
}
@page:nth(256){
@page:nth(262){
background-color:lightgray;
}
@page:nth(257){
@page:nth(263){
background-color:lightgray;
}
@page:nth(312){
@page:nth(318){
background-color:lightgray;
}
@page:nth(313){
@page:nth(319){
background-color:lightgray;
}
@pagecontribution:first{
@ -255,7 +255,8 @@ div.contribution{
page:contribution;
}
div.section.nomarks,
div.section.toc{
div.section.toc,
div.contribution.beirut-82div.thumb{
page:nomarks;
}
div.cover.second,
@ -266,6 +267,9 @@ div.series{
div.appendix{
page-break-before:always;
}
div.appendix.letter{
page-break-before:right;
}
div.backcover{
page-break-before:left;
page:backcover;
@ -288,12 +292,14 @@ div.backcover{
color:white;
font-weight:bold;
}
div.backcover{
color:white;
}
div.coverul{
padding:0;
margin:2em0;
}
div.coverulli{
list-style:none;
margin-bottom:0.1em!important;
}
div.cover.second,
@ -307,7 +313,6 @@ div.backcover{
}
div.backcoverp{
margin-bottom:1em;
color:white;
}
div.series{
font-size:var(--small-font-size);
@ -328,12 +333,13 @@ div.toc *{
font-size:var(--font-size);
hyphens:none;
}
div.tocp:first-of-type{
font-size:17pt!important;
/* 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:1.4;
line-height:22pt;
letter-spacing:0.025em;
margin:-10mm01em10mm!important;
margin:-1em01emvar(--second-indent)!important;
}
div.toca::before{
content:target-counter(attr(hrefurl),page);
@ -346,14 +352,14 @@ div.toc *{
width:15mm;*/
/* right aligned */
margin-left:-13mm;
width:13mm;
margin-left:-13.5mm;
}
div.tocp{
margin-top:1em;
margin-top:1.5em;
margin-left:7mm;
}
div.tocul{
margin:1em004em;
margin:1em0010mm;
}
div.toculli{
margin-bottom:0.5em;
@ -394,14 +400,15 @@ div.item_index{
}
div.item_indexul{
column-gap:10mm;
padding:0;
}
div.item_indexli{
text-indent:-6mm;
margin-bottom:0!important;
}
div.item_indexlia::after{
/* This counter stops the pagination of the last pages of the book..... */
content:target-counter(attr(href),page);
content:", "target-counter(attr(href),page);
font-weight:bold;
margin-left:-0.15em;/* To remove the weird gaps between inline-blocks. This seems to be a general problem in HTML5/CSS3 */
}
div.item_indexlispan.item_nr{
width:10mm;
@ -412,10 +419,12 @@ div.item_index{
div.two-columns{
columns:2auto;
column-fill:auto;
column-gap:14mm;
margin-bottom:1em;
}
div.two-columnsdiv.thumbimg{
width:50mm!important;
display:inline-block;
width:50mm!important;
display:inline-block;
}
/* general elements*/
@ -497,15 +506,18 @@ p{
padding:0;
}
/* all exceptions on the text-indent */
div.list-without-markersp,
div.no-text-indentp,
div.bugged-reportp,
div.tocp,
h2+p,/* author name */
h2+p,
h2+p+p+blockquote+p,
div.contributionh2+p+p+div.thumb,
div.contributionh2+p+p+div.thumb+p,
div.contributionh2+p+div.thumb,
h3+p,
h3+div.thumb+p,
div.thumb+p,
div.portrait+p,
h4+p,
div.seriesp,
div.coverp,
@ -513,6 +525,7 @@ p{
div.previously_publishedp,
div.backcoverp,
blockquotep,
tablep,
pre+p,
blockquote+p{
text-indent:unset!important;
@ -522,17 +535,43 @@ p{
div.seriesp{
margin-bottom:1em;
}
div.contributionul>li{
ul>li{
list-style:none;
}
div.contributionul>li:before{
/*content: "- ";*/
margin-left:-4mm;
margin-right:2mm;
}
text-indent:0;
margin-bottom:1em;
}
div.contributionul>li::before{
content:"- ";
margin-left:-3.5mm;
margin-right:1.5mm;
}
/* Mysteriously enough... these rules don't work??? */
div.coverul>li::before,
ul.references>li::before,
div.tocul>li::before,
div.item_indexul>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-markersul>li{
text-indent:-1em!important;
}
div.list-without-markersul>li:before{
content:none!important;
margin-left:unset;
margin-right:unset;
}
/* notes (ol.references) and references (ul.references) */
ol.references,
h3+ul/* This is tricky as "references" has no class */{
/* notes and references */
ul.references{
font-size:var(--small-font-size);
line-height:var(--small-line-height);
columns:2auto;
@ -540,26 +579,10 @@ div.contribution ul > li{
margin:01em;
padding:0;
}
h3+ul>li{
list-style:none;
ul.references>li{
text-indent:-1em;
margin-bottom:unset!important;
}
/* exceptions of columns */
div.coverul,
div.tocul{
columns:unset;
list-style:none;
}
div.appendixul>li,
div.coverul>li,
div.tocul>li{
text-indent:0;
}
div.appendixul>li:before,
div.coverul>li:before,
div.tocul>li:before,{
content:""!important;
}
img{
position:relative;
@ -614,24 +637,56 @@ img{
margin-bottom:0!important;
}
div.fullpage.leftdiv.thumbimg{
margin-left:-10mm!important;
margin-left:-3mm!important;
}
div.fullpage.rightdiv.thumbimg{
margin-left:-7mm!important;
margin-left:0mm!important;
}
/* Exception for User Info large small image */
div.special_image_treatment.userinfoimg{
width:auto!important;
max-width:auto!important;
height:180mm!important;
max-height:180mm!important;
}
/* Exception for Invasive Imagination images */
div.invasive-imaginationdiv.thumb{
margin-bottom:2em;
width:75mm!important;
}
div.invasive-imaginationdiv.thumbimg{
width:100%!important;
}
/* Exception for Maria Dada's text on Beirut 82 */
div.contribution.beirut-82div.thumbimg{
width:auto!important;
max-width:auto!important;
height:175mm!important;
max-height:175mm!important;
margin-top:-10mm;
margin-left:-22mm!important;
}
pre{
font-family:"mono";
/* <br>'s are sometimes manually added in the text */