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

/* 这里放置的CSS将应用于Timeless皮肤 */
/* 更改Timeless皮肤的默认背景图片 */
/* --- HOI4 Theme for MediaWiki Timeless --- */

/* 定义颜色变量，方便统一修改 */
:root {
    --hoi4-bg-dark: #2d302b; /* 深橄榄绿/灰 */
    --hoi4-bg-paper: #e6d8b1; /* 羊皮纸背景 */
    --hoi4-text-light: #dcdcdc; /* 浅灰色文本 */
    --hoi4-text-dark: #333333; /* 深色文本 */
    --hoi4-border-metal: #555850; /* 金属边框色 */
    --hoi4-link-color: #c8b46a; /* 链接 - 金色 */
    --hoi4-link-hover: #e8d48a; /* 链接悬停 - 亮金色 */
    --hoi4-accent-red: #9f3a3a; /* 警示红 */
}

/* 1. 全局背景和字体颜色 */
body {
    /* 使用纹理背景，可以去网上找一些无缝平铺的纸张或金属纹理图片 */
    /* 例如: background-image: url('path/to/your/texture.png'); */
    background-color: var(--hoi4-bg-dark);
    color: var(--hoi4-text-light);
}

/* 2. 主要内容区域（文章） */
#content {
    background-color: var(--hoi4-bg-paper);
    color: var(--hoi4-text-dark);
    border: 1px solid var(--hoi4-border-metal);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); /* 增加一点立体感 */
}

/* 3. 侧边栏和头部 */
#mw-panel, #p-personal, #left-navigation, #right-navigation {
    background-color: #3a3d36; /* 稍浅一点的深色背景 */
}

#mw-head {
    background: linear-gradient(to bottom, #4a4d46, #3a3d36); /* 渐变增加质感 */
    border-bottom: 2px solid var(--hoi4-border-metal);
}

/* 4. 链接颜色 */
#content a {
    color: var(--hoi4-link-color);
    text-decoration: none;
    font-weight: bold;
}
#content a:hover {
    color: var(--hoi4-link-hover);
    text-decoration: underline;
}
#content a.new {
    color: var(--hoi4-accent-red) !important; /* 未创建页面的链接用红色 */
}

/* --- 字体引入 (放在CSS最前面) --- */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Stalinist+One&display=swap');

/* --- 字体应用 --- */

/* 标题字体 */
h1, h2, h3, h4, h5, h6, #firstHeading {
    font-family: 'Stalinist One', sans-serif; /* Stalinist One作为首选，失败则用通用无衬线 */
    border-bottom: 2px solid var(--hoi4-border-metal);
    color: var(--hoi4-text-dark);
    letter-spacing: 1px; /* 增加字间距 */
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

#firstHeading {
    font-size: 2.5em; /* 让页面主标题更醒目 */
}


/* 正文字体 */
#content, #content p, #content li {
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
}

/* --- UI 元素 --- */

/* 搜索框和按钮 */
#searchInput {
    background-color: var(--hoi4-bg-paper);
    border: 1px solid var(--hoi4-border-metal);
    color: var(--hoi4-text-dark);
}

#searchButton, #mw-searchButton {
    background-color: var(--hoi4-border-metal);
    border: 1px solid #777a70;
    color: var(--hoi4-text-light);
    font-family: 'Stalinist One', sans-serif;
    text-transform: uppercase; /* 大写 */
}

#searchButton:hover, #mw-searchButton:hover {
    background-color: #666960;
}

/* 信息框 (Infobox) - 这是Wiki的核心元素 */
.infobox {
    background-color: #f5eed8; /* 比主内容更浅的纸色 */
    border: 2px solid var(--hoi4-border-metal);
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2); /* 内阴影增加凹陷感 */
}
.infobox .infobox-title, .infobox th {
    background-color: var(--hoi4-border-metal);
    color: var(--hoi4-text-light);
    font-family: 'Stalinist One', sans-serif;
    text-align: center;
}

/* 导航和目录 */
#toc {
    background-color: #f5eed8;
    border: 1px solid var(--hoi4-border-metal);
}
#toc .toctitle {
    font-family: 'Stalinist One', sans-serif;
}