Widget:Lyrics
JavaScript脚本:User:Bhsd/widget/lyrics.js
CSS样式表:
*/
.Lyrics_box {
display: flow-root;
max-width: 1080px;
white-space: pre-wrap;
}
.Lyrics_monospace {
font-family: Monaco, Menlo, Consolas, 'Liberation Mono', 'Courier New', sans-serif;
}
.Lyrics_box .reference {
font-family: Arial, Helvetica, sans-serif;
-webkit-text-fill-color: initial;
text-fill-color: initial;
}
.Lyrics_original, .Lyrics_translated {
width: calc(50% - 5px);
display: inline-table;
vertical-align: baseline;
}
.Lyrics_original {
margin-right: 10px;
}
.Lyrics_no_translation .Lyrics_original,
.Lyrics_narrow .Lyrics_original,
.Lyrics_narrow .Lyrics_translated {
width: 100%;
margin-right: 0;
}
.Lyrics_no_translation .Lyrics_translated, .Lyrics_line ruby {
display: none;
}
.Lyrics_has_ruby {
line-height: 2.1;
}
.Lyrics_has_ruby ruby {
display: initial;
}
.Lyrics_has_ruby rt {
-webkit-user-select: none;
-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;
}
}
.Lyrics_gradient {
-webkit-background-clip: text;
background-clip: text;
-webkit-box-decoration-break: clone;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
}
.Lyrics_gradient, .Lyrics_single {
position: relative;
}
.Lyrics_gradient ruby, .Lyrics_gradient rb, .Lyrics_gradient rt {
background: inherit;
}
.Lyrics_tipsy .oo-ui-popupWidget-body-padded {
font-size: 0.8em;
padding: 5px 8px 4px;
}
.Lyrics_box ruby {
white-space: normal;
}
.Lyrics_box rt {
font-size: 0.8em;
}
.mw-collapsed + .Lyrics_box rt > span:first-child {
font-size: 0;
}
.mw-collapsed + .Lyrics_box rb span {
letter-spacing: 0 !important;
margin-left: 0 !important;
}
.photrans-off {
font-size: 0;
}
.mw-collapsed + .Lyrics_box .photrans-off {
font-size: 1em;
}
.photrans-s {
visibility: hidden;
font-size: 1.25em;
white-space: pre-wrap;
}
.skin-minerva p + div > .photrans-button {
margin-top: -1em !important;
}
.photrans-button .mw-collapsed {
display: none;
}
.memberblock.mw-collapsed {
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
}
.memberblock a {
pointer-events: none;
}
/*