Add a CipherCell header to every page but the cover
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
303bcdf0b4
commit
ffcd68f9f8
2 files changed
+28
No files matched your search
@@ -62,6 +62,13 @@
|
|||||||
size: A4;
|
size: A4;
|
||||||
margin: 22mm 18mm 18mm 18mm;
|
margin: 22mm 18mm 18mm 18mm;
|
||||||
|
|
||||||
|
@top-center {
|
||||||
|
content: element(page-header);
|
||||||
|
width: 100%;
|
||||||
|
vertical-align: bottom;
|
||||||
|
padding-bottom: 4mm;
|
||||||
|
}
|
||||||
|
|
||||||
@bottom-left {
|
@bottom-left {
|
||||||
content: string(scan-footer);
|
content: string(scan-footer);
|
||||||
font-family: "Space Grotesk", sans-serif;
|
font-family: "Space Grotesk", sans-serif;
|
||||||
@@ -101,6 +108,26 @@ code,
|
|||||||
font-size: 0.93em;
|
font-size: 0.93em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* The cover carries the mark large already; a second, small one above it would only repeat it. */
|
||||||
|
@page :first {
|
||||||
|
@top-center {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* The mark -- the logo and the company name, which the image carries together -- above every page,
|
||||||
|
ruled off from the content. */
|
||||||
|
.page-header {
|
||||||
|
position: running(page-header);
|
||||||
|
padding-bottom: 1.6mm;
|
||||||
|
border-bottom: 0.4pt solid var(--border);
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header img {
|
||||||
|
height: 5mm;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
/* Carried into the running footer on every page. Set once, on the cover. */
|
/* Carried into the running footer on every page. Set once, on the cover. */
|
||||||
.footer-scan {
|
.footer-scan {
|
||||||
string-set: scan-footer content();
|
string-set: scan-footer content();
|
||||||
|
|||||||
@@ -98,6 +98,7 @@
|
|||||||
|
|
||||||
{# ------------------------------------------------------------------------------------------ #}
|
{# ------------------------------------------------------------------------------------------ #}
|
||||||
|
|
||||||
|
<div class="page-header"><img src="{{ cover.logo }}" alt="CipherCell" /></div>
|
||||||
<span class="footer-scan">Scan: {{ cover.scan_id }}</span>
|
<span class="footer-scan">Scan: {{ cover.scan_id }}</span>
|
||||||
<span class="footer-date">{{ cover.footer_date }}</span>
|
<span class="footer-date">{{ cover.footer_date }}</span>
|
||||||
|
|
||||||
|
|||||||
Reference in new issue
Block a user