76 lines
1.3 KiB
CSS
76 lines
1.3 KiB
CSS
/* paged.js style */
|
|
|
|
@page {
|
|
size: A4;
|
|
}
|
|
|
|
@page :first {
|
|
@bottom {
|
|
content: none;
|
|
}
|
|
}
|
|
|
|
@page {
|
|
margin-bottom: 5mm;
|
|
@top {
|
|
color: #996561;
|
|
font-size: 1rem;
|
|
font-family: 'VG5000-Regular';
|
|
content: element(topic);
|
|
}
|
|
|
|
@bottom {
|
|
color: #996561;
|
|
font-size: 0.5rem;
|
|
font-family: 'VG5000-Regular';
|
|
content: "▒▒ 🐟 ▒ ▒▒▒ 🐙 ▒▒▒🏃 ▒▒☄▒ PAGE: " counter(page) " ▒ ▒▒▒▒ ⚡ ▒🔍▒ ☠ ▒ ▒▒▒";
|
|
}
|
|
}
|
|
|
|
@page topic:first {
|
|
@top {
|
|
content: none;
|
|
}
|
|
}
|
|
|
|
@media print {
|
|
body {
|
|
@apply bg-CoconutCream text-Revolver font-playfair;
|
|
}
|
|
|
|
.runningTopic {
|
|
position: running(topic);
|
|
}
|
|
|
|
.topic {
|
|
break-before: page;
|
|
page: topic;
|
|
}
|
|
|
|
.title-text {
|
|
@apply font-playfair text-6xl text-AuChico mb-20;
|
|
}
|
|
|
|
.title-pretext {
|
|
@apply font-vg5000 text-2xl text-AuChico;
|
|
}
|
|
|
|
.topic-text {
|
|
@apply font-playfair text-4xl text-AuChico mb-20;
|
|
}
|
|
|
|
.topic-pretext {
|
|
@apply font-vg5000 text-2xl text-AuChico;
|
|
}
|
|
|
|
article ul li:before {
|
|
content: "";
|
|
}
|
|
|
|
.toc::after {
|
|
text-align: right;
|
|
float: right;
|
|
content: target-counter(attr(href url), page, decimal-leading-zero);
|
|
}
|
|
}
|