Notebook-stylesheet.css: Difference between revisions
(Created page with "@page{ size: A5; margin: 5mm 8mm; } body{ font-size: 10px; line-height: 1.6; } 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; } pre{ white-space: pre-wrap; } img{ width: 100mm; } h1, h2, h3, h4, h5, h6 { break-after: avoid; } h1{ font-size: 300%; border: 5px groove; border-radius: 25px; padding: 0.15em 0.75em; }") |
No edit summary |
||
(2 intermediate revisions by the same user not shown) | |||
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: | font-size: 9px; | ||
line-height: 1. | line-height: 1.5; | ||
} | } | ||
div#toc{ | div#toc{ | ||
Line 21: | Line 36: | ||
} | } | ||
div#toc h2#mw-toc-heading{ | div#toc h2#mw-toc-heading{ | ||
display: none; | |||
} | |||
div#toc ul li span.tocnumber{ | |||
display: none; | display: none; | ||
} | } | ||
pre{ | pre{ | ||
white-space: pre-wrap; | 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{ | img{ | ||
width: | width: 50mm; | ||
} | |||
div.thumbcaption{ | |||
font-size: 8px; | |||
width: 50mm; | |||
} | } | ||
h1, h2, h3, h4, h5, h6 { | h1, h2, h3, h4, h5, h6 { | ||
break-after: avoid; | break-after: avoid; | ||
} | } | ||
h2:first-of-type{ | |||
font-size: | font-size: 400%; | ||
border: 5px groove; | border: 5px groove; | ||
border-radius: 25px; | border-radius: 25px; | ||
padding: 0.15em 0.75em; | 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; | |||
} | } |
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;
}