Widget:Lyrics

Bhsd讨论 | 贡献2020年8月15日 (六) 09:21的版本 (// 使用Wikiplus小工具快速编辑)
Template-info.png 小部件文档
这个文档是内联文档。

{{Lyrics}}。

Javascript脚本:

window.addEventListener('load', function () {
    var ele = document.querySelector('.Lyrics_box'),
        width = ele.dataset.width,
        styles = document.createElement('style');
    styles.innerHTML = '@media only screen and (min-width:720px) { div.Lyrics_box { width:' + width + '; } }';
    document.head.appendChild(styles);
}); 
//

CSS样式表:

 */
.Lyrics_box {
	width: 100%;
	max-width: 1080px;
	display: inline-block;
}
.Lyrics_box.Lyrics_has_ruby .Lyrics_original,
.Lyrics_box.Lyrics_has_ruby .Lyrics_translated {
	line-height: 2.1;
}
.Lyrics.Lyrics_no-ruby .Lyrics_original,
.Lyrics.Lyrics_no-ruby .Lyrics_translated {
	vertical-align: top;
}
.Lyrics_box .Lyrics_original,
.Lyrics_box .Lyrics_translated {
	min-width: 370px;
	display: inline-flex;
	white-space: pre-wrap;
}
@media only screen and (min-width:720px) {
	.Lyrics_box .Lyrics_original {
		margin-right:10px;
	}
}
.Lyrics_gradient {
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-box-decoration: clone;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
}
.Lyrics_gradient ruby, .Lyrics_gradient rb, .Lyrics_gradient rt {
	background: inherit;
}
/*