diff --git a/Minecraft-Modern-Theme-Child/style.css b/Minecraft-Modern-Theme-Child/style.css index 86f722a..4259896 100644 --- a/Minecraft-Modern-Theme-Child/style.css +++ b/Minecraft-Modern-Theme-Child/style.css @@ -1,40 +1,55 @@ -/* - Theme Name: Minecraft Modern Theme Child - Theme URI: https://git.viper.ipv64.net/M_Viper/Minecraft-Modern-Theme - Description: Ein Child Theme für das Minecraft Modern Theme. - Author: M_Viper - Author URI: https://M-Viper.de - Template: minecraft-modern-theme - Version: 1.0.0 - License: GNU General Public License v2 or later - License URI: http://www.gnu.org/licenses/gpl-2.0.html - Text Domain: minecraft-modern-theme-child -*/ - -/* =Hier kommen Ihre CSS-Anpassungen hin --------------------------------------------------------------- */ - -/* Kopieren Sie Ihre geänderten CSS-Regeln hierhin. - Zum Beispiel die neuen Regeln für die FAQ-Tabs: -*/ -.faq-tab-content-container { - display: grid; /* Wichtig: Erzeugt ein Gitter-Layout */ - /* Alle direkten Kinder (.faq-tab-pane) werden automatisch auf die gleiche Höhe gesetzt */ -} - -.faq-tab-pane { - /* Grid-Item-Styling */ - grid-area: 1 / 1 / 2 / 2; /* Alle Panes belegen dieselbe Gitterzelle */ - - /* Visuelles Ein- und Ausblenden */ - opacity: 0; /* Standardmäßig unsichtbar */ - pointer-events: none; /* Nicht klickbar, wenn unsichtbar */ - transition: opacity 0.4s ease-in-out; -} - -.faq-tab-pane.active { - opacity: 1; /* Sichtbar machen */ - pointer-events: auto; /* Wieder klickbar machen */ -} - +/* + Theme Name: Minecraft Modern Theme Child + Theme URI: https://git.viper.ipv64.net/M_Viper/Minecraft-Modern-Theme + Description: Ein Child Theme für das Minecraft Modern Theme. + Author: M_Viper + Author URI: https://M-Viper.de + Template: Minecraft-Modern-Theme + Version: 1.1.0 + License: GNU General Public License v2 or later + License URI: http://www.gnu.org/licenses/gpl-2.0.html + Text Domain: minecraft-modern-theme-child +*/ + +/* =Hier kommen Ihre CSS-Anpassungen hin +-------------------------------------------------------------- */ + +/* Kopieren Sie Ihre geänderten CSS-Regeln hierhin. + Zum Beispiel die neuen Regeln für die FAQ-Tabs: +*/ +.faq-tab-content-container { + display: grid; /* Wichtig: Erzeugt ein Gitter-Layout */ + /* Alle direkten Kinder (.faq-tab-pane) werden automatisch auf die gleiche Höhe gesetzt */ +} + +.faq-tab-pane { + /* Grid-Item-Styling */ + grid-area: 1 / 1 / 2 / 2; /* Alle Panes belegen dieselbe Gitterzelle */ + + /* Visuelles Ein- und Ausblenden */ + opacity: 0; /* Standardmäßig unsichtbar */ + pointer-events: none; /* Nicht klickbar, wenn unsichtbar */ + transition: opacity 0.4s ease-in-out; +} + +.faq-tab-pane.active { + opacity: 1; /* Sichtbar machen */ + pointer-events: auto; /* Wieder klickbar machen */ +} + +/* =================================================================== + LAYOUT-SHIFT-FIX: Slider verstecken, bis er initialisiert ist +=================================================================== */ +.hero-slider { + /* Verstecke den Slider initial, um ein "Zusammenschnappen" zu verhindern */ + opacity: 0; + /* Füge einen sanften Übergangseffekt für das Einblenden hinzu */ + transition: opacity 0.4s ease-in-out; +} + +/* Diese Klasse wird vom JavaScript hinzugefügt, wenn der Slider bereit ist */ +.hero-slider.swiper-initialized { + /* Mache den Slider sichtbar */ + opacity: 1; +} /* Fügen Sie hier zukünftig weiteres eigenes CSS hinzu */ \ No newline at end of file