MediaWiki:Common.css: Unterschied zwischen den Versionen

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

/* Entfernt zuletzt bearbeitet am
/* Versteckt das MediaWiki-Logo */
#footer-poweredbyico {
    display: none !important;
}

/* Versteckt das Datum der letzten Änderung */
#footer-info-lastmod {
    display: none !important;
}

/* ANZEIGE TEXT
/* 1. Den Titel-Bereich für die Anzeige vorbereiten */
#firstHeading {
    display: flex !important;
    align-items: baseline !important;
    position: relative;
    /* Verhindert, dass Klicks auf den Titel den Hover-Kasten blockieren */
    pointer-events: none; 
}

/* 2. Die Anzeige-Kennzeichnung: Calibri, rechtsbündig */
#firstHeading::after {
    content: "ANZEIGE";
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;
    font-size: 14px !important;
    color: #000000 !important;
    font-weight: normal !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    margin-left: auto !important;
    white-space: nowrap;
    opacity: 0.7;
    cursor: help;
    transition: all 0.2s ease;
    /* Macht nur das Wort "ANZEIGE" wieder klickbar/hoverbar */
    pointer-events: all; 
}

/* 3. Der Hover-Kasten mit der rechtlichen Begründung */
#firstHeading:hover::before {
    content: "Um den Betrieb des Service-Wikis zu finanzieren und rechtlich auf der sicheren Seite zu sein, kennzeichnen wir grundsätzlich alle Unternehmensprofile als Anzeige, auch wenn bei manchen keine Anzeige vorliegen könnte.";
    position: absolute;
    right: 0;
    top: 110%; /* Sitzt direkt unter dem Titel */
    background: #333333;
    color: #ffffff;
    padding: 12px 16px;
    border-radius: 4px;
    font-size: 13px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    width: 320px;
    white-space: normal;
    line-height: 1.5;
    z-index: 9999;
    box-shadow: 0 4px 15px rgba(0,0,0,0.4);
    text-transform: none;
    letter-spacing: normal;
    font-weight: normal;
}

/* 4. Optisches Feedback beim Drüberfahren */
#firstHeading:hover::after {
    opacity: 1 !important;
    color: #c00 !important; /* Wird beim Hover dezent rot oder bleibt schwarz */
}