MediaWiki:Common.css：修訂間差異

/* 此 CSS 會套用至所有的介面外觀 */
table.encyclato-infobox > tbody > tr > th.infobox-subsection {
    width: auto;

    padding: 0.45em 0.6em;

    border-top: 3px solid #ffffff;
    border-bottom: 1px solid #c8ccd1;

    background: #f1f3f5;

    font-weight: 700;
    text-align: center;
}


/* ---------- 國旗與國徽 ---------- */

table.encyclato-infobox > tbody > tr > td.infobox-symbol-cell {
    width: 50%;

    padding: 0.65em 0.35em;

    text-align: center;
    vertical-align: top;
}

table.encyclato-infobox .infobox-symbol-media {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 120px;
    max-width: 100%;
}

table.encyclato-infobox .infobox-symbol-media img {
    max-width: 100%;
    height: auto;
}

table.encyclato-infobox .infobox-symbol-name {
    display: block;

    margin-bottom: 0.15em;

    text-align: center;
}


/* ---------- 人物主圖 ---------- */

table.encyclato-infobox > tbody > tr > td.infobox-image-cell {
    padding: 0.7em 0.5em;

    text-align: center;
    vertical-align: middle;
}

table.encyclato-infobox .infobox-image-cell img {
    display: inline-block;

    max-width: 100%;
    height: auto;
}


/* ---------- 人物簽名 ---------- */

table.encyclato-infobox > tbody > tr > td.infobox-signature-cell {
    text-align: center;
    vertical-align: middle;
}

table.encyclato-infobox .infobox-signature-cell img {
    display: inline-block;

    max-width: 150px;
    max-height: 80px;

    width: auto;
    height: auto;
}


/* ---------- 所有面板圖片基本保護 ---------- */

table.encyclato-infobox img {
    max-width: 100%;
    height: auto;
}


/* ---------- 窄螢幕 ---------- */

@media screen and (max-width: 480px) {
    table.encyclato-infobox {
        float: none;
        clear: both;

        width: 100%;
        max-width: 100%;

        margin: 1em 0 1.5em;
    }

    table.encyclato-infobox > tbody > tr > th.infobox-label {
        width: 38%;
    }

    table.encyclato-infobox > tbody > tr > th.infobox-section {
        border-top-width: 4px;
    }
}