Template:灰烬战线dolls2/style.css

.dollsBox{
 	position:relative;
 	width:600px;
 	background:#fff;
 	border:2px solid 
}
.dollsBox .dollsTitle{
	text-align:center;
	font-size:20px;
	font-weight:bold;
	padding:4px 10px; 
}
.dollsBox .dollsTitle span{
	float:right
}

.bottomHolder {
	height:0;
	width:100%;
}

.rightHolder {
	width:200px;
	height:450px;
	position:relative;
}

.dollsSD {
	position:absolute;
	bottom:0;
	left:20px;
}

.dollsInfo{
	position:absolute;
	width:200px;
	max-height:400px;
	padding:4px;
	top:40px;
	right:0;
	z-index:11;
	display:flex;
	justify-content:center;
}

.dollsInfo table th{
	border:1px solid #d6d6d6;
}

.dollsInfo table td{
	border:1px solid #d6d6d6;
	font-size:12px;
	padding: 0 1px;
}

.dollsName{
	padding:10px;
	font-size:16px;
	font-weight:bold
}

@media screen and (max-width: 600px ) {
	.dollsBox{
 		position:relative;
 		width:300px;
 		border:1px solid 
	}
	.dollsInfo{
		position:absolute;
		width:200px;
		max-height:400px;
		padding:4px;
		top:480px;
		left:0;
		z-index:11;
		display:flex;
		justify-content:center;
	}
	
	.bottomHolder {
		height:400px;
		width:100%;
	}
	
	.rightHolder {
		width:0;
		height:300px;
		position:relative;
	}
	.dollsSD {
		position:absolute;
		bottom:0;
		left:-150px;
	}
}

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