“MediaWiki:Common.css”的版本间的差异 Common.css 8

/* 字体 */
@font-face {
	font-family: "LNNCrypt";
	src: url("https://dgck81lnn.github.io/bootstrap-lnn/fonts/LNNCrypt.woff") format('woff');
	unicode-range: U+E000-E03F;
	font-display: block;
}
@font-face {
	font-family: "Zhunghua";
	src: url("https://dgck81lnn.github.io/bootstrap-lnn/fonts/Zhunghua@0.5.woff2") format("woff2"),
		url("https://dgck81lnn.github.io/bootstrap-lnn/fonts/Zhunghua@0.5.woff") format("woff");
	font-display: block;
}
@font-face {
	font-family: "XEGOEPUAall";
	src: url("https://dgck81lnn.github.io/bootstrap-lnn/fonts/XEGOEPUAall.woff2") format("woff2"),
		url("https://dgck81lnn.github.io/bootstrap-lnn/fonts/XEGOEPUAall.woff") format("woff");
	font-display: block;
}
 
:root {
	--font-family-dflt:
		-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto,
		"Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
		var(--font-family-emoji);
	--font-family-hans:
		'Source Han Sans SC', 'Source Han Sans CN', 'PingFang SC',
		'Microsoft YaHei UI', 'Microsoft YaHei', 'DengXian', 'Noto Sans SC',
		'Noto Sans CJK SC', 'Droid Sans Fallback', sans-serif,
		var(--font-family-emoji);
	--font-family-dflt-serif:
		'Roboto Serif', STSong, NSimSun, SimSun, 'Linux Libertine', Georgia,
		Times, 'Source Serif Pro', serif, var(--font-family-emoji);
	--font-family-hant:
		'Source Han Sans TC', 'Source Han Sans TW',
		'Noto Sans TC', 'Noto Sans CJK TC',
		'Source Han Sans HC', 'Source Han Sans HK',
		'Noto Sans HC', 'Noto Sans CJK HC',
		'PingFang TC', 'LiHei Pro',
		'Microsoft JhengHei UI', 'Microsoft JhengHei', sans-serif;
	--font-family-hant-serif:
		'Source Han Serif TC', 'Source Han Serif TW',
		'Noto Serif TC', 'Noto Serif CJK TC',
		'Source Han Serif HC', 'Source Han Serif HK',
		'Noto Serif HC', 'Noto Serif CJK HC',
		PMingLiU, MingLiU, serif;
	--font-family-dflt-monospace:
		'Sarasa Mono SC', 'Sarasa Term SC',
		'Sarasa Mono Slab SC', 'Sarasa Term Slab SC',
		'Sarasa Fixed SC', 'Sarasa Fixed Slab SC',
		'Noto Sans Mono CJK SC',
		'Roboto Mono', Menlo, Consolas, 'Liberation Mono', 'Fira Code',
		'Courier New', monospace, var(--font-family-hans);
	--font-family-emoji: "Apple Color Emoji", "Segoe UI Emoji",
		"Segoe UI Symbol", "Noto Color Emoji";
}
[ lang ],
.lnnblog-font-g {
	--font-family-base: var(--font-family-dflt);
	--font-family-serif: var(--font-family-dflt-serif);
	--font-family-monospace: var(--font-family-dflt-monospace);
	font-synthesis: initial;
}
[ lang^="zh-" ][ lang$="-TW" ],
[ lang^="zh-" ][ lang~="-TW-" ],
[ lang^="cmn-" ][ lang$="-TW" ],
[ lang^="cmn-" ][ lang~="-TW-" ],
[ lang$="-Hant" ],
[ lang*="-Hant-" ],
.lnnblog-font-hant {
	--font-family-base: var(--font-family-hant);
	--font-family-serif: var(--font-family-hant-serif);
	--font-family-monospace:
		'Sarasa Mono TC', 'Sarasa Term TC',
		'Sarasa Mono Slab TC', 'Sarasa Term Slab TC',
		'Sarasa Fixed TC', 'Sarasa Fixed Slab TC',
		'Noto Sans Mono CJK TC',
		'Roboto Mono', Menlo, Consolas, 'Liberation Mono', 'Fira Code',
		'Courier New', monospace, var(--font-family-hant);
	font-synthesis: initial;
}
[ lang^="zh-" ][ lang$="-HK" ],
[ lang^="zh-" ][ lang~="-HK-" ],
[ lang^="cmn-" ][ lang$="-HK" ],
[ lang^="cmn-" ][ lang~="-HK-" ],
[ lang~="-Hant-" ][ lang$="-HK" ],
[ lang~="-Hant-" ][ lang$="-HK" ],
.lnnblog-font-hant-hk {
	--font-family-base:
		'Source Han Sans HC', 'Source Han Sans HK',
		'Noto Sans HC', 'Noto Sans CJK HC',
		var(--font-family-hant);
	--font-family-serif:
		'Source Han Serif HC', 'Source Han Serif HK',
		'Noto Serif HC', 'Noto Serif CJK HC',
		var(--font-family-hant-serif);
	--font-family-monospace:
		'Sarasa Mono HC', 'Sarasa Term HC',
		'Sarasa Mono Slab HC', 'Sarasa Term Slab HC',
		'Sarasa Fixed HC', 'Sarasa Fixed Slab HC',
		'Noto Sans Mono CJK HC',
		'Roboto Mono', Menlo, Consolas, 'Liberation Mono', 'Fira Code',
		'Courier New', monospace, var(--font-family-hant);
	font-synthesis: initial;
}
[ lang="lzh" ],
[ lang^="lzh-" ],
.lnnblog-font-lzh {
	--font-family-base: var(--font-family-hant);
	--font-family-serif: var(--font-family-hant-serif);
	--font-family-monospace:
		'Sarasa Mono CL', 'Sarasa Term CL',
		'Sarasa Mono Slab CL', 'Sarasa Term Slab CL',
		'Sarasa Fixed CL', 'Sarasa Fixed Slab CL',
		'Sarasa Mono TC', 'Sarasa Term TC',
		'Sarasa Mono Slab TC', 'Sarasa Term Slab TC',
		'Sarasa Fixed TC', 'Sarasa Fixed Slab TC',
		'Noto Sans Mono CJK TC',
		'Sarasa Mono HC', 'Sarasa Term HC',
		'Sarasa Mono Slab HC', 'Sarasa Term Slab HC',
		'Sarasa Fixed HC', 'Sarasa Fixed Slab HC',
		'Noto Sans Mono CJK HC',
		'Sarasa Mono SC', 'Sarasa Term SC',
		'Sarasa Mono Slab SC', 'Sarasa Term Slab SC',
		'Sarasa Fixed SC', 'Sarasa Fixed Slab SC',
		'Noto Sans Mono CJK SC',
		'Roboto Mono', Menlo, Consolas, 'Liberation Mono', 'Fira Code',
		'Courier New', monospace, var(--font-family-hant);
	font-synthesis: initial;
}
[ lang$="-Hans" ],
[ lang*="-Hans-" ],
[ lang="zh-CN" ],
[ lang^="zh-CN-" ],
.lnnblog-font-hans {
	--font-family-base: var(--font-family-hans);
	--font-family-serif: var(--font-family-dflt-serif);
	--font-family-monospace: var(--font-family-dflt-monospace);
	font-synthesis: initial;
}
[ lang$="-Qaac" ],
[ lang*="-Qaac-" ],
.lnnblog-font-qaac {
	--font-family-base: "LNNCrypt", var(--font-family-hans);
	font-synthesis: none;
}
[ lang$="-Qaaz" ],
[ lang*="-Qaaz-" ],
.lnnblog-font-qaaz {
	--font-family-base: "Zhunghua", var(--font-family-dflt);
	font-synthesis: none;
}
[ lang$="-Qaax" ],
[ lang*="-Qaax-" ],
[ lang="qdx" ],
[ lang^="qdx-" ],
[ lang="art-x-xdi8" ],
.lnnblog-font-qaax {
	--font-family-base: "XEGOEPUAall", "Segoe UI", "思源黑体 CN", -apple-system,
		"Roboto", "Microsoft YaHei UI", "微软雅黑", system-ui, sans-serif,
		var(--font-family-emoji);
	font-synthesis: weight;
}
 
[ lang ] {
	font-family: var(--font-family-base);
}
pre, code, samp, kbd, tt, textarea, .lnnblog-font-monospace {
	font-family: var(--font-family-monospace) !important;
	tab-size: 4;
}
.lnnblog-font-sans-serif {
	font-family: var(--font-family-base) !important;
}
.lnnblog-font-serif {
	font-family: var(--font-family-serif) !important;
}
 
#bodyContent {
	font-size: unset;
	font-family: unset;
}
html {
	font-size: 16px;
}
 
a.new {
	text-decoration-style: dotted;
	-webkit-text-decoration-style: dotted;
	background-color: rgba(255, 0, 0, 0.08);
}
 
/* 按钮 */
.lnnblog-button-small {
	background: linear-gradient( #f0f0f0, #e0e0e0 );
	border-radius: 3px;
	border: 1px solid #c0c0c0;
	padding: 2px 5px;
}
.lnnblog-button-blue {
	display: inline-block;
	padding: 0.5rem 1rem;
	background: linear-gradient( #4060ff, #3040ff );
	color: white;
	border-radius: 3px;
	border: 2px solid #1c2880;
}
.lnnblog-button-white {
	display: inline-block;
	padding: 0.5rem 1rem;
	background: linear-gradient( #f0f0f0, #e0e0e0 );
	color: black;
	border-radius: 3px;
	border: 2px solid #c0c0c0;
}
.lnnblog-button-red {
	display: inline-block;
	padding: 0.5rem 1rem;
	background: linear-gradient( #ff6040, #ff4030 );
	color: white;
	border-radius: 3px;
	border: 2px solid #80281c;
}
 
/* 代码块 */
pre:not(.mw-code *),
.mw-code > div {
	overflow-y: auto;
	max-height: 70vh;
}
td > pre:first-child:last-child,
td > .mw-code:first-child:last-child,
.lnnblog-box-body > pre:first-child:last-child,
.lnnblog-box-body > .mw-code:first-child:last-child,
.lnnblog-hidebox-body > pre:first-child:last-child,
.lnnblog-hidebox-body > .mw-code:first-child:last-child {
	margin: -0.2em;
	border: none;
}
 
/* 引用 */
blockquote {
	border-left: 0.25rem solid gray;
	margin-left: 1rem;
	padding-left: 0.75rem;
}
 
@keyframes lnnblog-highlight {
	from {
		background-color: rgba(51, 191, 171, 0.75);
	}
}
a:target {
	animation: lnnblog-highlight 5s ease-out;
}
 
/*
 * 个人维基 tweaks
 * 另见 Vector.css
 */
/* 隐藏编辑时的“取消”和“编辑帮助” */
#editform .cancelLink,
#editform .editHelp {
	display: none;
}
/* 隐藏历史记录和差异页的用户名和快捷操作 */
.mw-userlink,
.mw-usertoollinks,
#mw-diff-otitle2,
#mw-diff-ntitle2 {
	display: none;
}
/* 隐藏“用外部应用程序编辑本文件” */
#mw-imagepage-edit-external {
	display: none;
}
 
/* Template:Documentation */
.lnnblog-documentation {
	background: rgba(48, 160, 144, 0.2);
	border: 1px solid #aaa;
	padding: 1rem;
}
.lnnblog-documentation-header {
	border-bottom: 1px solid #aaa;
	margin-bottom: 1rem;
}
.lnnblog-documentation-header-title {
	font-weight: bold;
	font-size: 1.25rem;
}
 
/* 重新定义的编辑工具栏（见 common.js） */
#lnnblog-edittoolbar {
	font-size: 0.75rem;
	background: #f9f9f9;
	border: 1px solid #ddd;
	width: fit-content;
	line-height: 1.25;
	padding: 2px;
	margin-bottom: 2px;
	border-radius: 3px;
}
#lnnblog-edittoolbar div {
	display: inline-block;
	margin-right: 0.25rem;
}
#lnnblog-edittoolbar div:last-child {
	margin-right: 0;
}
#lnnblog-edittoolbar button {
	margin-right: 1px;
	font-size: inherit;
	line-height: 1.25;
}
 
/* Template:Info
 * 引自< https://zh.moegirl.org.cn/MediaWiki:Gadget-site-styles.css >，有改动
 * CC BY-NC-SA 3.0
 */
.infoBox {
	margin: 0 auto;
	width: 80%;
	border-left: 10px solid;
}
.infoBoxTitle {
	margin: 3px auto;
	text-align: center;
	font-weight: bold;
}
.infoBoxIcon {
	display: table-cell;
	padding: 2px 0 2px .5em;
	vertical-align: middle;
}
.infoBoxText {
	display: table-cell;
	padding: .25em .5em .25em 1.3em;
	width: 100%;
	vertical-align: middle;
}
.infoBoxContent {
	border: 1px solid #ddd;
	border-left-width: 0;
	background: #fbfbfb;
}
 
/* Template:Box 和 Template:Hidebox */
.lnnblog-box,
.lnnblog-hidebox {
	display: inline-block;
	background: #f9f9f9;
	border: 1px solid #aaa;
	max-width: 100%;
}
.lnnblog-box-heading,
.lnnblog-hidebox-heading {
	background: #f2f2f2;
	padding: .2rem;
	font-weight: bold;
	text-align: center;
}
.lnnblog-box-body,
.lnnblog-hidebox-body {
	border-top: 1px solid #aaa;
	padding: .2rem;
	overflow-wrap: break-word;
}
 
.lnnblog-box-heading:empty ~ .lnnblog-box-body {
	border-top: none;
}
 
.lnnblog-hidebox-heading {
	cursor: pointer;
	list-style: none;
	position: relative;
	padding-left: 1.2rem;
}
.lnnblog-hidebox-heading::-webkit-details-marker { display: none }
.lnnblog-hidebox-heading::before {
	content: '';
	position: absolute;
	left: 0.4rem;
	top: 0;
	bottom: 0;
	height: 0;
	margin: auto;
	border: 0.3rem solid transparent;
	border-left-width: 0.5rem;
	border-left-color: currentColor;
	transform: rotate(0);
	transform-origin: 0.25rem 50%;
}
.lnnblog-hidebox[open] > .lnnblog-hidebox-heading::before {
	transform: rotate(90deg);
}
.lnnblog-hidebox[data-lnnblog-hidebox-state="expand"] > .lnnblog-hidebox-heading::before {
	animation: lnnblog-hidebox-expand 250ms;
}
.lnnblog-hidebox[data-lnnblog-hidebox-state="shrink"] > .lnnblog-hidebox-heading::before {
	transform: rotate(0);
	animation: lnnblog-hidebox-shrink 250ms;
}
@keyframes lnnblog-hidebox-expand {
	from { transform: rotate(0deg); }
	to { transform: rotate(90deg); }
}
@keyframes lnnblog-hidebox-shrink {
	from { transform: rotate(90deg); }
	to { transform: rotate(0deg); }
}
 
/* Template:Jk */
.lnnblog-jk {
	color: rgba(0, 0, 0, 0.5);
	text-decoration: line-through;
	text-decoration-color: black;
}
 
/* 信息模板 */
.lnnblog-infobox {
	background: #f9f9f9;
	border: 1px solid #aaa;
	border-collapse: collapse;
}
@media (min-width: 768px) {
	.lnnblog-infobox {
		float: right;
		width: 300px;
		margin-left: 1.5rem;
		margin-bottom: 1.5rem;
	}
}
.lnnblog-infobox-titlebar {
	background: #f2f2f2;
}
.lnnblog-infobox th,
.lnnblog-infobox td {
	text-align: center;
	padding: 1px;
}
 
/*
 * 工具类
 */
/* 外边距和响应式浮动 */
.lnnblog-margin {
	margin-top: .5rem !important;
	margin-bottom: .5rem !important;
}
.lnnblog-margin-lg {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}
.lnnblog-margin-top-0 {
	margin-top: 0 !important;
}
@media (min-width: 768px) {
	.lnnblog-float {
		float: right;
		max-width: 300px;
		margin-left: .5rem !important;
	}
	.wikitable.lnnblog-float {
		margin-left: 1rem !important;
	}
	.lnnblog-margin-lg.lnnblog-float {
		margin-left: 1.5rem !important;
	}
}
 
/* 清除浮动 */
.clear-both {
	clear: both;
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
 
/* 隐藏空元素hack */
.lnnblog-hide-empty:empty {
	display: none !important;
}
 
/* 首行缩进 */
p.lnnblog-first-line-indent:before,
.lnnblog-first-line-indent p:before {
	content: '\3000\3000';
}
 
/* 目录层数 Hack */
.lnnblog-toc-levels-1 .toclevel-1>ul,
.lnnblog-toc-levels-2 .toclevel-2>ul,
.lnnblog-toc-levels-3 .toclevel-3>ul,
.lnnblog-toc-levels-4 .toclevel-4>ul,
.lnnblog-toc-levels-5 .toclevel-5>ul {
	display: none;
}