查看“︁MediaWiki:Common.css”︁的源代码

/* 这里放置的CSS将应用于所有皮肤 */
/**
 * See [[MediaWiki:Vector.css]] for desktop theme related styles.
 * See [[MediaWiki:Vector-theme-dark.css]] for desktop dark theme related styles.
 *
 * See [[MediaWiki:Minerva.css]] for mobile theme related styles.
 * See [[MediaWiki:Minerva-theme-dark.css]] for mobile dark theme related styles.
 */

/* Minecraft font
 * [[File:Minecraft.woff2]] [[File:Minecraft.woff]] [[File:Unifont.woff2]]
 */
 @font-face {
    font-family: Minecraft;
    src: url('filepath://Minecraft.woff2') format('woff2'),
         url('filepath://Minecraft.woff') format('woff');
}
@font-face {
    font-family: Unifont;
    src: url('filepath://Unifont.woff2') format('woff2');
}

/* Codex Design tokens */
:root,
.skin-invert,
.notheme {
    --color-base: #202122;
    --color-base-fixed: #202122;
    --color-base--hover: #404244;
    --color-emphasized: #101418;
    --color-subtle: #54595d;
    --color-placeholder: #72777d;
    --color-disabled: #a2a9b1;
    --color-disabled-emphasized: #a2a9b1;
    --color-inverted: #fff;
    --color-inverted-fixed: #fff;
    --color-progressive: #36c;
    --color-progressive--hover: #3056a9;
    --color-progressive--active: #233566;
    --color-progressive--focus: #36c;
    --color-destructive: #bf3c2c;
    --color-destructive--hover: #9f3526;
    --color-destructive--active: #612419;
    --color-destructive--focus: #36c;
    --color-visited: #6a60b0;
    --color-visited--hover: #534fa3;
    --color-visited--active: #353262;
    --color-destructive--visited: #9f5555;
    --color-destructive--visited--hover: #854848;
    --color-destructive--visited--active: #512e2e;
    --color-error: #bf3c2c;
    --color-error--hover: #9f3526;
    --color-error--active: #612419;
    --color-warning: #886425;
    --color-success: #177860;
    --color-notice: #404244;
    --color-icon-error: #f54739;
    --color-icon-warning: #ab7f2a;
    --color-icon-success: #099979;
    --color-icon-notice: #72777d;
    --color-content-added: #006400;
    --color-content-removed: #8b0000;
    --filter-invert-icon: 0;
    --filter-invert-primary-button-icon: 1;
    --box-shadow-color-base: #a2a9b1;
    --box-shadow-color-progressive--active: #233566;
    --box-shadow-color-progressive--focus: #36c;
    --box-shadow-color-progressive-selected: #36c;
    --box-shadow-color-progressive-selected--hover: #3056a9;
    --box-shadow-color-progressive-selected--active: #233566;
    --box-shadow-color-destructive--focus: #36c;
    --box-shadow-color-inverted: #fff;
    --box-shadow-color-alpha-base: rgba( 0, 0, 0, 0.06 );
    --box-shadow-color-transparent: transparent;
    --font-size-x-small: 0.75rem;
    --font-size-small: 0.875rem;
    --font-size-medium: 1rem;
    --font-size-large: 1.125rem;
    --font-size-x-large: 1.25rem;
    --font-size-xx-large: 1.5rem;
    --font-size-xxx-large: 1.75rem;
    --line-height-x-small: 1.25rem;
    --line-height-small: 1.375rem;
    --line-height-medium: 1.625rem;
    --line-height-large: 1.75rem;
    --line-height-x-large: 1.875rem;
    --line-height-xx-large: 2.125rem;
    --line-height-xxx-large: 2.375rem;
    --line-height-content: 1.625;
    --mix-blend-mode-base: normal;
    --mix-blend-mode-blend: multiply;
    --background-color-base: #fff;
    --background-color-base-fixed: #fff;
    --background-color-neutral: #eaecf0;
    --background-color-neutral-subtle: #f8f9fa;
    --background-color-interactive: #eaecf0;
    --background-color-interactive--hover: #dadde3;
    --background-color-interactive--active: #c8ccd1;
    --background-color-interactive-subtle: #f8f9fa;
    --background-color-interactive-subtle--hover: #eaecf0;
    --background-color-interactive-subtle--active: #dadde3;
    --background-color-disabled: #dadde3;
    --background-color-disabled-subtle: #eaecf0;
    --background-color-inverted: #101418;
    --background-color-progressive: #36c;
    --background-color-progressive--hover: #3056a9;
    --background-color-progressive--active: #233566;
    --background-color-progressive--focus: #36c;
    --background-color-progressive-subtle: #e8eeff;
    --background-color-progressive-subtle--hover: #d9e2ff;
    --background-color-progressive-subtle--active: #b6d4fb;
    --background-color-destructive: #bf3c2c;
    --background-color-destructive--hover: #9f3526;
    --background-color-destructive--active: #612419;
    --background-color-destructive--focus: #36c;
    --background-color-destructive-subtle: #ffe9e5;
    --background-color-destructive-subtle--hover: #ffdad3;
    --background-color-destructive-subtle--active: #ffc8bd;
    --background-color-error: #f54739;
    --background-color-error--hover: #d74032;
    --background-color-error--active: #bf3c2c;
    --background-color-error-subtle: #ffe9e5;
    --background-color-error-subtle--hover: #ffdad3;
    --background-color-error-subtle--active: #ffc8bd;
    --background-color-warning-subtle: #fdf2d5;
    --background-color-success-subtle: #dff2eb;
    --background-color-notice-subtle: #eaecf0;
    --background-color-content-added: #a3d3ff;
    --background-color-content-removed: #ffe49c;
    --background-color-transparent: transparent;
    --background-color-backdrop-light: rgba( 255, 255, 255, 0.65 );
    --background-color-backdrop-dark: rgba( 0, 0, 0, 0.65 );
    --background-color-button-quiet--hover: rgba( 0, 24, 73, 0.027 );
    --background-color-button-quiet--active: rgba( 0, 24, 73, 0.082 );
    --background-color-input-binary--checked: #36c;
    --background-color-tab-list-item-framed--hover: rgba( 255, 255, 255, 0.3 );
    --background-color-tab-list-item-framed--active: rgba( 255, 255, 255, 0.65 );
    --opacity-icon-base: 0.87;
    --opacity-icon-base--hover: 0.74;
    --opacity-icon-base--selected: 1;
    --opacity-icon-base--disabled: 0.51;
    --opacity-icon-placeholder: 0.51;
    --opacity-icon-subtle: 0.67;
    --border-color-base: #a2a9b1;
    --border-color-emphasized: #202122;
    --border-color-subtle: #c8ccd1;
    --border-color-muted: #dadde3;
    --border-color-interactive: #72777d;
    --border-color-interactive--hover: #27292d;
    --border-color-interactive--active: #202122;
    --border-color-disabled: #c8ccd1;
    --border-color-inverted: #fff;
    --border-color-inverted-fixed: #fff;
    --border-color-progressive: #6485d1;
    --border-color-progressive--hover: #3056a9;
    --border-color-progressive--active: #233566;
    --border-color-progressive--focus: #36c;
    --border-color-destructive: #f54739;
    --border-color-destructive--hover: #9f3526;
    --border-color-destructive--active: #612419;
    --border-color-destructive--focus: #36c;
    --border-color-error: #f54739;
    --border-color-error--hover: #9f3526;
    --border-color-error--active: #612419;
    --border-color-warning: #ab7f2a;
    --border-color-warning--hover: #735421;
    --border-color-warning--active: #453217;
    --border-color-success: #099979;
    --border-color-notice: #72777d;
    --border-color-content-added: #a3d3ff;
    --border-color-content-removed: #ffe49c;
    --border-color-transparent: transparent;
    --border-color-divider: #a2a9b1;
    --outline-color-progressive--focus: #36c;
    --color-link: var( --color-progressive );
    --color-link--hover: var( --color-progressive--hover );
    --color-link--active: var( --color-progressive--active );
    --color-link--focus: var( --color-progressive--focus );
    --color-link--visited: var( --color-visited );
    --color-link--visited--hover: var( --color-visited--hover );
    --color-link--visited--active: var( --color-visited--active );
    --color-link-red: var( --color-destructive );
    --color-link-red--hover: var( --color-destructive--hover );
    --color-link-red--active: var( --color-destructive--active );
    --color-link-red--focus: var( --color-destructive--focus );
    --color-link-red--visited: var( --color-destructive--visited );
    --color-link-red--visited--hover: var( --color-destructive--visited--hover );
    --color-link-red--visited--active: var( --color-destructive--visited--active );
    --accent-color-base: #36c;
    --border-color-input--hover: var( --border-color-interactive );
    --border-color-input-binary: var( --border-color-interactive );
    --border-color-input-binary--hover: var( --border-color-progressive--hover );
    --border-color-input-binary--active: var( --border-color-progressive--active );
    --border-color-input-binary--focus: var( --border-color-progressive--focus );
    --border-color-input-binary--checked: var( --border-color-progressive );

    /* DEPRECATED TOKENS */
    --color-base--subtle: #54595d;
    --line-height-xxx-small: 1.4285714rem;
    --line-height-xx-small: 1.5714285rem;
}

/* Codex Design tokens dark mode */
body.wgl-theme-dark,
html[data-mw-skin-citizen-theme="dark"],
.skin-vector .mw-notification {
    --color-base: #eaecf0;
    --color-base--hover: #f8f9fa;
    --color-emphasized: #f8f9fa;
    --color-subtle: #a2a9b1;
    --color-disabled: #54595d;
    --color-disabled-emphasized: #72777d;
    --color-inverted: #101418;
    --color-progressive: #88a3e8;
    --color-progressive--hover: #a6bbf5;
    --color-progressive--active: #b6d4fb;
    --color-destructive: #fd7865;
    --color-destructive--hover: #fea898;
    --color-destructive--active: #ffc8bd;
    --color-visited: #a799cd;
    --color-visited--hover: #c5b9dd;
    --color-visited--active: #d9d0e9;
    --color-destructive--visited: #c99391;
    --color-destructive--visited--hover: #dcb5b3;
    --color-destructive--visited--active: #e8cecd;
    --color-error: #fd7865;
    --color-error--hover: #fea898;
    --color-error--active: #ffc8bd;
    --color-warning: #ca982e;
    --color-success: #2cb491;
    --color-notice: #a2a9b1;
    --color-content-added: #80cdb3;
    --color-content-removed: #fd7865;
    --color-base--subtle: #a2a9b1;
    --box-shadow-color-base: #72777d;
    --box-shadow-color-progressive--focus: #6485d1;
    --box-shadow-color-progressive-selected: #88a3e8;
    --box-shadow-color-progressive-selected--hover: #a6bbf5;
    --box-shadow-color-progressive-selected--active: #b6d4fb;
    --box-shadow-color-destructive--focus: #6485d1;
    --box-shadow-color-inverted: #000;
    --box-shadow-color-alpha-base: rgba( 0, 0, 0, 0.87 );
    --mix-blend-mode-blend: screen;
    --background-color-base: #101418;
    --background-color-neutral: #27292d;
    --background-color-neutral-subtle: #202122;
    --background-color-interactive: #27292d;
    --background-color-interactive--hover: #404244;
    --background-color-interactive--active: #54595d;
    --background-color-interactive-subtle: #202122;
    --background-color-interactive-subtle--hover: #27292d;
    --background-color-interactive-subtle--active: #404244;
    --background-color-disabled: #404244;
    --background-color-disabled-subtle: #27292d;
    --background-color-inverted: #f8f9fa;
    --background-color-progressive--focus: #6485d1;
    --background-color-progressive-subtle: #1b223d;
    --background-color-progressive-subtle--hover: #233566;
    --background-color-progressive-subtle--active: #3056a9;
    --background-color-destructive--focus: #6485d1;
    --background-color-destructive-subtle: #3c1a13;
    --background-color-destructive-subtle--hover: #612419;
    --background-color-destructive-subtle--active: #9f3526;
    --background-color-error-subtle: #3c1a13;
    --background-color-error-subtle--hover: #612419;
    --background-color-error-subtle--active: #9f3526;
    --background-color-warning-subtle: #2d2212;
    --background-color-success-subtle: #132821;
    --background-color-notice-subtle: #27292d;
    --background-color-content-added: #233566;
    --background-color-content-removed: #453217;
    --background-color-backdrop-light: rgba( 0, 0, 0, 0.65 );
    --background-color-backdrop-dark: rgba( 255, 255, 255, 0.65 );
    --border-color-base: #72777d;
    --border-color-emphasized: #eaecf0;
    --border-color-subtle: #54595d;
    --border-color-muted: #404244;
    --border-color-interactive--hover: #a2a9b1;
    --border-color-interactive--active: #c8ccd1;
    --border-color-disabled: #54595d;
    --border-color-inverted: #101418;
    --border-color-progressive--hover: #88a3e8;
    --border-color-progressive--active: #a6bbf5;
    --border-color-progressive--focus: #6485d1;
    --border-color-destructive--hover: #fd7865;
    --border-color-destructive--active: #fea898;
    --border-color-destructive--focus: #6485d1;
    --border-color-error--hover: #fd7865;
    --border-color-error--active: #fea898;
    --border-color-warning--hover: #ca982e;
    --border-color-warning--active: #edb537;
    --border-color-content-added: #233566;
    --border-color-content-removed: #987027;
}

body.wgl-theme-dark .skin-invert-image img,
html[data-mw-skin-citizen-theme="dark"] .skin-invert-image img,
body.wgl-theme-dark .skin-invert:not(.mw-echo-notificationsWrapper),
html[data-mw-skin-citizen-theme="dark"] .skin-invert:not(.mw-echo-notificationsWrapper),
body.wgl-theme-dark .oo-ui-iconElement-icon:not(.oo-ui-image-progressive):not(.oo-ui-image-destructive):not(.oo-ui-checkboxInputWidget-checkIcon):not(.oo-ui-image-invert):not(.mw-no-invert),
html[data-mw-skin-citizen-theme="dark"] .oo-ui-iconElement-icon:not(.oo-ui-image-progressive):not(.oo-ui-image-destructive):not(.oo-ui-checkboxInputWidget-checkIcon):not(.oo-ui-image-invert):not(.mw-no-invert),
body.wgl-theme-dark .oo-ui-indicatorElement-indicator,
html[data-mw-skin-citizen-theme="dark"] .oo-ui-indicatorElement-indicator {
    color-scheme: light;
    filter: invert(1) hue-rotate(180deg);
}

/* Defaults assume a namespace without a custom theme, and light theme. */
:root {
    --link-color: #0645ad;
    --link-color-active: #faa700;
    --custom-background-blue: #ccf;
    --custom-background-cyan: #cef;
    --custom-background-green: #cfc;
    --custom-background-gray: #d2d2d2;
    --custom-background-grey: var(--custom-background-gray);
    --custom-background-magenta: #fdf;
    --custom-background-orange: #fdb;
    --custom-background-purple: #ecf;
    --custom-background-red: #fcc;
    --custom-background-yellow: #ffc;
    --custom-border-blue: #36e;
    --custom-border-cyan: #9df;
    --custom-border-green: #5d5;
    --custom-border-gray: #bbb;
    --custom-border-grey: var(--custom-border-gray);
    --custom-border-magenta: #f9f;
    --custom-border-orange: #f90;
    --custom-border-purple: #96c;
    --custom-border-red: #e44;
    --custom-border-yellow: #fc3;
    --custom-closed-topic-neutral: #eef;
    --custom-closed-topic-no: #fee;
    --custom-closed-topic-yes: #efe;
    --custom-code-background: #f8f9fa;
    --custom-load-page-button-color: #fff8;
    --custom-main-page-background: #fcfcfc;
    --custom-main-page-border: var(--custom-border-gray);
    --custom-main-page-edition-subheader: #333;
    --custom-mcwiki-header-color: #bcd4f5;
    --custom-navbox-background: #fff;
    --custom-navbox-top: #ccc;
    --custom-navbox-middle: #ddd;
    --custom-navbox-thru: #eee;
    --custom-nbt-inherit-color: #e6e6fa;
    --custom-table-background: #f8f9fa;
    --custom-table-alternate-background: #f0f1f2;
    --custom-table-choice-always: #003600;
    --custom-table-choice-always-background: #80d080;
    --custom-table-choice-default: #fff;
    --custom-table-choice-in-off-background: #060;
    --custom-table-choice-in-on-background: #0c0;
    --custom-table-choice-na: #000;
    --custom-table-choice-na-background: #fff;
    --custom-table-choice-neutral: #634800;
    --custom-table-choice-neutral-background: #ffeb9c;
    --custom-table-choice-never: #3c0404;
    --custom-table-choice-never-background: #ff8080;
    --custom-table-choice-no: #840606;
    --custom-table-choice-no-background: #ffc7ce;
    --custom-table-choice-out-off-background: #900;
    --custom-table-choice-out-on-background: #f00;
    --custom-table-choice-partial: #665400;
    --custom-table-choice-partial-background: #ffd;
    --custom-table-choice-planned: #0131b7;
    --custom-table-choice-planned-background: #dfdfff;
    --custom-table-choice-rarely: #533400;
    --custom-table-choice-rarely-background: #fdce5e;
    --custom-table-choice-unknown: #222;
    --custom-table-choice-unknown-background: #ccc;
    --custom-table-choice-yes: #005600;
    --custom-table-choice-yes-background: #c6efce;
    --custom-table-header-background: #eaecf0;
    --custom-topic-30-days: #bbb;
    --custom-topic-7-days: #ddd;
}

body.wgl-theme-dark,
html[data-mw-skin-citizen-theme="dark"] {
    --link-color: #90c0fe;
    --link-color-active: #faa700;
    --custom-background-blue: hsl(240, 25%, 12%);
    --custom-background-cyan: hsl(190, 25%, 12%);
    --custom-background-green: hsl(120, 25%, 12%);
    --custom-background-gray: hsl(0, 0%, 12%);
    --custom-background-grey: var(--custom-background-gray);
    --custom-background-magenta: hsl(310, 25%, 12%);
    --custom-background-orange: hsl(40, 25%, 12%);
    --custom-background-purple: hsl(260, 25%, 12%);
    --custom-background-red: hsl(0, 25%, 12%);
    --custom-background-yellow: hsl(60, 25%, 12%);
    --custom-border-blue: hsl(240, 15%, 36%);
    --custom-border-cyan: hsl(190, 15%, 36%);
    --custom-border-green: hsl(120, 15%, 36%);
    --custom-border-gray: hsl(0, 0%, 36%);
    --custom-border-grey: var(--custom-border-gray);
    --custom-border-magenta: hsl(310, 15%, 36%);
    --custom-border-orange: hsl(40, 15%, 36%);
    --custom-border-purple: hsl(260, 15%, 36%);
    --custom-border-red: hsl(0, 15%, 36%);
    --custom-border-yellow: hsl(60, 15%, 36%);
    --custom-closed-topic-neutral: #2a2a33;
    --custom-closed-topic-no: #332a2a;
    --custom-closed-topic-yes: #2a332a;
    --custom-code-background: #131313;
    --custom-load-page-button-color: #fff2;
    --custom-main-page-background: #202125;
    --custom-main-page-border: #2e2e2e;
    --custom-main-page-edition-subheader: #ddd;
    --custom-mcwiki-header-color: #2e4159;
    --custom-navbox-background: #131313;
    --custom-navbox-top: #363636;
    --custom-navbox-middle: #2d2d2d;
    --custom-navbox-thru: #202020;
    --custom-nbt-inherit-color: #404050;
    --custom-table-background: #131313;
    --custom-table-alternate-background: #202020;
    --custom-table-choice-always: #a0e37b;
    --custom-table-choice-always-background: #1c410c;
    --custom-table-choice-default: #ddd;
    --custom-table-choice-in-off-background: #030;
    --custom-table-choice-in-on-background: #060;
    --custom-table-choice-na: #fff;
    --custom-table-choice-na-background: #000;
    --custom-table-choice-neutral: #e2c789;
    --custom-table-choice-neutral-background: #4c3416;
    --custom-table-choice-never: #ffb29d;
    --custom-table-choice-never-background: #601a15;
    --custom-table-choice-no: #f2acae;
    --custom-table-choice-no-background: #432a2e;
    --custom-table-choice-out-off-background: #400;
    --custom-table-choice-out-on-background: #700;
    --custom-table-choice-partial: #cebe95;
    --custom-table-choice-partial-background: #362d21;
    --custom-table-choice-planned: #b9c1db;
    --custom-table-choice-planned-background: #2a2a4b;
    --custom-table-choice-rarely: #ede0b8;
    --custom-table-choice-rarely-background: #693a0c;
    --custom-table-choice-unknown: #ddd;
    --custom-table-choice-unknown-background: #444;
    --custom-table-choice-yes: #adf2ad;
    --custom-table-choice-yes-background: #384c3c;
    --custom-table-header-background: #363636;
    --custom-topic-30-days: #303030;
    --custom-topic-7-days: #242424;
}

/** Site stylings **/
/* Set text spaces */
body {
    text-autospace: normal;
    text-spacing-trim: normal;
}

/** Main page stylings **/
@supports (flex-wrap: wrap) {
    .edition-group {
        display: flex;
        flex-wrap: wrap;
    }
    .edition-group .edition-box {
        flex: 17.4em;
    }
}

/** Template stylings **/
/* Template:Comment* */
.comment-icon img {
    vertical-align: text-bottom;
}

/* [[Template:Columns-list]] */
.div-col.columns {
    margin-top: 0.3em;
}

.div-col.columns ul,
.div-col.columns ol {
    margin-top: 0;
}

/* [[Template:SimpleNavbox]] */
.navbox {
    background: var(--custom-navbox-background);
    border: 1px solid var(--custom-border-gray);
    margin: 1em auto 0;
    width: 100%;
}

.navbox table {
    background: var(--custom-navbox-background);
}

.navbox table,
.navbox .table-wide {
    margin-left: -4px;
    margin-right: -2px;
}

.navbox table:first-child,
.navbox .table-wide:first-child {
    margin-top: -2px;
}

.navbox table:last-child,
.navbox .table-wide:last-child {
    margin-bottom: -2px;
}

.navbox .table-wide {
    clear: none;
}

.navbox .navbox-top {
    white-space: nowrap;
    background-color: var(--custom-navbox-top);
    padding: 0 3px;
    text-align: center;
}

.navbox .navbox-middle {
    white-space: nowrap;
    background-color: var(--custom-navbox-middle);
    padding: 0 3px;
    text-align: center;
}

.navbox .navbox-thru {
    white-space: nowrap;
    background-color: var(--custom-navbox-thru);
    padding: 0 3px;
    text-align: center;
}

.navbox-navbar,
.navbox-navbar-mini {
    float: left;
    font-size: 80%;
    position: absolute;
}

.navbox-title {
    padding: 0 10px;
    font-size: 110%;
}

.navbox th {
    background-color: var(--custom-navbox-thru);
    padding: 0 10px;
    white-space: nowrap;
    text-align: right;
}

.navbox td {
    width: 100%;
    padding: 0 0 0 2px;
}

.navbox .table-wide::before {
    width: 0;
    height: 0;
    box-shadow: none;
}

.navbox .table-wide-inner,
.navbox .table-wide table {
    margin: 0;
}

/* Clear before navboxes and their section */
.mw-heading2:has(#导航, #導覽):has(+ table.navbox) {
    clear: both;
}

/* [[Template:LoadBox]] with navbox */
.loadbox-navbox {
    padding: 2px !important;
    margin: 1em 0 0 !important;
    clear: both;
}
#content .loadbox-navbox > p {
    background-color: var(--custom-navbox-top);
    text-align: center;
    margin: 0;
    padding: 0 3px;
}
.loadbox-navbox > p > b {
    font-size: 110%;
}

.loadbox-navbox .navbox {
    margin: 0 -2px -2px;
    border: 0;
}
.loadbox-navbox > .load-page-content > .mw-parser-output > .navbox > tbody > tr:first-child {
    display: none;
}

/* [[Template:Layered blueprint]] */
@-webkit-keyframes layered-blueprint-fade-in {
    0% { opacity: 0; visibility: hidden; }
    100% { opacity: 1; visibility: visible; }
}
@keyframes layered-blueprint-fade-in {
    0% { opacity: 0; visibility: hidden; }
    100% { opacity: 1; visibility: visible; }
}
.layered-blueprint-layer {
    -webkit-animation: layered-blueprint-fade-in 200ms;
    animation: layered-blueprint-fade-in 200ms;
}

@-webkit-keyframes layered-blueprint-fade-out {
    0% { opacity: 1; visibility: visible; }
    100% { opacity: 0; visibility: hidden; }
}
@keyframes layered-blueprint-fade-out {
    0% { opacity: 1; visibility: visible; }
    100% { opacity: 0; visibility: hidden; }
}
.layered-blueprint-radio:checked + .layered-blueprint-tab + .layered-blueprint-layer ~ .layered-blueprint-layer {
    -webkit-animation: layered-blueprint-fade-out 200ms;
    animation: layered-blueprint-fade-out 200ms;
}

.wikiEditor-ui-text {
    background-color: var(--background-color-base);
}

.wikiEditor-ui-text textarea {
    background-color: transparent;
}

/* [[Template:Sprite]] */
.sprite {
    display: inline-block;
    vertical-align: text-top;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
}
.sprite-file {
    --vertical-align: text-top;
    display: inline-block;
    height: 16px;
    width: 16px;
}
.sprite-file img {
    vertical-align: var(--vertical-align);
}
.sprite-file + a > .sprite-text,
.sprite-file + .sprite-text,
.sprite + .sprite-text {
    padding-left: 0.312em;
}
.sprite-file:has(a:hover:not(.new)) + a:has(> .sprite-text),
.sprite-file:has(a:focus:not(.new)) + a:has(> .sprite-text) {
    text-decoration: underline;
}
.wgl-lightmode .sprite-file:has(a:active:not(.new)) + a:has(> .sprite-text),
html[data-mw-skin-citizen-theme="light"] .sprite-file:has(a:active:not(.new)) + a:has(> .sprite-text) {
    color: #faa700;
}
/* [[File:Grid Unknown.png]] */
.sprite-file a.new:first-child {
    vertical-align: var(--vertical-align);
    background-image: url('filepath://Grid_Unknown.png');
    background-size: 100% 100%;
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    height: 100%;
    width: 100%;
    image-rendering: optimizeSpeed;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
}

/* [[Template:AprilFoolsSprite]]: [[File:AprilFoolsSprite.png]] */
.af-sprite {
    background-image: url('filepath://AprilFoolsSprite.png');
}

/* [[Template:BlockLegacySprite]]: [[File:BlockLegacyCSS.png]] */
.blocklegacy-sprite {
    background-image: url('filepath://BlockLegacyCSS.png');
}

/* [[Template:Schematic]]: [[File:SchematicSprite.png]] */
.schematic-sprite {
    background-image: url('filepath://SchematicSprite.png');
    background-size: 32em auto;
    width: 1em;
    height: 1em;
}

/* [[Template:TintSprite]]: [[File:TintSprite.png]] */
.tint-sprite {
    background-image: url('filepath://TintSprite.png');
}
.tint-sprite-mask {
    -webkit-mask-image: url('filepath://TintSprite.png');
    mask-image: url('filepath://TintSprite.png');
}

/* Prevent page jump from the toolbar loading */
.client-js #editform {
    overflow: hidden;
}
.client-js .mw-editform > #wpTextbox1 {
    margin-top: 73px;
}
.mw-editform .wikiEditor-ui-top {
    min-height: 72px;
}

/* Alternating cell background */
.alternatecells:nth-child(2n+1) {
    background-color: var(--custom-table-alternate-background, #f9f9f9);
}
/* Alternating table rows, primarily used with [[Template:Infobox row]] */
.alternaterows tr:nth-child(2n),
.infobox-rows tr:nth-child(2n) {
    background-color: var(--custom-table-alternate-background, #f9f9f9);
}

/* Scale file page image to the width of the page */
#file img {
    max-width: 100%;
    height: auto;
}

/* Allow parts of toc to be hidden */
.toc-hidelevel2 .toclevel-1 ul,
.toc-hidelevel3 .toclevel-2 ul,
.toc-hidelevel4 .toclevel-3 ul,
.toc-nonumbers .tocnumber {
    display: none;
}

/* Turn a list into a tree view style (See [[.minecraft]]) */
.treeview {
    margin-top: 0.3em;
    display: flow-root;
}

.treeview .treeview-header {
    padding-left: 3px;
    font-weight: bold;
}
.treeview .treeview-header:last-child {
    border-color: #636363 !important;
    border-left-style: dotted;
}
.treeview .treeview-header:not(:last-child)::before,
.treeview .treeview-condition:not(:last-child)::before {
    content: none;
}
.treeview .treeview-header:last-child::before {
    border-bottom: 0;
}
.treeview .treeview-condition {
    font-weight: bold;
}

.treeview ul,
.treeview li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}

.treeview-identblock {
    position: relative;
    padding-left: 13px;
    margin-left: 7px;
}
.treeview li li,
.treeview-block {
    position: relative;
    padding-left: 13px;
    margin-left: 7px;
    border-left: 1px solid #636363;
}
.treeview li li::before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: 11px;
    height: 11px;
    border-bottom: 1px solid #636363;
}

.treeview li li:last-child:not(.treeview-continue) {
    border-color: transparent;
}
.treeview li li:last-child:not(.treeview-continue)::before {
    border-left: 1px solid #636363;
    width: 10px;
}

.treeview dl,
.treeview dt {
    margin-bottom: 0;
}

.nbttree-inherited {
    background-color: var(--custom-nbt-inherit-color);
}

/* Simulate link styling for JS only links */
.jslink {
    color: var(--link-color);
}
.jslink:hover {
    text-decoration: underline;
    cursor: pointer;
}
.jslink:active {
    color: var(--link-color-active);
}

/* Try to use nearest neighbour scaling for pixelated images */
.mcwiki-header-grass,
.ns-special .gallerybox img,
.ns-14 .gallerybox img,
.filehistory a img,
.pixel-image,
.invslot-item-image,
.msgbox img,
.spriteedit-new-image,
.sprite {
    image-rendering: optimizeSpeed;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
}

/* Mark internal links as plain */
#mw-content-text a.external[href^="https://zh.minecraft.wiki/w/"],
#mw-content-text a.external[href^="//zh.minecraft.wiki/w/"] {
    background: none;
    padding-right: 0;
}

/* Make tabs the correct size */
body {
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
}

/* Classes corresponding to Minecraft formatting codes */
.format-0 { color: #000; --mcfont-shadow-color: #000; }
.format-1 { color: #0000A8; --mcfont-shadow-color: #00002A; }
.format-2 { color: #00A800; --mcfont-shadow-color: #002A00; }
.format-3 { color: #00A8A8; --mcfont-shadow-color: #002A2A; }
.format-4 { color: #A80000; --mcfont-shadow-color: #2A0000; }
.format-5 { color: #A800A8; --mcfont-shadow-color: #2A002A; }
.format-6 { color: #FBA800; --mcfont-shadow-color: #3E2A00; }
.format-7 { color: #A8A8A8; --mcfont-shadow-color: #2A2A2A; }
.format-8 { color: #545454; --mcfont-shadow-color: #151515; }
.format-9 { color: #5454FB; --mcfont-shadow-color: #15153E; }
.format-a { color: #54FB54; --mcfont-shadow-color: #153E15; }
.format-b { color: #54FBFB; --mcfont-shadow-color: #153E3E; }
.format-c { color: #FB5454; --mcfont-shadow-color: #3E1515; }
.format-d { color: #FB54FB; --mcfont-shadow-color: #3E153E; }
.format-e { color: #FBFB54; --mcfont-shadow-color: #3E3E15; }
.format-f,
#minetip-tooltip { color: #FBFBFB; --mcfont-shadow-color: #3E3E3E; }
.format-g { color: #DDD605; --mcfont-shadow-color: #373501; }
.format-h { color: #E3D4D1; --mcfont-shadow-color: #383534; }
.format-i { color: #CECACA; --mcfont-shadow-color: #333232; }
.format-j { color: #443A3B; --mcfont-shadow-color: #110E0E; }
.format-l { font-weight: bold; letter-spacing: 0.125em; }
.format-m { text-decoration: line-through; }
.format-n { text-decoration: underline; }
.format-o { font-style: italic; }
.format-p { color: #DEB12D; --mcfont-shadow-color: #372C0B; }
.format-q { color: #47A036; --mcfont-shadow-color: #04280D; }
.format-s { color: #2CBAA8; --mcfont-shadow-color: #0B2E2A; }
.format-t { color: #21497B; --mcfont-shadow-color: #08121E; }
.format-u { color: #9A5CC6; --mcfont-shadow-color: #261731; }
.format-v { color: #EB7114; --mcfont-shadow-color: #3B1D05; }
.format-y { color: #971607; --mcfont-shadow-color: #250501; }
.format-z { color: #B4684D; --mcfont-shadow-color: #2D1A13; }
.format-custom { --mcfont-shadow-color: color-mix(in srgb, currentColor 25%, #000 75%); }

.mcfont-shadow,
.mcfont-shadow span {
    text-shadow: 0.0625em 0.125em 0 var(--mcfont-shadow-color, transparent);
}
.unifont-shadow {
    text-shadow: 0.0625em 0.0625em 0 var(--mcfont-shadow-color, transparent);
}
.mojangles-shadow {
    text-shadow: 0.125em 0.125em 0 var(--mcfont-shadow-color, transparent);
}

/* Styling for tooltip */
.explain {
    border-bottom: 0;
    text-decoration-line: underline;
    text-decoration-style: dotted;
}

.explain.noline {
    text-decoration: none;
}

#minetip-tooltip {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #100010;
    background-color: rgba(16, 0, 16, 0.94);
    padding: 0.375em;
    font-family: Minecraft, "Arial Black", Unifont, "WenQuanYi Bitmap Song", SimSun, MingLiU, Beijing, sans-serif;
    font-size: 16px;
    word-spacing: 4px;
    white-space: nowrap;
    line-height: 1.25em;
    margin: 0.125em 0.25em;
    pointer-events: none;
    z-index: 9999;
}
#minetip-tooltip::before {
    content: "";
    position: absolute;
    top: 0.125em;
    right: -0.125em;
    bottom: 0.125em;
    left: -0.125em;
    border: 0.15em solid #100010;
    border-style: none solid;
    border-color: rgba(16, 0, 16, 0.94);
}
#minetip-tooltip::after {
    content: "";
    position: absolute;
    top: 0.125em;
    right: 0;
    bottom: 0.125em;
    left: 0;
    border: 0.125em solid #2D0A63;
    border-image: -webkit-linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)) 1;
    border-image: linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)) 1;
}

#minetip-tooltip > .description,
#minetip-tooltip > .minetip-description {
    display: block;
    margin-top: 0.25em;
}

.invslot-stacksize {
    font-family: Minecraft, "Arial Black", sans-serif !important;
}

/* prevent sitenotice show/hide toggle from moving page contents down after pageload */
.globalNotice .globalNoticeDismiss {
    float: right;
}

/* history table wrapping issue */
td > code {
    display: inline-block;
    line-height: 1.2;
}

/* Style pre and similar elements/classes with one common styling */
@media screen {
    pre, .mw-code {
        background-color: var(--background-color-neutral-subtle);
        color: var(--color-emphasized);
        border: 1px solid var(--border-color-muted);
    }
}
body.mediawiki a > code {
    color: inherit;
}

kbd {
    text-align: center;
    font-size: 80%;
    font-family: inherit;
    font-weight: 500;
    border: 1px solid;
    border-radius: 2px;
    padding: 0.1em 0.4em;
    -webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    text-shadow: 0 1px 0 var(--background-color-base);
    background-color: var(--background-color-neutral-subtle);
    color: var(--color-emphasized);
    box-shadow: 0 1px rgba(0,0,0,0.2), 0 0 0 2px var(--background-color-base) inset;
    border-color: var(--border-color-muted);
    font-size: smaller;
}

/* Show abusefilter error footer only once at the end */
.errorbox li:not(:last-child) .abusefilter-message-footer {
    display: none;
}

/* User link icons */

/* Weird Gloop */
.mw-userlink[href="/w/User:Jayden"], .mw-userlink[href="/w/User:Jayden?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Cook_Me_Plox"], .mw-userlink[href="/w/User:Cook_Me_Plox?action=edit&redlink=1"],
.mw-userlink[href="/w/User:TehKittyCat"], .mw-userlink[href="/w/User:TehKittyCat?action=edit&redlink=1"],
.mw-userlink[href="/w/User:BigDiesel2m"], .mw-userlink[href="/w/User:BigDiesel2m?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Gaz_Lloyd"], .mw-userlink[href="/w/User:Gaz_Lloyd?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Weird_Gloop"], .mw-userlink[href="/w/User:Weird_Gloop?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Isobel"], .mw-userlink[href="/w/User:Isobel?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Mudscape"], .mw-userlink[href="/w/User:Mudscape?action=edit&redlink=1"] {
    padding-left: 17px;
    background: url('filepath://Weird_Gloop.png') no-repeat left center;
    background-size: 14px 14px;
}

/* dark mode */
.wgl-theme-dark .mw-userlink[href="/w/User:Jayden"], .wgl-theme-dark .mw-userlink[href="/w/User:Jayden?action=edit&redlink=1"],
.wgl-theme-dark .mw-userlink[href="/w/User:Cook_Me_Plox"], .wgl-theme-dark .mw-userlink[href="/w/User:Cook_Me_Plox?action=edit&redlink=1"],
.wgl-theme-dark .mw-userlink[href="/w/User:TehKittyCat"], .wgl-theme-dark .mw-userlink[href="/w/User:TehKittyCat?action=edit&redlink=1"],
.wgl-theme-dark .mw-userlink[href="/w/User:BigDiesel2m"], .wgl-theme-dark .mw-userlink[href="/w/User:BigDiesel2m?action=edit&redlink=1"],
.wgl-theme-dark .mw-userlink[href="/w/User:Gaz_Lloyd"], .wgl-theme-dark .mw-userlink[href="/w/User:Gaz_Lloyd?action=edit&redlink=1"],
.wgl-theme-dark .mw-userlink[href="/w/User:Weird_Gloop"], .wgl-theme-dark .mw-userlink[href="/w/User:Weird_Gloop?action=edit&redlink=1"],
.wgl-theme-dark .mw-userlink[href="/w/User:Isobel"], .wgl-theme-dark .mw-userlink[href="/w/User:Isobel?action=edit&redlink=1"],
.wgl-theme-dark .mw-userlink[href="/w/User:Mudscape"], .wgl-theme-dark .mw-userlink[href="/w/User:Mudscape?action=edit&redlink=1"],
html[data-mw-skin-citizen-theme="dark"] .mw-userlink[href="/w/User:Jayden"], html[data-mw-skin-citizen-theme="dark"] .mw-userlink[href="/w/User:Jayden?action=edit&redlink=1"],
html[data-mw-skin-citizen-theme="dark"] .mw-userlink[href="/w/User:Cook_Me_Plox"], html[data-mw-skin-citizen-theme="dark"] .mw-userlink[href="/w/User:Cook_Me_Plox?action=edit&redlink=1"],
html[data-mw-skin-citizen-theme="dark"] .mw-userlink[href="/w/User:TehKittyCat"], html[data-mw-skin-citizen-theme="dark"] .mw-userlink[href="/w/User:TehKittyCat?action=edit&redlink=1"],
html[data-mw-skin-citizen-theme="dark"] .mw-userlink[href="/w/User:BigDiesel2m"], html[data-mw-skin-citizen-theme="dark"] .mw-userlink[href="/w/User:BigDiesel2m?action=edit&redlink=1"],
html[data-mw-skin-citizen-theme="dark"] .mw-userlink[href="/w/User:Gaz_Lloyd"], html[data-mw-skin-citizen-theme="dark"] .mw-userlink[href="/w/User:Gaz_Lloyd?action=edit&redlink=1"],
html[data-mw-skin-citizen-theme="dark"] .mw-userlink[href="/w/User:Weird_Gloop"], html[data-mw-skin-citizen-theme="dark"] .mw-userlink[href="/w/User:Weird_Gloop?action=edit&redlink=1"],
html[data-mw-skin-citizen-theme="dark"] .mw-userlink[href="/w/User:Isobel"], html[data-mw-skin-citizen-theme="dark"] .mw-userlink[href="/w/User:Isobel?action=edit&redlink=1"],
html[data-mw-skin-citizen-theme="dark"] .mw-userlink[href="/w/User:Mudscape"], html[data-mw-skin-citizen-theme="dark"] .mw-userlink[href="/w/User:Mudscape?action=edit&redlink=1"] {
    background-image: url('filepath://Weird_Gloop_dark.png');
}

/* Mojang */
.mw-userlink[href="/w/User:Dinnerbone-gpuser"], .mw-userlink[href="/w/User:Dinnerbone-gpuser?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Jeb_mojang"], .mw-userlink[href="/w/User:Jeb_mojang?action=edit&redlink=1"],
.mw-userlink[href="/w/User:MidnightEnforcer"], .mw-userlink[href="/w/User:MidnightEnforcer?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Minecraft_Staff"], .mw-userlink[href="/w/User:Minecraft_Staff?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Mojang_tommo"], .mw-userlink[href="/w/User:Mojang_tommo?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Slicedlime"], .mw-userlink[href="/w/User:Slicedlime?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Jocopa3"], .mw-userlink[href="/w/User:Jocopa3?action=edit&redlink=1"],
.mw-userlink[href="/w/User:IP_Justice"], .mw-userlink[href="/w/User:IP_Justice?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Cornerhard"], .mw-userlink[href="/w/User:Cornerhard?action=edit&redlink=1"],
.mw-userlink[href="/w/User:CornerHard"], .mw-userlink[href="/w/User:CornerHard?action=edit&redlink=1"],
.mw-userlink[href="/w/User:MidnightEnforcer43458@legacy41488102"], .mw-userlink[href="/w/User:MidnightEnforcer43458@legacy41488102?action=edit&redlink=1"],
.mw-userlink[href="/w/User:@DeletedUser40286849"], .mw-userlink[href="/w/User:@DeletedUser40286849?action=edit&redlink=1"],
.mw-userlink[href="/w/User:@DeletedUser40317681"], .mw-userlink[href="/w/User:@DeletedUser40317681?action=edit&redlink=1"] {
    padding-left: 17px;
    background: url('filepath://Mojang_logo.svg') no-repeat left center;
    background-size: 14px 14px;
}

/* Minecraft/Mojang contractor */
.mw-userlink[href="/w/User:C418bla"], .mw-userlink[href="/w/User:C418bla?action=edit&redlink=1"] {
    padding-left: 17px;
    background: url('filepath://Grass_Block_JE7_BE6.png') no-repeat left center;
    background-size: 14px 14px;
}

/* ex-Mojang */
.mw-userlink[href="/w/User:EvilSeph"], .mw-userlink[href="/w/User:EvilSeph?action=edit&redlink=1"],
.mw-userlink[href="/w/User:ExcitedZe"], .mw-userlink[href="/w/User:ExcitedZe?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Neon_Master"], .mw-userlink[href="/w/User:Neon_Master?action=edit&redlink=1"],
.mw-userlink[href="/w/User:RazzleberryFox"], .mw-userlink[href="/w/User:RazzleberryFox?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Tahg"], .mw-userlink[href="/w/User:Tahg?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Tamerjeison"], .mw-userlink[href="/w/User:Tamerjeison?action=edit&redlink=1"],
.mw-userlink[href="/w/User:HelenAngel"], .mw-userlink[href="/w/User:HelenAngel?action=edit&redlink=1"],
.mw-userlink[href="/w/User:@DeletedUser40549330"], .mw-userlink[href="/w/User:@DeletedUser40549330?action=edit&redlink=1"] {
    padding-left: 17px;
    background: url('filepath://Gray_Mojang_Thing.png') no-repeat left center;
}

/* CUSTOMIZED RULES */

#siteNotice #localNotice, #siteNotice .globalNotice {
    background-color: transparent;
    border: none;
}

#localNotice .globalNoticeDismiss {
    display: none;
}

/* Hide some Chinese variants */
.ca-variants-zh-Hans, .ca-variants-zh-Hant, .ca-variants-zh-Hant-MO,
.language-searcher .site-link-list .zh-Hans, .language-searcher .site-link-list .zh-Hant {
    display: none;
}

pre, tt, samp, .mw-code {
    font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace, Courier;
}

code {
    display: inline-block;
}

.load-page-button {
    background-color: var(--custom-load-page-button-color);
}

.mw-userlink[title="User:MysticNebula70"]::before {
    content: "";
    background: url(filepath://Sprite-bureaucrat.png) no-repeat center/16px;
    vertical-align: text-top;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 2px;
}

.mw-userlink[title="User:Hatsuki kiri"]::before,
.mw-userlink[title="User:Leo768"]::before,
.mw-userlink[title="User:XiaoXin666"]::before {
    content: "";
    background: url(filepath://Sprite-admin.png) no-repeat center/16px;
    vertical-align: text-top;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 2px;
}

.mw-userlink[title="User:AblazeVase69188"]::before,
.mw-userlink[title="User:DXGdoude"]::before,
.mw-userlink[title="User:TeaSummer"]::before,
.mw-userlink[title="User:Wilf233"]::before {
    content: "";
    background: url(filepath://Sprite-patrol.png) no-repeat center/16px;
    vertical-align: text-top;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 2px;
}

.mw-userlink[title="User:Winston Sung"]::before,
.mw-userlink[title="User:YTMango9487"]::before {
    content: "";
    background: url(filepath://Sprite-interface-admin.png) no-repeat center/16px;
    vertical-align: text-top;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 2px;
}

@media screen and (max-width: 720px) {
    div#mw-navigation div#mw-panel {
        position: static !important;
    }
    /* Citizen sidebar */
    .citizen-sidebar {
        position: static !important;
    }

    body.page-Minecraft_Wiki.action-view img.banner-image {
        display: none;
    }
}

div.footer-post {
    padding-bottom: 0;
}

/* search on small screens */
@media screen and (max-width: 720px) {
    #mw-head {
        top: 13px;
    }

    div#p-search form {
        background: none;
        border: none;
        margin: 0;
    }

    div#p-search form::before,
    div#p-search form::after {
        border: none;
    }

    div#simpleSearch::before {
        border-left-color: transparent;
    }

    div#simpleSearch::after {
        border-top-color: transparent;
    }
}

/* math symbol fix */
.mwe-math-fallback-image-inline {
    padding: 0;
    margin: 2px;
    vertical-align: middle !important;
}

/* RC overflow */
.mw-enhanced-rc span.changedby {
    line-break: loose;
}

/* mobile font size */
body {
            text-size-adjust: none;
        -ms-text-size-adjust: none;
       -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
}

/* Hide calculator parameters in nojs environment */
.mcw-calc-parameter {
    display: none;
}

/* Enhance contrast for search highlight since we use a blue background */
body.wgl-theme-light .mw-prefs-search-highlight,
html[data-mw-skin-citizen-theme="light"] .mw-prefs-search-highlight {
    background: #c9dffd !important;
    outline: 3px solid #c9dffd !important;
}

/* DiscussionTools */
body.wgl-theme-dark .ext-discussiontools-init-highlight,
html[data-mw-skin-citizen-theme="dark"] .ext-discussiontools-init-highlight {
    mix-blend-mode: lighten;
}

body.wgl-theme-dark .ext-discussiontools-init-publishedcomment,
html[data-mw-skin-citizen-theme="dark"] .ext-discussiontools-init-publishedcomment {
    background-color: #6b5f29;
}

body.wgl-theme-dark .ext-discussiontools-init-targetcomment,
html[data-mw-skin-citizen-theme="dark"] .ext-discussiontools-init-targetcomment {
    background-color: #1b1f29;
}

body.wgl-theme-dark .ext-discussiontools-ui-replyWidget-preview,
html[data-mw-skin-citizen-theme="dark"] .ext-discussiontools-ui-replyWidget-preview {
    background: #222;
}

.mw-indicator {
    vertical-align: middle;
}

/* Fix for inputbox width */
.mw-inputbox-form .cdx-text-input {
    min-width: 0;
}

.mw-inputbox-input[size], .mw-inputbox-createbox[size] {
    width: 100%;
}

/* sticky cdx-message fixes */
.mw-contributions-blocked-notice + .cdx-message.mw-warning-with-logexcerpt,
.cdx-message.mw-undelete-revision + textarea {
    margin-top: 8px;
}

.mw-protection-indicator-icon--lock {
    width: 30px;
    height: 30px;
}

#mw-indicator-protection-autoconfirmed .mw-protection-indicator-icon--lock {
    mask: none;
    background: url("filepath://Semi-protected page lock.svg");
}

#mw-indicator-protection-sysop-cascade .mw-protection-indicator-icon--lock,
#mw-indicator-protection-sysop .mw-protection-indicator-icon--lock {
    mask: none;
    background: url("filepath://Fully-protected page lock.svg");
}
/* OUTREX Wiki 首页样式 - TemplateStyles 兼容版 */

.mp-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px;
}

.mp-wrapper *,
.mp-wrapper *::before,
.mp-wrapper *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mp-wrapper > .mp-section {
    width: 100%;
}

.mp-wrapper h2 {
    font-family: revert;
    font-weight: bold;
    font-size: 1.2em;
}

.mp-left,
.mp-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
}

.mp-inline-sections {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 6px;
    width: 100%;
}

.mp-left  { -ms-grid-row: 2; -ms-grid-column: 1; }
.mp-right { -ms-grid-row: 3; -ms-grid-column: 1; }
#mp-section-site { -ms-grid-row: 1; -ms-grid-column: 1; }

@media screen and (min-width: 990px) {
    .mp-inline-sections {
        -ms-grid-columns: 2fr 6px 1fr;
        grid-template-columns: 2fr 1fr;
        -ms-grid-rows: auto 1fr;
        grid-template-rows: auto 1fr;
    }
    .mp-left         { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; }
    #mp-section-site { -ms-grid-row: 1; -ms-grid-column: 3; }
    .mp-right        { -ms-grid-row: 2; -ms-grid-column: 3; }
}

.mp-right > :last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.mp-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
}

/* section 卡片 */
.mp-section {
    border: 2px solid #bbb;
    background-color: #fcfcfc;
    padding: 12px;
}

.mp-section-center { text-align: center; }
.mp-section.mp-section-full { width: 100%; }

/* 标题 */
.mp-title {
    border: none;
    margin: 0;
    padding: 0 !important;
}

/* 更新高亮卡片 */
.mp-highlight-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
}

.mp-highlight {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 280px;
    flex: 1 1 280px;
    min-height: 200px;
    max-height: 300px;
    position: relative;
    padding: 0;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #1a3a1a;
    color: #fff !important;
    font-size: small;
    text-shadow: 1px 1px 8px #333, -1px -1px 8px #333;
}

.mp-highlight-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.mp-highlight-image img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-height: 300px;
}

.mp-highlight-image.mp-dark-only { display: none; }

.mp-highlight-top-description {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(24px, rgba(0,0,0,0.5)), to(transparent));
    background: linear-gradient(180deg, rgba(0,0,0,0.5) 24px, transparent);
    padding: 12px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.mp-highlight-bottom-description {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgba(0,0,0,0.5)), to(transparent));
    background: linear-gradient(to top, rgba(0,0,0,0.5) 50%, transparent);
    padding: 0 12px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.mp-highlight-version { font-size: 0.95em; font-weight: bold; }

.mp-highlight *:not(a) { color: #fff !important; }
.mp-highlight a { color: #bed9ff !important; }
.mp-highlight .mp-title { line-height: 1.2; margin-bottom: 6px; }

/* 按钮变量 */
.mp-wrapper {
    --button-color: #ebebeb;
    --button-color-progressive: #3a971e;
    --button-border-color: rgba(0,0,0,0.4);
}

/* 按钮 */
.mp-button {
    display: block;
    width: 100%;
    cursor: pointer;
    position: relative;
    text-align: center;
    background-color: #ebebeb;
    border: 2px solid rgba(0,0,0,0.4);
    font-size: 1em;
    font-weight: bold;
    -webkit-transition: background-color .1s, border-color .1s;
    transition: background-color .1s, border-color .1s;
    padding: 8px 10px;
    color: #000;
    text-decoration: none;
}

.mp-button a,
.mp-button span {
    display: block;
    color: inherit !important;
    text-decoration: none !important;
    padding: 0;
}

.mp-button.mp-button-progressive {
    background-color: #3a971e;
    border-color: #2d7a18;
    color: #fff !important;
}

.mp-button.mp-button-progressive a,
.mp-button.mp-button-progressive span {
    color: #fff !important;
}

.mp-button:hover { opacity: 0.9; }
.mp-button:active { opacity: 0.8; }

/* 社交按钮 */
.mp-social-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    width: 100%;
    margin-top: 8px;
}

.mp-social-wrapper .mp-button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.mp-button.mp-social-qq   { background-color: #1ebafc; color: #fff !important; border-color: #0da8e8; }
.mp-button.mp-social-kook { background-color: #5865f2; color: #fff !important; border-color: #4752c4; }
.mp-button.mp-social-web  { background-color: #3a971e; color: #fff !important; border-color: #2d7a18; }

.mp-button.mp-social-qq a,
.mp-button.mp-social-kook a,
.mp-button.mp-social-web a { color: #fff !important; }

/* 按钮组 */
.mp-button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px;
}

.mp-button-wrapper .mp-button {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    white-space: nowrap;
}

/* 折叠 */
.mp-button.mp-button-collapsetoggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 12px;
}

.mp-button.mp-button-collapsetoggle h4 {
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1em;
    color: inherit;
}

html.client-js .mp-wrapper .collapsible-content {
    display: -ms-grid;
    display: grid;
    grid-template-rows: 1fr;
    -webkit-transition: grid-template-rows 300ms;
    transition: grid-template-rows 300ms;
}

html.client-js .mp-wrapper .collapsible-content > * {
    overflow: hidden;
}

html.client-js .mp-wrapper .collapsible.collapsed .collapsible-content {
    grid-template-rows: 0fr;
    visibility: hidden;
    overflow: hidden;
}

html.client-js .mp-wrapper .collapsible.collapsed .collapsible-content > .mp-section {
    padding: 0;
    -webkit-transition: padding 200ms;
    transition: padding 200ms;
}

/* 图标网格 */
.mp-icon-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    margin: 0 auto;
}

.mp-icon {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
    width: 90px;
    max-width: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.mp-icon-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0,0,0,0.18);
    border: 2px solid rgba(0,0,0,0.4);
    padding: 10px;
    -webkit-transition: background-color .1s;
    transition: background-color .1s;
}

.mp-icon:hover .mp-icon-img { background-color: rgba(0,0,0,0.28); }

.mp-icon-img a,
.mp-icon-img span {
    display: block;
    text-align: center;
}

.mp-icon-img img {
    width: 48px !important;
    height: 48px !important;
    -o-object-fit: contain;
    object-fit: contain;
}

.mp-icon-link {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 13px;
    text-align: center;
    padding: 3px 2px;
    margin-top: -2px;
    background-color: #ebebeb;
    border: 2px solid rgba(0,0,0,0.4);
    border-top: none;
    color: #000 !important;
    text-decoration: none !important;
}

.mp-icon-link a { color: #000 !important; text-decoration: none !important; }

@media screen and (max-width: 950px) {
    .mp-icon { width: 70px; max-width: 100px; }
    .mp-icon-img { padding: 6px; }
    .mp-icon-img img { width: 36px !important; height: 36px !important; }
    .mp-icon-link { font-size: 11px; }
}

/* site 区 */
#mp-section-site {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

/* 时间线 */
.mp-timeline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 10px;
}

.mp-timeline dl {
    padding-left: 15px;
    border-left: 2px solid #bbb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 0.5em;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-line-pack: center;
    align-content: center;
    max-height: 60px;
    margin: 0;
}

.mp-timeline dl:not(:last-child) { padding-bottom: 8px; }

.mp-timeline dt {
    position: relative;
    margin: 0;
    font-weight: bold;
}

.mp-timeline dl > dt::before {
    content: "";
    position: absolute;
    left: -23px;
    top: 4px;
    width: 14px;
    height: 14px;
    background-color: #3a971e;
    border: 2px solid #fff;
}

.mp-timeline dd {
    margin: 0;
    opacity: 0.8;
    position: relative;
}

.mp-timeline dd::before { content: "– "; }

/* 精选条目 */
.mp-featured-img { margin: 0 auto; }
.mp-featured-img img { max-width: 100%; height: auto; margin-top: 5px; }

/* sr-only */
.sr-only:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/* Minerva fix */
body.skin-minerva h1, body.skin-minerva h2, body.skin-minerva h3,
body.skin-minerva h4, body.skin-minerva h5, body.skin-minerva h6,
body.skin-minerva .mw-headline {
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
}