User:Dabao qian/Gadget-NavFrame.css
注意：保存之后，你必须清除浏览器缓存才能看到做出的更改。Google Chrome、Firefox、Microsoft Edge及Safari：按住⇧ Shift键并单击工具栏的“刷新”按钮。参阅Help:绕过浏览器缓存以获取更多帮助。
.NavFrame {
margin: 0;
padding: 4px;
border: 1px solid #a2a9b1;
text-align: center;
border-collapse: collapse;
font-size: 95%;
}
.NavFrame + .NavFrame {
border-top-style: none;
border-top-style: hidden;
}
.NavFrame .NavHead {
line-height: 1.6em;
font-weight: bold;
background-color: #ccf;
position: relative;
}
.NavFrame .NavContent {
overflow-x: auto;
overflow-y: hidden;
clear: both;
}
.NavFrame p,
.NavFrame .NavContent,
.NavFrame .NavContent p {
font-size: 100%;
text-align: left;
}
.NavFrame .mw-collapsible-toggle {
position: absolute;
top: 0;
/* @noflip */
right: 3px;
font-size: 90%;
}
/* Dark mode styles */
@media screen {
html.skin-theme-clientpref-night .NavFrame:not(.notheme),
html.skin-theme-clientpref-night .NavHead:not(.notheme),
html.skin-theme-clientpref-night .NavContent:not(.notheme),
html.skin-theme-clientpref-night .NavFrame p:not(.notheme),
html.skin-theme-clientpref-night .NavContent p:not(.notheme) {
background: inherit !important;
color: inherit !important;
border-color: var(--border-color-subtle,#c8ccd1) !important
}
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .NavFrame:not(.notheme),
html.skin-theme-clientpref-os .NavHead:not(.notheme),
html.skin-theme-clientpref-os .NavContent:not(.notheme),
html.skin-theme-clientpref-os .NavFrame p:not(.notheme),
html.skin-theme-clientpref-os .NavContent p:not(.notheme) {
background: inherit !important;
color: inherit !important;
border-color: var(--border-color-subtle,#c8ccd1) !important
}
}
/* [[phab:T360582]] */
@media all and (max-width: 500px) {
.NavFrame {
width: auto !important;
clear: none !important;
float: none !important;
}
}