MediaWiki:Common.css: Unterschied zwischen den Versionen

Version vom 29. September 2024, 14:21 Uhr

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

/* Entfernt den weißen Rand um Miniaturansichten */
.mw-filepage-thumb, .thumbinner, .gallerybox {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Hintergrundfarbe des Navigationsmenüs mit Klasse p-cosmos-navigation ändern */
#p-cosmos-navigation {
    background-color: #1c1c1c !important; /* Wunschfarbe für das Navigationsmenü */
    border: none !important; /* Entfernt den Rand, falls vorhanden */
}

/* Links innerhalb des Navigationsmenüs anpassen */
#p-cosmos-navigation ul li a {
    background-color: transparent !important; /* Transparenter Hintergrund für Links */
    color: #ffffff !important; /* Textfarbe der Links */
}

/* Hintergrundfarbe bei Hover für Menülinks */
#p-cosmos-navigation ul li a:hover {
    background-color: #1c1c1c !important; /* Hintergrundfarbe bei Hover */
    color: #ff4040 !important; /* Textfarbe bei Hover */




/* Hintergrundfarbe der Dropdown-Menüs ändern */

ul.dropdown-menu, .menu, .vector-menu-content, .mw-portlet {
    background-color: #1c1c1c !important;
    color: #000000 !important;
}

/* Optional: Hintergrundfarbe von Menüpunkten bei Hover ändern */
ul.dropdown-menu li a:hover, .menu li a:hover, .vector-menu-content li a:hover, .mw-portlet li a:hover {
    background-color: #1c1c1c !important;
    color: #333 !important;
}

/* Hintergrundfarbe des gesamten Navigationsmenüs (Seitenleiste) */
.vector-menu-content, .mw-portlet {
    background-color: #1c1c1c !important; /* Wunschfarbe */
    border: 1px solid #ccc; /* Optional: Randfarbe */
}

/* Hintergrundfarbe für die einzelnen Links im Menü */
.vector-menu-content li a, .mw-portlet-body li a {
    background-color: transparent !important; /* Setzt transparenten Hintergrund für Links */
    color: #333 !important; /* Textfarbe der Links */
}

/* Optional: Hintergrundfarbe der Links beim Hover ändern */
.vector-menu-content li a:hover, .mw-portlet-body li a:hover {
    background-color: #e0e0e0 !important; /* Hintergrundfarbe bei Hover */
    color: #000 !important; /* Textfarbe bei Hover */
}