diff --git a/sermon-a4.css b/sermon-a4.css index 374c600..3b871ca 100644 --- a/sermon-a4.css +++ b/sermon-a4.css @@ -1,34 +1,28 @@ /* @theme sermon-a4 author: simonpipe (codeberg.org/simonpipe/) License: MIT +Inspired by "a4-clean.css" by stanfrdb -This theme is optimized for A4 printing. -Inspired by "a4-clean.css" by stanfrdb (https://github.com/stanfrbd/A4-marp/tree/main) - -Usage: -- Default: Standard A4 layout with 12pt font size. -- Class 'booklet': Scales the layout to 18pt for easy-to-read booklet printing. - (Set 'class: booklet' in your Markdown YAML header) +Standalone A4/Booklet theme based on Marp 'base'. */ @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"); :root { - /* --- COLOR PALETTE (From sermon-slide) --- */ - --primary-color: #265770; - --text-color: #393552; - --lighter-color: #666; - --bg-color-elements: #eee; - --mark-color: #ffffa590; - --cite-color: #2d5f83; + /* --- YOUR DEFINED COLORS & SIZES --- */ + --font-size: 12pt; + --line-height: 1.5; + --font-size-booklet: 18pt; + --line-height-booklet: 1.6; + --font-family: 'Ubuntu', sans-serif; + --primary-color: #000; + --lighter-color: #666; + --bg-color: #eee; + --mark-color: #eee; + --margin-page: 25px 35px; - /* --- LAYOUT CONSTANTS --- */ - --font-size-std: 12pt; - --font-size-booklet: 18pt; - --margin-page: 25px 35px; - - font-family: 'Ubuntu', sans-serif; + --colorblockquote: #333; /* Dezenter Kontrast für Bibelstellen */ } /* --- BASIC A4 STRUCTURE --- */ @@ -37,29 +31,30 @@ section { height: 29.7cm; padding: var(--margin-page); background: white; - color: var(--text-color); - font-size: var(--font-size-std); - line-height: 1.5; - display: block; /* Garantiert: Alles fängt oben an! */ + color: var(--primary-color); + font-family: var(--font-family); + font-size: var(--font-size); + line-height: var(--line-height); + display: block; /* Garantiert Start oben (Zentrierung besiegt) */ position: relative; } /* Booklet Mode ('class: booklet') */ section.booklet { font-size: var(--font-size-booklet); - line-height: 1.6; + line-height: var(--line-height-booklet); } /* --- TYPOGRAPHY --- */ -h1, h2, h3, h4 { +h1, h2, h3 { color: var(--primary-color); margin: 0; line-height: 1.2; } -h1 { font-size: 1.4em; font-weight: 700; margin-bottom: 0.3em; } -h2 { font-size: 1.2em; font-weight: 600; margin-top: 1em; margin-bottom: 0.2em; } -h3 { font-size: 1.1em; font-weight: 500; margin-top: 0.8em; } +h1 { font-size: 1.3em; font-weight: 700; margin-bottom: 0.4em; } +h2 { font-size: 1.15em; font-weight: 600; margin-top: 1.2em; margin-bottom: 0.2em; } +h3 { font-size: 1.05em; font-weight: 500; margin-top: 1em; } p, li { margin: 0.6em 0; @@ -67,14 +62,13 @@ p, li { strong { font-weight: 600; - color: #000; } em { font-style: italic; } -/* Motto-Style (First Page) */ +/* Motto-Style (Erste Seite oben) */ section:first-of-type p:first-of-type em:first-of-type { display: block; font-size: 0.9em; @@ -86,16 +80,17 @@ section:first-of-type p:first-of-type em:first-of-type { /* --- ELEMENTS --- */ mark { background-color: var(--mark-color); + color: var(--primary-color); padding: 0 4px; border-radius: 3px; } /* --- BIBEL-ZITATE (Kompakt-Modus) --- */ blockquote { - margin: 1.5em 0; + margin: 1.2em 0; font-weight: 500; - color: #000; - border-left: none; /* Kein Balken für Zitate im A4 */ + color: var(--primary-color); + border-left: none; padding: 0; } @@ -112,7 +107,7 @@ blockquote cite { display: inline; font-weight: normal; font-style: normal; - color: var(--cite-color); + color: var(--colorblockquote); } blockquote cite::before { content: " ("; } @@ -124,11 +119,16 @@ blockquote cite::after { content: ")"; } padding: 10px 20px; margin: 20px 0; border-left: 4px solid var(--primary-color); - background-color: var(--bg-color-elements); + background-color: var(--bg-color); font-style: italic; font-size: 0.9em; } +.copyright a { + color: var(--lighter-color); + text-decoration: underline; +} + /* --- TABLES --- */ table { width: 100%; @@ -145,13 +145,13 @@ table th { table td { padding: 8px; - border-bottom: 1px solid var(--bg-color-elements); + border-bottom: 1px solid var(--bg-color); } /* --- CODE --- */ code, pre { font-family: 'Ubuntu Mono', monospace !important; - background-color: var(--bg-color-elements); + background-color: var(--bg-color); } code { @@ -169,7 +169,7 @@ pre { pre code { background-color: transparent; } -/* --- PAGINATION --- */ +/* --- PAGINATION (Unten Rechts) --- */ section::after { content: attr(data-marpit-pagination) ' / ' attr(data-marpit-pagination-total); font-size: 10pt; @@ -179,7 +179,7 @@ section::after { color: var(--lighter-color); } -/* --- IMAGE CENTER --- */ +/* --- IMAGES --- */ img[alt~="center"] { display: block; margin: 20px auto;