|
|
|
@ -2,28 +2,42 @@
|
|
|
|
size: A5;
|
|
|
|
size: A5;
|
|
|
|
margin: 5mm 8mm;
|
|
|
|
margin: 5mm 8mm;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/* ----------------- */
|
|
|
|
|
|
|
|
/* COVER */
|
|
|
|
@page:first{
|
|
|
|
@page:first{
|
|
|
|
background: url(./hershey-text-extension.svg);
|
|
|
|
background: url(./hershey-text-extension.svg);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
div#doesthiswork img{
|
|
|
|
div#doesthiswork img{
|
|
|
|
/* position: absolute; */
|
|
|
|
position: absolute;
|
|
|
|
/* z-index: -1; */
|
|
|
|
z-index: -1;
|
|
|
|
/* width: 45mm !important; */
|
|
|
|
width: 45mm !important;
|
|
|
|
/* bottom: 0; */
|
|
|
|
bottom: 10mm;
|
|
|
|
/* left: 75mm; */
|
|
|
|
left: 75mm;
|
|
|
|
width: 130mm !important;
|
|
|
|
/* width: 130mm !important; */
|
|
|
|
}
|
|
|
|
}
|
|
|
|
div#intro{
|
|
|
|
div#intro{
|
|
|
|
|
|
|
|
width: 50mm;
|
|
|
|
margin-top: 2mm;
|
|
|
|
margin-top: 2mm;
|
|
|
|
padding: 0 15mm;
|
|
|
|
padding: 0 15mm;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
div#intro::after{
|
|
|
|
body{
|
|
|
|
content: "https://pzwiki.wdka.nl/mediadesign/Pen_plotters";
|
|
|
|
font-size: 10px;
|
|
|
|
position: absolute;
|
|
|
|
line-height: 1.5;
|
|
|
|
left: 25%;
|
|
|
|
|
|
|
|
top: -3mm;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
h1:first-of-type{
|
|
|
|
|
|
|
|
font-size: 600%;
|
|
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
|
|
border: 5px groove;
|
|
|
|
|
|
|
|
border-radius: 25px;
|
|
|
|
|
|
|
|
padding: 0em 0.75em 0.35em;
|
|
|
|
|
|
|
|
margin: 0.45em 0 0.45em !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
div#toc{
|
|
|
|
div#toc{
|
|
|
|
columns: 2 auto;
|
|
|
|
columns: 2 auto;
|
|
|
|
|
|
|
|
font-size: 75%;
|
|
|
|
|
|
|
|
margin-top: 20mm;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
div#toc ul{
|
|
|
|
div#toc ul{
|
|
|
|
margin: 0;
|
|
|
|
margin: 0;
|
|
|
|
@ -41,6 +55,12 @@ div#toc h2#mw-toc-heading{
|
|
|
|
div#toc ul li span.tocnumber{
|
|
|
|
div#toc ul li span.tocnumber{
|
|
|
|
display: none;
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/* ----------------- */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
body{
|
|
|
|
|
|
|
|
font-size: 10px;
|
|
|
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
|
|
|
}
|
|
|
|
pre{
|
|
|
|
pre{
|
|
|
|
white-space: pre-wrap;
|
|
|
|
white-space: pre-wrap;
|
|
|
|
word-break: break-all;
|
|
|
|
word-break: break-all;
|
|
|
|
@ -97,15 +117,6 @@ h1{
|
|
|
|
padding-top: 0.5em;
|
|
|
|
padding-top: 0.5em;
|
|
|
|
margin-top: 1.25em;
|
|
|
|
margin-top: 1.25em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
h1:first-of-type{
|
|
|
|
|
|
|
|
font-size: 600%;
|
|
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
|
|
border: 5px groove;
|
|
|
|
|
|
|
|
border-radius: 25px;
|
|
|
|
|
|
|
|
padding: 0.05em 0.75em 0.5em;
|
|
|
|
|
|
|
|
margin: 0.15em 0 0 0 !important;
|
|
|
|
|
|
|
|
/* break-after: always; */
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
h2{
|
|
|
|
h2{
|
|
|
|
font-family: serif !important;
|
|
|
|
font-family: serif !important;
|
|
|
|
letter-spacing: 0 !important;
|
|
|
|
letter-spacing: 0 !important;
|
|
|
|
@ -124,12 +135,14 @@ a{
|
|
|
|
letter-spacing: 1px;
|
|
|
|
letter-spacing: 1px;
|
|
|
|
word-break: break-all;
|
|
|
|
word-break: break-all;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
div#plottwist,
|
|
|
|
div#horses,
|
|
|
|
div#horses,
|
|
|
|
div#essay,
|
|
|
|
div#essay,
|
|
|
|
div#chiplotle{
|
|
|
|
div#chiplotle{
|
|
|
|
columns: 2 auto;
|
|
|
|
columns: 2 auto;
|
|
|
|
column-gap: 5mm;
|
|
|
|
column-gap: 5mm;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
div#plottwist a.image:first-of-type img,
|
|
|
|
div#horses img{
|
|
|
|
div#horses img{
|
|
|
|
width: 60mm !important;
|
|
|
|
width: 60mm !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
