Update sermon-a4.css
This commit is contained in:
parent
7544538102
commit
5db2186dfb
1 changed files with 26 additions and 25 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Reference in a new issue