PublishingCSS:HD Bulletin 1: Difference between revisions
No edit summary |
No edit summary |
||
Line 8: | Line 8: | ||
*/ | */ | ||
/* Pagedjs/paged media specific styles */ | |||
/* | |||
*** PAGEDJS *** | |||
Pagedjs/paged media specific styles | |||
*/ | |||
@page { | @page { | ||
Line 16: | Line 21: | ||
background-color: white; | background-color: white; | ||
} | } | ||
@page:left { | @page:left { | ||
@top-center { | @top-center { | ||
content: string( | content: string(pubTitle); | ||
} | } | ||
} | } | ||
Line 29: | Line 31: | ||
@top-center { | @top-center { | ||
content: string(articleTitle); | content: string(articleTitle); | ||
} | } | ||
} | } | ||
Line 43: | Line 36: | ||
/* Setting variables */ | /* Setting variables */ | ||
h1 | h1 { | ||
string-set: pubTitle content(text); | |||
} | } | ||
h2 { | h2 { | ||
Line 54: | Line 45: | ||
counter-set: footnote-marker 0 footnote 0; | counter-set: footnote-marker 0 footnote 0; | ||
string-set: author ""; | string-set: author ""; | ||
} | } | ||
Line 64: | Line 51: | ||
float: footnote; | float: footnote; | ||
} | } | ||
/* Setting variables */ | /* Setting variables */ | ||
Revision as of 12:43, 6 June 2023
/*
- Pagedjs
- Fonts
- Layouts
- General styling
*/
/*
*** PAGEDJS ***
Pagedjs/paged media specific styles
*/
@page {
size: 105mm 297mm;
margin: 15mm 10mm 25mm 10mm;
bleed: 0;
background-color: white;
}
@page:left {
@top-center {
content: string(pubTitle);
}
}
@page:right {
@top-center {
content: string(articleTitle);
}
}
/* Setting variables */
h1 {
string-set: pubTitle content(text);
}
h2 {
counter-increment: countChapter;
string-set: articleTitle content(text);
counter-set: footnote-marker 0 footnote 0;
string-set: author "";
}
/* Move the footnotes to the footer */
span.footnote {
float: footnote;
}
/* Setting variables */
/*
*** 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 */