2,320
次編輯
「MediaWiki:Common.css」：修訂間差異
小
無編輯摘要
小 （尝试修复曲目信息） |
小無編輯摘要 |
||
| （未顯示由 2 位使用者於中間所作的 16 次修訂） | |||
| 行 2： | 行 2： | ||
.mw-wiki-logo{background-size: 160px 160px} | .mw-wiki-logo{background-size: 160px 160px} | ||
/* 右浮目录[测试样式] source: https://www.cnblogs.com/snowsolf/p/MediaWiki-catalogue.html */ | |||
#toc{ | |||
display: block; | |||
position: fixed; | |||
top: 100px; | |||
right: .1em; | |||
min-width: 170px; | |||
max-width: 350px; | |||
max-height: 15em; | |||
overflow-y: auto; | |||
border: 1px solid #aaa; | |||
-moz-border-radius: 0 0 1px 1px; | |||
border-radius: 0 0 1px 1px; | |||
background: rgba(249,249,249,0.75); | |||
padding: 12px; | |||
z-index: 616; | |||
/* 阴影先不要了，有点不太搭 | |||
-webkit-box-shadow: 0 1px 8px #000; | |||
-moz-box-shadow: 0 1px 8px #000; | |||
box-shadow: 0 1px 8px #000; | |||
*/ | |||
} | |||
body { overflow-x: hidden;} | |||
/* 双端内容分开显示 */ | /* 双端内容分开显示 */ | ||
| 行 68： | 行 92： | ||
/* 曲目信息模板 */ | /* 曲目信息模板 */ | ||
. | .arcaeabox { | ||
display: grid; | display: grid; | ||
grid-template-columns: 1fr 2fr 2fr 2fr auto; | grid-template-columns: 1fr 2fr 2fr 2fr auto; | ||
| 行 90： | 行 114： | ||
border: 1px solid #eaecf0; | border: 1px solid #eaecf0; | ||
margin-bottom: 2em; | margin-bottom: 2em; | ||
width: 100%; | width: 100%; | ||
max-width: 100% !important; | max-width: 100% !important; | ||
| 行 98： | 行 121： | ||
} | } | ||
. | .arcaeabox > div { | ||
word-wrap: break-word; | word-wrap: break-word; | ||
border-bottom: 1px solid #eaecf0; | border-bottom: 1px solid #eaecf0; | ||
| 行 104： | 行 127： | ||
border-collapse: collapse; | border-collapse: collapse; | ||
overflow-wrap: normal; | overflow-wrap: normal; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
. | .arcaeabox > .header, | ||
. | .arcaeabox > .label, | ||
. | .arcaeabox > .pst-label, | ||
. | .arcaeabox > .prs-label, | ||
. | .arcaeabox > .ftr-label, | ||
. | .arcaeabox > .byd-label, | ||
. | .arcaeabox > #right-image, | ||
. | .arcaeabox > #top-image{ | ||
display: flex; | display: flex; | ||
justify-content: center; | justify-content: center; | ||
| 行 121： | 行 143： | ||
} | } | ||
. | .arcaeabox > .byd-label{ | ||
display:unset; | display:unset; | ||
} | } | ||
. | .arcaeabox.byd { | ||
grid-template-columns: 1fr 2fr 2fr 2fr 2fr auto; | grid-template-columns: 1fr 2fr 2fr 2fr 2fr auto; | ||
} | } | ||
| 行 162： | 行 184： | ||
.byd>.ftr-label, | .byd>.ftr-label, | ||
.mobile-byd-date>#mobile-date-normal, | .mobile-byd-date>#mobile-date-normal, | ||
.byd>#ns-date-normal{ | .byd>#ns-date-normal, | ||
.bg-ftr>#bg-normal{ | |||
border-right: 1px solid #eaecf0; | border-right: 1px solid #eaecf0; | ||
} | } | ||
| 行 192： | 行 215： | ||
#top-image { | #top-image { | ||
margin: 4px | margin: 4px 0; | ||
grid-column: 1 / 5; | grid-column: 1 / 5; | ||
} | } | ||
| 行 259： | 行 282： | ||
@media all and (min-width: 950px) { | @media all and (min-width: 950px) { | ||
. | .arcaeabox { | ||
width: min-content; | width: min-content; | ||
min-width: 800px; | min-width: 800px; | ||
| 行 390： | 行 413： | ||
.no-mobile > #mobile-date-byd{ | .no-mobile > #mobile-date-byd{ | ||
display:none; | display:none; | ||
} | |||
#bg-ftr{ | |||
display: none; | |||
} | |||
.bg-ftr > #bg-ftr{ | |||
display: unset; | |||
grid-column: 4 / 5; | |||
} | |||
.bg-ftr > #bg-normal{ | |||
grid-column: 2 / 4; | |||
} | |||
/* 曲目信息模板 arcaea V4.0 */ | |||
.colorless>.label, | |||
.colorless>#title, | |||
.colorless>.header, | |||
.colorless>div>div>.label-text, | |||
.colorless>div>div>div>.label-text { | |||
background-color: #f4d2f8; | |||
} | |||
.skin-vector-2022 .arcaeabox{ | |||
width:100%; | |||
} | } | ||