Widget:Lyrics

小部件文档

这个文档是内联文档。

{{Lyrics}}。

备用Javascript脚本：

window.addEventListener('load', function () {
    // 计算渲染后的实际宽度
    var content = document.querySelector('#mw-content-text'),
        bodyWidth = parseInt(window.getComputedStyle( content, null ).getPropertyValue('width'),10);
}); 

CSS样式表：

 */
.Lyrics_box {
	max-width: 1080px;
	white-space: pre-wrap;
}
.Lyrics_line {
	column-count: 2;
	column-width: 370px;
	column-gap: 10px;
}
.Lyrics_original, .Lyrics_translated {
	min-width:370px;
	display: inline-block;
}
.Lyrics_has_ruby {
	line-height: 2.1;
}
@media only screen and (max-width:720px) {
	.Lyrics_box {
		width: 100% !important;
	}
	.Lyrics_original, .Lyrics_translated {
		min-width:unset;
	}
}
.Lyrics_gradient {
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-box-decoration-break: clone;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	position:relative;
}
.Lyrics_gradient ruby, .Lyrics_gradient rb, .Lyrics_gradient rt {
	background: inherit;
}
.skin-minerva .Lyrics_gradient:hover::before {
	content:attr(title);
	position:absolute;
	bottom:100%;
	left:0;
	background:#fff;
	white-space:nowrap;
	font-size:0.8em;
	border:1px solid #a7d7f9;
	border-radius: 4px;
	padding:0 3px;
	box-shadow:1px 1px 1px #ccc;
	color:#000;
	-webkit-text-fill-color: initial;
	text-fill-color: initial;
}
/*