Syllabus/themes/piratecare/assets/css/print.css

79 lines
1.4 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;
}
.ddmenu {
@apply pt-16;
}
article ul li:before {
content: "";
}
.toc::after {
text-align: right;
float: right;
content: target-counter(attr(href url), page, decimal-leading-zero);
}
}