Update sermon-a4.css

This commit is contained in:
simonpipe 2026-05-12 09:23:54 +02:00
parent 7544538102
commit 5db2186dfb

View file

@ -2,12 +2,11 @@
author: simonpipe (codeberg.org/simonpipe/)
License: MIT
This theme is a derivative work based on:
"a4-clean.css" by stanfrdb (https://github.com/stanfrbd/A4-marp/tree/main)
This theme builds upon sermon-slide.css and optimizes it for A4 booklet printing.
Inspired by "a4-clean.css" by stanfrdb (https://github.com/stanfrbd/A4-marp/tree/main)
*/
@import 'base';
@import url("https://fonts.googleapis.com/css2?family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
@import "sermon-slide";
:root {
--font-size: 18pt;
@ -17,23 +16,24 @@ This theme is a derivative work based on:
--lighter-color: #666;
--bg-color: #eee;
--mark-color: #eee;
--margin-page: 25px 35px;
}
/* --- A4 LAYOUT OVERRIDES --- */
section {
width: 21cm;
height: 29.7cm;
padding: var(--margin-page);
background: white;
background-image: none; /* Entfernt den Folien-Gradienten für den Druck */
color: var(--primary-color);
font-family: var(--font-family);
font-size: var(--font-size);
line-height: var(--line-height);
display: block;
display: block; /* Verhindert die Zentrierung der Slides */
}
/* Seitenzahlen */
/* Seitenzahlen für das Booklet */
section::after {
content: attr(data-marpit-pagination) ' / ' attr(data-marpit-pagination-total);
font-size: 15px;
@ -41,13 +41,18 @@ section::after {
bottom: 25px;
right: 35px;
color: #555;
opacity: 1;
}
/* --- TYPOGRAPHY --- */
h1 {
color: var(--primary-color);
font-size: 1.2em;
font-weight: 600;
margin-bottom: -20px;
border-bottom: none; /* Entfernt die Linie aus der Slide-Klasse falls nötig */
display: block;
min-width: 0;
}
h2 {
@ -75,15 +80,14 @@ strong {
font-weight: 500;
}
/* 1. Globaler Style für Regieanweisungen (bleibt 100% groß) */
/* Regieanweisungen */
em {
color: var(--primary-color);
font-style: italic;
font-size: 1em; /* Stellt sicher, dass es normal groß bleibt */
font-size: 1em;
}
/* 2. Spezial-Style NUR für das Motto auf der ersten Seite */
/* Wir nehmen das erste 'em', das direkt auf ein 'h1' folgt */
/* Motto auf der ersten Seite */
section:first-of-type p:first-of-type em:first-of-type {
display: block;
font-size: 0.8em;
@ -93,9 +97,10 @@ section:first-of-type p:first-of-type em:first-of-type {
font-weight: normal;
}
/* --- ELEMENTS --- */
mark {
background-color: var(--mark-color);
padding: 0 4px; /* Etwas mehr Luft an den Seiten sieht meist besser aus */
padding: 0 4px;
border-radius: 3px;
}
@ -106,11 +111,7 @@ blockquote {
border-left: 4px solid var(--primary-color);
background-color: var(--bg-color);
font-style: italic;
}
blockquote a {
color: inherit;
text-decoration: none;
font-size: 1em;
}
blockquote cite {