PublishingCSS:HD Bulletin 1: Difference between revisions
No edit summary |
No edit summary |
||
Line 15: | Line 15: | ||
bleed: 0; | bleed: 0; | ||
background-color: white; | background-color: white; | ||
} | |||
@page:left { | |||
margin-right: 15mm; | |||
margin-left: 10mm; | |||
} | |||
@page:right { | |||
@top-left { | |||
content: string(chapterTitle); | |||
} | |||
@top-right { | |||
content: string(articleTitle); | |||
} | |||
} | |||
@page:first { | |||
@top-left { | |||
content: ""; | |||
} | |||
@bottom-right-corner { | |||
content: ""; | |||
} | |||
} | |||
/* Setting variables */ | |||
h1, | |||
.chapter-title { | |||
string-set: chapterTitle content(text); | |||
} | |||
h2 { | |||
counter-increment: countChapter; | |||
string-set: articleTitle content(text); | |||
counter-set: footnote-marker 0 footnote 0; | |||
string-set: author ""; | |||
} | |||
span.author { | |||
string-set: author content(text); | |||
} | |||
/* Move the footnotes to the footer */ | |||
span.footnote { | |||
float: footnote; | |||
} | } | ||
Revision as of 12:27, 6 June 2023
/*
- Pagedjs
- Fonts
- Layouts
- General styling
*/
/* Pagedjs/paged media specific styles */
@page {
size: 105mm 297mm;
margin: 15mm 10mm 25mm 10mm;
bleed: 0;
background-color: white;
}
@page:left {
margin-right: 15mm;
margin-left: 10mm;
}
@page:right {
@top-left {
content: string(chapterTitle);
}
@top-right {
content: string(articleTitle);
}
}
@page:first {
@top-left {
content: "";
}
@bottom-right-corner {
content: "";
}
}
/* Setting variables */
h1,
.chapter-title {
string-set: chapterTitle content(text);
}
h2 {
counter-increment: countChapter;
string-set: articleTitle content(text);
counter-set: footnote-marker 0 footnote 0;
string-set: author "";
}
span.author {
string-set: author content(text);
}
/* Move the footnotes to the footer */
span.footnote {
float: footnote;
}
/* Setting variables */
/*
*** PAGEDJS ***
*/
/*
*** FONTS ***
*/
.font-authentic {
font-family: Authentic, sans-serif;
font-weight: 400;
}
.font-le-murmure {
font-family: le-murmure, sans-serif;
}
.font-notcouriersans {
font-family: Authentic, sans-serif;
font-weight: 400;
}
.font-solide-mirage-etroit {
font-family: SolideMirageEtroit, sans-serif
}
.font-solide-mirage-mono {
font-family: SolideMirageMono, sans-serif
}
.font-louise-regular {
font-family: Louise-Regular, sans-serif
}
.font-sligoil-micro {
font-family: Sligoil-Micro, sans-serif
}
.font-notoserif {
font-family: NotoSerifItalic-Micro, serif
}
/*
*** LAYOUTS ***
*/
/* General styling */
body {
font-family: le-murmure, sans-serif;
}