Die Seite wurde neu angelegt: „Infobox responsive mobile layout: @media screen and (max-width: 768px) { .infobox { float: none !important; width: 95% !important; max-width: 600px !important; margin-left: auto !important; margin-right: auto !important; display: table; } }“
 
Keine Bearbeitungszusammenfassung
Markierung: Manuelle Zurücksetzung
 
(18 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
/* Infobox responsive mobile layout */
 
/* ===============================
  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) {
@media screen and (max-width: 768px) {
     .infobox {
     .infobox {
         float: none !important;
         float: none !important;
         width: 95% !important;
         width: 95% !important;
         max-width: 600px !important;
         max-width: 520px !important;
         margin-left: auto !important;
         margin: 8px auto !important;
        margin-right: auto !important;
        display: table;
     }
     }
}
}

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;
    }

}