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

@media screen and (max-width: 890px) {
	#library .library-box {
		min-width:135px;
		height:auto;
		display:flex;
		flex-wrap: wrap;
		justify-content: left;
		align-content: flex-start;
		padding:10px;
		padding-left:10px;
		padding-right:10px;
	}
	#library .library-box-f {
		background-color:rgba(22,22,22,0.125);
	}
}
@media screen and (min-width: 890px) {
	#library .library-box {
		min-width:455px;
		height:960px;
		display:flex;
		flex-wrap: wrap;
		justify-content: left;
		align-content: flex-start;
		padding:10px;
		padding-left:25px;
		padding-right:25px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	#library .library-box-f {
		background-color:rgba(22,22,22,0.125);
	}
	.window-body #library .library-box {
		min-width:455px;
		max-height:380px;
		display:flex;
		flex-wrap: wrap;
		justify-content: left;
		align-content: flex-start;
		padding:10px;
		padding-left:25px;
		padding-right:25px;
		overflow-x: hidden;
		overflow-y: auto;
	}
}
#library .book-box {
	width:178px;
	height:304px;
	padding:2px;
	border:1px solid #fff;
	margin:5px;
}
#library .library-box .book-box:last-child {
	margin-right: auto; 
}
#library .book-box .image-size-box {
	width:97%;
	height:228px;
	background:rgba(22,22,22,0.2);
	border:1px solid #fff;
	overflow: hidden;
	margin:1px;
}
/*.image-box {
	margin:auto;
	width:100%;
}
.image-box:hover {
	margin:auto;
	min-width:100%;
	min-height:100%;
}*/
#library .book-box .book-text {
	width:95%;
	height:64px;
	margin:1px;
	margin-top:2px;
	padding:2px;
	color: white;
	background:rgba(22,22,22,0.35);
	border:1px solid #fff;
	line-height:16px;
	overflow: hidden;
	text-overflow:ellipsis;
}
#library span.book-title {
	margin-top:-10px;
	font-size: larger;
	font-weight: bold;
}
#library .book-text-padding {
	margin-top:-8px;
}
#library .book-text a:link {
	color: #AFBAC0;
}
#library .book-text a:visited {
	color: #9FAAB0;
}
#library a.external.free {
	color: #AFCAD0;
}
#library .external.text {
	color: #AFCAD0;
}
#library a.external {
	color: #AFCAD0;
}
#library a.free {
	color: #AFCAD0;
}
#library .mw-body a.external:visited {
	color: #AFCAD0;
}
#library .mw-parser-output a.external:visited {
	color: #9FAAB0;
}