MediaWiki:Common.css

来自TUCMandWSC
澶山稵杞​（留言 | 贡献）2025年5月24日 (六) 15:55的版本
跳转到导航 跳转到搜索

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。

  • Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
  • Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
  • Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。
/* 导入外部字体 */
@import url('https://fonts.googleapis.com/css2?family=Spinnaker&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Audiowide&display=swap');
@import url('https://fonts.googleapis.com/css?family=Impact&display=swap');
@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');
@import url('https://fonts.googleapis.com/css?family=Orbitron&display=swap');
@import url('https://fonts.googleapis.com/css?family=Sacramento&display=swap');
@import url('https://fonts.googleapis.com/css?family=Caveat+Brush&display=swap');
@import url('https://fonts.googleapis.com/css?family=Times+New+Roman&display=swap');
@import url('https://fonts.googleapis.com/css?family=Calibri&display=swap');

/* 此处的 CSS 将应用于所有的皮肤 */

.grayscale {
	filter: gray;
	filter: grayscale(1);
}

.side-margin {
	margin-right: 255px;
}

@media screen and (max-width: 768px) {
	.side-margin {
		margin-right: 0;
	}
}

/* 隐含标题 */
.hide-header {
	visibility: hidden;
	height: 0;
	overflow: hidden;
}
.hide-header span.mw-editsection {
	display: none;
}

/* Infobox template style */
.infobox {
	margin-bottom: var(--mw-spacing-2x-small);
	margin-left: var(--mw-spacing-2x-small);
	padding: var(--mw-spacing-3x-small);
	float: right;
	clear: right;
	border: 1px solid var(--mw-border-color-content);
	background-color: var(--mw-background-color-content);
}
.infobox .tabberlive {
	margin-top: 0;
}
.infobox .tabbernav {
	margin-top: var(--mw-spacing-2x-small);
	text-align: left;
	font-size: var(--mw-font-size-x-small) !important;
}
.infobox .tabbertab {
	padding: 0 !important;
	border-width: 0 !important;
}
.infobox2 {
	border-spacing: var(--mw-border-width-base);
	min-width: 300px;
	text-align: left;
	font-size: var(--mw-font-size-x-small);
	max-width: 410px;
}
.infobox td,
.infobox th {
	padding: var(--mw-spacing-2x-small) 0px var(--mw-spacing-2x-small) var(--mw-spacing-2x-small);
	vertical-align: middle;
}
.infobox caption {
	font-size: var(--mw-font-size-small);
	margin-bottom: var(--mw-spacing-2x-small);
	line-height: 160%;
	background-color: var(--mw-color-danger-30);
}
.infobox .titleH1 {
	background: var(--mw-color-info-30);
}
.infobox .titleH2 {
	background: var(--mw-color-info-10);
}
.infobox.bordered {
	border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
	border: 1px solid var(--mw-border-color-content);
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
	border: 0;
}
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
	border: 0;
	border-top: 1px solid var(--mw-border-color-content);
	border-right: 1px solid var(--mw-border-color-content);
}
.infobox.sisterproject {
	width: 20em;
	font-size: var(--mw-font-size-x-small);
}
.infobox .titleH1 {
	text-align: center;
}

td.专辑名称,
td.软件名称,
td.同人志名称,
td.视频名称,
td.软件名,
td.同人志名 {
	white-space: normal;
}

/* 同人作品基本信息 */
table.doujinworklist {
	width: 100%;
	border-collapse: collapse;
}
table.doujinworklist td {
	padding-left: var(--mw-spacing-x-small);
}
table.doujinworklist tbody:nth-child(even) {
	background-color: var(--mw-background-color-suppress);
	border-color: var(--mw-border-color-content);
}

table.doujininfo {
	width: 100%;
}
table.doujininfo td {
	word-break: break-all;
}
table.doujininfo .cover-artwork {
	font-size: var(--mw-font-size-x-large);
	text-align: center;
	width: 40%;
}
table.doujininfo .cover-artwork-mobile {
	display: none;
	font-size: var(--mw-font-size-x-large);
	text-align: center;
}
table.doujininfo .cover-char {
	font-size: var(--mw-font-size-x-small);
}
table.doujininfo .cover-artwork-mobile .cover-char {
	font-size: var(--mw-font-size-medium);
}
table.doujininfo td.label {
	font-weight: bold;
	min-width: 100px;
	width: 100px;
}

/* 专辑Staff表格 */
.stafflist-wrapper {
	margin-left: var(--mw-spacing-x-large);
	margin-bottom: var(--mw-spacing-x-small);
	margin-top: var(--mw-spacing-2x-small);
}
.stafflist {
	width: 100%;
}
.stafflist td {
	border-top-color: var(--mw-border-color-content);
}
.stafflist td:first-of-type {
	width: 25%;
	word-break: break-all;
}
.stafflist td:nth-of-type(2) {
	width: 45%;
	word-break: break-all;
	padding-left: var(--mw-spacing-x-small);
}
.stafflist td:nth-of-type(3) {
	width: 30%;
	word-break: break-all;
	min-width: 2em;
}
.stafflist tr:first-of-type > td {
	border-top: 0;
}

/* 音乐表格 */
.musicTable {
	width: 100%;
}
.musicTable tr {
	border: 0 !important;
}
.musicTable td[class^="info"] {
	width: 24px;
	padding: 3px 9px 3px 7px;
	color: #252525;
}
.musicTable .infoG {
	background: #50c878;
}
.musicTable .infoP {
	background: #ba55d3;
}
.musicTable .infoO {
	background: #ffa500;
}
.musicTable .infoRD {
	background: #f08080;
}
.musicTable .infoRL {
	background: #e6c3c3;
}
.musicTable .infoYD {
	background: #6495ed;
}
.musicTable .infoYL {
	background: #87ceeb;
}
.musicTable .time {
	width: 50px;
	padding: 3px 9px 3px 7px;
}
.musicTable .title {
	padding: 3px 9px 3px 7px;
	word-break: break-all;
}
.musicTable .left {
	border: 0 !important;
}
.musicTable .label {
	width: 80px;
	padding: 3px 0px 3px 7px;
}
.musicTable .text {
	width: 440px;
	padding: 3px 9px 3px 7px;
	border-bottom-width: 1px;
	border-right-width: 0;
}
.musicTable .bigtext {
	padding: 3px 9px 3px 17px;
	word-break: break-all;
}
.musicTable .source {
	text-align: right;
}
.musicTable .time,
.musicTable .label {
	background: var(--mw-background-color-suppress);
}
.musicTable .title {
	background: var(--mw-color-warning-10) !important;
}

@media screen and (max-width: 768px) {
	table.doujininfo .cover-artwork {
		display: none;
	}
	table.doujininfo .cover-artwork-mobile {
		display: table-cell;
	}
	.stafflist-wrapper {
		margin-left: 0;
	}
}

/* For template documentation */
.template-documentation {
	clear: both;
	margin: 1em 0 0 0;
	border: 1px solid;
	padding: 0.5em;
}

/* extra buttons for edit dialog (from commons:MediaWiki:Common.css) */

/* wikitable/prettytable class for skinning normal tables */
.wikitablenb {
	border: none;
}
.mw-body .nobordertable,
.mw-body .nobordertable table,
.mw-body .nobordertbody tbody,
.mw-body .nobordertr tr,
.mw-body .noborderth th,
.mw-body .nobordertd td {
	border: none !important;
}
.mw-body .noborderall table,
.mw-body .noborderall tbody,
.mw-body .noborderall tr,
.mw-body .noborderall th,
.mw-body .noborderall td {
	border: none !important;
}

/* 翻译表 */
table.tt-table {
	width: 100%;
}
tr.tt-content > td,
tr.tt-bbsharp > td,
tr.tt-bbcloudgray > td,
tr.tt-bbcloud > td,
tr.tt-manual-content > td,
tr.tt-dialogue > td,
tr.tt-narrator > td {
	padding: 0.5em 1em !important;
	vertical-align: top;
}
table.tt-type-omaketxt {
	font-family: monospace;
}
table.tt-type-omake > tbody > tr > td,
table.tt-type-omaketxt > tbody > tr > td,
table.tt-type-setting > tbody > tr > td {
	width: 50%;
	word-break: break-all;
	white-space: normal;
	overflow: hidden;
}
table.tt-type-omakezh > tbody > tr > td {
	width: 100%;
	word-break: break-all;
	white-space: normal;
	overflow: hidden;
}
td.tt-jamh,
td.tt-zhmh,
td.tt-jam,
td.tt-zhm,
td.tt-jamt,
td.tt-zhmt {
	width: 40% !important;
}
td.tt-mh,
td.tt-pic {
	width: 20% !important;
	min-width: 280px;
}
td.tt-char,
td.tt-bbsharp,
td.tt-bbcloudgray,
td.tt-bbcloud,
td.tt-h,
td.tt-s,
td.tt-t {
	width: 12% !important;
}
table.tt-type-dialogue td.tt-ja,
table.tt-type-dialogue td.tt-zh,
tr.tt-dialogue > td.tt-ja,
tr.tt-dialogue > td.tt-zh,
tr.tt-narrator > td.tt-ja,
tr.tt-narrator > td.tt-zh {
	width: 44% !important;
}
table.tt-type-dialoguezh td.tt-zh {
	width: 88% !important;
}
table.tt-type-dialogue tr.tt-header > td.tt-ja,
table.tt-type-dialogue tr.tt-header > td.tt-zh,
table.tt-type-dialoguezh tr.tt-header > td.tt-zh,
table.tt-type-dialogue tr.tt-bgm > td.tt-ja,
table.tt-type-dialogue tr.tt-bgm > td.tt-zh,
table.tt-type-dialoguezh tr.tt-bgm > td.tt-zh,
table.tt-type-dialogue tr.tt-name > td.tt-ja,
table.tt-type-dialogue tr.tt-name > td.tt-zh,
table.tt-type-dialoguezh tr.tt-name > td.tt-zh,
table.tt-type-dialogue tr.tt-remark > td.tt-ja,
table.tt-type-dialogue tr.tt-remark > td.tt-zh,
table.tt-type-dialoguezh tr.tt-remark > td.tt-zh,
td.tt-char,
td.tt-bbsharp,
td.tt-bbcloudgray,
td.tt-bbcloud,
td.tt-status,
table.tt-type-omake tr.tt-header > td,
table.tt-type-omake tr.tt-content-header > td,
table.tt-type-omake tr.tt-manual-header > td,
table.tt-type-omake td.tt-pic,
table.tt-type-omakezh tr.tt-header > td,
table.tt-type-omakezh tr.tt-content-header > td,
table.tt-type-omakezh tr.tt-manual-header > td,
table.tt-type-omakezh td.tt-pic,
table.tt-type-omaketxt tr.tt-header > td,
table.tt-type-omaketxt tr.tt-content-header > td,
table.tt-type-omaketxt tr.tt-manual-header > td,
table.tt-type-omaketxt td.tt-pic,
table.tt-type-setting tr.tt-header > td,
table.tt-type-setting tr.tt-content-header > td {
	vertical-align: middle !important;
	text-align: center !important;
	font-weight: bold;
}
table.tt-type-dialogue td.tt-jaw,
table.tt-type-dialogue td.tt-zhw,
table.tt-type-dialoguezh td.tt-zhw {
	vertical-align: middle !important;
	text-align: center !important;
}
table.tt-type-dialogue td.tt-status,
table.tt-type-dialogue td.tt-text,
table.tt-type-dialoguezh td.tt-status,
table.tt-type-dialoguezh td.tt-text,
table.tt-type-omake td.tt-text,
table.tt-type-omakezh td.tt-text,
table.tt-type-omaketxt td.tt-text {
	text-align: center !important;
}
tr.tt-content-right > td {
	text-align: right !important;
}
table.tt-type-musicroom td.tt-titleja,
table.tt-type-musicroom td.tt-titlezh {
	vertical-align: middle !important;
	text-align: center !important;
	width: 35% !important;
	background: var(--mw-color-warning-10) !important;
}
table.tt-type-musicroom td.tt-category,
table.tt-type-musicroom td.tt-composer {
	vertical-align: middle !important;
	text-align: center !important;
	font-weight: bold;
	width: 15% !important;
	background: var(--mw-background-color-suppress);
}
.musicTable .title,
table.tt-type-musicroom td.tt-titleja,
table.tt-type-musicroom td.tt-titlezh {
	background: var(--mw-color-warning-10) !important;
}
table.tt-type-musicroom td.tt-mp3 {
	padding-left: 20px;
	padding-right: 20px;
}
table.tt-type-musicroom td.tt-source {
	vertical-align: middle !important;
	text-align: center !important;
	font-weight: bold;
}
table.tt-type-musicroom td.tt-ja,
table.tt-type-musicroom td.tt-zh {
	padding: 10px 20px;
	vertical-align: top !important;
}
td.tt-composer div::before {
	content: "♪ ";
}
div.tt-composer,
div.tt-char,
div.tt-bbsharp,
div.tt-bbcloudgray,
div.tt-bbcloud,
div.tt-header,
div.tt-text,
div.tt-status,
div.tt-category,
div.tt-titleja,
div.tt-titlezh,
div.tt-composer,
div.tt-source {
	display: inline-block;
}
div.tt-jah,
div.tt-zhh,
div.tt-header,
div.tt-status {
	font-weight: bold;
	font-size: 120%;
}
div.tt-jar,
div.tt-zhr {
	text-align: right;
}

td.tt-time,
td.tt-sep {
	text-align: center;
}
.tt-type-lyrics tr,
.tt-type-lyricszh tr,
.tt-type-lyrics td,
.tt-type-lyricszh td {
	border-top: 0 !important;
	border-bottom: 0 !important;
	vertical-align: top;
}
tr.tt-lyrics-sep {
	height: 1.2em;
}
td.tt-time {
	white-space: nowrap;
}
tr.tt-lyrics-header > td {
	text-align: center;
	font-weight: bold;
}
td.tt-lyrics,
td.tt-lyricszh {
	width: 60px;
	min-width: 60px;
}
td.tt-mainh {
	width: 50%;
}
td.tt-tranh {
	width: 50%;
}
td.tt-mainhzh {
	width: 90%;
}
td.tt-lyrics > div::after,
td.tt-lyricszh > div::after {
	content: "时轴";
}
td.tt-mainh > div::after,
td.tt-mainhzh > div::after {
	content: "原文";
}
td.tt-tranh > div::after {
	content: "翻译";
}
table.tt-type-dialogue tr.tt-header > td.tt-ja,
table.tt-type-dialogue tr.tt-header > td.tt-zh,
table.tt-type-dialogue tr.tt-bgm > td.tt-ja,
table.tt-type-dialogue tr.tt-bgm > td.tt-zh,
table.tt-type-dialogue tr.tt-name > td.tt-ja,
table.tt-type-dialogue tr.tt-name > td.tt-zh,
table.tt-type-dialogue tr.tt-remark > td.tt-ja,
table.tt-type-dialogue tr.tt-remark > td.tt-zh,
td.tt-char,
td.tt-bbsharp,
td.tt-bbcloudgray,
td.tt-bbcloud,
td.tt-status,
table.tt-type-omake tr.tt-header > td,
table.tt-type-omake tr.tt-content-header > td,
table.tt-type-omake tr.tt-manual-header > td,
table.tt-type-omake td.tt-pic,
table.tt-type-omaketxt tr.tt-header > td,
table.tt-type-omaketxt tr.tt-content-header > td,
table.tt-type-omaketxt tr.tt-manual-header > td,
table.tt-type-omaketxt td.tt-pic,
table.tt-type-setting tr.tt-header > td,
table.tt-type-setting tr.tt-content-header > td,
tr.tt-lyrics-header > td {
	background-color: var(--mw-background-color-suppress) !important;
	border: 2px solid var(--mw-border-color-highlight) !important;
}

@media screen and (max-width: 768px) {
	tr.tt-content > td,
  	tr.tt-bbsharp > td,
  	tr.tt-bbcloudgray > td,
  	tr.tt-bbcloud > td,
	tr.tt-manual-content > td,
	tr.tt-dialogue > td,
	tr.tt-narrator > td {
		padding: 0.2em 0.4em !important;
	}
	td.tt-lyrics,
	td.tt-lyricszh,
	td.tt-time,
	td.tt-sep {
		display: none !important;
	}
	.tt-type-lyrics td.tt-zh {
		border-bottom: var(--mw-border-width-base) solid var(--mw-border-color-content) !important;
	}
	tr.tt-lyrics-header {
		display: none !important;
	}
	tr.tt-lyrics-sep {
		border: var(--mw-border-width-base) solid var(--mw-border-color-content) !important;
	}
	.tt-type-lyrics tr,
	.tt-type-lyricszh tr,
	.tt-type-lyrics td,
	.tt-type-lyricszh td {
		border: 0 !important;
		display: block;
	}
}

/* 曲目评分系统用 */
.track-rating-box {
	border: 1px solid var(--mw-border-color-content);
	background-color: var(--mw-background-color-highlight);
	min-width: 400px;
}
.track-rating-box tr {
	height: 46px;
}
.track-rating-box tr.row-track {
	height: 50px;
}
.track-title {
	border-bottom: 2px solid var(--mw-color-primary-50);
	padding-left: 16px;
}
.track-id {
	text-align: center;
	border-bottom: 2px solid var(--mw-color-primary-50);
}
.track-div {
	position: relative;
	height: 48px;
	width: 96px;
}
.track-div::after {
	content: "";
	display: block;
	width: 87px;
	height: 2px;
	margin: 0 6px;
	background-color: var(--mw-border-color-content);
	-ms-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
	-ms-transform-origin: center;
	-webkit-transform-origin: center;
	transform-origin: center;
	position: absolute;
	top: 50%;
	left: 0%;
}
.track-cd {
	position: absolute;
	font-size: 150%;
	top: 0px;
	left: 2px;
}
.track-no {
	position: absolute;
	font-size: 150%;
	bottom: 0px;
	right: 2px;
}
.track-cd::before {
	content: "CD";
	font-size: 60%;
	color: var(--mw-color-base-suppress);
}
.track-cd::after {
	content: "";
}
.track-no::before {
	content: "TR";
	font-size: 60%;
	color: var(--mw-color-base-suppress);
}
.track-name {
	font-size: 120%;
	display: block;
}
.track-genre {
	color: var(--mw-color-base-suppress);
	font-size: 80%;
	margin-left: 1em;
}
.track-genre::before {
	content: "【";
}
.track-genre::after {
	content: "】";
}
.track-circle {
	color: var(--mw-color-base-suppress);
	font-size: 80%;
	margin-left: 1em;
}
.track-circle::before {
	content: "（";
}
.track-circle::after {
	content: "）";
}
.total-rating {
	width: 80px;
	color: var(--mw-background-color-highlight);
	text-align: center;
	font-size: 200%;
	font-weight: bold;
	text-shadow: var(--mw-border-color-content) -2px -2px 0px, var(--mw-border-color-content) 2px -2px 0px, var(--mw-border-color-content) -2px 2px 0px,
		var(--mw-border-color-content) 2px 2px 0px;
	border-bottom: 2px solid var(--mw-border-color-content);
}
.track-rating-box .label {
	text-align: center;
	width: 100px;
	overflow: hidden;
	background-color: var(--mw-background-color-content);
}
.track-rating-box .type {
	font-size: 110%;
	font-weight: bold;
	margin: 8px;
}
.track-rating-box .artist {
	font-size: 60%;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 98px;
	overflow: hidden;
}
.track-rating-box .artist.shorten a {
	display: inline-block;
	max-width: 3em;
	overflow: hidden;
}
.track-rating-box .comment {
	border-bottom: 1px solid var(--mw-background-color-content);
	padding: 0 8px;
}
.track-rating-box .no-comment {
	color: var(--mw-color-base-suppress);
	text-align: center;
}
.track-rating-box .no-comment::after {
	content: "- 无评论 -";
}
.track-rating-box tr:last-of-type .comment {
	border-bottom: 0;
}
.track-rating-box .rating {
	width: 80px;
	color: var(--mw-background-color-highlight);
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	text-shadow: var(--mw-border-color-content) -2px -2px 0px, var(--mw-border-color-content) 2px -2px 0px, var(--mw-border-color-content) -2px 2px 0px,
		var(--mw-border-color-content) 2px 2px 0px;
	border-left: 2px solid var(--mw-border-color-content);
}
.track-rating-box .rating-h {
	text-shadow: #008c00 -2px -2px 0px, #008c00 2px -2px 0px, #008c00 -2px 2px 0px, #008c00 2px 2px 0px;
}
.track-rating-box .rating-m {
	text-shadow: #e3c800 -2px -2px 0px, #e3c800 2px -2px 0px, #e3c800 -2px 2px 0px, #e3c800 2px 2px 0px;
}
.track-rating-box .rating-l {
	text-shadow: #ff0000 -2px -2px 0px, #ff0000 2px -2px 0px, #ff0000 -2px 2px 0px, #ff0000 2px 2px 0px;
}
.total-rating.rating-h {
	border-bottom: 2px solid #008c00;
}
.total-rating.rating-m {
	border-bottom: 2px solid #e3c800;
}
.total-rating.rating-l {
	border-bottom: 2px solid #ff0000;
}
.track-rating-box .rating.rating-h {
	border-left: 2px solid #008c00;
}
.track-rating-box .rating.rating-m {
	border-left: 2px solid #e3c800;
}
.track-rating-box .rating.rating-l {
	border-left: 2px solid #ff0000;
}
.track-rating-box .rating::after {
	content: "/10";
	font-size: 60%;
	position: relative;
	top: 5px;
	text-shadow: var(--mw-color-base-highlight) -1px -1px 0px, var(--mw-color-base-highlight) 1px -1px 0px, var(--mw-color-base-highlight) -1px 1px 0px,
		var(--mw-color-base-highlight) 1px 1px 0px;
}
.track-rating-box tr.row-oth .rating::after {
	content: "/4";
}
.track-title::before {
	content: "评分";
	font-size: 90%;
	float: right;
	font-weight: bold;
	margin-top: 6px;
}
.total-rating::after {
	content: "/10";
	font-size: 60%;
	position: relative;
	top: 7px;
	text-shadow: var(--mw-color-base-highlight) -1px -1px 0px, var(--mw-color-base-highlight) 1px -1px 0px, var(--mw-color-base-highlight) -1px 1px 0px,
		var(--mw-color-base-highlight) 1px 1px 0px;
}

/* Styles for mboxes */

/* Cell sizes for ambox message boxes */
th.mbox-text,
td.mbox-text {
	/* The message body cell(s) */
	border: none;
	padding: 0.25em 0.9em; /* 0.9em left/right */
}
td.mbox-image {
	/* The left image cell */
	border: none;
	padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
	text-align: center;
}
td.mbox-imageright {
	/* The right image cell */
	border: none;
	padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
	text-align: center;
}
td.mbox-empty-cell {
	/* An empty narrow cell */
	border: none;
	padding: 0px;
	width: 1px;
}

/* Article message box styles */
table.ambox {
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid var(--mw-border-color-content);
	border-left: 10px solid #1e90ff; /* Default "notice" blue */
	background-color: var(--mw-background-color-highlight);
}
table.ambox + table.ambox {
	/* Single border between stacked boxes. */
	margin-top: -1px;
}
.ambox th.mbox-text,
.ambox td.mbox-text {
	/* The message body cell(s) */
	padding: 0.25em 0.5em; /* 0.5em left/right */
}
.ambox td.mbox-image {
	/* The left image cell */
	padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {
	/* The right image cell */
	padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */
}
.ambox td.mbox-image.width {
	/* The left image cell */
	min-width: 60px;
}

table.ambox-notice {
	border-left: 10px solid #1e90ff; /* Blue */
}
table.ambox-speedy {
	border-left: 10px solid #ff0000; /* Red */
}
table.ambox-delete {
	border-left: 10px solid #b22222; /* Red */
}
table.ambox-content {
	border-left: 10px solid #f28500; /* Orange */
}
table.ambox-style {
	border-left: 10px solid #f4c430; /* Yellow */
}
table.ambox-move {
	border-left: 10px solid #9932cc; /* Purple */
}
table.ambox-protection {
	border-left: 10px solid #bba; /* Gray-gold */
}

/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
	clear: both;
	margin: 0.2em 0;
	padding: 0.25em 0.9em;
	border: 1px solid var(--mw-color-danger-30);
	background: var(--mw-color-danger-10);
}

/* These mbox-small classes must be placed after all other 
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so 
   they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {
	/* For the "small=yes" option. */
	clear: right;
	float: right;
	margin: 4px 0 4px 1em;
	width: 238px;
	font-size: 88%;
	line-height: 1.25em;
}
body.mediawiki table.mbox-small-left {
	/* For the "small=left" option. */
	margin: 4px 1em 4px 0;
	width: 238px;
	border-collapse: collapse;
	font-size: 88%;
	line-height: 1.25em;
}

/* 通用圆角框 */
.common-box {
	padding: 0.2em 0.4em;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-icab-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-box-shadow: var(--mw-color-neutral-70) 0px 2px 3px;
	-moz-box-shadow: var(--mw-color-neutral-70) 0px 2px 3px;
	box-shadow: var(--mw-color-neutral-70) 0px 2px 3px;
}

/* 编辑区样式 */
.my-buttons {
	padding: 0.5em;
}
.my-buttons a {
	text-decoration: none;
	padding: 0.1em;
	border: 1px var(--mw-color-link-base) outset;
}
.my-buttons a:hover,
.my-buttons a:active {
	border-style: inset;
}

/* 展会专辑列表 */
.doujin-cd-box {
	float: left;
	margin: 0 6px 10px;
	padding: 6px;
	border-radius: 3px;
	border: 1px solid;
}
.doujin-cd-box:hover {
	box-shadow: 0 0 10px #a9a5f3;
}
.doujin-cd-iamge {
	width: 200px;
	height: 200px;
	border: 1px solid;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 190px;
	overflow: hidden;
}
.doujin-cd-name {
	margin: 3px 0 4px 0;
	padding: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.doujin-cd-circle {
	text-align: right;
	font-size: 90%;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.doujin-cd-info {
	margin: 4px 0 0 0;
	padding: 4px 0 0 0;
	border-top: 1px solid;
}
.doujin-cd-no {
	width: 80px;
	float: left;
	font-size: 90%;
	margin: 0;
	padding: 0;
}
.doujin-cd-track {
	width: 120px;
	float: right;
	text-align: right;
	font-size: 90%;
	margin: 0;
	padding: 0;
}
.doujin-cd-info2 {
	margin: 2px 0 0 0;
	padding: 4px 0 0 0;
}
.doujin-cd-price {
	width: 90px;
	float: left;
	font-size: 90%;
	margin: 4px 0 2px 0;
	padding: 0;
}
.doujin-cd-web {
	width: 110px;
	float: right;
	text-align: right;
	font-size: 90%;
	margin: 2px 0 0 0;
	padding: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Navbox */
/* Default skin for navigation boxes */
table.navbox {
	/* Navbox container style */
	width: 100%;
	margin: auto;
	clear: both;
	font-size: 88%;
	text-align: center;
	vertical-align: middle;
	padding: 2px;
	border: 1px solid #7384b5;
}
.navbox,
.navbox-subgroup {
	background: var(--mw-background-color-content);
}
table.navbox + table.navbox {
	/* Single pixel border between adjacent navboxes */
	margin-top: -1px; /* (doesn't work for IE6, but that's okay)       */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
	text-align: center; /* Title and above/below styles */
	padding-left: 1em;
	padding-right: 1em;
}
.navbox-group {
	/* Group style */
	white-space: nowrap;
	text-align: right;
	font-weight: bold;
	padding-left: 1em;
	padding-right: 1em;
}
.navbox-list {
	width: 100%;
	text-align: left;
	background: transparent;
	padding: 0;
	border-color: var(--mw-background-color-content);
	border-left: 2px solid var(--mw-background-color-content);
}
.navbox-list > div {
	padding: 0em 0.25em;
}
.navbox-title,
table.navbox th {
	font-size: 110%;
	line-height: 1.5em;
	background: var(--mw-color-info-30);
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
	background: var(--mw-color-info-10);
}
.navbox-title .navbar {
	float: left;
	width: 6em;
	text-align: left;
}
.navbox-image {
	width: 0%;
	padding: 0px 0px 0px 2px;
}
.navbox-imageleft {
	width: 0%;
	padding: 0px 2px 0px 0px;
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: auto;
	background: var(--mw-color-info-10);
}
.navbox-even {
	background: var(--mw-background-color-content);
}
.navbox-odd {
	background: transparent; /* Odd row striping */
}
@media screen and (max-width: 768px) {
	.navbox-image,
	.navbox-imageleft {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	#EditHinter {
		font-size: 10px;
		font-weight: normal;
	}
}
/* Spellcard skin for navigation boxes */
table.nav-spellcard {
	border: 1px solid #73b581;
}
.nav-spellcard .navbox-title,
table.nav-spellcard th {
	background: var(--mw-color-success-30);
}
.nav-spellcard .navbox-abovebelow,
.nav-spellcard .navbox-group,
.nav-spellcard .navbox-subgroup .navbox-title {
	background: var(--mw-color-success-10);
}
.nav-spellcard .navbox-subgroup .navbox-group,
.nav-spellcard .navbox-subgroup .navbox-abovebelow {
	background: var(--mw-color-success-10);
}

/* Misc skin for navigation boxes */
table.nav-misc {
	border: 1px solid #b56565;
}
.nav-misc .navbox-title,
table.nav-misc th {
	background: var(--mw-color-danger-30);
}
.nav-misc .navbox-abovebelow,
.nav-misc .navbox-group,
.nav-misc .navbox-subgroup .navbox-title {
	background: var(--mw-color-danger-10);
}
.nav-misc .navbox-subgroup .navbox-group,
.nav-misc .navbox-subgroup .navbox-abovebelow {
	background: var(--mw-color-danger-10);
}

/* cd.thwiki.cc搜索链接 */
span.thcsearchlinks {
	float: right;
}
span.thcsearchlinks > a,
span.thcsearchlinks > a:visited {
	color: var(--mw-color-neutral-50);
}
span.thcsearchlinks > a {
	padding-right: 16px !important;
	background: url(//static.thbwiki.cc/template/searchsmall.png) center right no-repeat !important;
}
span.thcsearchlinks > a > span::before {
	content: "+";
}
span.thcsearchlinks > a > span[title]::before {
	content: attr(title);
}

#EditHinter {
 background-color: var(--mw-background-color-highlight);
 border: var(--mw-border-width-thick) solid var(--mw-border-color-content);
}

.rootpage-游戏对话_东方封魔录 .tt-content > .tt-ja,
.rootpage-游戏对话_东方封魔录 .tt-content > .tt-zh,
.rootpage-游戏对话_东方梦时空 .tt-content > .tt-ja,
.rootpage-游戏对话_东方梦时空 .tt-content > .tt-zh,
.rootpage-游戏对话_东方幻想乡 .tt-content > .tt-ja,
.rootpage-游戏对话_东方幻想乡 .tt-content > .tt-zh,
.rootpage-游戏对话_东方怪绮谈 .tt-content > .tt-ja,
.rootpage-游戏对话_东方怪绮谈 .tt-content > .tt-zh,
.rootpage-游戏对话_东方封魔录 .tt-narrator > .tt-ja,
.rootpage-游戏对话_东方封魔录 .tt-narrator > .tt-zh,
.rootpage-游戏对话_东方梦时空 .tt-narrator > .tt-ja,
.rootpage-游戏对话_东方梦时空 .tt-narrator > .tt-zh,
.rootpage-游戏对话_东方幻想乡 .tt-narrator > .tt-ja,
.rootpage-游戏对话_东方幻想乡 .tt-narrator > .tt-zh,
.rootpage-游戏对话_东方怪绮谈 .tt-narrator > .tt-ja,
.rootpage-游戏对话_东方怪绮谈 .tt-narrator > .tt-zh {
	background-color: rgba(0, 0, 0, 0.9) !important;
	color: #ffffff !important;
}

/* 文件详情 */
.fullImageLink img {
    max-width: 100%;
    object-fit: contain;
    height: auto;
}

.mw_metadata{
    max-width: 100%;
}

/* 消歧义 */
.disambig-box-text {
    width: auto;
}


/* 隐含标题 */
.hide-header {
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.hide-header span.mw-editsection {
    display: none;
}

/* 首页字体更改 */
.tucm-mainpage {
    font-family: 'Noto Serif SC', 'Times New Roman';
}

/* 公告栏容器 */
.announcement-bar {
    border: 1px solid #202122;
    background: white;
    padding: 0.5em;
    margin: 1em 0;
    list-style: none;
}

/* 公告栏条目 */
.announcement-item a {
    display: block;
    padding: 0.5em;
    color: inherit !important;
    text-decoration: none !important;
    transition: background-color 0.2s;
}

/* 鼠标悬停效果 */
.announcement-item a:hover {
    background-color: #a0a0a0;
}

/* 首页横幅 */
.banner {
    text-align: center;
}

/* 首页横幅导航栏 */
.banner-navigation {
    background: #ffffff; 
    border-top: 2px solid #505050; 
    border-bottom: 2px solid #505050; 
    text-align: center; 
    padding: 15px 0px 15px 0px; 
    font-size: 14px;
}

.banner-navigation a {  
    background:#ffffff;
    padding:8px;
    border-radius:3px;
}

.banner-navigation a:hover {
    background: #e0e0e0;
    padding:8px;
    border-radius:3px;
}

/* 添加站外链接右侧的小箭头 */
.banner-navigation a.external::after,
.banner-navigation a.external::before {
	background-color: currentcolor;
	content: '';
	display: inline-block;
	height: 0.857em;
	width: 0.857em;
	-webkit-mask: no-repeat center/contain var( --external-icon );
	mask: no-repeat center/contain var( --external-icon );
}

.banner-navigation a.external::after {
	--external-icon: url( /load.php?format=original&image=linkExternal&modules=oojs-ui.styles.icons-editing-core );
	margin-left: 0.143em;
}

.banner-navigation a.external::before {
	--external-icon: url( /load.php?format=original&image=linkExternal&modules=oojs-ui.styles.icons-editing-core&dir=rtl );
	margin-right: 0.143em;
}

/* Restore Plainlinks: https://www.mediawiki.org/wiki/Manual:Plainlinks */
.banner-navigation a.external::after,
.banner-navigation a.external::before {
	display: none;
}

/* 不存在的内部链接：虚线下划线 */
a.new {
  text-decoration-style: dashed;
}

/*双列目录*/
@media screen and (min-width:1000px) {
	.toc ul {
		column-count: 2;
	}
	.toc ul > li > ul {
		column-count: 1;
	}
	.toctoggle {
		float: right;
	}
}

/* 模糊将逐渐消失并显示内容 */
.spoilerblur {
  filter: blur(3.5px);
  opacity: 0.40;
  transition: filter 1s linear, opacity 1s linear, text-shadow 1s linear;
}

.spoilerIMG {
  filter: blur(22.5px);
  opacity: 0.20;
  transition: filter 1s linear, opacity 1s linear, text-shadow 1s linear;
}
 
.spoilerblur:is(:hover, :focus, :focus-within, :active), .spoilerIMG:is(:hover, :focus, :focus-within, :active) {
  filter: blur(0px);
  opacity: 1;
  text-shadow: 0 0 0 transparent;
  transition-delay: 500ms;
}

:not(li) > .spoilerblur, .spoilerIMG {
	display: unset;
}
检索自“http://wiki.tucm.top/index.php?title=MediaWiki:Common.css&oldid=269”