Minecraft-Modern-Theme/style.css aktualisiert

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: 1.0
+Version: 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
@@ -84,20 +84,27 @@ a:hover { color: #fff; }
     box-shadow: 0 2px 15px rgba(0,0,0,0.3);
 }
 
+/* =================================================================== */
+/* === KORRIGIERT: Header-Layout für linksbündige Ausrichtung ========= */
+/* =================================================================== */
+
 .header-main {
     display: flex;
-    justify-content: space-between;
     align-items: center;
+    justify-content: flex-start; /* <== KORREKTUR: Alle Elemente linksbündig anordnen */
+    gap: 120px; /* Gleichmäßiger Abstand zwischen den Elementen */
 }
+/* =================================================================== */
 
 .site-branding {
     display: flex;
     align-items: center;
-    gap: 15px;
+
 }
 
 .custom-logo-link img, .custom-logo {
     max-height: 60px;
+    margin-right: 15px;
     width: auto;
 }
 
@@ -264,18 +271,12 @@ a:hover { color: #fff; }
 }
 
 .footer-widgets {
-    /* <<< HIER IST DIE KORREKTE LÖSUNG: */
     display: flex;
     justify-content: space-between; /* Platziert 1 links, 3 rechts, 2 in der Mitte */
     align-items: flex-start;
     gap: 40px; /* Gleichmäßiger Abstand zwischen den Widgets */
 }
 
-/* NEUE REGEL: Zieht das dritte Widget nach links */
-.footer-widget:last-child {
-    margin-right: -0px; /* <<< HIER ANGEPASST: Erhöhter negativer Wert */
-}
-
 .footer-widget .widget-title {
     font-size: 15px;
     color: var(--primary-accent);
@@ -529,6 +530,56 @@ html.light-mode .icon-moon { opacity: 0.3; }
 html.light-mode .icon-sun { opacity: 1; }
 .theme-toggle:hover .icon-moon, .theme-toggle:hover .icon-sun { transform: scale(1.1); }
 
+/* === ANKÜNDIGUNGSLEISTE ============================================== */
+/* =================================================================== */
+
+.announcement-bar {
+    background-color: var(--announcement-bg, #2c3e50); 
+    color: #ffffff;
+    padding: 12px 0;
+    text-align: center;
+    position: relative;
+    border-bottom: 3px solid var(--primary-accent);
+    font-size: 15px;
+}
+
+.announcement-bar .container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding-right: 40px;
+}
+
+.announcement-bar .announcement-title {
+    margin: 0;
+    font-size: 16px;
+    font-weight: 600;
+    color: #fff;
+}
+
+.announcement-bar p {
+    margin: 0 0 15px;
+}
+
+.announcement-close {
+    position: absolute;
+    right: 20px;
+    top: 50%;
+    transform: translateY(-50%);
+    background: none;
+    border: none;
+    color: #ffffff;
+    font-size: 24px;
+    line-height: 1;
+    cursor: pointer;
+    opacity: 0.7;
+    transition: opacity 0.2s ease;
+}
+
+.announcement-close:hover {
+    opacity: 1;
+}
+
 /* === CUSTOMIZER & SONSTIGES === */
 .hero-slider.slider-hide-arrows .swiper-button-next,
 .hero-slider.slider-hide-arrows .swiper-button-prev {
@@ -558,10 +609,6 @@ html.light-mode .icon-sun { opacity: 1; }
         gap: 20px;
         align-items: center;
     }
-    .footer-widget:last-child {
-        margin-right: 0; /* Negativen Margin für mobile Ansicht zurücksetzen */
-    }
-    .footer-menu { flex-direction: column; gap: 10px; }
 
     /* Theme Toggle */
     .theme-toggle {
@@ -577,3 +624,38 @@ html.light-mode .icon-sun { opacity: 1; }
     html.light-mode .theme-toggle::before { transform: translateX(28px); }
     .icon-moon, .icon-sun { width: 16px; height: 16px; }
 }
+
+/* Ladezustand für den Slider - Verhindert das Flackern beim Laden */
+.hero-slider.swiper-loading {
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.4s ease-in-out;
+}
+.hero-slider:not(.swiper-loading) {
+    opacity: 1;
+    visibility: visible;
+}
+
+/* =================================================================== */
+/* === Abstand für die neuen Trennlinien ============================== */
+/* =================================================================== */
+
+/* Abstand nach dem Slider zum Hauptinhalt */
+main#primary.site-main {
+    padding-top: 40px; /* Passe den Wert bei Bedarf an */
+}
+
+/* Abstand im Footer, damit der Inhalt nicht direkt an der Linie klebt */
+.site-footer .widget-area,
+.site-footer .site-info {
+    padding-top: 30px; /* Passe den Wert bei Bedarf an */
+}
+
+/* =================================================================== */
+/* === Titel der statischen Startseite ausblenden (KORRIGIERT) ==== */
+/* =================================================================== */
+
+/* Zielt genau auf das <h2>-Element mit der Klasse "post-title" ab */
+body.home-title-hidden h2.post-title {
+    display: none !important;
+}