MediaWiki:Common.css：修订间差异
小无编辑摘要 |
无编辑摘要 |
||
| （未显示同一用户的5个中间版本） | |||
| 第6行： | 第6行： | ||
.fuzzy { | .fuzzy { | ||
filter: blur(3px); | filter: blur(3px); | ||
text-shadow: 0px 0px 5px white; | text-shadow: 0px 0px 5px white;s | ||
transition: all 0.1s ease-in-out; | transition: all 0.1s ease-in-out; | ||
} | } | ||
| 第133行： | 第133行： | ||
.hlist li li li { | .hlist li li li { | ||
font-size: x-small; | font-size: x-small; | ||
} | |||
/* 无序列表 */ | |||
.plainlist ol, | |||
.plainlist ul { | |||
line-height: inherit; | |||
list-style: none; | |||
margin: 0; | |||
padding: 0; /* Reset Minerva default */ | |||
} | |||
.plainlist ol li, | |||
.plainlist ul li { | |||
margin-bottom: 0; | |||
} | } | ||
/* [[Template:SimpleNavbox]] */ | /* [[Template:SimpleNavbox]] */ | ||
| 第328行： | 第341行： | ||
width: 100% !important; | width: 100% !important; | ||
} | } | ||
} | |||
.article-table .gallerytext { | |||
display: none; | |||
} | } | ||
/* exlink 设置 favicon 尺寸 */ | /* exlink 设置 favicon 尺寸 */ | ||
| 第338行： | 第354行： | ||
} | } | ||
/* 歌单 */ | |||
.setlist, .tracklist { | |||
width: 100%; | |||
max-width: 600px; | |||
} | |||
.setlist th, .setlist td:last-child, | |||
.tracklist th, .tracklist td:last-child { | |||
padding: 0 0.4em; | |||
} | |||
.setlist td:first-child:not(:last-child), | |||
.tracklist td:first-child:not(:last-child) { | |||
width: 24px; | |||
text-align: center; | |||
vertical-align: top; | |||
} | |||
.setlist td:only-child, | |||
.tracklist td:only-child { | |||
background: #E3E6EA; | |||
} | |||
/* 歌词系列模板 */ | |||
.Lyrics-has-ruby .Lyrics-original, | |||
.Lyrics-has-ruby .Lyrics-translated, | |||
.Lyrics-has-ruby .Lyrics-column { | |||
line-height: 2.1; | |||
} | |||
.Lyrics-no-ruby .Lyrics-original, | |||
.Lyrics-no-ruby .Lyrics-translated, | |||
.Lyrics-no-ruby .Lyrics-column { | |||
vertical-align: top; | |||
} | |||
.Lyrics .Lyrics-original, | |||
.Lyrics .Lyrics-translated { | |||
width: 100%; | |||
display: inline-block; | |||
white-space: pre-wrap; | |||
} | |||
.Lyrics .Lyrics-column { | |||
white-space: pre-wrap; | |||
} | |||
.Lyrics .Lyrics-column-suppressed { | |||
display: inline-block; | |||
} | |||
.Lyrics .Lyrics-column-wrapped { | |||
width: 100%; | |||
display: none; | |||
} | |||
@media all and ( min-width: 720px ) { | |||
.Lyrics { | |||
display: flow-root; | |||
min-width: 480px; | |||
} | |||
.Lyrics-has-translate .Lyrics-original, | |||
.Lyrics-has-translate .Lyrics-translated { | |||
width: 49.85%; | |||
} | |||
} | |||
@media all and ( max-width: 900px ) { | |||
.Lyrics { | |||
min-width: 100%; | |||
} | |||
.Lyrics .Lyrics-column-suppressed { | |||
display: none; | |||
} | |||
.Lyrics .Lyrics-column-wrapped { | |||
display: block; | |||
} | |||
} | |||
.Lyrics-gradient ruby, .Lyrics-gradient rb, .Lyrics-gradient rt { | |||
background: inherit; | |||
} | |||
@media screen and (max-device-width: 720px){ | |||
.Lyrics-original span[title]:not(.NoTitlebox):hover, | |||
.Lyrics-translated span[title]:not(.NoTitlebox):hover, | |||
.Lyrics-column span[title]:not(.NoTitlebox):hover { | |||
position: relative; | |||
} | |||
/* title="全员"自带class="NoTitlebox" */ | |||
.Lyrics-original span[title]:not(.NoTitlebox):hover::before, | |||
.Lyrics-translated span[title]:not(.NoTitlebox):hover::before, | |||
.Lyrics-column span[title]:not(.NoTitlebox):hover::before { | |||
content: attr(title); | |||
position: absolute; | |||
bottom: 100%; | |||
left: 0; | |||
background-color: white; | |||
white-space: nowrap; | |||
font-size: 13px; | |||
text-shadow: none; | |||
border: 1px #666 solid; | |||
box-sizing: border-box; | |||
padding: 1px 2px; | |||
box-shadow: 1px 1px 1px #ccc; | |||
color: black; | |||
} | |||
} | |||
/* 按钮 */ | |||
.photrans-button { | |||
display: flow-root; | |||
margin-bottom: 0.5em; | |||
} | |||
.photrans-button > div { | |||
position: relative; | |||
width: calc(4em + 2ch); | |||
height: 1em; | |||
line-height: 1; | |||
} | |||
.photrans-button > div > span { | |||
position: absolute; | |||
top: 0; | |||
width: 100%; | |||
} | |||
.photrans-button .mw-collapsed { | |||
display: none; /* 移动版提前加载样式 */ | |||
} | |||
/* 歌词 */ | |||
.photrans-button ~ .Lyrics ruby, | |||
.photrans-button ~ .Tabs .Lyrics ruby { | |||
white-space: normal; /* Safari */ | |||
} | |||
.photrans-button ~ .Lyrics rt, | |||
.photrans-button ~ .Tabs .Lyrics rt { | |||
font-size: 0.75em; | |||
font-feature-settings: normal; | |||
-webkit-user-select: none; | |||
user-select: none; | |||
} | |||
.photrans-button ~ .Lyrics ruby > span, | |||
.photrans-button ~ .Tabs .Lyrics ruby > span { | |||
display: inline-block; | |||
font-size: 0; | |||
width: 0; | |||
} | |||
/* 开关注音 */ | |||
.photrans-button + .mw-collapsed ~ .Lyrics rb span, | |||
.photrans-button + .mw-collapsed ~ .Tabs .Lyrics rb span { | |||
letter-spacing: 0 !important; | |||
margin-left: 0 !important; | |||
} | |||
.photrans-button + .mw-collapsed ~ .Lyrics rt > span:first-child, | |||
.photrans-button + .mw-collapsed ~ .Tabs .Lyrics rt > span:first-child, | |||
.photrans-off { | |||
font-size: 0; | |||
} | |||
.photrans-s { | |||
visibility: hidden; | |||
font-size: 1.333em; | |||
} | |||
.mw-collapsed ~ .Lyrics .photrans-off { | |||
font-size: 1em; | |||
} | |||
/*-------------------------< P R O T E C T I O N I C O N >-------------------- | /*-------------------------< P R O T E C T I O N I C O N >-------------------- | ||