Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
/* ==========================================
  Amon Wiki Premium Infobox Engine
  Clean Production Version
  ========================================== */


/* Base Infobox Style */
/* =====================================
  Amon Wiki Stable Infobox Layout
  ===================================== */
 
.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;
     border: 1px solid #d6d6d6;
     box-shadow: 0 1px 3px rgba(0,0,0,0.04);
     box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
}


/* Images inside infobox */
/* Images */
.infobox img {
.infobox img {
     max-width: 90%;
     max-width: 100%;
     height: auto;
     height: auto;
     display: inline-block;
     display: inline-block;
Zeile 24: Zeile 23:
}
}


/* Header Title Styling */
/* Header */
.infobox > tbody > tr:first-child th {
.infobox th {
     text-align: center;
     text-align: center;
     font-size: 118%;
     font-size: 118%;
     font-weight: 600;
     font-weight: 600;
    letter-spacing: 0.3px;
     padding-top: 14px;
     padding-top: 14px;
     padding-bottom: 12px;
     padding-bottom: 12px;
}
/* Map cells */
.infobox td[colspan="2"] {
    padding: 8px;
    text-align: center;
}


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


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


Zeile 47: Zeile 54:
     }
     }


    .infobox td,
     .infobox th {
     .infobox th {
        padding: 6px !important;
         text-align: left;
        border: 1px solid #e0e0e0 !important;
    }
 
    .infobox th {
         text-align: left !important;
         font-weight: 600;
         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;
}
}

Version vom 24. Februar 2026, 16:36 Uhr


/* =====================================
   Amon Wiki Stable Infobox Layout
   ===================================== */

.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 */
.infobox img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

/* Header */
.infobox th {
    text-align: center;
    font-size: 118%;
    font-weight: 600;
    padding-top: 14px;
    padding-bottom: 12px;
}

/* Map cells */
.infobox td[colspan="2"] {
    padding: 8px;
    text-align: center;
}

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

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

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

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