LLWiki正在建设中,欢迎加入我们!
“Widget:Lyrics”的版本间差异
跳转到导航
跳转到搜索
小 (// 使用Wikiplus小工具快速编辑) |
小 (// 使用Wikiplus小工具快速编辑) |
||
第2行: | 第2行: | ||
//</includeonly>Javascript脚本:<pre lang="js"> |
//</includeonly>Javascript脚本:<pre lang="js"> |
||
window.addEventListener('load', function () { |
window.addEventListener('load', function () { |
||
document. |
var ele = document.querySelector('.Lyrics_box'), |
||
width = ele.dataset.width, |
|||
styles = document.createElement('style'); |
|||
if(width.match(/^-.*/)) { width = 'calc(100% ' + width + ')'; } |
|||
mediaWiki.loader.using('mediawiki.util').then(function() { |
|||
styles.innerHTML = '@media only screen and (min-width:720px) { div.Lyrics_box { width:' + width + '; } }'; |
|||
document.head.appendChild(styles); |
|||
}); |
|||
}); |
|||
}); |
}); |
||
//</pre> |
//</pre> |
2020年8月14日 (五) 07:38的版本
Javascript脚本:
window.addEventListener('load', function () {
var ele = document.querySelector('.Lyrics_box'),
width = ele.dataset.width,
styles = document.createElement('style');
if(width.match(/^-.*/)) { width = 'calc(100% ' + width + ')'; }
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 {
width: 49.85%;
min-width: 480px;
display: inline-block;
white-space: pre-wrap;
}
/*