MediaWiki:Gadget-mobileNavbox.css
外观
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
@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;
}