|
|
| （未显示同一用户的8个中间版本） |
| 第1行： |
第1行： |
| /* 这里放置的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;
| |
| }
| |
