The making of a publication for the 2020 edition of the AMRO festival organised by Servus. (Alice & Manetta are working on this.)
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.

183 lines
3.5 KiB

@font-face {
4 years ago
font-family: "White Rabbit";
src: url("../fonts/whiterabbit/whitrabt.ttf") format("truetype");
}
4 years ago
@font-face {
font-family: "IMB Plex Mono";
src: url("../fonts/imbplexmono/IBMPlexMono-Regular.ttf") format("truetype");
}
@font-face {
font-family: "IMB Plex Mono";
src: url("../fonts/imbplexmono/IBMPlexMono-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Printed Circuitboard";
src: url("../fonts/printedcircuit/PrintedCircuitBoard.ttf") format("truetype");
}
@font-face {
font-family: "Not Courier Sans";
src: url("../fonts/notcouriersans/NotCourierSans.ttf") format("truetype");
}
4 years ago
@font-face {
font-family: "Unifont";
src: url("../fonts/unifont/unifont-13.0.03.ttf") format("truetype");
}
4 years ago
@page{
size:A4;
4 years ago
margin-bottom: 2in;
4 years ago
@bottom-center {
4 years ago
content: counter(page);
4 years ago
font-size: 16px;
4 years ago
font-family: "White Rabbit";
}
4 years ago
@bottom-left {
4 years ago
/* content: " ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) )) \A ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( (( \A ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) )) \A ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ((";*/
content: "o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o \A o o o o o o o o o o o o o o o o o o \A o o o o o o o o o o o o o o o";
4 years ago
font-size: 16px;
4 years ago
white-space: pre-wrap;
font-family: "Unifont";
4 years ago
margin-bottom: 1.2in;
4 years ago
line-height: 0.7;
4 years ago
width: 37em;
4 years ago
}
}
4 years ago
@page :first {
@bottom-left {
content: " ";
}
}
@page :left {
4 years ago
margin-left: 1in;
margin-right: 1in;
4 years ago
@top-left {
4 years ago
content: element(pageheader-issue, first-except);
font-size: 8px;
}
@top-right {
content: element(pageheader-theme, first-except);
font-size: 8px;
}
}
@page :right {
4 years ago
margin-left: 1in;
margin-right: 1in;
4 years ago
@top-right {
4 years ago
content: element(pageheader-issue, first-except);
font-size: 8px;
}
4 years ago
@top-left {
content: element(pageheader-theme, first-except);
font-size: 8px;
}
}
4 years ago
#pageheader-issue{
position: running(pageheader-issue);
font-family: 'White Rabbit';
}
#pageheader-theme{
position: running(pageheader-theme);
font-family: 'White Rabbit';
}
4 years ago
#pagefooter {
position: running(pagefooter);
}
4 years ago
/*First page*/
4 years ago
.first-page {
line-height: 1.6;
}
4 years ago
#title {
4 years ago
font-size: 20px;
text-align: center;
4 years ago
font-family: 'White Rabbit';
}
4 years ago
#published {
font-size: 20px;
4 years ago
font-family: 'White Rabbit';
page-break-after: always;
text-align: center;
text-decoration: none;
color: black;
}
4 years ago
#author {
font-size: 20px;
4 years ago
font-family: 'White Rabbit';
text-align: center;
4 years ago
margin-top: 6in;
}
#title_edition {
font-size: 20px;
4 years ago
font-family: 'White Rabbit';
text-align: center;
4 years ago
page-break-before: always;
}
#amro {
font-size: 20px;
4 years ago
font-family: 'White Rabbit';
text-align: center;
}
4 years ago
/*Colophon*/
4 years ago
.colophon {
column-count: 2;
4 years ago
column-gap: 100px;
4 years ago
column-fill: balance;
column-rule-width: medium;
page-break-before: always;
4 years ago
font-family: 'Unifont';
line-height: 1.6;
}
#colophon_right {
margin-top: 650px;
4 years ago
}
4 years ago
/*Content*/
.essay_content {
4 years ago
font-family: 'Unifont';
4 years ago
font-size: 16px;
4 years ago
line-height: 1.6;
4 years ago
page-break-before: always;
4 years ago
4 years ago
}
.essay_content p:first-of-type {
margin-top: 100px;
}
.bio {
4 years ago
font-family: 'Unifont';
4 years ago
font-size: 16px;
4 years ago
margin-top: 500px;
4 years ago
margin-left: 400px;
4 years ago
page-break-after: always;
}