Tools for generating the Volumetric Regimes book https://volumetricregimes.xyz/ (wiki-to-print, using Paged.js)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

128 lines
2.1 KiB

3 years ago
/* 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;
}