@font-face {
font-family: 'Goozee';
src: url('/wiki/images/7/79/Goozeeoutline.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Goozette';
src: url('/wiki/images/0/08/Goozette.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
:root{
--font-size: 11pt;
}
@page{
size: 152.4mm 228.6mm;
margin: 15mm 20mm 10mm 20mm;
@top-center{
content: string(contributiontitle);
font-family: monospace;
font-size: 8pt;
color: green;
}
@bottom-center{
margin-top: -4mm;
font-family: monospace;
font-size: 8pt;
content: counter(page);
}
}
@page:first{
background-color: #b89ee6;
@top-left{
content: "";
}
@top-center{
content: "";
}
}
page:blank{
background-color: blue;
@top-left{
content: "";
}
@top-center{
content: "";
}
@top-center{
content: "";
}
}
body{
font-size: var(--font-size);
line-height: 1.6;
background: #ddd;
}
div.cover{
}
div.cover h1,
div.cover ul li{
font-size: 18pt;
line-height: 1.25;
color: red;
font-weight: bold;
}
div.cover ul li{
list-style: none;
margin-bottom: 0.5em;
width: 80mm;
}
div.section{
page-break-before: right;
}
div.introduction,
div.contribution{
page-break-before: right;
}
/* general elements*/
h1{
string-set: sectiontitle content(text);
font-size: 37pt;
line-height: 1.4;
margin: 0;
color: red;
word-break: normal;
font-family: 'Goozee';
}
h2{
string-set: contributiontitle content(text);
margin: 0 0 32pt 0;
color: magenta;
text-align: center;
}
h3, h4, h5, h6{
margin: 0 0 1em 0;
page-break-after: avoid;
}
p{
margin: 0 0 1em 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;
}