MediaWiki:Vector-2022.css

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken

/* Den Menüpunkt "Fotos" aus der Leiste herauslösen und fixieren */
#n-Fotos {
    position: fixed !important;
    top: 80px;       /* Abstand von oben - etwas tiefer, damit es nicht das Benutzermenü verdeckt */
    right: 20px;     /* Abstand von rechts */
    z-index: 999;    /* Ganz weit vorne */
    list-style: none !important; /* Keine Aufzählungspunkte */
    margin: 0 !important;
}

/* Den eigentlichen Link zum Button stylen */
#n-Fotos a {
    display: block !important;
    background-color: #d33; /* Roter Hintergrund */
    color: #fff !important; /* Weiße Schrift */
    padding: 12px 25px !important; /* Größe des Buttons */
    text-decoration: none !important;
    font-weight: bold;
    font-size: 16px;
    border-radius: 8px; /* Runde Ecken */
    box-shadow: 0 4px 6px rgba(0,0,0,0.3); /* Schatten für 3D-Effekt */
    text-transform: uppercase; /* Großbuchstaben */
}

/* Hover-Effekt (Maus drüber) */
#n-Fotos a:hover {
    background-color: #f00; /* Helleres Rot */
    transform: scale(1.05); /* Leicht vergrößern */
}

/* Das Icon neben dem Text ausblenden (falls vorhanden) */
#n-Fotos a::before {
    display: none !important;
}