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.
 
 
 
 

434 lines
6.7 KiB

@font-face {
font-family: "White Rabbit";
src: url("../fonts/whiterabbit/whitrabt.ttf") format("truetype");
}
@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");
}
@font-face {
font-family: "Unifont";
src: url("../fonts/unifont/unifont-13.0.03.ttf") format("truetype");
}
@page{
size:A4;
margin-bottom: 2in;
margin-top: 1.5in;
@bottom-center {
content: counter(page);
font-size: 16px;
font-family: "White Rabbit";
}
@bottom-left {
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 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 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 o ";
font-size: 14px;
white-space: pre-wrap;
font-family: "Unifont";
margin-bottom: 1.4in;
line-height: 0.7;
width: 50em;
}
}
@page :first {
@bottom-left {
content: " ";
}
}
@page :left {
margin-left: 0.5in;
margin-right: 0.5in;
@top-left {
content: element(pageheader-issue, first-except);
font-size: 8px;
}
@top-right {
content: element(pageheader-theme, first-except);
font-size: 8px;
}
}
@page :right {
margin-left: 0.5in;
margin-right: 0.5in;
@top-right {
content: element(pageheader-issue, first-except);
font-size: 8px;
}
@top-left {
content: element(pageheader-theme, first-except);
font-size: 8px;
}
}
.post-title {
display: none;
}
#pageheader-issue{
position: running(pageheader-issue);
font-family: 'White Rabbit';
}
#pageheader-theme{
position: running(pageheader-theme);
font-family: 'White Rabbit';
line-height: 1.2;
}
#pagefooter {
position: running(pagefooter);
}
.nobr {
white-space:nowrap;
}
.underline {
text-decoration: none !important;
color: black;
}
/*First page*/
.first-page {
line-height: 1.6;
}
#title {
font-size: 20px;
text-align: center;
font-family: 'White Rabbit';
}
#author {
font-size: 20px;
font-family: 'White Rabbit';
text-align: center;
}
#title_edition {
font-size: 26px;
font-family: 'White Rabbit';
text-align: center;
page-break-before: always;
}
#subtitle {
font-size: 14px;
font-family: 'Unifont';
margin-top: 600px;
text-align: center;
}
#subtitle_zug {
font-size: 14px;
font-family: 'Unifont';
margin-top: 545px;
line-height: 1.4;
}
.subheading_title {
font-family: 'White Rabbit';
font-size: 14px;
page-break-before: always;
}
.subheading {
font-family: 'White Rabbit';
font-size: 14px;
line-height: 22px;
margin:1em 0;
page-break-after: avoid;
vertical-align: text-bottom;
}
.special_line {
line-height: 0.7;
}
#despots {
width: 200px;
float:right;
margin-left: 10px;
margin-bottom: 10px;
}
#earth {
width: 150px;
float:left;
margin-right: 10px;
margin-bottom: 10px;
margin-top: 10px;
}
#sterlet {
width: 200px;
float:left;
margin-right: 10px;
margin-bottom: 10px;
}
#inari {
width: 350px;
float: right;
margin-left: 10px;
margin-bottom: 10px;
margin-top: 5px;
}
/*Colophon*/
.colophon {
column-count: 2;
column-gap: 60px;
column-fill: balance;
column-rule-width: thick;
font-family: 'Unifont';
line-height: 1.4;
font-size: 14px;
page-break-after: always;
}
.logo {
width: 80px;
margin-top: 5px;
}
#logo_ac {
width: 60px;
margin-top: 0px;
}
#logo_arte {
width: 80px;
margin-bottom: 5px;
}
#logo_kapper {
width: 80px;
margin-top: 5px;
}
#colophon_title {
font-family: 'White Rabbit';
font-size: 26px;
page-break-before: always;
}
#ascii-back {
page-break-before: always;
font-family: 'Unifont';
font-size: 14px;
}
/*Content*/
.essay_content {
font-family: 'Unifont';
font-size: 14px;
line-height: 22px;
page-break-before: always;
hyphens: auto;
columns: 2 auto;
}
.essay_content_general {
font-family: 'Unifont';
font-size: 14px;
line-height: 22px;
page-break-before: always;
hyphens: auto;
}
.essay_content_zug {
font-family: 'Unifont';
font-size: 14px;
line-height: 1.5;
page-break-before: always;
hyphens: auto;
}
.about_content {
font-family: 'Unifont';
font-size: 14px;
line-height: 21px;
}
#first_letter {
display: inline-block;
vertical-align: text-bottom;
margin-bottom: 0px !important;
margin-right: 10px;
margin-left: 0px !important;
}
#first_letter_mel {
float:left;
margin-bottom: 10px;
margin-right: 30px;
}
#first_letter_2col {
float:left;
margin-right: 10px;
margin-left: 0px !important;
}
.essay_content p:first-of-type {
margin-top: -20px;
}
.bio {
font-family: 'Unifont';
font-size: 12px;
margin-top: 520px;
margin-left: 380px;
page-break-after: always;
line-height: 1.4;
}
.bio_4 {
font-family: 'Unifont';
font-size: 12px;
line-height: 1.4;
page-break-before: always;
}
.bio-mel {
font-family: 'Unifont';
font-size: 14px;
line-height: 1.7;
position: inherit;
}
.bio_3 {
font-size: 12px;
line-height: 1.5;
font-family: 'Unifont';
margin-left: 250px;
margin-top: 30px;
}
.bio_rec {
font-size: 12px;
line-height: 1.5;
font-family: 'Unifont';
margin-left: 250px;
margin-top: 30px;
page-break-before: always;
}
.bio_adn {
font-size: 12px;
line-height: 1.4;
font-family: 'Unifont';
margin-top: 20px;
}
.bio_2 {
font-size: 12px;
line-height: 1.5;
font-family: 'Unifont';
margin-left: 20px;
margin-right: 20px;
}
.summary {
font-family: 'Unifont';
font-size: 12px;
line-height: 1.7;
margin-top: 30px;
margin-left: 250px;
}
.summary_recommon {
font-family: 'Unifont';
font-size: 12px;
line-height: 1.7;
margin-top: 30px;
margin-left: 250px;
page-break-before: always;
}
#ascii_blob {
position: absolute;
margin-top: 2em;
margin-left: 0.5em !important;
}
q {
margin-left: 30px;
margin-right: 30px;
}
p {
margin: 11px 0em 11px 0em;
}
sup {
text-decoration: none;
color: black;
font-size: 8px;
line-height: 0;
}
.ref-position {
position: relative;
}
.footnotes {
width: 110%;
margin-left: -7.5%;
font-family: 'Unifont';
font-size: 10px;
color: black !important;
text-decoration: none!important;
page-break-before: avoid;
line-height: 0.9 !important;
position: inherit;
columns: 3 auto;
}
.footnote-ref {
line-height: 0;
text-decoration: none;
}
[role=doc-endnotes] {
position: inherit;
}
.footnote-back {
visibility: hidden;
}
.reversefootnote {
visibility: hidden;
position: relative;
}
.reversefootnote:after {
visibility: visible;
position: absolute;
top: 0;
left: 0;
content: "\21B5";
}