diff --git a/sermon-a4.css b/sermon-a4.css index 14ae875..7cf5c28 100644 --- a/sermon-a4.css +++ b/sermon-a4.css @@ -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,10 +97,11 @@ 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 */ - border-radius: 3px; + background-color: var(--mark-color); + padding: 0 4px; + border-radius: 3px; } blockquote { @@ -106,20 +111,16 @@ 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 { - display: block; - text-align: right; - color: var(--lighter-color); - font-style: normal; - font-size: 0.9em; - margin-top: 10px; + display: block; + text-align: right; + color: var(--lighter-color); + font-style: normal; + font-size: 0.9em; + margin-top: 10px; } table {