请问您今天要来点兔子吗？/styles.css

/* Only for [[请问您今天要来点兔子吗？]] */
/*信息栏：移动端窄屏下表宽占满屏幕*/
@media screen and (max-width:720px) {
	.infobox2 {
		display:table; max-width:100%; min-width:100%;
	}
}
/*信息栏：移动端宽屏下表宽维持原设定*/
@media screen and (min-width:720px) {
	.infobox2 {
		max-width:24em; min-width:24em;
	}
}
/*信息栏：图片随表宽自动缩放*/
.infobox2 img {
	width:100% !important; max-width:331px !important; height:auto;
}
/*信息栏：移除tab的边框*/
.infobox2 .TabContent {
	border:0;
}

/*目录自适应分栏显示*/
.toc ul {
	column-count: 3;
	column-width: 11em;
}
.toc ul > li > ul {
	column-count: 1;
}
.toctoggle {
	float: right;
}

/*通用：移动版允许使用small、big标签*/
small {
	font-size:smaller;
}
big {
	font-size:larger;
}
/*通用：段间距调整*/
p {
	margin-bottom:0.5em;
}
/*通用：定义列表间距调整*/
dl {
	margin:0.5em 0 0.5em 0;
}
dt {
	margin-bottom:0.25em;
}
dd {
	margin-bottom:0.25em; margin-left:1em;
}
/*通用：列表行间距及缩进调整*/
ul {
	margin:0.3em 0 0.5em 1.2em; padding-left:0;
}
p + ul {
	margin:-0.2em 0 0.5em 1.2em; padding-left:0;
}
ul > li {
	margin-bottom:0.25em;
}
ul > li > ul {
	margin:0.15em 0 0.25em 1.2em;
}
ul > li > ul > li {
	margin-bottom:0.15em; padding-left:0;
}
/*通用：定义表嵌套无序列表的段间距*/
dl > dd > ul {
	margin-top:0.15em; margin-bottom:0.25em;
}
dl > dd > ul > li {
	margin-top:0.1em; margin-bottom:0.1em;
}
/*移动端窄屏下表格字号缩小*/
@media screen and (max-width:720px) {
	.wikitable {
		font-size:87.5%;
	}
}
/*通用：允许tabs横向滚动*/
.TabContent{
	overflow-x:auto;
}

/*人物介绍表格*/
.chara-m {
	width:100% !important; height:100%; background:rgba(245,245,245,0.75); border:1px solid #fff; margin:0;
}
.chara-p {
	width:120px; min-width:120px; padding:0.5em 0 0 0.5em; vertical-align:top;
}
.chara-t {
	min-width:150px; vertical-align:top; padding:0.5em;
}
.chara-p img {
	width:120px;
}
@media screen and (max-width:500px) {
	td.chara-p {
		width:100px; max-width:100px; min-width:100px; padding:0.5em 0 0 0.25em;
	}
	td.chara-p img {
		width:100px;
	}
	td.chara-p div {
		max-width:100px
	}
}

/*人物关系*/
.chara-network img {
	width:100% !important; height:auto;
}

/*单行本列表*/
@media screen and (max-width:900px) {
	.gochiusa-comic-pack {
		text-align:center;
	}
}
@media screen and (max-width:520px) {
	.gochiusa-comic-unit {
		display:inline-block; margin:0 0.25em 0.5em 0.25em; width:100%;
	}
	.gochiusa-comic-pic {
		float:left; width:150px;
	}
	.gochiusa-comic-pic img {
		width:100% !important; height:auto;
	}
	.gochiusa-comic-number {
		margin-left:150px;
	}
	.gochiusa-comic-text {
		display:flex; color:#c79171; font-weight:bold; vertical-align:top; font-size:150%; 
		line-height:1.28em; margin: 0 0.25em 0.25em 0.35em; border-bottom: 2px solid #c79171;
	}
	.gochiusa-comic-desc {
		text-align:left; padding-left:0.5em; width:auto; white-space: nowrap;
	}
}
@media screen and (min-width:420px) and (max-width:520px) {
	.gochiusa-comic-pic {
		float:left; width:200px;
	}
	.gochiusa-comic-number {
		margin-left:200px;
	}
}
@media screen and (min-width:520px) {
	.gochiusa-comic-unit {
		display:inline-block; margin:0 0.25em 0.5em 0.25em; width:225px;
	}
	.gochiusa-comic-pic {
		display:inline-block;
	}
	.gochiusa-comic-pic img {
		width:100% !important; height:auto;
	}
	.gochiusa-comic-number {
		display:inline-block; margin-top:0.25em;
		margin-left:0;
	}
	.gochiusa-comic-text {
		display:table-cell; width:20px; background:#c79171; color:#fff; font-weight:bold; 
		vertical-align:top; font-size:125%; line-height:1.28em; padding:0 0.25em;
	}
	.gochiusa-comic-desc {
		display:table-cell; width:200px; text-align:left; padding-left:0.5em;
	}
}

/*宣传绘*/
.kv-m {
	display:inline-block; width:200px; margin:0.3em 0.5em; text-align:center; vertical-align:bottom;
}
.kv-p {
	display:table-cell; width:200px; height:250px; max-height:150px; text-align:center; vertical-align:middle; background:#f2f2f2; border:1px solid #ddd; margin:10px;
}
.kv-p img {
	max-width:90% !important; max-height:230px; object-fit:contain;
}
.kv-t {
	margin-top:0.2em; margin-bottom:0.2em; font-weight:bold; text-align:left;
}
@media screen and (max-width:1050px) {
	.kv-m {
		width:120px; margin:0.2em;
	}
	.kv-p {
		width:120px; height:150px; max-height:150px; 
	}
	.kv-p img {
		max-height:135px;
	}
	.kv-t {
		font-weight:normal;
	}
}

/*职员表：移除tab的边框*/
.staff .TabContent {
	border:0;
}

/*音乐和广播段落的小标题*/
.h-custom {
	margin-top:1em; font-size:108%; font-weight:bold; background:linear-gradient(transparent 95%, #ebd1c3 95%);
}
h3 + .h-custom {
	margin-top:0.5em;
}
.clear-div + .h-custom {
	margin-top:0.2em;
}

/*深色方块标签*/
.tag-tv {
	display:inline-block; vertical-align:top; background:linear-gradient(#426dc2 85%, #2e4b85 85%); color:#fff; width:2.25em; text-align:center; line-height:1.4em;
}
.tag-song-op {
	display:inline-block; color:#fff; font-weight:bold; background-color:#ed4e61; padding:0 0.25em;
}
.tag-song-ed {
	display:inline-block; color:#fff; font-weight:bold; background-color:#447feb; padding:0 0.25em;
}
.tag-song-in {
	display:inline-block; color:#fff; font-weight:bold; background-color:#a07ebd; padding:0 0.25em;
}

/* [[Category:在主名字空间下的CSS页面]] */