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

/* ==========================================
   Amon Wiki Premium Infobox Engine
   Clean Production Version
   ========================================== */

/* Base Infobox Style */
.infobox {
    float: right;
    width: 22em;
    max-width: 100%;
    border-collapse: collapse;
    background-color: #f7f9fa;

    border: 1px solid #d6d6d6;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

/* Images inside infobox */
.infobox img {
    max-width: 90%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

/* Header Title Styling */
.infobox > tbody > tr:first-child th {
    text-align: center;
    font-size: 118%;
    font-weight: 600;
    letter-spacing: 0.3px;

    padding-top: 14px;
    padding-bottom: 12px;

    background-color: #f7f9fa;
}

/* Mobile Layout */
@media screen and (max-width: 768px) {

    .infobox {
        float: none !important;
        width: 95% !important;
        max-width: 520px !important;
        margin: 8px auto !important;
    }

    .infobox td,
    .infobox th {
        padding: 6px !important;
        border: 1px solid #e0e0e0 !important;
    }

    .infobox th {
        text-align: left !important;
        font-weight: 600;
    }

    /* Mobile title centering */
    .infobox > tbody > tr:first-child th {
        width: 100% !important;
        display: table-cell !important;
    }
}


/* Force Centered Infobox Title Across Viewports */
.infobox > tbody > tr:first-child th {
    text-align: center !important;
    width: 100% !important;
}

/* Infobox Map Full Width Fix */

.infobox td[colspan="2"] {
    padding: 0 !important;
}

.infobox td[colspan="2"] img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}