PublishingCSS:HD Bulletin 1: Difference between revisions
No edit summary |
No edit summary |
||
Line 7: | Line 7: | ||
*/ | */ | ||
/* Pagedjs/paged media specific styles */ | /* Pagedjs/paged media specific styles */ | ||
Line 39: | Line 16: | ||
margin-bottom: 25mm; | margin-bottom: 25mm; | ||
margin-left: 10mm; | margin-left: 10mm; | ||
bleed: 0; | |||
background-color: white; | |||
@footnote { | @footnote { | ||
float: bottom; | float: bottom; | ||
} | } | ||
@bottom-center { | |||
content: counter(page); | content: counter(page); | ||
} | } | ||
Line 52: | Line 27: | ||
@page:left { | @page:left { | ||
margin-right: 15mm; | |||
margin-left: 10mm; | margin-left: 10mm; | ||
} | } | ||
Line 58: | Line 33: | ||
@page:right { | @page:right { | ||
@top-left { | @top-left { | ||
content: string(chapterTitle); | |||
} | |||
@top-right { | |||
content: string(articleTitle); | |||
} | } | ||
} | } | ||
Line 84: | Line 59: | ||
h2 { | h2 { | ||
counter-increment: countChapter; | counter-increment: countChapter; | ||
string-set: articleTitle content(text); | |||
counter-set: footnote-marker 0 footnote 0; | |||
string-set: author ""; | |||
} | } | ||
span.author { | span.author { | ||
string-set: author content(text); | |||
} | } | ||
Line 97: | Line 72: | ||
float: footnote; | float: footnote; | ||
} | } | ||
Revision as of 11:16, 6 June 2023
/*
- Pagedjs
- Fonts
- Layouts
- General styling
*/
/* Pagedjs/paged media specific styles */
@page {
size: 105mm 297mm;
margin-top: 15mm;
margin-right: 10mm;
margin-bottom: 25mm;
margin-left: 10mm;
bleed: 0;
background-color: white;
@footnote {
float: bottom;
}
@bottom-center {
content: counter(page);
}
}
@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;
}
/*
*** PAGEDJS ***
*/
/*
*** FONTS ***
*/
.font-authentic {
font-family: Authentic, sans-serif;
font-weight: regular
}
.font-le-murmure {
font-family: le-murmure, sans-serif
}
.font-notcouriersans {
font-family: Authentic, sans-serif;
font-weight: regular
}
.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 */