总理俱乐部/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%; max-width:330px; height:auto;
}
/*移除信息栏tab的边框*/
.infobox2 .TabContent {
	border:0;
}

/*目录自适应分栏显示*/
.toc ul {
	column-count: 4;
	column-width: 12em;
}
.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:89%;
	}
}
/*允许信息栏tabs滚动*/
.TabContent{
	overflow-x:auto;
}

/*人物介绍*/
.chara-m {
	width:100%; height:100%; background:#d8e7ef; border:2px solid #537c90; 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%; height:auto;
}

/*单行本列表*/
@media screen and (max-width:900px) {
	.Soukura-comic-pack {
		text-align:left;
	}
}
@media screen and (max-width:520px) {
	.Soukura-comic-unit {
		display:inline-block; margin:0 0.35em 0.35em 0.25em; width:100%;
	}
	.Soukura-comic-pic {
		float:left; width:150px;
	}
	.Soukura-comic-pic img {
		width:45%; height:31px;
	}
	.Soukura-comic-number {
		margin-left:-204px;
	}
	.Soukura-comic-text {
		display:flex; color:#2C4D5E; font-weight:bold; vertical-align:top; font-size:230%; 
		line-height:1.28em; margin: 0em 0.5em 0em 5.5em;width:8.68em;border-bottom: 7px solid #2C4D5E;
	}
	.Soukura-comic-desc {
		text-align:right; padding-left:0.5em; width:auto; white-space: nowrap;
	}
}
@media screen and (min-width:420px) and (max-width:520px) {
	.Soukura-comic-pic {
		float:left; width:150px;
	}
	.Soukura-comic-number {
		margin-left:550px;
	}
}
@media screen and (min-width:520px) {
	.Soukura-comic-unit {
		display:inline-block; margin:0 0.25em 0.5em 0.25em; width:225px;
	}
	.Soukura-comic-pic {
		display:inline-block;
	}
	.Soukura-comic-pic img {
		width:100%; height:auto;
	}
	.Soukura-comic-number {
		display:inline-block; margin-top:0.25em;
		margin-left:0;
	}
	.Soukura-comic-text {
		display:table-cell; width:20px; background:#537c90; color:#fff; font-weight:bold; 
		vertical-align:top; font-size:125%; line-height:1.28em; padding:0 0.25em;
	}
	.Soukura-comic-desc {
		display:table-cell; width:200px; text-align:left; padding-left:0.5em;
	}
}
/* [[Category:在主名字空间下的CSS页面]] */