MediaWiki:Common.css

出自眾神廳
LatO留言 | 貢獻2026年9月18日 (五) 03:12的修訂
跳至導覽 跳至搜尋

注意:在您發布之後,您可能需要清除瀏覽器快取才能看到變更。

  • Firefox或Safari:按住Shift時點擊重新整理,或按Ctrl-F5Ctrl-R(Mac則為⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac則為⌘-Shift-R
  • Edge:按住Ctrl時點擊重新整理,或按Ctrl-F5
/* 此 CSS 會套用至所有的介面外觀 */
.infobox {
    float: right;
    clear: right;

    width: 22em;
    max-width: 100%;

    margin: 0 0 1em 1.5em;

    border: 1px solid #a2a9b1;
    border-collapse: collapse;

    background: #f8f9fa;

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

.infobox caption {
    padding: 0.7em 0.5em;

    font-size: 130%;
    font-weight: 700;
    text-align: center;

    background: #f8f9fa;
}

.infobox th,
.infobox td {
    padding: 0.4em 0.55em;
    vertical-align: top;
}

.infobox th:not(.infobox-section) {
    width: 36%;
    text-align: left;
    font-weight: 600;
}

.infobox td {
    text-align: left;
}

/* 大區段標題 */
.infobox .infobox-section {
    width: auto;

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

    background: #eaecf0;

    padding: 0.55em;

    border-top: 5px solid #f8f9fa;
    border-bottom: 1px solid #a2a9b1;

    letter-spacing: 0.05em;
}

/* 圖片 */
.infobox img {
    max-width: 100%;
    height: auto;
}

/* 手機 */
@media screen and (max-width: 720px) {
    .infobox {
        float: none;
        clear: both;

        width: auto;
        max-width: 100%;

        margin: 1em 0;
    }
}