Files
Minecraft-Modern-Theme/Minecraft-Modern-Theme-Child/style.css
T
2026-08-13 21:23:43 +00:00

171 lines
6.0 KiB
CSS

/*
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.1
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
*/
/* ===================================================================
SIDEBAR FLYOUT: Sichtbarkeit
=================================================================== */
/* Standardmäßig versteckt aber NICHT display:none damit
getBoundingClientRect() korrekte Werte liefert */
.header-sidebar .sub-menu {
opacity: 0 !important;
pointer-events: none !important;
display: block !important;
transition: opacity 0.15s ease !important;
}
/* Sichtbar wenn li gehoverd oder flyout-open gesetzt */
.header-sidebar .primary-menu > li.menu-item-has-children:hover > .sub-menu,
.header-sidebar .primary-menu > li.menu-item-has-children.flyout-open > .sub-menu,
.header-sidebar .menu-item.active > .sub-menu {
opacity: 1 !important;
pointer-events: auto !important;
}
/* ===================================================================
FAQ TABS
=================================================================== */
.faq-tab-content-container { display: grid; }
.faq-tab-pane {
grid-area: 1 / 1 / 2 / 2;
opacity: 0;
pointer-events: none;
transition: opacity 0.4s ease-in-out;
}
.faq-tab-pane.active { opacity: 1; pointer-events: auto; }
/* ===================================================================
SLIDER
=================================================================== */
.hero-slider { opacity: 0; transition: opacity 0.4s ease-in-out; }
.hero-slider.swiper-initialized { opacity: 1; }
/* ===================================================================
NAVIGATION: submenu-toggle auf Desktop nur für Classic/Centered/Mega
ausblenden — Sidebar-Layout braucht den Button
=================================================================== */
@media (min-width: 993px) {
.site-header--classic .submenu-toggle,
.site-header--centered .submenu-toggle,
.site-header--mega .submenu-toggle {
display: none !important;
width: 0 !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
}
}
@media (max-width: 992px) {
.submenu-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
background: none;
border: none;
cursor: pointer;
padding: 4px 8px;
color: inherit;
font-size: 0.8em;
}
.menu-item-has-children.active > .submenu-toggle i {
transform: rotate(180deg);
}
}/*
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
*/
/* ===================================================================
SIDEBAR FLYOUT: Sichtbarkeit
=================================================================== */
/* Standardmäßig versteckt aber NICHT display:none damit
getBoundingClientRect() korrekte Werte liefert */
.header-sidebar .sub-menu {
opacity: 0 !important;
pointer-events: none !important;
display: block !important;
transition: opacity 0.15s ease !important;
}
/* Sichtbar wenn li gehoverd oder flyout-open gesetzt */
.header-sidebar .primary-menu > li.menu-item-has-children:hover > .sub-menu,
.header-sidebar .primary-menu > li.menu-item-has-children.flyout-open > .sub-menu,
.header-sidebar .menu-item.active > .sub-menu {
opacity: 1 !important;
pointer-events: auto !important;
}
/* ===================================================================
FAQ TABS
=================================================================== */
.faq-tab-content-container { display: grid; }
.faq-tab-pane {
grid-area: 1 / 1 / 2 / 2;
opacity: 0;
pointer-events: none;
transition: opacity 0.4s ease-in-out;
}
.faq-tab-pane.active { opacity: 1; pointer-events: auto; }
/* ===================================================================
SLIDER
=================================================================== */
.hero-slider { opacity: 0; transition: opacity 0.4s ease-in-out; }
.hero-slider.swiper-initialized { opacity: 1; }
/* ===================================================================
NAVIGATION: submenu-toggle auf Desktop nur für Classic/Centered/Mega
ausblenden — Sidebar-Layout braucht den Button
=================================================================== */
@media (min-width: 993px) {
.site-header--classic .submenu-toggle,
.site-header--centered .submenu-toggle,
.site-header--mega .submenu-toggle {
display: none !important;
width: 0 !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
}
}
@media (max-width: 992px) {
.submenu-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
background: none;
border: none;
cursor: pointer;
padding: 4px 8px;
color: inherit;
font-size: 0.8em;
}
.menu-item-has-children.active > .submenu-toggle i {
transform: rotate(180deg);
}
}