:root {
// ****** FONTS ****** //
--title-font: Serif;
--body-font: Sanserif;
--code-font: Monospace;
--quote-font: Serif;
--footnote-font: Sanserif;
// ****** COLOR ****** //
--background-color: #ffffff;
--text-color: #121212;
// ****** CONTENT ****** //
--PUB-title: 'MY TITLE';
}
@page:first{
background-image: url(https://titipi.org/wiki/images/8/83/Dream.png);
background-size: 95%;
background-repeat: no-repeat;
background-position: center center;
@bottom-center{
font-family: asulbold;
content: "ENTER COLLECTIVE HERE";
font-size:12pt;
}
}
p:nth-of-type(3n) {
border: 2px solid orange;
margin-left: -10px;
}
@page:right {
margin-left: 35mm;
margin-right: 20mm;
@right-middle {
content: counter(page);
font-family: var(--title);
}
@right-top {
content: var(--PUB-title);
font-family: var(--title);
margin-right: 0.8cm;
writing-mode: vertical-rl;
text-orientation: mixed;
}
}
@page:left {
margin-right: 35mm;
margin-left: 20mm;
@left-middle {
content: counter(page);
font-family: var(--title);
}
@left-top {
content: "TITLE";
font-family: Serif;
margin-right: 0.8cm;
writing-mode: vertical-rl;
text-orientation: mixed;
}
}