Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Markierung: Manuelle Zurücksetzung
 
(13 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
/* ==========================================
  Wikipedia-Style Responsive Infobox Engine
  Amon Wiki Premium Layout Version
  ========================================== */


/* Desktop Standard */
/* ===============================
  Amon Wiki Stable Infobox Base
  =============================== */
 
.infobox {
.infobox {
     float: right;
     float: right;
Zeile 10: Zeile 9:
     max-width: 100%;
     max-width: 100%;
     border-collapse: collapse;
     border-collapse: collapse;
     background-color: #f7f9fa;
     background-color: #f7f9fa;
}
    border: 1px solid #d6d6d6;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);


/* Bilder innerhalb Infobox */
     font-size: 90%;
.infobox img {
     max-width: 100%;
    height: auto;
}
}


/* Mobile Layout (Wikipedia-like Behaviour) */
/* Table cells */
@media screen and (max-width: 768px) {
.infobox th,
.infobox td {
    border: 1px solid #dcdcdc;
    padding: 6px;


     .infobox {
     font-size: 90%;
        float: none !important;
    line-height: 1.35;
        width: 95% !important;
}
        max-width: 520px !important;
        margin: 8px auto !important;
    }


    .infobox td,
/* Header title */
    .infobox th {
.infobox > tbody > tr:first-child th {
        padding: 6px !important;
    text-align: center;
        border: 1px solid #e0e0e0 !important;
    font-size: 115%;
    }
    font-weight: 600;
    padding: 12px;
    background-color: #f7f9fa;
}


    .infobox tr {
/* Maps */
        border-bottom: none !important;
.infobox td[colspan="2"] {
     }
     text-align: center;
 
    .infobox th {
        text-align: left !important;
        font-weight: 600;
    }
}
}


@media screen and (max-width: 768px) {
.infobox td[colspan="2"] img {
 
    width: 100%;
    .infobox > tbody > tr:first-child th {
    height: auto;
        text-align: center !important;
    display: block;
        display: table-cell !important;
        width: 100% !important;
    }
 
}
}


/* ==========================================
/* Heraldic images */
  Heraldik Panel Proportional Scaling
  ========================================== */
 
.infobox img {
.infobox img {
     max-width: 90%;
     max-width: 100%;
     height: auto;
     height: auto;
     display: inline-block;
     display: inline-block;
}
}


/* Speziell für Wappen + Flaggen Panel */
/* Mobile Layout */
.infobox td[style*="text-align:center"] img {
@media screen and (max-width: 768px) {
    vertical-align: middle;
}


/* ==========================================
    .infobox {
  Encyclopedia Style Infobox Header
        float: none !important;
  ========================================== */
        width: 95% !important;
 
        max-width: 520px !important;
.infobox > tbody > tr:first-child th {
        margin: 8px auto !important;
    text-align: center;
     }
    font-size: 118%;
    font-weight: 600;
    letter-spacing: 0.3px;
     padding-top: 14px;
    padding-bottom: 12px;
    background-color: #f7f9fa;
}


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

Aktuelle Version vom 24. Februar 2026, 16:44 Uhr


/* ===============================
   Amon Wiki Stable Infobox Base
   =============================== */

.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);

    font-size: 90%;
}

/* Table cells */
.infobox th,
.infobox td {
    border: 1px solid #dcdcdc;
    padding: 6px;

    font-size: 90%;
    line-height: 1.35;
}

/* Header title */
.infobox > tbody > tr:first-child th {
    text-align: center;
    font-size: 115%;
    font-weight: 600;
    padding: 12px;
    background-color: #f7f9fa;
}

/* Maps */
.infobox td[colspan="2"] {
    text-align: center;
}

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

/* Heraldic images */
.infobox img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

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

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

}