传奇殿堂/styles.css：修订间差异

2022年3月9日 (三) 12:12的版本

/*
搬运于萌百作者あめろ
*/
/*布局*/
.flex-r {
	display: flex;
	flex-flow: row wrap;
	column-gap: 2em;
}
.flex-r>div {
	flex: 1 0 20em;
}
/*边框*/
.infoBoxContent, .toc, pre, table {
	border: none !important;
}
/*圆角*/
.infoBox, .toc, pre, .card, .radius {
	border-radius: 6px;
}
/*阴影*/
.infoBox, .toc, .wikitable, pre, .card, .shadow {
	box-shadow: 0 2px 4px rgba(0,0,0,0.08),0 0 3px rgba(0,0,0,0.1)
}
h2 {
	text-shadow: -0.05em 0.05em 0.1em #FFF;
}
 
/*特殊*/
.infoBoxContent {
	background: none !important;
}
.stubborn>table {
	border-radius: 6px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.08), 0 1px 3px 1px rgba(0,0,0,0.1);
	overflow: hidden;
}
.infoBox {
	overflow: hidden;
}
.link-box>.sign:hover {
	height: 80vh !important;
}
 
.AmeroBg, .AmeroTalk {
	color: #1f0037;
	padding: 1px 3em 2em;
	background: rgba(255,255,255,0.2);
	border-radius: 10px;
	border: 1px solid #ddd;
	margin: 1em auto;
	max-width: 1080px;
	box-shadow: inset 0 0 2px 1px #fff, 0 1px 1px rgba(0,0,0,0.07), 0 1px 3px 1px rgba(61,0,99,0.14);
}
 
.cards-in>*, .card, .toc {
	position: relative;
	background: linear-gradient(rgba(255,255,255,0.89),rgba(255,255,255,0.84)),fixed 50% 0/cover  no-repeat !important;
	z-index: 1;
}
.cards-in>*::after, .card::after, .toc::after {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: -1;
	border-radius: inherit;
	border: 1px solid #ccc;
	box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.67);
}
 
/*排版*/
h2 {
	overflow: visible;
	font: 700 1.6em sans-serif;
	border-bottom: none;
	margin-top: 1.6em;
}
h2 .mw-headline {
	display: inline-block;
}
h2 .mw-headline::after {
	content: '';
	display: block;
	background: linear-gradient(66deg, #e5d6ff, #ffd6e4);
	height: 0.7em;
	margin: -0.5em 0 0 -0.5em;
	width: 100%;
	border-radius: 0.35em;
	box-shadow: 0 0 1px 1px #fff;
}
h3 {
	font: 700 1.4em serif;
}
h4 {
	font: 400 1.2em sans-serif;
}
h5 {
	font: 400 1.1em serif;
}
h2, h3, h4, h5, h6 {
	color: #260043;
}
p {
	display: none;
}
.AmeroBg p {
	text-indent: 2em;
}
.AmeroBg p, .AmeroTalk p {
	display: block;
}
ul, ol, dl, dt {
	margin-left: 0 !important;
	padding-left: 0 !important;
}
li, dd {
	margin-left: 2em;
}
.toc {
	padding: .5em 1em;
}
li.toclevel-1 {
	margin-left: 0;
}
a:link, a:visited {
	color: #8e3a99;
}
a:hover {
	text-decoration: underline wavy;
}
a.new {
	color: #BA0000;
}
code {
	background: #fff1f1;
	border-width: 0 0 2px;
	border-color: #ffc0c0;
	margin: 0 2px;
	color: inherit;
	border-radius: 3px;
	padding: 1px 3px 0;
}
/*签名墙专属*/
.sign p {
	text-indent: 0;
}
.sign dl {
	position: relative;
}
.sign dl::before {
	content: '　◤';
	position: absolute;
	color: #e5d6ff;
}
.sign>p {
	margin: 1.6em 0 0.5em;
	counter-increment: signatures;
}
.sign>p::before {
	content: counter(signatures);
	background: linear-gradient(90deg,#e5d6ff,rgba(229,214,255,0));
	border-radius: 0.4em 0 0 0.4em;
	padding: 0 0.7em 0 0.3em;
}
 
/*窄页面样式*/
@media screen and (max-width: 520px) {
	.AmeroBg, .AmeroTalk {
		padding: 1em;
		border: none;
		box-shadow: none;
	}
}