MediaWiki:Vector-2022.css:修订间差异
外观
小无编辑摘要 标签:移动版编辑 移动版网页编辑 |
SimpleNavbox 移动端自适应 标签:已被回退 移动版编辑 移动版网页编辑 |
||
| 第18行: | 第18行: | ||
.nomobile { | .nomobile { | ||
display: none !important; | display: none !important; | ||
} | |||
/* [[Template:SimpleNavbox]] */ | |||
@media screen and (max-width: 719px) { | |||
.content .navbox .mw-collapsible, | |||
.content .navbox .navbox-top, | |||
.content .navbox .navbox-middle, | |||
.content .navbox tbody, | |||
.content .navbox th, | |||
.content .navbox tr, | |||
.content .navbox td, | |||
.content .navbox table, | |||
.content table.navbox tbody, | |||
.content table.navbox.navbox, | |||
.content th .navbox-top, | |||
.content th .navbox-middle { | |||
display: block; | |||
overflow: hidden; | |||
width: 100%; | |||
margin: 0; | |||
padding: 0; | |||
} | |||
.content .navbox th:not(.navbox-top, .navbox-middle) { | |||
text-align: center; | |||
padding: 0 5px; | |||
} | |||
.content .navbox tr > td > ul > li > a:only-of-type, | |||
.content .navbox tr > td > ul > li > span > a > span, | |||
.content .navbox tr > td > ul > li > :is(small, sup, i), | |||
.content .navbox tr > td ul > li > .sprite-text, | |||
.content .navbox tr > td ul > li > span.pixel-image + a, | |||
.content .navbox > tbody > tr > th:is(.navbox-top, .navbox-middle) > a, | |||
.content .navbox tr > th > span.navbox-title .sprite-text { | |||
white-space: normal; | |||
} | |||
.content #mw-content-text .navbox tr td:not([colspan]) ul, | |||
.content #mw-content-text .navbox tr td:not([colspan]):has(span.sprite-file):not(:has(ul)) { | |||
padding-left: 3px; | |||
padding-right: 3px; | |||
} | |||
.content #mw-content-text .navbox ul { | |||
display: inherit; | |||
} | |||
.content .navbox td[colspan] div { | |||
margin-right: 0 !important; | |||
} | |||
.content .navbox .navbox-title, | |||
.content .navbox th { | |||
display: block; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
overflow-wrap: normal; | |||
white-space: normal; | |||
text-wrap: balance; | |||
} | |||
body:not(.mw-mf-amc-disabled) .navbox .navbox-navbar ~ .navbox-title { | |||
display: inline; | |||
} | |||
.content table.navbox.navbox { | |||
border-collapse: collapse; | |||
} | |||
} | |||
@media screen and (min-width: 720px) { | |||
.content table.navbox.navbox { | |||
border-collapse: separate; | |||
} | |||
.content .navbox td > table { | |||
margin: 0 0 0 -4px; | |||
border-collapse: separate; | |||
} | |||
} | |||
.content table.navbox ~ table.navbox { | |||
margin-top: 0.5em; | |||
} | |||
.content .navbox ul li:has(a > img, a + a):not(:has(ul)), | |||
.content .navbox ul li:has(span.sprite-file, span.pixel-image):not(:has(ul)) { | |||
white-space: nowrap; | |||
} | |||
.content .navbox ul { | |||
overflow-wrap: anywhere; | |||
} | |||
.content .navbox .navbox-navbar { | |||
padding-left: 3px; | |||
margin-right: 5px; | |||
position: initial; | |||
} | |||
.content .navbox .navbox-title { | |||
padding: 0; | |||
padding-left: 3px; | |||
} | |||
.content .navbox .collapsetoggle { | |||
min-width: 55px; | |||
padding-right: 3px; | |||
} | |||
/* hide template edit buttons when advanced mode is off */ | |||
body.mw-mf-amc-disabled .navbox .navbox-navbar { | |||
display: none; | |||
} | } | ||