MediaWiki:Timeless.css - 版本历史

Exist：复原原UI

2025-09-09T13:16:01Z

复原原UI

显示更改

2025年7月15日 (二) 11:13 Exist

2025-07-15T11:13:55Z

显示更改

2025年7月15日 (二) 11:09 Exist

2025-07-15T11:09:24Z

显示更改

2025年7月15日 (二) 11:02 Exist

2025-07-15T11:02:45Z

显示更改

2025年7月15日 (二) 11:00 Exist

2025-07-15T11:00:28Z

显示更改

2025年7月15日 (二) 10:56 Exist

2025-07-15T10:56:15Z

显示更改

2025年7月15日 (二) 10:50 Exist

2025-07-15T10:50:21Z

←上一版本		2025年7月15日 (二) 18:50的版本
第5行：		第5行：
	HOI4 Theme for MediaWiki Timeless - REINFORCED VERSION		HOI4 Theme for MediaWiki Timeless - REINFORCED VERSION
	使用 !important 强制覆盖默认样式		使用 !important 强制覆盖默认样式
			============================================================
			*/
			/*
			============================================================
			HOI4 Theme for MediaWiki Timeless - FINAL CORRECTED VERSION
			修正了选择器并增加了对内联样式的覆盖
	============================================================		============================================================
	*/		*/
第14行：		第20行：
	--hoi4-bg-dark-metal: #2d302b; /* 深色金属背景 */		--hoi4-bg-dark-metal: #2d302b; /* 深色金属背景 */
	--hoi4-bg-dark-panel: #3a3d36; /* 侧边栏和面板背景 */		--hoi4-bg-dark-panel: #3a3d36; /* 侧边栏和面板背景 */
	--hoi4-bg-paper: #e6d8b1; /* 纸张/内容背景 ~~(沿用你的颜色)~~ */		--hoi4-bg-paper: #e6d8b1; /* 纸张/内容背景 */
	--hoi4-text-light: #dcdcdc; /* 亮色文字 (用于深色背景) */		--hoi4-text-light: #dcdcdc; /* 亮色文字 (用于深色背景) */
	--hoi4-text-dark: #3c342a; /* 暗色文字 (用于纸张背景) */		--hoi4-text-dark: #3c342a; /* 暗色文字 (用于纸张背景) */
第32行：		第38行：
	body {		body {
	background-color: var(--hoi4-bg-dark-metal) !important;		background-color: var(--hoi4-bg-dark-metal) !important;
	~~/* 进阶：添加无缝平铺的背景纹理，质感倍增！ */~~		background-image: url('https://www.transparenttextures.com/patterns/dark-metal.png'); /* 可选：添加金属纹理 */
	/* background-image: url('https://www.transparenttextures.com/patterns/dark-metal.png'); */
	color: var(--hoi4-text-light) !important;		color: var(--hoi4-text-light) !important;
	font-family: var(--font-body) !important;		font-family: var(--font-body) !important;
第57行：		第62行：
	}		}

	/* ~~侧边栏 (左右通用)~~ */		/* 【修正】使用了正确的侧边栏选择器！ */
	#mw-~~panel~~, #p-~~personal~~, #~~right-navigation~~ {		#mw-site-navigation, #mw-related-navigation, #personal {
	background-color: var(--hoi4-bg-dark-panel) !important;		background-color: var(--hoi4-bg-dark-panel) !important;
	border: none !important;		border: none !important;
	}		}

	/* ~~你左侧的自定义Logo徽章~~ */		/* 左侧Logo */
	#p-logo {		#p-logo-text {
	background: none !important;		background: none !important;
	~~border: none !important;~~
	}		}
	#p-logo a {		#p-logo a img {
	filter: drop-shadow(0 0 8px rgba(255, 255, 220, 0.3)); ~~/* 给Logo一点光晕 */~~		/* 你的左上角那个六边形徽章 */
			background-color: transparent !important;
			}
			#p-logo a:not(.mw-wiki-logo) {
			filter: drop-shadow(0 0 8px rgba(255, 255, 220, 0.3));
	}		}


	/* 搜索框 */		/* 搜索框 */
第105行：		第112行：
	}		}

	/* ~~侧边栏标题 (快速导航, 常用功能...)~~ */		/* 【修正】侧边栏标题的选择器 */
	#mw-~~panel .vector~~-~~menu-heading~~ h3, #mw-~~panel~~ h3 {		#mw-site-navigation h3, #mw-related-navigation h3 {
	font-family: var(--font-heading) !important;		font-family: var(--font-heading) !important;
	color: var(--hoi4-link-gold) !important;		color: var(--hoi4-link-gold) !important;
第118行：		第125行：
	/* 内容区链接 */		/* 内容区链接 */
	#content a {		#content a {
	color: #5a7a9a !important; ~~/* 游戏中的蓝色链接 */~~		color: #5a7a9a !important;
	font-weight: bold !important;		font-weight: bold !important;
			text-decoration: none !important;
	}		}
	#content a:hover {		#content a:hover {
	color: #8ab3d6 !important;		color: #8ab3d6 !important;
			text-decoration: underline !important;
	}		}
	#content a.new {		#content a.new {
第128行：		第137行：
	}		}

	/* ~~侧边栏链接~~ */		/* 【修正】侧边栏链接选择器 */
	#mw-~~panel~~ .~~vector~~-~~menu~~-~~content~~ a, #p-~~personal~~ .~~vector~~-~~menu~~-~~content~~ a {		#mw-site-navigation .mw-portlet-body ul > li a,
			#mw-related-navigation .mw-portlet-body ul > li a,
			#p-personal ul > li a {
	color: var(--hoi4-text-light) !important;		color: var(--hoi4-text-light) !important;
	}		}
	#mw-~~panel~~ .~~vector~~-~~menu~~-~~content~~ a:hover, #p-~~personal~~ .~~vector~~-~~menu~~-~~content~~ a:hover {		#mw-site-navigation .mw-portlet-body ul > li a:hover,
			#mw-related-navigation .mw-portlet-body ul > li a:hover,
			#p-personal ul > li a:hover {
	background-color: rgba(200, 180, 106, 0.1) !important;		background-color: rgba(200, 180, 106, 0.1) !important;
			color: var(--hoi4-link-gold-hover) !important;
			}


			/* --- 锦上添花：修复导航框（Navbox）样式 --- */
			/* 这个部分专门用来覆盖模板里写死的内联样式 */

			.navbox, .navbox.wikitable {
			border: 1px solid var(--hoi4-border-color) !important;
			background-color: #e0d2a8 !important; /* 稍暗的纸张颜色 */
			}

			/* 导航框标题栏 (覆盖内联style) */
			.navbox > tbody > tr > td[style*="background:#66CCFF"] {
			background-color: var(--hoi4-border-color) !important;
			color: var(--hoi4-text-light) !important;
			font-family: var(--font-heading) !important;
			}

			/* 导航框内容行 (覆盖内联style) */
			.navbox > tbody > tr > th[style*="background:#B0E0E6"],
			.navbox > tbody > tr > td[style*="background:#B0E0E6"] {
			background-color: transparent !important; /* 让它使用父级背景色 */
			color: var(--hoi4-text-dark) !important;
			}

			/* 导航框标题栏里的链接 */
			.navbox > tbody > tr > td[style*="background:#66CCFF"] a {
			color: var(--hoi4-link-gold) !important;
			}
			.navbox > tbody > tr > td[style*="background:#66CCFF"] a:hover {
	color: var(--hoi4-link-gold-hover) !important;		color: var(--hoi4-link-gold-hover) !important;
	}		}

2025年7月15日 (二) 10:43 Exist

2025-07-15T10:43:43Z

显示更改

2025年7月15日 (二) 10:40 Exist

2025-07-15T10:40:00Z

显示更改

2025年7月15日 (二) 10:36 Exist

2025-07-15T10:36:19Z

←上一版本		2025年7月15日 (二) 18:36的版本
第1行：		第1行：
	/* 这里放置的CSS将应用于Timeless皮肤 */		/* 这里放置的CSS将应用于Timeless皮肤 */
	/* 更改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;
			}

MediaWiki:Timeless.css - 版本历史

Exist：​复原原UI

2025年7月15日 (二) 11:13 Exist

2025年7月15日 (二) 11:09 Exist

2025年7月15日 (二) 11:02 Exist

2025年7月15日 (二) 11:00 Exist

2025年7月15日 (二) 10:56 Exist

2025年7月15日 (二) 10:50 Exist

2025年7月15日 (二) 10:43 Exist

2025年7月15日 (二) 10:40 Exist

2025年7月15日 (二) 10:36 Exist

Exist：复原原UI