Menü aufrufen
Toggle preferences menu
Persönliches Menü aufrufen
Nicht angemeldet
Ihre IP-Adresse wird öffentlich sichtbar sein, wenn Sie Änderungen vornehmen.

MediaWiki:Common.css: Unterschied zwischen den Versionen

MediaWiki-Schnittstellenseite
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
/* Schrift-Import (falls noch nicht geschehen) */
/* ==========================================================================
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400&family=Open+Sans&display=swap');
  Exaktes Go-Medical Dark Layout (Flex Style 4)
  ========================================================================== */
@media (prefers-color-scheme: dark) {
    /* Hintergrund & Basis-Text */
    :root, body, .mw-body, #content, .citizen-page-container {
        background-color: #1a222d !important; /* Das edle, dunkle Flex-Marineblau/Anthrazit */
        background-image: none !important;
        color: #f1f5f9 !important; /* Klarer, leicht abgetönter Text (Open Sans) */
    }


h1, h2, h3 {
    /* Header, Seitenleiste und Menüs von Citizen angleichen */
     font-family: 'Montserrat', sans-serif !important;
     .mw-header, .citizen-sidebar, .citizen-drawer, .mw-portlet {
    font-weight: 200 !important;
        background-color: #131a22 !important; /* Nuance dunkler für visuelle Tiefe */
    position: relative;
        border-color: #2e3c4e !important;
    display: inline-block; /* Wichtig für die Längenberechnung */
     }
    margin-bottom: 25px;
    padding-bottom: 8px;
    border-bottom: none !important; /* MediaWiki-Standard entfernen */
     color: #333;
}


/* Der Joomla Style 4 Akzent */
    /* Überschriften im Dark Mode */
h1::after, h2::after, h3::after {
    h1, h2, h3 {
    content: "";
        color: #ffffff !important;
    position: absolute;
    }
     left: 0;
 
    bottom: 0;
    /* Die Akzentlinie angepasst an den dunklen Hintergrund */
     height: 2px; /* Die Dicke der Linie */
    h1::after, h2::after, h3::after {
     width: 120%; /* 20% Überhang nach rechts */
        background: linear-gradient(to right,
            #00adef 0%,
            #00adef 60%,
            #2e3c4e 60%,
            #2e3c4e 100%
        ) !important; /* Rechter Teil der Linie wechselt von Hellgrau zu dezentem Dunkelblau */
     }
 
     /* Links im Fließtext */
     a, a.external {
        color: #38bdf8 !important; /* Gut lesbares, leuchtendes Hellblau für Links */
    }
      
      
     /* Der 60% Blau-Akzent Verlauf */
     a:visited {
    background: linear-gradient(to right,
         color: #7dd3fc !important;
        #00adef 0%,
     }
        #00adef 60%,
         #e5e5e5 60%,
        #e5e5e5 100%
    );
}
 
/* Damit der nachfolgende Text nicht neben der Überschrift klebt */
h1, h2, h3 {
     display: table; /* Alternative zu inline-block, um Zeilenumbruch zu erzwingen */
}


/* Fließtext auf Open Sans */
    /* Suchfeld und Card-Elemente */
p, li, dd {
    .mw-search-form-wrapper, .oo-ui-textInputWidget-type-search input {
    font-family: 'Open Sans', sans-serif !important;
        background-color: #131a22 !important;
    font-size: 15px;
        color: #ffffff !important;
    line-height: 1.6;
        border-color: #2e3c4e !important;
    }
}
}

Version vom 31. Mai 2026, 15:55 Uhr

/* ==========================================================================
   Exaktes Go-Medical Dark Layout (Flex Style 4)
   ========================================================================== */
@media (prefers-color-scheme: dark) {
    /* Hintergrund & Basis-Text */
    :root, body, .mw-body, #content, .citizen-page-container {
        background-color: #1a222d !important; /* Das edle, dunkle Flex-Marineblau/Anthrazit */
        background-image: none !important;
        color: #f1f5f9 !important; /* Klarer, leicht abgetönter Text (Open Sans) */
    }

    /* Header, Seitenleiste und Menüs von Citizen angleichen */
    .mw-header, .citizen-sidebar, .citizen-drawer, .mw-portlet {
        background-color: #131a22 !important; /* Nuance dunkler für visuelle Tiefe */
        border-color: #2e3c4e !important;
    }

    /* Überschriften im Dark Mode */
    h1, h2, h3 {
        color: #ffffff !important;
    }

    /* Die Akzentlinie angepasst an den dunklen Hintergrund */
    h1::after, h2::after, h3::after {
        background: linear-gradient(to right, 
            #00adef 0%, 
            #00adef 60%, 
            #2e3c4e 60%, 
            #2e3c4e 100%
        ) !important; /* Rechter Teil der Linie wechselt von Hellgrau zu dezentem Dunkelblau */
    }

    /* Links im Fließtext */
    a, a.external {
        color: #38bdf8 !important; /* Gut lesbares, leuchtendes Hellblau für Links */
    }
    
    a:visited {
        color: #7dd3fc !important;
    }

    /* Suchfeld und Card-Elemente */
    .mw-search-form-wrapper, .oo-ui-textInputWidget-type-search input {
        background-color: #131a22 !important;
        color: #ffffff !important;
        border-color: #2e3c4e !important;
    }
}