books/theme/mycss/lrc.css

#lyriccontainer:fullscreen {
	background-color: white;
	align-items: center;
	justify-content: center;
	font-size: var(--full-font-size);
}

#lyriccontainer:fullscreen > #line-last {
	height: 30vh;
	padding-left: 0rem;
}

#lyriccontainer:fullscreen > #line-current {
	height: 40vh;
	padding-left: 0rem;
}

#lyriccontainer:fullscreen > #line-next {
	height: 30vh;
	padding-left: 0rem;
}

#lyriccontainer:fullscreen > div {
	justify-content: center;
}

#lyriccontainer {
	background: linear-gradient(to right, rgba(0,0,0,.1) 0%, rgba(202,234,206) 50%, rgba(0,0,0,.1) 100%);
	font-size: var(--default-font-size);
	display: flex;
	width: 100%;
	flex-direction: column;	
	height:100%;
}

#lyriccontainer .active {
	font-weight: bold
}

#lyriccontainer div {
	display: flex;
	flex-direction: column;
}

#lyriccontainer #line-tools {
	font-size: 1.6rem;
	align-items: center;
	justify-content: center;
	flex-direction:row;
	width:100%
}

#lyriccontainer #line-last {
	height: 8em;
	padding-left: 1em;
}

#lyriccontainer #line-current {
	height: 8em;
	padding-left: 1.5em;
}

#lyriccontainer #line-next {
	height: 8em;
	padding-left: 2em;
}

#lyricFullscreen,#lyricNoslep,#lyricBigger,#lyricSmaller {
	height: 2em;
	width: 8em;
	color: #fff;
	background-color: #57a957;
	border-color: #57a957;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
	background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
	background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
	background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
	background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
}