|
|
@ -62,11 +62,19 @@ div.page-break{ |
|
|
|
page-break-after: always; |
|
|
|
} |
|
|
|
div.column-break{ |
|
|
|
break-after: column !important; |
|
|
|
/* does not work from this stylesheet, rule gets removed by paged.js??? */ |
|
|
|
/* only worked once inserted directly into the HTML */ |
|
|
|
break-after: column; |
|
|
|
} |
|
|
|
div.column-break + p{ |
|
|
|
orphans: 8; |
|
|
|
} |
|
|
|
div.no-hyphens{ |
|
|
|
hyphens: none !important; |
|
|
|
} |
|
|
|
div.no-indent p{ |
|
|
|
text-indent: unset !important; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* general */ |
|
|
@ -138,34 +146,34 @@ html, body{ |
|
|
|
@page:nth(29){ |
|
|
|
background-color: lightgray; |
|
|
|
} |
|
|
|
@page:nth(104){ |
|
|
|
@page:nth(100){ |
|
|
|
background-color: lightgray; |
|
|
|
} |
|
|
|
@page:nth(105){ |
|
|
|
@page:nth(101){ |
|
|
|
background-color: lightgray; |
|
|
|
} |
|
|
|
@page:nth(164){ |
|
|
|
@page:nth(160){ |
|
|
|
background-color: lightgray; |
|
|
|
} |
|
|
|
@page:nth(165){ |
|
|
|
@page:nth(161){ |
|
|
|
background-color: lightgray; |
|
|
|
} |
|
|
|
@page:nth(210){ |
|
|
|
@page:nth(206){ |
|
|
|
background-color: lightgray; |
|
|
|
} |
|
|
|
@page:nth(211){ |
|
|
|
@page:nth(207){ |
|
|
|
background-color: lightgray; |
|
|
|
} |
|
|
|
@page:nth(262){ |
|
|
|
@page:nth(260){ |
|
|
|
background-color: lightgray; |
|
|
|
} |
|
|
|
@page:nth(263){ |
|
|
|
@page:nth(261){ |
|
|
|
background-color: lightgray; |
|
|
|
} |
|
|
|
@page:nth(318){ |
|
|
|
@page:nth(316){ |
|
|
|
background-color: lightgray; |
|
|
|
} |
|
|
|
@page:nth(319){ |
|
|
|
@page:nth(317){ |
|
|
|
background-color: lightgray; |
|
|
|
} |
|
|
|
@page contribution:first{ |
|
|
@ -203,6 +211,24 @@ html, body{ |
|
|
|
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{ |
|
|
@ -256,9 +282,13 @@ div.contribution{ |
|
|
|
} |
|
|
|
div.section.nomarks, |
|
|
|
div.section.toc, |
|
|
|
div.contribution.beirut-82 div.thumb{ |
|
|
|
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{ |
|
|
@ -314,16 +344,18 @@ div.backcover{ |
|
|
|
div.backcover p{ |
|
|
|
margin-bottom: 1em; |
|
|
|
} |
|
|
|
|
|
|
|
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: 5mm; |
|
|
|
column-gap: 8mm; |
|
|
|
column-fill: auto; |
|
|
|
height: 207mm; |
|
|
|
} |
|
|
@ -404,6 +436,8 @@ div.item_index{ |
|
|
|
} |
|
|
|
div.item_index li{ |
|
|
|
margin-bottom: 0 !important; |
|
|
|
text-indent: -7mm; |
|
|
|
margin-left: 7mm; |
|
|
|
} |
|
|
|
div.item_index li a::after{ |
|
|
|
content: ", " target-counter(attr(href), page); |
|
|
@ -415,27 +449,33 @@ div.item_index{ |
|
|
|
text-align: right; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* Invasive imagination and its agential cuts - figures */ |
|
|
|
div.two-columns{ |
|
|
|
columns: 2 auto; |
|
|
|
column-fill: auto; |
|
|
|
column-gap: 14mm; |
|
|
|
margin-bottom: 1em; |
|
|
|
} |
|
|
|
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, |
|
|
|
div.two-columns div.thumb img{ |
|
|
|
width: 50mm !important; |
|
|
|
display: inline-block; |
|
|
|
width: 55mm !important; |
|
|
|
} |
|
|
|
|
|
|
|
/* general elements*/ |
|
|
|
|
|
|
|
h1{ |
|
|
|
/* section titles */ |
|
|
|
font-size: 37pt; |
|
|
|
font-size: 34pt; |
|
|
|
line-height: 1.15; |
|
|
|
margin: 0; |
|
|
|
word-break: normal; |
|
|
|
hyphens: none; |
|
|
|
hyphens: manual !important; |
|
|
|
} |
|
|
|
/* h1's are followed by a <span class="running-header-section"></span> */ |
|
|
|
.running-header-section{ |
|
|
@ -468,11 +508,6 @@ h2{ |
|
|
|
div.contribution h2 + p > b{ |
|
|
|
font-weight: normal !important; |
|
|
|
} |
|
|
|
/* introduction running-header exception */ |
|
|
|
.running-header-contribution{ |
|
|
|
string-set: contributiontitle content(text) !important; |
|
|
|
display: none; |
|
|
|
} |
|
|
|
h3{ |
|
|
|
/* Sub-headers + Notes/References sections + TOC headers*/ |
|
|
|
font-size: 100%; |
|
|
@ -481,10 +516,6 @@ h3{ |
|
|
|
letter-spacing: 0.05em; |
|
|
|
hyphens: none; |
|
|
|
} |
|
|
|
/*This is for the Notes sections only, but how to apply it? */ |
|
|
|
/*h3{ |
|
|
|
margin: 1em 0 0 10px; |
|
|
|
}*/ |
|
|
|
h4{ |
|
|
|
/* Sub-sub-headers */ |
|
|
|
font-size: 100%; |
|
|
@ -508,7 +539,6 @@ p{ |
|
|
|
/* all exceptions on the text-indent */ |
|
|
|
div.list-without-markers p, |
|
|
|
div.no-text-indent p, |
|
|
|
div.bugged-report p, |
|
|
|
div.toc p, |
|
|
|
h2 + p, /* author name */ |
|
|
|
h2 + p, |
|
|
@ -578,6 +608,7 @@ ul > li { |
|
|
|
column-gap: 7mm; |
|
|
|
margin: 0 1em; |
|
|
|
padding: 0; |
|
|
|
orphans: 8; |
|
|
|
} |
|
|
|
ul.references > li{ |
|
|
|
text-indent: -1em; |
|
|
@ -612,7 +643,7 @@ img{ |
|
|
|
} |
|
|
|
div.portrait div.thumb img{ |
|
|
|
width: auto !important; |
|
|
|
min-width: 75mm; |
|
|
|
min-width: 60mm; |
|
|
|
} |
|
|
|
div.fullpage{ |
|
|
|
page: fullpage !important; |
|
|
@ -647,8 +678,9 @@ img{ |
|
|
|
div.special_image_treatment.userinfo img{ |
|
|
|
width: auto !important; |
|
|
|
max-width: auto !important; |
|
|
|
height: 180mm !important; |
|
|
|
max-height: 180mm !important; |
|
|
|
height: 200mm !important; |
|
|
|
max-height: 200mm !important; |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
/* Exception for Invasive Imagination images */ |
|
|
|
div.invasive-imagination div.thumb{ |
|
|
@ -659,6 +691,7 @@ img{ |
|
|
|
width: 100% !important; |
|
|
|
} |
|
|
|
/* Exception for Maria Dada's text on Beirut 82 */ |
|
|
|
div.enlarged-image img, |
|
|
|
div.contribution.beirut-82 div.thumb img{ |
|
|
|
width: auto !important; |
|
|
|
max-width: auto !important; |
|
|
@ -667,6 +700,15 @@ img{ |
|
|
|
margin-top: -10mm; |
|
|
|
margin-left: -22mm !important; |
|
|
|
} |
|
|
|
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; |
|
|
|
} |
|
|
|
|
|
|
|
pre{ |
|
|
|
/* <br>'s are sometimes manually added in the text */ |
|
|
@ -709,7 +751,26 @@ table{ |
|
|
|
td { |
|
|
|
vertical-align: top; |
|
|
|
padding: 0.5em !important; |
|
|
|
} |
|
|
|
} |
|
|
|
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; |
|
|
|
} |
|
|
|
sup{ |
|
|
|
line-height: 0; |
|
|
|
font-size: 7pt; |
|
|
|