M_Viper/Minecraft-Modern-Theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 5 Wiki Activity

Minecraft-Modern-Theme-Child/style.css aktualisiert

Browse Source
This commit is contained in:
M_Viper
2026-01-06 17:20:48 +00:00
parent 4b28dc465d
commit d5baf0cadb
1 changed files with 54 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
Minecraft-Modern-Theme-Child/style.css
View File

@@ -1,40 +1,55 @@
/* /*
Theme Name: Minecraft Modern Theme Child Theme Name: Minecraft Modern Theme Child
Theme URI: https://git.viper.ipv64.net/M_Viper/Minecraft-Modern-Theme Theme URI: https://git.viper.ipv64.net/M_Viper/Minecraft-Modern-Theme
Description: Ein Child Theme für das Minecraft Modern Theme. Description: Ein Child Theme für das Minecraft Modern Theme.
Author: M_Viper Author: M_Viper
Author URI: https://M-Viper.de Author URI: https://M-Viper.de
Template: minecraft-modern-theme Template: Minecraft-Modern-Theme
Version: 1.0.0 Version: 1.1.0
License: GNU General Public License v2 or later License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: minecraft-modern-theme-child Text Domain: minecraft-modern-theme-child
*/ */
/* =Hier kommen Ihre CSS-Anpassungen hin /* =Hier kommen Ihre CSS-Anpassungen hin
-------------------------------------------------------------- */ -------------------------------------------------------------- */
/* Kopieren Sie Ihre geänderten CSS-Regeln hierhin. /* Kopieren Sie Ihre geänderten CSS-Regeln hierhin.
Zum Beispiel die neuen Regeln für die FAQ-Tabs: Zum Beispiel die neuen Regeln für die FAQ-Tabs:
*/ */
.faq-tab-content-container { .faq-tab-content-container {
display: grid; /* Wichtig: Erzeugt ein Gitter-Layout */ display: grid; /* Wichtig: Erzeugt ein Gitter-Layout */
/* Alle direkten Kinder (.faq-tab-pane) werden automatisch auf die gleiche Höhe gesetzt */ /* Alle direkten Kinder (.faq-tab-pane) werden automatisch auf die gleiche Höhe gesetzt */
} }
.faq-tab-pane { .faq-tab-pane {
/* Grid-Item-Styling */ /* Grid-Item-Styling */
grid-area: 1 / 1 / 2 / 2; /* Alle Panes belegen dieselbe Gitterzelle */ grid-area: 1 / 1 / 2 / 2; /* Alle Panes belegen dieselbe Gitterzelle */
/* Visuelles Ein- und Ausblenden */ /* Visuelles Ein- und Ausblenden */
opacity: 0; /* Standardmäßig unsichtbar */ opacity: 0; /* Standardmäßig unsichtbar */
pointer-events: none; /* Nicht klickbar, wenn unsichtbar */ pointer-events: none; /* Nicht klickbar, wenn unsichtbar */
transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out;
} }
.faq-tab-pane.active { .faq-tab-pane.active {
opacity: 1; /* Sichtbar machen */ opacity: 1; /* Sichtbar machen */
pointer-events: auto; /* Wieder klickbar 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 */ /* Fügen Sie hier zukünftig weiteres eigenes CSS hinzu */