6,304
次編輯
小無編輯摘要 |
(// Edit via Wikiplus) |
||
(未顯示同一使用者於中間所作的 5 次修訂) | |||
行 117: | 行 117: | ||
/* 曲目信息模板 */ | /* 曲目信息模板 */ | ||
. | .arcaeabox { | ||
display: grid; | display: grid; | ||
grid-template-columns: 1fr 2fr 2fr 2fr auto; | grid-template-columns: 1fr 2fr 2fr 2fr auto; | ||
行 147: | 行 147: | ||
} | } | ||
.arcaeabox > div { | |||
word-wrap: break-word; | |||
border-bottom: 1px solid #eaecf0; | |||
padding: 5px 5px; | |||
border-collapse: collapse; | |||
overflow-wrap: normal; | |||
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; | |||
justify-content: center; | |||
align-items: center; | |||
} | |||
.arcaeabox > .byd-label{ | |||
display:unset; | |||
} | |||
.arcaeabox.byd { | |||
grid-template-columns: 1fr 2fr 2fr 2fr 2fr auto; | grid-template-columns: 1fr 2fr 2fr 2fr 2fr auto; | ||
} | } | ||
/* 背景色定义 */ | |||
.conflict>.label, | .conflict>.label, | ||
.conflict>#title, | .conflict>#title, | ||
.conflict>.header { | .conflict>.header, | ||
.conflict>div>div>.label-text, | |||
.conflict>div>div>div>.label-text { | |||
background-color: #b99afd; | background-color: #b99afd; | ||
} | } | ||
行 161: | 行 191: | ||
.light>.label, | .light>.label, | ||
.light>#title, | .light>#title, | ||
.light>.header { | .light>.header, | ||
.light>div>div>.label-text, | |||
.light>div>div>div>.label-text { | |||
background-color: lightskyblue; | background-color: lightskyblue; | ||
} | } | ||
. | .label-text { | ||
padding: 1px 5px 1px 5px; | |||
margin: 0 5px 0 5px; | |||
} | } | ||
行 183: | 行 210: | ||
.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; | ||
} | } | ||
行 200: | 行 228: | ||
.label { | .label { | ||
grid-column: 1 / 2; | grid-column: 1 / 2; | ||
} | } | ||
行 209: | 行 234: | ||
font-size: medium; | font-size: medium; | ||
height: 25px !important; | height: 25px !important; | ||
} | } | ||
行 225: | 行 247: | ||
.byd>#top-image { | .byd>#top-image { | ||
grid-column: 1 / 6; | grid-column: 1 / 6; | ||
} | } | ||
行 253: | 行 267: | ||
.img-text { | .img-text { | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
行 300: | 行 308: | ||
@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; | ||
行 306: | 行 314: | ||
#top-image { | #top-image { | ||
display: none; | display: none !important; | ||
} | } | ||
行 333: | 行 341: | ||
#right-image, | #right-image, | ||
#image-info { | #image-info { | ||
display: none; | display: none !important; | ||
} | } | ||
行 355: | 行 363: | ||
.date-box { | .date-box { | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
} | } | ||
行 421: | 行 426: | ||
.byd-label{ | .byd-label{ | ||
color: #a04040; | color: #a04040; | ||
} | } | ||
行 435: | 行 434: | ||
.ns-date-span > #ns-date-normal{ | .ns-date-span > #ns-date-normal{ | ||
grid-column: 2 / 6; | grid-column: 2 / 6; | ||
} | |||
.no-mobile > #mobile-date-normal, | |||
.no-mobile > #mobile-date-byd{ | |||
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; | |||
} | } |