16,874
个编辑
LLWiki正在建设中,欢迎加入我们!
(使用页面/文本对比查看器快速编辑) |
(//使用页面/文本对比查看器快速编辑) |
||
(未显示同一用户的21个中间版本) | |||
<noinclude>{{doc|content=用于处理歌词相关的一些效果。请使用{{tl|Lyrics}}调用。}}[[category:混合小部件]]
<
/* </includeonly>CSS样式表:<pre lang="css"> */
.Lyrics_box {
white-space: pre-wrap;
}
/* 仅用于拉丁字母的注音 */
.Lyrics_monospace {
font-family: Monaco, Menlo, Consolas, 'Liberation Mono', 'Courier New',
}
.
font-family:
}▼
-webkit-text-fill-color: initial;▼
text-fill-color: initial;▼
}
.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,
margin-right: 0;
}
/* 手机版初始折叠会造成js无法计算实际宽度 */
.Lyrics_no_translation .Lyrics_translated, .Lyrics_line ruby {▼
width: 100%;▼
margin-right: 0;▼
}▼
}▼
display: none;
}
_:-moz-read-write, :root .Lyrics_has_ruby {
line-height: 2.1;
}
.Lyrics_has_ruby
-webkit-user-select: none; /* Safari */▼
▲}
▲ -webkit-user-select: none;
user-select: none;
▲}
▲@media only screen and (max-width:720px) {
▲ .Lyrics_box, .Lyrics_original, .Lyrics_translated {
▲ width: 100%;
▲ }
▲ 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, .Lyrics_single {
}
.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
.photrans-off {▼
font-size: 0;
}
letter-spacing: 0 !important;
margin-left: 0 !important;
▲.photrans-off {
}
.mw-collapsed + .Lyrics_box .photrans-off {
}
.photrans-button .mw-collapsed {
display: none; /* 移动版提前加载样式 */
}
.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);
|