/* Theme Name: Ein Moment der Stille Theme URI: Author: Author URI: Description: Minimalistisches Ein-Seiten-Theme. Zeigt einen ruhigen Vollbildschirm mit wechselnden Bibelversen und spielt im Hintergrund eine Entspannungsmusik (MP3) ab. Aus einer statischen index.html-Vorlage abgeleitet. Version: 1.0.0 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: ein-moment-der-stille Hinweis: Diese Datei enthält nur die WordPress-Theme-Kopfzeile (Pflicht für WordPress) sowie die grundlegendsten, seitenweiten Regeln (Farbvariablen, Box-Sizing, Grundlayout). Alle übrigen Styles liegen modular getrennt in assets/css/ und werden über functions.php eingebunden. Siehe MANUAL.md, Abschnitt "Wo finde ich was? (CSS)". */ /* ========================================================================== Farbvariablen Werden von ALLEN Stylesheets in assets/css/ verwendet. Die Werte hier sind nur der Sicherheits-Standard (falls assets/css/palettes.css aus irgendeinem Grund nicht greift) — welche Palette tatsächlich aktiv ist, wird über das Attribut data-palette am gesteuert. Siehe MANUAL.md, Abschnitt "Farbpalette hinzufügen". ========================================================================== */ :root{ --bg-1: #1a1a35; --bg-2: #2c1c3a; --bg-3: #17293a; --bg-4: #3a2440; --gold: #d8b26a; --mist: #9fb9c8; --accent: #78508c; --ink: #f3ede2; --ink-dim: rgba(243, 237, 226, 0.58); --ink-faint: rgba(243, 237, 226, 0.34); } *{ box-sizing: border-box; } /* Respektiert die Systemeinstellung "Bewegung reduzieren" */ @media (prefers-reduced-motion: reduce){ *{ animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; } } html, body{ height: 100%; margin: 0; padding: 0; overflow: hidden; } body{ font-family: Georgia, "Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif; color: var(--ink); display: flex; align-items: center; justify-content: center; position: relative; } /* Grundlayout des sichtbaren Inhalts (Vers-Block), siehe assets/css/verse.css für die Feinheiten des Verstextes selbst. */ main{ position: relative; z-index: 2; width: min(720px, 88vw); text-align: center; display: flex; flex-direction: column; align-items: center; gap: clamp(1.4rem, 3vw, 2.2rem); }