MediaWiki:Vector.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| Line 578: | Line 578: | ||
#content.mw-body #bodyContent .toc-page .toc .toclevel-5, | #content.mw-body #bodyContent .toc-page .toc .toclevel-5, | ||
#content.mw-body #bodyContent .toc-page .toc .toclevel-6 { | #content.mw-body #bodyContent .toc-page .toc .toclevel-6 { | ||
display: none !important; | |||
} | |||
/* ========================================================================== | |||
Inline Article Table Of Contents | |||
-------------------------------------------------------------------------- | |||
Articles no longer need a .toc-page wrapper because that wrapper prevents | |||
MobileFormatter from splitting headings into mobile collapsible sections. | |||
Style Vector's generated #toc directly so it retains the previous floated | |||
desktop appearance and allows article content to wrap beside it. | |||
========================================================================== */ | |||
#content.mw-body #bodyContent #toc { | |||
float: right; | |||
clear: right; | |||
box-sizing: border-box; | |||
width: max-content; | |||
min-width: 220px; | |||
max-width: 320px; | |||
margin: 0 0 16px 24px; | |||
padding: 16px 24px; | |||
border: 1px solid var(--wiz-content-border); | |||
background: var(--wiz-panel-solid-background); | |||
color: var(--wiz-text); | |||
font-size: 0.95em; | |||
} | |||
#content.mw-body #bodyContent #toc:has(.toctogglecheckbox:checked) { | |||
width: fit-content; | |||
min-width: 0; | |||
padding: 12px 16px; | |||
} | |||
#content.mw-body #bodyContent #toc .toctitle { | |||
margin: 0 0 10px; | |||
color: var(--wiz-text); | |||
text-align: center; | |||
} | |||
#content.mw-body | |||
#bodyContent | |||
#toc:has(.toctogglecheckbox:checked) | |||
.toctitle { | |||
margin: 0; | |||
line-height: 1.4; | |||
} | |||
#content.mw-body #bodyContent #toc .toctitle h2 { | |||
display: inline; | |||
margin: 0; | |||
padding: 0; | |||
border: 0; | |||
color: var(--wiz-text); | |||
font-family: inherit; | |||
font-size: 14px; | |||
font-weight: bold; | |||
line-height: 1.4; | |||
} | |||
#content.mw-body #bodyContent #toc .toctoggle { | |||
color: var(--wiz-text); | |||
font-size: 12px; | |||
} | |||
#content.mw-body #bodyContent #toc .toctoggle a { | |||
color: var(--wiz-link); | |||
text-decoration: none; | |||
} | |||
#content.mw-body #bodyContent #toc ul { | |||
margin: 0; | |||
padding: 0; | |||
list-style: none; | |||
} | |||
#content.mw-body #bodyContent #toc li { | |||
display: block; | |||
margin: 0; | |||
padding: 0; | |||
list-style: none; | |||
line-height: 1.35; | |||
} | |||
#content.mw-body #bodyContent #toc > ul > li { | |||
padding: 2px 0; | |||
} | |||
#content.mw-body #bodyContent #toc li ul { | |||
margin: 0 0 0 12px; | |||
padding: 0 0 0 10px; | |||
border-left: 1px dotted var(--wiz-content-border); | |||
} | |||
#content.mw-body #bodyContent #toc li li { | |||
margin: 0; | |||
padding: 2px 0; | |||
border-left: 0; | |||
} | |||
#content.mw-body #bodyContent #toc li::marker { | |||
content: ""; | |||
} | |||
#content.mw-body #bodyContent #toc .tocnumber { | |||
display: none; | |||
} | |||
#content.mw-body #bodyContent #toc a { | |||
color: var(--wiz-link); | |||
text-decoration: none; | |||
overflow-wrap: anywhere; | |||
} | |||
#content.mw-body #bodyContent #toc a:hover { | |||
color: #ffd37a; | |||
text-decoration: none; | |||
} | |||
#content.mw-body #bodyContent #toc .toclevel-3, | |||
#content.mw-body #bodyContent #toc .toclevel-4, | |||
#content.mw-body #bodyContent #toc .toclevel-5, | |||
#content.mw-body #bodyContent #toc .toclevel-6 { | |||
display: none !important; | display: none !important; | ||
} | } | ||