MediaWiki:Citizen.css

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。

:root, html, body {
  /* Hex: #0095f0 */
  --color-progressive-oklch__l: 62%;
  --color-progressive-oklch__c: 0.16;
  --color-progressive-oklch__h: 230; 
  --font-family-base: "HarmonyOS Sans SC", "MiSans", "Noto Sans SC", "Microsoft YaHei", Arial, sans-serif;
}

.citizen-section-heading :is(.mw-headline,h1,h2,h3,h4,h5,h6) {
    font-family: "WenYuan Rounded SC M", "KTXP-GlowRound", var(--font-family-base);
}

/* 头像 */
.citizen-header__inner .citizen-ui-icon.mw-ui-icon-wikimedia-userAvatar[data-user]:before {
    mask-size: unset;
    background-image: var(--avatar-url) !important;
    mask-image: unset;
    background-size: contain;
    border-radius: 12%;
}

/* --- 信息框 --- */

.infoboxborder {
    position: relative;
    background-color: var(--background-color-base);
    float: right;
    border-radius: 0;
    margin-left: 30px;
    margin-top: 15px;
    margin-bottom: 24px;
    min-width: 300px;
    z-index: 1;
    border: 1.5px solid var(--color-progressive); 
    padding: 0 4px 4px 4px;
}

.infoboxtable {
    max-width: 350px;
    width: 100%;
    border-spacing: 2px;
}

.infoboxheader {
    text-align: center;
    font-size: 24px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-shadow: 0.75px 0.75px 0 rgb(0,0,0, 0.2);
    
}
html.skin-theme-clientpref-night .infoboxheader {
    text-shadow: 0.75px 0.75px 0 rgb(255,255,255, 0.2);
}

.infoboxsection {
    background-color: var(--color-progressive);
    vertical-align: top;
    padding-left: 15px;
    padding-right: 5px;
    width: 105px;
    border-color: var(--background-color-progressive--focus);
    box-shadow: var(--box-shadow-small);
    text-shadow: 1px 1px var(--background-color-progressive--hover);
    color: white;
}

.infoboxsection a {
    color: white;
}

.infoboxdetail {
    vertical-align: top;
    padding-left: 3px;
    padding-right: 12px;
}

.infoboxdetail p {
    margin: 0;
}

.infoboxdetail ul {
    margin: 0 0 0 0.9em;
}

.infoboxborder th {
    text-align: center;
}

/* 表格头部 */
.infoboxtable .infoboxtitle + .infoboxtitle td {
    padding-top: 0;
    font-size: 14px;
    font-family: "Lato", sans-serif;
    font-weight: 450;
    font-style: italic;
}

.infoboxtable .infoboxtitle + .infoboxtitle td::before {
    content: "";
    display: none;
}

.infoboxtable .infoboxtitle:first-of-type td,
.infoboxtable .infoboxtitle:last-of-type td,
.infoboxtable .infoboxtitle:only-of-type td {
    padding-bottom: 0;
}

.infoboxtitle + tr:not(.infoboxtitle) td {
    padding-top: 8px;
    padding-bottom: 5px;
    text-align: center;
}

/* 自适应 */
@media (max-width: 650px) {
    .infoboxtable tbody {
        width: 100%;
        display: inline-table;
    }

    .infoboxdetail table {
        margin-top: 0;
        margin-bottom: 0;
    }
    .infoboxborder {
        width: fit-content;
        width: max-content;
        max-width: 100%;
    }
    .infoboxborder {
        float: unset;
        margin: 12px auto 24px;
        min-width: 100%;
    }
    .infoboxtable {
        max-width: none;
    }
}

/* 表格链接 */
.wikitable > * > tr > th a,
.infoboxsection a {
    position: relative;
    display: inline-block;
    padding-right: 6px;
}

.wikitable > * > tr > th a::after,
.infoboxsection a::after {
    content: "";
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 8px;
    height: 8px;
    background-image: url(filepath://Link to.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
    opacity: 0.95;
}

.wikitable > * > tr > th a,
.infoboxsection a {
    margin-right: 0;
    line-height: 1.2;
}

.infoboxsection[colspan="2"],
.infoboxsection[colspan="3"],
.infoboxsection[colspan="4"],
.infoboxsection[colspan="5"],
.infoboxsection[colspan="6"] {
    padding-left: 0;
    padding-right: 0;
    text-align: center !important;
}

/* 物品描述 */
.infoboxdetail[colspan="2"] {
    text-align: center !important;
    padding-right: 3px;
    padding-left: 3px;
}

/* 物品编号 */
.infoboxdetail.consolas {
    overflow-wrap: anywhere;
}

/* 嵌套表格 */
.infoboxtable .subtable {
    padding: 0;
    border: 0;
}

.infoboxtable .subtable > table {
    width: 101%;
    margin: -2px;
}

/* 列表调整 */
.infoboxdetail ul {
    list-style: none;
    margin: 0 !important;
}

.infoboxdetail li {
    padding-left: 1.65em;
    text-indent: -1.65em;
}

/* 分类展示 */
.infoboxtable tr:first-child td:first-child {
    position: relative;
}

/* 地图图片 */
.location {
    max-width: 400px;
}

.locationimg img {
    max-width: 90%;
    height: auto;
}

/* --- 信息框 --- */

/* 收集品 */
@media (max-width: 2000px) {
    .collectionlayout {
        border-collapse: separate;
        min-width: 100% !important;
        display: block;
        overflow-x: auto;
        overflow-y: hidden;
        height: auto;
        table-layout: fixed;
    }
}

/* 日历 */
@media (max-width: 768px) {
    .calendarlayout {
        border-collapse: separate;
        min-width: 100% !important;
        display: block;
        overflow-x: auto;
        overflow-y: hidden;
        height: auto;
        table-layout: fixed;
    }

    .calendar {
        float: none;
    }
}

/* Line */
.line {
    width: 50%;
    height: 1px;
    margin: 6px auto;
    background: linear-gradient(to right, transparent, var(--color-progressive) 50%, transparent);
    border: none;
}

/* Navbox */
#navbox {
    margin: auto;
    padding: 5px;
    border-radius: 11px;
    clear: both;
}

@media (max-width: 650px) {
    #navbox {
        display: table;
    }
}

@media (max-width: 650px) {
    #navbox {
        display: table;
    }
}

/* Table */
.wikitable {
    background-color: transparent;
    border-collapse: separate;
    border: none;
}

.wikitable>tr>th,
.wikitable>tr>td,
.wikitable>*>tr>th,
.wikitable>*>tr>td {
    padding: 0.2em;
    background-color: var(--background-color-base);
}

.wikitable>tr>th,
.wikitable>*>tr>th {
    background-color: var(--color-progressive);
    text-align: center;
    border-color: var(--background-color-progressive--focus);
    box-shadow: var(--box-shadow-small);
    color: white;
    text-shadow: 1px 1px var(--background-color-progressive--hover);
}

.wikitable>tr>th a,
.wikitable>*>tr>th a {
    color: white;
}

@media (max-width: 650px) {

    .wikitable>tr>th a,
    .wikitable>*>tr>th a {
        color: white;
    }

    .wikitable img {
        max-width: none;
    }

    .wikitable {
        min-width: 100% !important;
        overflow-x: auto;
        overflow-y: hidden;
        height: auto;
        table-layout: auto;
    }

    table {
        border-collapse: separate;
        min-width: 100% !important;
        overflow-x: auto;
        overflow-y: hidden;
        height: auto;
        table-layout: auto;
    }

    td>.no-wrap {
        min-width: unset !important;
    }
}

/* Thumb */

@media (max-width: 650px) {

    .thumbimage {
        max-width: 100% !important;
        vertical-align: middle;
        height: auto;
    }

    .thumb,
    .mw-parser-output>div>a>img,
    .mw-parser-output>div>div>a>img,
    .mw-parser-output>p>a>img {
        float: none !important;
        max-width: 100%;
        height: auto;
    }

    .thumbinner {
        max-width: 100%;
        height: auto;
    }
}

/* 行程 */
.scheduleheader {
    max-width: 100%;
}