MediaWiki:Common.css

来自个人维基
2023年7月15日 (六) 11:42的版本

跳转至： 导航、 搜索

注意：保存之后，你必须清除浏览器缓存才能看到做出的更改。

  • 火狐（Firefox）/Safari：按住“Shift”，同时单击“刷新”，或按“Ctrl-F5”或“Ctrl-R”（Mac为“⌘-R”）
  • Google Chrome：按“Ctrl-Shift-R”（Mac为“⌘-Shift-R”）
  • Internet Explorer：按住“Ctrl”，同时单击“刷新”，或按“Ctrl-F5”
  • Opera：在“工具→首选项”中清除缓存 
/* 字体 */
@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;
}
 
[ lang ],
.lnnblog-font-g {
	font-family: -apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		system-ui,
		Roboto,
		"Helvetica Neue",
		Arial,
		"Noto Sans",
		"Liberation Sans",
		sans-serif,
		"Apple Color Emoji",
		"Segoe UI Emoji",
		"Segoe UI Symbol",
		"Noto Color Emoji";
}
[ lang$="-Hans" ],
[ lang*="-Hans-" ],
[ lang="zh-CN" ],
[ lang^="zh-CN-" ],
.lnnblog-font-hans {
	font-family: '思源黑体 CN',
		'苹方-简',
		'Microsoft YaHei UI',
		'微软雅黑',
		'等线',
		'Droid Sans Fallback',
		sans-serif,
		"Apple Color Emoji",
		"Segoe UI Emoji",
		"Segoe UI Symbol",
		"Noto Color Emoji";
}
[ lang$="-Qaac" ],
[ lang*="-Qaac-" ],
.lnnblog-font-qaac {
	font-family: "LNNCrypt",
		'思源黑体 CN',
		'苹方-简',
		'等线',
		'Microsoft YaHei UI',
		'微软雅黑',
		'Droid Sans Fallback',
		sans-serif,
		"Apple Color Emoji",
		"Segoe UI Emoji",
		"Segoe UI Symbol",
		"Noto Color Emoji" !important;
	font-synthesis: none;
}
[ lang$="-Qaaz" ],
[ lang*="-Qaaz-" ],
.lnnblog-font-qaaz {
	font-family: "Zhunghua",
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		system-ui,
		Roboto,
		"Helvetica Neue",
		Arial,
		"Noto Sans",
		"Liberation Sans",
		sans-serif,
		"Apple Color Emoji",
		"Segoe UI Emoji",
		"Segoe UI Symbol",
		"Noto Color Emoji" !important;
	font-synthesis: none;
}
[ lang$="-Qaax" ],
[ lang*="-Qaax-" ],
[ lang="qdx" ],
[ lang^="qdx-" ],
[ lang="art-x-xdi8" ],
.lnnblog-font-qaax {
	font-family: "XEGOEPUAall",
		"Segoe UI",
		"思源黑体 CN",
		"Source Han CN",
		-apple-system,
		"Roboto",
		"微软雅黑",
		"Microsoft YaHei",
		system-ui,
		sans-serif,
		"Apple Color Emoji",
		"Segoe UI Emoji",
		"Segoe UI Symbol",
		"Noto Color Emoji" !important;
	font-synthesis: weight;
}
pre, code, samp, kbd, tt, textarea {
	font-family: Sarasa Mono SC,
		Iosevka,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		"Courier New",
		monospace !important;
	tab-size: 4;
}
#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;
}
来自“https://www.mywiki.cn/dgck81lnn/index.php?title=MediaWiki:Common.css&oldid=112801”