|
|
|
@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");
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@page{
|
|
|
|
size:A4;
|
|
|
|
@bottom-center {
|
|
|
|
content: counter(page);
|
|
|
|
font-size: 12px;
|
|
|
|
font-family: "White Rabbit";
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
@page :left {
|
|
|
|
margin-left: 0.4in;
|
|
|
|
margin-right: 1.2in;
|
|
|
|
|
|
|
|
|
|
|
|
@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: 1.2in;
|
|
|
|
margin-right: 0.4in;
|
|
|
|
|
|
|
|
@top-right {
|
|
|
|
content: element(pageheader-issue, first-except);
|
|
|
|
font-size: 8px;
|
|
|
|
|
|
|
|
}
|
|
|
|
@top-left {
|
|
|
|
content: element(pageheader-theme, first-except);
|
|
|
|
font-size: 8px;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
#pageheader-issue{
|
|
|
|
position: running(pageheader-issue);
|
|
|
|
font-family: 'White Rabbit';
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
#pageheader-theme{
|
|
|
|
position: running(pageheader-theme);
|
|
|
|
font-family: 'White Rabbit';
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.first-page {
|
|
|
|
line-height: 1.6;
|
|
|
|
|
|
|
|
}
|
|
|
|
.title {
|
|
|
|
font-size: 20px;
|
|
|
|
text-align: center;
|
|
|
|
font-family: 'White Rabbit';
|
|
|
|
}
|
|
|
|
|
|
|
|
.published {
|
|
|
|
font-size: 20px;
|
|
|
|
font-family: 'White Rabbit';
|
|
|
|
page-break-after: always;
|
|
|
|
text-align: center;
|
|
|
|
text-decoration: none;
|
|
|
|
color: black;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.author {
|
|
|
|
font-size: 20px;
|
|
|
|
font-family: 'White Rabbit';
|
|
|
|
text-align: center;
|
|
|
|
margin-top: 7in;
|
|
|
|
}
|
|
|
|
|
|
|
|
#title_edition {
|
|
|
|
font-size: 20px;
|
|
|
|
font-family: 'White Rabbit';
|
|
|
|
text-align: center;
|
|
|
|
page-break-before: always;
|
|
|
|
}
|
|
|
|
|
|
|
|
#amro {
|
|
|
|
font-size: 20px;
|
|
|
|
font-family: 'White Rabbit';
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.colophon {
|
|
|
|
column-count: 2;
|
|
|
|
column-gap: 40px;
|
|
|
|
column-fill: balance;
|
|
|
|
column-rule-width: medium;
|
|
|
|
page-break-before: always;
|
|
|
|
}
|
|
|
|
.essay_content {
|
|
|
|
font-family: 'Not Courier Sans';
|
|
|
|
font-weight: 300;
|
|
|
|
font-size: 18px;
|
|
|
|
page-break-before: always;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.essay_content p:first-of-type {
|
|
|
|
margin-top: 100px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bio {
|
|
|
|
font-family: 'Not Courier Sans';
|
|
|
|
font-weight: 300;
|
|
|
|
font-size: 18px;
|
|
|
|
margin-top: 650px;
|
|
|
|
margin-left: 400px;
|
|
|
|
page-break-before: always;
|
|
|
|
}
|
|
|
|
|
|
|
|
@counter-style numeric {
|
|
|
|
suffix: "-- ";
|
|
|
|
prefix: " --";
|
|
|
|
}
|