|
|
@ -67,7 +67,7 @@ html, body{ |
|
|
|
@page:left{ |
|
|
|
margin: 15mm 30mm 17mm 20mm; |
|
|
|
} |
|
|
|
@page main:right{ |
|
|
|
@page:right{ |
|
|
|
/* running header: contribution title (h2) */ |
|
|
|
@top-center{ |
|
|
|
content: string(contributiontitle); |
|
|
@ -76,7 +76,7 @@ html, body{ |
|
|
|
margin-top: 5mm; |
|
|
|
} |
|
|
|
} |
|
|
|
@page main:left{ |
|
|
|
@page:left{ |
|
|
|
/* running header: section title (h1) */ |
|
|
|
@top-center{ |
|
|
|
content: element(sectiontitle); |
|
|
@ -85,13 +85,13 @@ html, body{ |
|
|
|
margin-top: 5mm; |
|
|
|
} |
|
|
|
} |
|
|
|
@page section{ |
|
|
|
/*@page section{ |
|
|
|
background-color: lightgray; |
|
|
|
|
|
|
|
@top-center{ |
|
|
|
content: none; |
|
|
|
} |
|
|
|
} |
|
|
|
}*/ |
|
|
|
@page introduction{ |
|
|
|
/* exception running-header for the introduction */ |
|
|
|
@top-center{ |
|
|
@ -151,24 +151,24 @@ html, body{ |
|
|
|
/* sections */ |
|
|
|
|
|
|
|
div.section{ |
|
|
|
page: main; |
|
|
|
/*page: main;*/ |
|
|
|
/* force an extra blank page before each section ... */ |
|
|
|
page-break-before: always; |
|
|
|
} |
|
|
|
div.section.foreword_and_introduction{ |
|
|
|
page: main; |
|
|
|
/* reset this extra page break for the foreword + introduction section (does not work?) */ |
|
|
|
div.section.preface_and_introduction{ |
|
|
|
/*page: main;*/ |
|
|
|
/* reset this extra page break for the preface + introduction section (does not work?) */ |
|
|
|
page-break-before: none !important; |
|
|
|
} |
|
|
|
div.section h1{ |
|
|
|
page: section; |
|
|
|
/*page: section;*/ |
|
|
|
/* ... and make sure that each section starts on the right */ |
|
|
|
page-break-before: right; |
|
|
|
} |
|
|
|
|
|
|
|
/* sub-sections -- page flows */ |
|
|
|
div.multi, |
|
|
|
div.foreword, |
|
|
|
div.preface, |
|
|
|
div.introduction, |
|
|
|
div.contribution{ |
|
|
|
page-break-before: right; |
|
|
@ -198,7 +198,7 @@ div.backcover{ |
|
|
|
div.cover, |
|
|
|
div.backcover{ |
|
|
|
hyphens: none; |
|
|
|
margin: -10mm 0 0 10mm; |
|
|
|
margin: -10mm 0 0 20mm; |
|
|
|
} |
|
|
|
div.cover, |
|
|
|
div.cover ul li, |
|
|
@ -216,7 +216,7 @@ div.backcover{ |
|
|
|
} |
|
|
|
div.cover ul li{ |
|
|
|
list-style: none; |
|
|
|
margin-bottom: 0.5em; |
|
|
|
margin-bottom: 0.1em !important; |
|
|
|
} |
|
|
|
div.cover.second, |
|
|
|
div.cover.second ul li{ |
|
|
@ -346,6 +346,15 @@ div.item_index{ |
|
|
|
text-align: right; |
|
|
|
} |
|
|
|
|
|
|
|
/* Invasive imagination and its agential cuts - figures */ |
|
|
|
div.two-columns{ |
|
|
|
columns: 2 auto; |
|
|
|
} |
|
|
|
div.two-columns div.thumb img{ |
|
|
|
width: 55mm !important; |
|
|
|
display: inline-block; |
|
|
|
} |
|
|
|
|
|
|
|
/* general elements*/ |
|
|
|
|
|
|
|
h1{ |
|
|
@ -370,7 +379,7 @@ h2{ |
|
|
|
margin: 0 0 1em var(--second-indent); |
|
|
|
hyphens: none; |
|
|
|
} |
|
|
|
div.foreword .running-header, |
|
|
|
div.preface .running-header, |
|
|
|
div.introduction .running-header{ |
|
|
|
position: running(introductiontitle); |
|
|
|
} |
|
|
@ -477,11 +486,9 @@ sup{ |
|
|
|
} |
|
|
|
canvas{ |
|
|
|
position: absolute; |
|
|
|
top: -15mm; /* invert the main margin */ |
|
|
|
left: -30mm; /* invert the main margin */ |
|
|
|
border: 1px solid magenta; |
|
|
|
width: 164mm; |
|
|
|
height: 237mm; |
|
|
|
top: 20mm; |
|
|
|
left: -20mm; |
|
|
|
/*border: 1px solid magenta;*/ |
|
|
|
} |
|
|
|
a, |
|
|
|
a:visited, |
|
|
|