simon/sermon-theme-for-marp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update sermon-a4.css

Browse source
This commit is contained in:
simonpipe 2026-05-12 09:23:54 +02:00
parent 7544538102
commit 5db2186dfb
1 changed files with 26 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
sermon-a4.css
View file

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