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