MediaWiki:Common.css:修订间差异

添加993字节 、​ 2023年2月23日 (星期四)
无编辑摘要
无编辑摘要
无编辑摘要
(未显示2个用户的17个中间版本)
第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行:
/* 曲目信息模板 */
/* 曲目信息模板 */


.songbox {
.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;
background-color: #f8f9fa;
width: 100%;
width: 100%;
max-width: 100% !important;
max-width: 100% !important;
第98行: 第121行:
}
}


.songbox > div {
.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;
white-space: nowrap;
box-sizing: border-box;
box-sizing: border-box;
}
}


.songbox > .header,
.arcaeabox > .header,
.songbox > .label,
.arcaeabox > .label,
.songbox > .pst-label,
.arcaeabox > .pst-label,
.songbox > .prs-label,
.arcaeabox > .prs-label,
.songbox > .ftr-label,
.arcaeabox > .ftr-label,
.songbox > .byd-label,
.arcaeabox > .byd-label,
.songbox > #right-image{
.arcaeabox > #right-image,
.arcaeabox > #top-image{
display: flex;
display: flex;
    justify-content: center;
    justify-content: center;
第120行: 第143行:
}
}


.songbox > .byd-label{
.arcaeabox > .byd-label{
display:unset;
display:unset;
}
}




.songbox.byd {
.arcaeabox.byd {
grid-template-columns: 1fr 2fr 2fr 2fr 2fr auto;
grid-template-columns: 1fr 2fr 2fr 2fr 2fr auto;
}
}
第161行: 第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;
}
}
第191行: 第215行:


#top-image {
#top-image {
margin: 4px 0px;
margin: 4px 0;
grid-column: 1 / 5;
grid-column: 1 / 5;
}
}
第258行: 第282行:


@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;
第264行: 第288行:


#top-image {
#top-image {
display: none;
display: none !important;
}
}


第291行: 第315行:
#right-image,
#right-image,
#image-info {
#image-info {
display: none;
display: none !important;
}
}


第389行: 第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%;
}
}