From 287ee0da24a5cb63dfadd5b241614e38d5d1bc57 Mon Sep 17 00:00:00 2001 From: Git Manager GUI Date: Mon, 11 May 2026 09:51:36 +0200 Subject: [PATCH] Upload via Git Manager GUI --- Minecraft-Modern-Theme/style.css | 129 ++++++++++++++++++++++++++++++- 1 file changed, 127 insertions(+), 2 deletions(-) diff --git a/Minecraft-Modern-Theme/style.css b/Minecraft-Modern-Theme/style.css index 63b3adb..cc00686 100644 --- a/Minecraft-Modern-Theme/style.css +++ b/Minecraft-Modern-Theme/style.css @@ -4,7 +4,7 @@ Theme URI: https://git.viper.ipv64.net/M_Viper/Minecraft-Modern-Theme Author: M_Viper Description: Ein modernes Gaming-Theme mit konfigurierbarem Header-Slider. Author URI: https://M-Viper.de -Version: 2.2 +Version: 2.3 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: minecraft-modern-theme @@ -4712,4 +4712,129 @@ html.light-mode .bew-mc-avatar { background: #f0f0f0; } .bewerbung-container { padding: 28px 18px; } .bew-grid { grid-template-columns: 1fr; } .bewerbung-container .page-title { font-size: 1.8rem; } -} \ No newline at end of file +} +/* ── Bewerbungs-Positionen ── */ +.bew-position-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); + gap: 12px; + margin-top: 8px; +} + +.bew-position-card { + cursor: pointer; + display: block; +} + +.bew-position-card input[type="radio"] { + position: absolute; + opacity: 0; + width: 0; + height: 0; +} + +.bew-position-label { + display: flex; + flex-direction: column; + align-items: center; + gap: 8px; + padding: 16px 12px; + border: 2px solid var(--border-color, #30363d); + border-radius: 10px; + background: var(--card-bg, #161b22); + color: var(--text-color, #c9d1d9); + font-weight: 600; + font-size: 14px; + text-align: center; + transition: border-color 0.2s, background 0.2s, color 0.2s, box-shadow 0.2s; +} + +.bew-position-label i { + font-size: 22px; + color: var(--primary-accent, #00d4e8); + transition: transform 0.2s; +} + +.bew-position-card:hover .bew-position-label { + border-color: var(--primary-accent, #00d4e8); + background: rgba(0, 212, 232, 0.07); +} + +.bew-position-card input[type="radio"]:checked + .bew-position-label { + border-color: var(--primary-accent, #00d4e8); + background: rgba(0, 212, 232, 0.12); + color: var(--primary-accent, #00d4e8); + box-shadow: 0 0 0 3px rgba(0, 212, 232, 0.18), 0 4px 16px rgba(0, 212, 232, 0.15); +} + +.bew-position-card input[type="radio"]:checked + .bew-position-label i { + transform: scale(1.2); +} + +/* Light Mode */ +html.light-mode .bew-position-label { + background: #f4f4f4; + border-color: #ddd; + color: #333; +} +html.light-mode .bew-position-card input[type="radio"]:checked + .bew-position-label { + background: rgba(0, 212, 232, 0.1); + color: #007a8c; +} + +/* Responsive */ +@media (max-width: 500px) { + .bew-position-grid { + grid-template-columns: repeat(2, 1fr); + } +} + +/* ══════════════════════════════════════════════════════════════ + FIX: Dropdown-Sichtbarkeit im Centered-Layout (Logo oben, Menü darunter) + Das .header-row-nav muss overflow:visible haben damit das Sub-Menu + sichtbar aus dem Header herausragen kann. + ══════════════════════════════════════════════════════════════ */ + +/* Zeilen-Container darf das Dropdown nicht abschneiden */ +.site-header--centered, +.site-header--centered .container, +.site-header--classic, +.site-header--classic .container, +.header-row-nav, +.header-centered-nav { + overflow: visible !important; +} + +/* Nav-Zeile braucht position:relative als Ankerpunkt für das Dropdown */ +.header-row-nav { + position: relative; +} + +/* Jedes Menü-Item ist der Ankerpunkt für sein Sub-Menu */ +.header-row-nav .menu-item-has-children, +.header-centered-nav .menu-item-has-children, +.site-header--centered .menu-item-has-children, +.site-header--classic .menu-item-has-children { + position: relative; +} + +/* Sub-Menu öffnet sich direkt unterhalb des Menüpunkts */ +.header-row-nav .sub-menu, +.header-centered-nav .sub-menu, +.site-header--centered .sub-menu, +.site-header--classic .sub-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 99999; +} + +/* Hover-State: Dropdown einblenden */ +.header-row-nav .menu-item-has-children:hover > .sub-menu, +.header-centered-nav .menu-item-has-children:hover > .sub-menu, +.site-header--centered .menu-item-has-children:hover > .sub-menu, +.site-header--classic .menu-item-has-children:hover > .sub-menu { + opacity: 1; + visibility: visible; + transform: translateY(10px); +}