LLWiki正在建设中,欢迎加入我们!
“Widget:Lyrics”的版本间差异
跳转到导航
跳转到搜索
小 |
(使用页面/文本对比查看器快速编辑) |
||
第7行: | 第7行: | ||
} |
} |
||
.Lyrics_monospace { |
.Lyrics_monospace { |
||
font-family: Monaco,Menlo, |
font-family: Monaco, Menlo, Consolas, 'Liberation Mono', 'Courier New', sans-serif; |
||
} |
} |
||
.Lyrics_box .reference { |
.Lyrics_box .reference { |
||
font-family: Arial,Helvetica,sans-serif; |
font-family: Arial, Helvetica, sans-serif; |
||
-webkit-text-fill-color: initial; |
-webkit-text-fill-color: initial; |
||
text-fill-color: initial; |
text-fill-color: initial; |
||
} |
} |
||
.Lyrics_original, .Lyrics_translated { |
.Lyrics_original, .Lyrics_translated { |
||
width:calc(50% - 5px); |
width: calc(50% - 5px); |
||
display: inline-table; |
display: inline-table; |
||
vertical-align:baseline; |
vertical-align: baseline; |
||
} |
} |
||
.Lyrics_original { |
.Lyrics_original { |
||
margin-right:10px; |
margin-right: 10px; |
||
} |
} |
||
.Lyrics_no_translation .Lyrics_original, |
.Lyrics_no_translation .Lyrics_original, |
||
.Lyrics_narrow .Lyrics_original, |
.Lyrics_narrow .Lyrics_original, |
||
.Lyrics_narrow .Lyrics_translated { |
.Lyrics_narrow .Lyrics_translated { |
||
width:100%; |
width: 100%; |
||
margin-right:0; |
margin-right: 0; |
||
} |
} |
||
.Lyrics_no_translation .Lyrics_translated, .Lyrics_line ruby { |
.Lyrics_no_translation .Lyrics_translated, .Lyrics_line ruby { |
||
display:none; |
display: none; |
||
} |
} |
||
.Lyrics_has_ruby { |
.Lyrics_has_ruby { |
||
第35行: | 第35行: | ||
} |
} |
||
.Lyrics_has_ruby ruby { |
.Lyrics_has_ruby ruby { |
||
display:initial; |
display: initial; |
||
} |
} |
||
.Lyrics_has_ruby rt { |
.Lyrics_has_ruby rt { |
||
第45行: | 第45行: | ||
@media only screen and (max-width:720px) { |
@media only screen and (max-width:720px) { |
||
.Lyrics_box, .Lyrics_original, .Lyrics_translated { |
.Lyrics_box, .Lyrics_original, .Lyrics_translated { |
||
width:100%; |
width: 100%; |
||
} |
} |
||
.Lyrics_original { |
.Lyrics_original { |
||
margin-right:0; |
margin-right: 0; |
||
} |
} |
||
} |
} |
||
第60行: | 第60行: | ||
} |
} |
||
.Lyrics_gradient, .Lyrics_single { |
.Lyrics_gradient, .Lyrics_single { |
||
position:relative; |
position: relative; |
||
} |
} |
||
.Lyrics_gradient ruby, .Lyrics_gradient rb, .Lyrics_gradient rt { |
.Lyrics_gradient ruby, .Lyrics_gradient rb, .Lyrics_gradient rt { |
||
background: inherit; |
background: inherit; |
||
} |
} |
||
.Lyrics_tipsy .oo-ui-popupWidget-body-padded { |
|||
.skin-minerva .Lyrics_gradient:hover::before, |
|||
⚫ | |||
.skin-minerva .Lyrics_single:hover::before { |
|||
⚫ | |||
content:attr(title); |
|||
position:absolute; |
|||
top:100%; |
|||
white-space:nowrap; |
|||
z-index:10; |
|||
background:#fff; |
|||
⚫ | |||
border:1px solid #a7d7f9; |
|||
border-radius: 4px; |
|||
⚫ | |||
box-shadow:1px 1px 1px #ccc; |
|||
-webkit-text-fill-color: #000; |
|||
text-fill-color: #000; |
|||
} |
} |
||
.Lyrics_box ruby { |
.Lyrics_box ruby { |
||
white-space:normal; |
white-space: normal; |
||
} |
} |
||
.Lyrics_box rt { |
.Lyrics_box rt { |
||
font-size:0.8em; |
font-size: 0.8em; |
||
} |
} |
||
.mw-collapsed + .Lyrics_box rt > span:first-child { |
.mw-collapsed + .Lyrics_box rt > span:first-child { |
||
font-size:0; |
font-size: 0; |
||
} |
} |
||
.mw-collapsed + .Lyrics_box rb span { |
.mw-collapsed + .Lyrics_box rb span { |
||
letter-spacing:0 !important; |
letter-spacing: 0 !important; |
||
margin-left:0 !important; |
margin-left: 0 !important; |
||
} |
} |
||
.photrans-off { |
.photrans-off { |
||
font-size:0; |
font-size: 0; |
||
} |
} |
||
.mw-collapsed + .Lyrics_box .photrans-off { |
.mw-collapsed + .Lyrics_box .photrans-off { |
||
font-size:1em; |
font-size: 1em; |
||
} |
} |
||
.photrans-s { |
.photrans-s { |
||
visibility:hidden; |
visibility: hidden; |
||
font-size:1.25em; |
font-size: 1.25em; |
||
white-space:pre-wrap; |
white-space: pre-wrap; |
||
} |
} |
||
.skin-minerva p + div > .photrans-button { |
.skin-minerva p + div > .photrans-button { |
||
margin-top:-1em !important; |
margin-top: -1em !important; |
||
} |
} |
||
.photrans-button .mw-collapsed { |
.photrans-button .mw-collapsed { |
||
display:none; |
display: none; |
||
} |
} |
||
第118行: | 第106行: | ||
.memberblock a { |
.memberblock a { |
||
pointer-events: none; |
pointer-events: none; |
||
} |
|||
.honoka-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.honoka-lyrics), .honoka-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.honoka-lyrics), |
|||
.eli-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.eli-lyrics), .eli-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.eli-lyrics), |
|||
.kotori-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.kotori-lyrics), .kotori-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.kotori-lyrics), |
|||
.umi-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.umi-lyrics), .umi-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.umi-lyrics), |
|||
.rin-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.rin-lyrics), .rin-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.rin-lyrics), |
|||
.maki-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.maki-lyrics), .maki-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.maki-lyrics), |
|||
.nozomi-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.nozomi-lyrics), .nozomi-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.nozomi-lyrics), |
|||
.hanayo-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.hanayo-lyrics), .hanayo-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.hanayo-lyrics), |
|||
.nico-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.nico-lyrics), .nico-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.nico-lyrics), |
|||
.tsubasa-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.tsubasa-lyrics), .tsubasa-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.tsubasa-lyrics), |
|||
.erena-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.erena-lyrics), .erena-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.erena-lyrics), |
|||
.anju-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.anju-lyrics), .anju-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.anju-lyrics), |
|||
.chika-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.chika-lyrics), .chika-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.chika-lyrics), |
|||
.riko-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.riko-lyrics), .riko-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.riko-lyrics), |
|||
.kanan-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.kanan-lyrics), .kanan-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.kanan-lyrics), |
|||
.dia-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.dia-lyrics), .dia-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.dia-lyrics), |
|||
.you-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.you-lyrics), .you-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.you-lyrics), |
|||
.yoshiko-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.yoshiko-lyrics), .yoshiko-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.yoshiko-lyrics), |
|||
.hanamaru-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.hanamaru-lyrics), .hanamaru-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.hanamaru-lyrics), |
|||
.mari-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.mari-lyrics), .mari-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.mari-lyrics), |
|||
.ruby-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.ruby-lyrics), .ruby-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.ruby-lyrics), |
|||
.sarah-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.sarah-lyrics), .sarah-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.sarah-lyrics), |
|||
.leah-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.leah-lyrics), .leah-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.leah-lyrics), |
|||
.ayumu-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.ayumu-lyrics), .ayumu-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.ayumu-lyrics), |
|||
.kasumi-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.kasumi-lyrics), .kasumi-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.kasumi-lyrics), |
|||
.shizuku-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.shizuku-lyrics), .shizuku-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.shizuku-lyrics), |
|||
.karin-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.karin-lyrics), .karin-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.karin-lyrics), |
|||
.ai-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.ai-lyrics), .ai-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.ai-lyrics), |
|||
.kanata-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.kanata-lyrics), .kanata-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.kanata-lyrics), |
|||
.setsuna-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.setsuna-lyrics), .setsuna-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.setsuna-lyrics), |
|||
.emma-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.emma-lyrics), .emma-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.emma-lyrics), |
|||
.rina-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.rina-lyrics), .rina-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.rina-lyrics), |
|||
.shioriko-block.mw-collapsed ~ .Lyrics_box .Lyrics_gradient:not(.shioriko-lyrics), .shioriko-block.mw-collapsed ~ .Lyrics_box .Lyrics_single:not(.shioriko-lyrics) |
|||
{ |
|||
-webkit-text-fill-color:#dddddd; |
|||
text-fill-color:#dddddd; |
|||
} |
} |
||
/* </pre><includeonly> */ |
/* </pre><includeonly> */ |
2021年1月11日 (一) 03:27的版本
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;
}
/*