“Widget:Lyrics”的版本间差异

←上一编辑

Widget:Lyrics (查看源代码)

2022年5月17日 (二) 20:01的版本

添加377字节、 2022年5月17日 (二) 20:01

//使用页面/文本对比查看器快速编辑

Bhsd

界面管理员、监督员、管理员

16,874

个编辑

2021年1月16日 (六) 05:24的版本（查看源代码） Bhsd（讨论 \| 贡献）（使用页面/文本对比查看器快速编辑） ←上一编辑		2022年5月17日 (二) 20:01的最新版本（查看源代码） Bhsd（讨论 \| 贡献）（//使用页面/文本对比查看器快速编辑）
（未显示同一用户的19个中间版本）
<noinclude>{{doc\|content=用于处理歌词相关的一些效果。请使用{{tl\|Lyrics}}调用。}}[[category:混合小部件]] <~~noinclude~~p>~~{{doc\|content=用于{{tl\|Lyrics}}。}}~~JavaScript脚本：[[~~category~~User:~~混合小部件~~Bhsd/widget/lyrics.js]]</p></noinclude><includeonly><!--{if !isset($wgLyrics) \|\| !$wgLyrics}--><!--{assign var="wgLyrics" value=true scope="global"}--><script defer src='/zh?title=~~</includeonly><noinclude><p>JavaScript脚本：[[</noinclude>User~~user:~~Bhsd~~bhsd/widget/lyrics.js~~<noinclude>]]</p></noinclude><includeonly>~~&action=raw&ctype=text/javascript'></script><style> /* </includeonly>CSS样式表：<pre lang="css"> / .Lyrics_box { white-space: pre-wrap; } / 仅用于拉丁字母的注音 / .Lyrics_monospace { font-family: Monaco, Menlo, Consolas, 'Liberation Mono', 'Courier New', ~~sans-serif~~monospace; } .~~Lyrics_box~~Lyrics_monospace .reference { font-family: ~~Arial~~Helvetica, ~~Helvetica~~Arial, sans-serif; }▼ -webkit-text-fill-color: initial;▼ .Lyrics_gradient .reference { text-fill-color: initial;▼ ▲ -webkit-text-fill-color: ~~initial~~currentColor; ▲ text-fill-color: ~~initial~~currentColor; } .Lyrics_original, .Lyrics_translated { width: calc(50% - 5px); display: inline-table; / 顶部对齐 / } .Lyrics_original { margin-right: 10px; } / 结合JS实现窄屏适配 / .Lyrics_no_translation .Lyrics_original, .Lyrics_narrow .Lyrics_original, width: 100%; margin-right: 0; }▼ / 手机版初始折叠会造成js无法计算实际宽度 / @media ~~only~~ screen and (max-width:720px) {▼ ~~.Lyrics_box,~~ .Lyrics_original, .Lyrics_translated {▼ width: 100%;▼ margin-right: 0;▼ }▼ } .Lyrics_no_translation .Lyrics_translated { display: none; } _:-moz-read-write, :root .Lyrics_has_ruby { line-height: 2.1; } .Lyrics_has_ruby rt { / 无法正确选中 / -webkit-user-select: none; / Safari / ~~-moz-user-select: none;~~ ~~-ms-user-select: none;~~ user-select: none; ▲} ▲@media only screen and (max-width:720px) { ▲ .Lyrics_box, .Lyrics_original, .Lyrics_translated { ▲ width: 100%; ▲ } ~~.Lyrics_original {~~ ▲ margin-right: 0; } } -webkit-background-clip: text; background-clip: text; -webkit-box-decoration-break: clone; / Safari；只有Firefox支持slice且为默认 / -webkit-text-fill-color: transparent; text-fill-color: transparent; } .Lyrics_gradient ruby, .Lyrics_gradient rb, .Lyrics_gradient rt { background: inherit; / 已知Safari和Edge Android需要rb / }▼ .Lyrics_gradient:hover, .Lyrics_single:hover { filter: drop-shadow(2px 2px #e8e8e8); } .Lyrics_tipsy .oo-ui-popupWidget-body-padded { .Lyrics_box ruby { white-space: normal; / Safari */ } .mw-collapsed + .Lyrics_box rt {> span:first-child, .photrans-off {▼ ~~font-size: 0.8em;~~ ▲} ~~.mw-collapsed + .Lyrics_box rt > span:first-child {~~ font-size: 0; } letter-spacing: 0 !important; margin-left: 0 !important; ▲} ▲.photrans-off { ~~font-size: 0;~~ } .mw-collapsed + .Lyrics_box .photrans-off { } .memberblock, .Lyrics_gradient, .Lyrics_single { transition: all ease-in-out 0.3s; ▲ } .memberblock.mw-collapsed { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);