MediaWiki:Common.css - Revision history

Mwroot at 03:04, 25 March 2026

2026-03-25T03:04:50Z

← Older revision		Revision as of 11:04, 25 March 2026
Line 17:		Line 17:
	}		}

	.mw-~~parser-output~~ a.external {		.no-exticon a.external {
	background-image: none !important;		background-image: none !important;
	padding-right: 0 !important;		padding-right: 0 !important;
	}		}

Mwroot at 03:03, 25 March 2026

2026-03-25T03:03:12Z

← Older revision		Revision as of 11:03, 25 March 2026
Line 15:		Line 15:
	color: #555;		color: #555;
	margin-top: 0.4em;		margin-top: 0.4em;
			}

			.mw-parser-output a.external {
			background-image: none !important;
			padding-right: 0 !important;
	}		}

Mwroot at 08:05, 26 December 2025

2025-12-26T08:05:35Z

← Older revision		Revision as of 16:05, 26 December 2025
Line 7:		Line 7:
	max-width: 90px;		max-width: 90px;
	height: auto;		height: auto;
			display: block;
			margin: 0;
	}		}

Mwroot at 08:02, 26 December 2025

2025-12-26T08:02:01Z

← Older revision		Revision as of 16:02, 26 December 2025
Line 1:		Line 1:
	.wechat-qr {		.wechat-qr {
	text-align: ~~center~~;		text-align: left;
	margin: 1.5em 0;		margin: 1.5em 0;
	}		}

	.wechat-qr img {		.wechat-qr img {
	max-width: ~~150px~~;		max-width: 90px;
	height: auto;		height: auto;
	}		}

Mwroot at 07:54, 26 December 2025

2025-12-26T07:54:51Z

← Older revision		Revision as of 15:54, 26 December 2025
Line 1:		Line 1:
	.mw-~~parser-output::after~~ {		.wechat-qr {
	~~content~~: "";		text-align: center;
	~~display~~: ~~block~~;		margin: 1.5em 0;
	width: ~~90px~~;		}
	height: ~~90px~~;
	~~margin: 1~~.~~5em left;~~		.wechat-qr img {
	~~background~~-~~image: url('/blog/Special:FilePath/扫码关注清冽之泉微信公众号~~.~~jpg');~~		max-width: 150px;
	~~background~~-size: ~~contain~~;		height: auto;
	~~background-repeat~~: ~~no-repeat~~;		}
	~~background~~-~~position~~: ~~left~~;
			.wechat-qr .caption {
			font-size: 0.95em;
			color: #555;
			margin-top: 0.4em;
	}		}

Mwroot at 07:00, 26 December 2025

2025-12-26T07:00:24Z

← Older revision		Revision as of 15:00, 26 December 2025
Line 4:		Line 4:
	width: 90px;		width: 90px;
	height: 90px;		height: 90px;
	margin: 1.5em ~~auto~~;		margin: 1.5em left;
	background-image: url('/blog/Special:FilePath/扫码关注清冽之泉微信公众号.jpg');		background-image: url('/blog/Special:FilePath/扫码关注清冽之泉微信公众号.jpg');
	background-size: contain;		background-size: contain;

Mwroot at 06:49, 26 December 2025

2025-12-26T06:49:53Z

← Older revision		Revision as of 14:49, 26 December 2025
Line 2:		Line 2:
	content: "";		content: "";
	display: block;		display: block;
	width: ~~150px~~;		width: 90px;
	height: ~~150px~~;		height: 90px;
	margin: 1.5em auto;		margin: 1.5em auto;
	background-image: url('/blog/Special:FilePath/扫码关注清冽之泉微信公众号.jpg');		background-image: url('/blog/Special:FilePath/扫码关注清冽之泉微信公众号.jpg');

Mwroot at 06:49, 26 December 2025

2025-12-26T06:49:05Z

← Older revision		Revision as of 14:49, 26 December 2025
Line 8:		Line 8:
	background-size: contain;		background-size: contain;
	background-repeat: no-repeat;		background-repeat: no-repeat;
	background-position: ~~center~~;		background-position: left;
	}		}

Mwroot at 06:43, 26 December 2025

2025-12-26T06:43:51Z

← Older revision	Revision as of 14:43, 26 December 2025
Line 1:	Line 1:
		.mw-parser-output::after {
		content: "";
		display: block;
		width: 150px;
		height: 150px;
		margin: 1.5em auto;
		background-image: url('/blog/Special:FilePath/扫码关注清冽之泉微信公众号.jpg');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		}

Mwroot: Blanked the page

2025-10-09T02:48:43Z

Blanked the page

← Older revision		Revision as of 10:48, 9 October 2025
Line 1:		Line 1:
	~~/* ── Van Gogh / Starry sky before TOC (pure CSS) ── */~~
	~~/* 可调变量 */~~
	~~:root{~~
	~~--vg-height: 240px; /* 高度，按需改 */~~
	~~--swirl-duration: 40s; /* 轮转速度 */~~
	~~--bg-deep: #07102a;~~
	~~--bg-mid: #12336a;~~
	~~--accent: #f7c85a;~~
	}

	~~/* 确保目录本身仍正常显示，并为伪元素提供定位上下文 */~~
	~~#toc, .toc {~~
	~~position: relative;~~
	~~z-index: 1;~~
	}

	~~/* 基底图层（伪元素 before）——深色 + 画笔感渐变 */~~
	~~#toc::before {~~
	~~content: "";~~
	~~display: block;~~
	~~width: 100%;~~
	~~height: var(--vg-height);~~
	~~margin-bottom: 1rem;~~
	~~border-radius: 8px;~~
	~~overflow: hidden;~~
	~~position: relative;~~
	~~background:~~
	~~/* 大范围色块（类似夜空底色）*/~~
	~~radial-gradient(1200px 400px at 10% 20%, rgba(247,200,90,0.10), transparent 20%),~~
	~~conic-gradient(from 120deg at 50% 50%, var(--bg-deep), var(--bg-mid), #1b4b7a);~~
	~~filter: contrast(115%) saturate(120%) blur(2px);~~
	~~transform-origin: 50% 50%;~~
	~~will-change: transform, filter;~~
	~~animation: vg-rotate var(--swirl-duration) linear infinite;~~
	~~box-shadow: 0 2px 18px rgba(2,6,20,0.45) inset;~~
	}

	~~/* 画笔状纹理（叠在基底上，利用 repeating-linear-gradient 模拟笔触）*/~~
	~~#toc::before {~~
	~~background-image:~~
	~~repeating-linear-gradient(120deg, rgba(255,255,255,0.02) 0 6px, transparent 6px 18px),~~
	~~radial-gradient(1200px 400px at 10% 20%, rgba(247,200,90,0.10), transparent 20%),~~
	~~conic-gradient(from 120deg at 50% 50%, var(--bg-deep), var(--bg-mid), #1b4b7a);~~
	~~background-blend-mode: overlay, normal, normal;~~
	~~background-size: cover;~~
	}

	~~/* 星点层（伪元素 after）——多个 radial-gradient 放在不同位置模拟随机星点 */~~
	~~#toc::after{~~
	~~content: "";~~
	~~position: absolute;~~
	~~left: 0;~~
	~~top: 0;~~
	~~width: 100%;~~
	~~height: var(--vg-height);~~
	~~pointer-events: none;~~
	~~mix-blend-mode: screen;~~
	~~background-image:~~
	~~radial-gradient(circle at 8% 20%, rgba(255,245,210,1) 0.6px, transparent 1px),~~
	~~radial-gradient(circle at 22% 42%, rgba(255,255,255,0.95) 0.8px, transparent 1px),~~
	~~radial-gradient(circle at 35% 30%, rgba(255,235,190,0.95) 0.7px, transparent 1px),~~
	~~radial-gradient(circle at 58% 18%, rgba(255,250,220,0.95) 0.9px, transparent 1px),~~
	~~radial-gradient(circle at 72% 60%, rgba(255,255,255,0.9) 0.6px, transparent 1px),~~
	~~radial-gradient(circle at 86% 38%, rgba(255,240,200,0.9) 0.8px, transparent 1px);~~
	~~background-repeat: no-repeat;~~
	~~filter: drop-shadow(0 0 6px rgba(255,220,120,0.12));~~
	~~animation: star-twinkle 3.8s ease-in-out infinite alternate;~~
	~~z-index: 2;~~
	}

	~~/* 小“月亮”高光（叠加） */~~
	~~#toc .vg-moon{~~
	~~display: none; /* 如果你能编辑 HTML 可用下面的 HTML 标记显示月亮，否则可忽视 */~~
	}

	~~/* 动画 */~~
	~~@keyframes vg-rotate {~~
	~~0% { transform: rotate(0deg) scale(1); }~~
	~~50% { transform: rotate(4deg) scale(1.01); }~~
	~~100% { transform: rotate(0deg) scale(1); }~~
	}

	~~@keyframes star-twinkle {~~
	~~0% { opacity: 0.7; transform: scale(0.98); filter: blur(0.2px); }~~
	~~100% { opacity: 1; transform: scale(1.05); filter: blur(0px); }~~
	}

	~~/* 响应式：手机端高度更小 */~~
	~~@media (max-width:720px){~~
	~~:root{ --vg-height: 160px; --swirl-duration: 30s; }~~
	}