User:冰阅/自用模板/图书馆tabs/style.css

#library div.TabLabelText{
	margin: 4px;
	width: 170px;
}
#library div.TabLabelText div.label{
	border:2px solid rgba(199, 199, 255, .75);
	background-color: rgba(77, 85, 96, .35);
	color: rgba(255, 255, 255, .75);
	width: 170px;
	height: 30px;
	line-height: 24px;
	padding: 6px;
	margin: 0;
	font-size:24px;
	text-align:center;
}
#library div.selected div.label{
	border:2px solid #ffff00;
	color: #ffff00;
}
@media screen and (max-width: 890px) {
	#library div.TabLabel{
		padding: 6px;
		margin: 4px;
		border:2px solid #fff;
		background-color: rgba(28, 46, 50, .40);
		flex-wrap: nowrap;
		overflow-y: auto;
		overflow-x: hidden;
		min-width: 200px;
		max-height: 420px;
		border-radius: 0 15px 0 0;
	}
	#library div.Tabs.tabLabelRight.reverse {
		border:0 solid #fff;
		border-top:0;
		height:auto;
		flex-wrap: wrap-reverse;
	}
	#library .TabContent {
		border:2px solid #fff;
		background-color:rgba(22,22,22,0.2);
	}
}
@media screen and (min-width: 890px) {
	#library div.TabLabel{
		padding: 6px;
		margin: 4px;
		border:2px solid #fff;
		background-color: rgba(28, 46, 50, .40);
		flex-wrap: nowrap;
		width: 200px;
		min-width: 200px;
		overflow-y: auto;
		overflow-x: hidden;
		border-radius: 0 15px 0 0;
	}
	#library div.Tabs.tabLabelRight.reverse {
		border:0 solid #fff;
		border-top:0;
		height:100%;
	}
	#library .TabContent {
		border:2px solid #fff;
		background-color:rgba(22,22,22,0.2);
		overflow-y: auto;
		overflow-x: hidden;
	}
}