119 lines
1.6 KiB
CSS
119 lines
1.6 KiB
CSS
body {
|
|
font-size: var(--font-size-base);
|
|
}
|
|
|
|
.meta [data-generated-date] {
|
|
position: running(generatedDate);
|
|
}
|
|
|
|
.meta [data-publication-title] {
|
|
position: running(publicationTitle);
|
|
}
|
|
|
|
.meta [data-chapter-title] {
|
|
position: running(chapterTitle);
|
|
}
|
|
|
|
|
|
@page {
|
|
size: A5;
|
|
margin: 13mm 8mm;
|
|
|
|
}
|
|
|
|
@page :left {
|
|
@bottom-left {
|
|
content: "page " counter(page);
|
|
}
|
|
|
|
@top-left {
|
|
content: element(publicationTitle);
|
|
font-size: var(--font-size-base);
|
|
font-style: italic;
|
|
}
|
|
|
|
@top-right {
|
|
content: element(generatedDate);
|
|
font-size: var(--font-size-base);
|
|
font-style: italic;
|
|
}
|
|
}
|
|
|
|
@page: blank {
|
|
@top-left {
|
|
content: "blank " counter(page);
|
|
}
|
|
}
|
|
|
|
@page :right {
|
|
@top-right {
|
|
content: element(chapterTitle);
|
|
font-size: var(--font-size-base);
|
|
font-style: italic;
|
|
}
|
|
@bottom-right {
|
|
content: "right page" counter(page);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@page cover {
|
|
background: var(--accent);
|
|
margin-top: auto;
|
|
position: relative;
|
|
|
|
header {
|
|
position: absolute;
|
|
margin: 0 0;
|
|
top: 50%;
|
|
transform: translate3d(0, -50%, 0px);
|
|
width: 100%;
|
|
}
|
|
|
|
@top-right {
|
|
content: "coverttt";
|
|
}
|
|
}
|
|
|
|
@page front {
|
|
background: lightgrey;
|
|
position: relative;
|
|
|
|
@top-right {
|
|
content: none;
|
|
}
|
|
|
|
@bottom-right {
|
|
content: none;
|
|
}
|
|
|
|
|
|
header {
|
|
position: absolute;
|
|
margin: 0 0;
|
|
top: 50%;
|
|
transform: translate3d(0, -50%, 0px);
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.header--meta {
|
|
display: none;
|
|
}
|
|
.meta:has([data-chapter-title]) {
|
|
break-before: page;
|
|
}
|
|
.page--cover {
|
|
page: cover;
|
|
}
|
|
|
|
[template-type="front"] {
|
|
page: front;
|
|
counter-reset: page;
|
|
}
|
|
|
|
|
|
.header-section-number {
|
|
display: none;
|
|
} |