Notebook-stylesheet.css: Difference between revisions
m (Manetta moved page User:Manetta/Booklet-stylesheet.css to Notebook-stylesheet.css) |
No edit summary |
||
Line 1: | Line 1: | ||
@page{ | @page{ | ||
size: A5; | size: A5; | ||
margin: 5mm 8mm; | margin: 5mm 8mm 10mm; | ||
} | } | ||
@page:first{ | |||
@bottom-center{ | |||
content: "This booklet is compiled with Notebook.sh using the wiki page(s) (https://pzwiki.wdka.nl/mediadesign/XXX), HTML, CSS and Weasyprint."; | |||
font-size: 9px; | |||
margin-bottom: 3em; | |||
} | |||
} | |||
@font-face { | |||
font-family: "customfont"; | |||
src: url(Compagnon-LightItalic.otf); | |||
/* to download from: https://velvetyne.fr/download/?font=compagnon */ | |||
} | |||
/*------------------*/ | |||
body{ | body{ | ||
font-size: 9px; | font-size: 9px; | ||
Line 57: | Line 72: | ||
} | } | ||
h2{ | h2{ | ||
font-family: " | font-family: "customfont"; | ||
font-size: 300%; | font-size: 300%; | ||
text-align: center; | text-align: center; | ||
Line 68: | Line 83: | ||
hr{ | hr{ | ||
border: 0; | border: 0; | ||
border-top: 1px solid black; | /* border-top: 1px solid black; */ | ||
break-after: always; | |||
} | } | ||
a{ | a{ | ||
Line 74: | Line 90: | ||
color: black; | color: black; | ||
text-decoration: none; | text-decoration: none; | ||
} | } |
Latest revision as of 13:36, 9 September 2024
@page{
size: A5;
margin: 5mm 8mm 10mm;
}
@page:first{
@bottom-center{
content: "This booklet is compiled with Notebook.sh using the wiki page(s) (https://pzwiki.wdka.nl/mediadesign/XXX), HTML, CSS and Weasyprint.";
font-size: 9px;
margin-bottom: 3em;
}
}
@font-face {
font-family: "customfont";
src: url(Compagnon-LightItalic.otf);
/* to download from: https://velvetyne.fr/download/?font=compagnon */
}
/*------------------*/
body{
font-size: 9px;
line-height: 1.5;
}
div#toc{
columns: 2 auto;
}
div#toc ul{
margin: 0;
padding: 0;
}
div#toc ul li{
margin: 0;
margin-left: 1.5em;
padding: 0;
list-style: none;
}
div#toc h2#mw-toc-heading{
display: none;
}
div#toc ul li span.tocnumber{
display: none;
}
pre{
white-space: pre-wrap;
}
div.thumb{
width: 50mm !important;
max-width: 50mm;
float: right;
margin: 0 0 1em 1em;
/* break-inside: avoid; */
}
div.thumbinner{
margin: 0;
}
img{
width: 50mm;
}
div.thumbcaption{
font-size: 8px;
width: 50mm;
}
h1, h2, h3, h4, h5, h6 {
break-after: avoid;
}
h2:first-of-type{
font-size: 400%;
border: 5px groove;
border-radius: 25px;
padding: 0.15em 0.75em 0.5em;
break-after: always;
}
h2{
font-family: "customfont";
font-size: 300%;
text-align: center;
border-top: 1px solid;
border-radius: 50%;
line-height: 1;
padding-top: 0.5em;
margin-top: 1.25em;
}
hr{
border: 0;
/* border-top: 1px solid black; */
break-after: always;
}
a{
font-family: sans-serif;
color: black;
text-decoration: none;
}