跳至內容

「MediaWiki:Mobile.css」:修訂間差異

增加 522 位元組 、​ 2022年8月9日 (星期二)
// Edit via Wikiplus
無編輯摘要
(// Edit via Wikiplus)
 
(未顯示同一使用者於中間所作的 5 次修訂)
行 117: 行 117:
/* 曲目信息模板 */
/* 曲目信息模板 */


.songbox {
.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;
}


.songbox.byd {
.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;


}
}


.songbox > div {
.label-text {
word-wrap: break-word;
   padding: 1px 5px 1px 5px;
border-bottom: 1px solid #eaecf0;
   margin: 0 5px 0 5px;
padding: 5px 5px;
border-collapse: collapse;
overflow-wrap: normal;
white-space: nowrap;
box-sizing: border-box;
}
}


行 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;
display: flex;
align-items: center;
justify-content: center;
}
}


行 209: 行 234:
font-size: medium;
font-size: medium;
height: 25px !important;
height: 25px !important;
display: flex;
align-items: center;
justify-content: center;
}
}


行 225: 行 247:
.byd>#top-image {
.byd>#top-image {
grid-column: 1 / 6;
grid-column: 1 / 6;
}
#top-image,
#right-image {
display: flex;
align-items: center;
justify-content: center;
}
}


行 253: 行 267:
.img-text {
.img-text {
font-weight: bold;
font-weight: bold;
}
.img-tab {
display: flex;
align-items: center;
justify-content: center;
}
}


行 300: 行 308:


@media all and (min-width: 950px) {
@media all and (min-width: 950px) {
.songbox {
.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 {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
flex-wrap: wrap;
}
}
行 421: 行 426:
.byd-label{
.byd-label{
color: #a04040;
color: #a04040;
}
#ns-date-byd{
display: flex;
   align-items: center;
   justify-content: center;
}
}


行 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;
}
}