MediaWiki:Common.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

.color-left {
    background: #74430f;
}

.color-middle {
    background: #004d9f;
}

.color-right {
    background: #74430f;
}

#mw-content-container {
    border-bottom: solid 4px #ffcc00;
}

.mw-body h1.firstHeading {
    border-bottom: solid 4px #005bd7;
}


/* ====== Infobox-Styling für Sportstätten ====== */

/* Grundlayout */
.infobox {
    width: 300px;
    font-size: 90%;
    line-height: 1.4em;
    border: 1px solid #a2a9b1;
    border-collapse: collapse;
    background-color: #f8f9fa;
    color: #000;
    float: right;
    margin: 0 0 1em 1em;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/* Kopfzeile (Titelzeile) */
.infobox th {
    background-color: #cce5ff;
    color: #000;
    text-align: center;
    font-weight: bold;
    font-size: 110%;
    padding: 6px;
    border-bottom: 1px solid #a2a9b1;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

/* Datenzeilen */
.infobox td {
    padding: 4px 8px;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

/* Spaltenüberschriften (linke Spalte) */
.infobox th[scope="row"],
.infobox tr > th:first-child {
    background-color: #eef6ff;
    text-align: left;
    width: 35%;
    padding: 4px 8px;
    font-weight: bold;
    border-top: 1px solid #ddd;
}

/* Bilder in der Infobox */
.infobox img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 4px 0;
}

/* Links in der Infobox */
.infobox a {
    color: #0645ad;
    text-decoration: none;
}

.infobox a:hover {
    text-decoration: underline;
}

/* Responsive Anpassung */
@media (max-width: 768px) {
    .infobox {
        float: none;
        margin: 1em auto;
        width: 90%;
    }
}