16,874
个编辑
“Widget:Lyrics”的版本间差异
小
撤销Bhsd（讨论）的版本5951
小 标签：移动版网页编辑 移动版编辑 |
标签：撤销 |
||
|
<noinclude>{{doc|content={{tl|Lyrics}}。}}</noinclude><includeonly><!--{if !isset($wgLyrics) || !$wgLyrics}--><!--{assign var="wgLyrics" value=true scope="global"}--><
//</includeonly>JavaScript脚本：<pre lang=js>
var resize = function () {
// 计算渲染后的实际宽度
document.querySelectorAll('.Lyrics_box').forEach( function(ele) {
var width = parseFloat(window.getComputedStyle( ele, null ).getPropertyValue('width'));
if(width < 720) {
ele.querySelectorAll('.Lyrics_original, .Lyrics_translated').forEach( function(self) {
self.style.width = '100%';
});
}
else {
ele.querySelectorAll('.Lyrics_original, .Lyrics_translated').forEach( function(self) {
self.style.width = '';
});
}
});
};
window.addEventListener('load', resize);
window.addEventListener('resize', resize);
//</pre>
<includeonly>
</script>
<style>
/* </includeonly>CSS样式表：<pre lang="css"> */
.Lyrics_box {
white-space: pre-wrap;
}
.Lyrics_original, .Lyrics_translated {▼
width:calc(50% - 5px);
vertical-align:top;▼
}
.Lyrics_original {
.Lyrics_no_translation .Lyrics_line {▼
}
▲.Lyrics_original, .Lyrics_translated {
width:100%;
margin-right:0;
▲ display: table;
▲ vertical-align:top;
}
.Lyrics_no_translation .Lyrics_translated, .Lyrics_line ruby {
.Lyrics_box {
width: 100% !important;
}
.Lyrics_original, .Lyrics_translated {
width:100%;
}
.Lyrics_original {
margin-right:0;
}
}
.Lyrics_gradient {
-webkit-background-clip: text;
| |||