128 lines
2.1 KiB
CSS
128 lines
2.1 KiB
CSS
|
/* Paged.js variables that can be used:
|
||
|
|
|
||
|
|
var(--pagedjs-pagebox-width) for the width of your page
|
||
|
|
var(--pagedjs-pagebox-height) for the height of your page
|
||
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
@page{
|
||
|
|
size: 152.4mm 228.6mm;
|
||
|
|
margin: 15mm 20mm 10mm 20mm;
|
||
|
|
|
||
|
|
@top-left{
|
||
|
|
content: string(sectionTitle);
|
||
|
|
width: 100%;
|
||
|
|
position: absolute;
|
||
|
|
top: 2mm;
|
||
|
|
text-align: center;
|
||
|
|
font-family: monospace;
|
||
|
|
font-size: 8pt;
|
||
|
|
color: green;
|
||
|
|
}
|
||
|
|
@top-center{
|
||
|
|
/* copying a h1 to a running element */
|
||
|
|
content: string(contributionTitle);
|
||
|
|
position: absolute;
|
||
|
|
top: 7mm;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
text-align: center;
|
||
|
|
font-family: monospace;
|
||
|
|
font-size: 8pt;
|
||
|
|
color: magenta;
|
||
|
|
}
|
||
|
|
@bottom-center{
|
||
|
|
bottom-top:5mm;
|
||
|
|
font-family: monospace;
|
||
|
|
font-size: 8pt;
|
||
|
|
content: counter(page);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
body{
|
||
|
|
font-size: 12pt;
|
||
|
|
line-height: 16pt;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* running headers */
|
||
|
|
h1{
|
||
|
|
string-set: sectionTitle content(text);
|
||
|
|
page-break-before: always;
|
||
|
|
}
|
||
|
|
h2{
|
||
|
|
string-set: contributionTitle content(text);
|
||
|
|
/*position: running content(text); */ /* This "moves" the H2 out of the flow */
|
||
|
|
}
|
||
|
|
|
||
|
|
div.section{
|
||
|
|
break-before: left; /* makes sure the new section always starts on the right page */
|
||
|
|
}
|
||
|
|
/* section title */
|
||
|
|
div.section > h2{
|
||
|
|
}
|
||
|
|
|
||
|
|
div.introduction,
|
||
|
|
div.contribution{
|
||
|
|
break-before: left; /* makes sure the new section always starts on the right page */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* general elements*/
|
||
|
|
h1{
|
||
|
|
font-size: 37pt;
|
||
|
|
line-height: 1.4;
|
||
|
|
margin: 0;
|
||
|
|
color: green;
|
||
|
|
word-break: normal;
|
||
|
|
}
|
||
|
|
h2{
|
||
|
|
margin: 0 0 32pt 0;
|
||
|
|
page-break-before: always;
|
||
|
|
color: magenta;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
h3, h4, h5, h6{
|
||
|
|
margin: 0 0 16pt 0;
|
||
|
|
}
|
||
|
|
p{
|
||
|
|
margin: 0 0 16pt 0;
|
||
|
|
}
|
||
|
|
.thumb{
|
||
|
|
/* image caption */
|
||
|
|
font-size: 10pt;
|
||
|
|
line-height: 1.25;
|
||
|
|
margin: 24pt 16pt 16pt 16pt;
|
||
|
|
page-break-inside: avoid;
|
||
|
|
}
|
||
|
|
img{
|
||
|
|
position: relative;
|
||
|
|
display: block;
|
||
|
|
max-width: 100mm;
|
||
|
|
height: auto;
|
||
|
|
margin: 0 0 8pt 0;
|
||
|
|
}
|
||
|
|
pre{
|
||
|
|
font-size: 8pt;
|
||
|
|
line-height: 1.8;
|
||
|
|
white-space: normal;
|
||
|
|
margin: 16pt 16pt;
|
||
|
|
}
|
||
|
|
table{
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
sup{
|
||
|
|
line-height: 0;
|
||
|
|
}
|
||
|
|
a,
|
||
|
|
a:visited,
|
||
|
|
a:active,
|
||
|
|
a:hover{
|
||
|
|
color: inherit;
|
||
|
|
text-decoration: none;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* specific details */
|
||
|
|
a.external{
|
||
|
|
word-break: break-all;
|
||
|
|
}
|