MediaWiki:Citizen.css

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

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

/* =============================================
   Minecraft Wiki 风格样式 (为 Citizen 皮肤定制)
   ============================================= */

/* 1. 深色基础主题 */
:root {
    --color-primary__h: 120;
    --color-primary__s: 50;
    --color-primary__l: 35;

    --color-surface__bg--light: #1a1a1a;
    --color-surface__bg--dark: #0d0d0d;

    --color-base--light: #e0e0e0;
    --color-base--dark: #ffffff;

    --border-radius-base: 2px;
    --border-radius-medium: 4px;
    --border-radius-large: 8px;
}

body {
    background-color: #1a1a1a;
    color: #e0e0e0;
}

.mw-body {
    background-color: #2a2a2a;
    border: 1px solid #3a3a3a;
}

a {
    color: #7cb518;
}
a:visited {
    color: #5a8f12;
}
a:hover {
    color: #9fd633;
}

.citizen-header {
    background-color: #252525;
    border-bottom: 1px solid #3a3a3a;
}

.citizen-sidebar .citizen-menu__heading {
    color: #7cb518;
    border-left-color: #7cb518;
}
.citizen-sidebar ul li a:hover {
    background-color: #3a3a3a;
}

.citizen-footer {
    background-color: #0d0d0d;
    color: #a0a0a0;
}
.citizen-footer a {
    color: #7cb518;
}

.citizen-search-box input {
    background-color: #333333;
    border-color: #4a4a4a;
    color: #ffffff;
}

.wikitable {
    background-color: #2a2a2a;
    border: 1px solid #3a3a3a;
}
.wikitable th {
    background-color: #3a3a3a;
    color: #7cb518;
}

/* 2. 草方块背景纹理 */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    background-image: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 15px,
        rgba(100, 100, 100, 0.05) 15px,
        rgba(100, 100, 100, 0.05) 16px
    ), repeating-linear-gradient(
        90deg,
        transparent,
        transparent 15px,
        rgba(100, 100, 100, 0.05) 15px,
        rgba(100, 100, 100, 0.05) 16px
    );
    z-index: -1;
}

/* 3. 游戏化 UI 元素 */
.mc-button {
    background-color: #3a3a3a;
    border: 2px solid #5a5a5a;
    color: #e0e0e0;
    padding: 6px 12px;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.1s ease;
}
.mc-button:hover {
    background-color: #4a4a4a;
    border-color: #7cb518;
    transform: translateY(-1px);
}

/* 区块边框效果 */
.mw-parser-output .block-border {
    border: 2px solid #5a5a5a;
    background-color: #2a2a2a;
    padding: 8px;
    margin: 8px 0;
    position: relative;
}
.mw-parser-output .block-border::before {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border: 1px dashed #7cb518;
    pointer-events: none;
}

/* Minecraft 风格工具提示 */
.mc-tooltip {
    position: relative;
    display: inline-block;
}
.mc-tooltip .tooltip-text {
    visibility: hidden;
    background-color: #1a1a1a;
    color: #e0e0e0;
    border: 1px solid #7cb518;
    text-align: center;
    padding: 4px 8px;
    border-radius: 2px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.mc-tooltip:hover .tooltip-text {
    visibility: visible;
}