Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Line 48: Line 48:


.mw-parser-output > ul,
.mw-parser-output > ul,
.mw-parser-output > ol,
.mw-parser-output > ol {
.mw-parser-output .toc-page > ul,
.mw-parser-output .toc-page > ol {
margin: 8px 0 12px 28px;
margin: 8px 0 12px 28px;
padding-left: 20px;
padding-left: 20px;
Line 56: Line 54:
}
}


.mw-parser-output > ul,
.mw-parser-output > ul {
.mw-parser-output .toc-page > ul {
list-style: disc outside;
list-style: disc outside;
}
}


.mw-parser-output ul ul,
.mw-parser-output ul ul {
.mw-parser-output .toc-page > ul ul {
margin: 4px 0 6px 22px;
margin: 4px 0 6px 22px;
padding-left: 18px;
padding-left: 18px;
Line 68: Line 64:
}
}


.mw-parser-output > ol,
.mw-parser-output > ol {
.mw-parser-output .toc-page > ol {
list-style: decimal outside;
list-style: decimal outside;
}
}


.mw-parser-output > ul > li,
.mw-parser-output > ul > li,
.mw-parser-output > ol > li,
.mw-parser-output > ol > li {
.mw-parser-output .toc-page > ul > li,
.mw-parser-output .toc-page > ol > li {
display: list-item;
display: list-item;
margin-bottom: 4px;
margin-bottom: 4px;
}
}


.mw-parser-output ul ul > li,
.mw-parser-output ul ul > li {
.mw-parser-output .toc-page > ul ul > li {
display: list-item;
display: list-item;
margin-bottom: 3px;
margin-bottom: 3px;
Line 316: Line 308:
.wiz-grid-text {
.wiz-grid-text {
margin-top: 8px;
margin-top: 8px;
}
/* TOC PAGE DIV */
/* ------------ */
/* Wrap __TOC__ in <div class="toc-page">...</div> to float it right. */
.toc-page #toc,
.toc-page .toc {
float: right;
width: max-content;
min-width: 220px;
max-width: 320px;
margin: 0 0 16px 24px;
clear: right;
font-size: 0.95em;
box-sizing: border-box;
padding: 16px 24px;
border: 1px solid var(--wiz-content-border, #ff942d);
background: var(--wiz-panel-solid-background, #0f0f0f);
color: var(--wiz-text, #d2d2d2);
}
.toc-page #toc:has(.toctogglecheckbox:checked),
.toc-page .toc:has(.toctogglecheckbox:checked) {
width: fit-content;
min-width: 0;
padding: 12px 16px;
}
.toc-page #toc .toctitle,
.toc-page .toc .toctitle {
margin: 0 0 10px;
color: var(--wiz-text, #d2d2d2);
text-align: center;
}
.toc-page #toc:has(.toctogglecheckbox:checked) .toctitle,
.toc-page .toc:has(.toctogglecheckbox:checked) .toctitle {
margin: 0;
line-height: 1.4;
}
.toc-page #toc .toctitle h2,
.toc-page .toc .toctitle h2 {
display: inline;
margin: 0;
padding: 0;
border: 0;
color: var(--wiz-text, #d2d2d2);
font-size: 14px;
font-weight: bold;
line-height: 1.4;
}
.toc-page #toc .toctoggle,
.toc-page .toc .toctoggle {
color: var(--wiz-text, #d2d2d2);
font-size: 12px;
}
.toc-page #toc .toctoggle a,
.toc-page .toc .toctoggle a {
color: var(--wiz-link, #ff942d);
text-decoration: none;
}
.toc-page #toc ul,
.toc-page .toc ul {
margin: 0;
padding: 0;
list-style: none;
}
.toc-page #toc li,
.toc-page .toc li {
display: block;
margin: 0;
padding: 0;
list-style: none;
line-height: 1.35;
}
.toc-page #toc > ul > li,
.toc-page .toc > ul > li {
padding: 2px 0;
}
.toc-page #toc li ul,
.toc-page .toc li ul {
margin-left: 12px;
padding-left: 10px;
border-left: 1px dotted var(--wiz-content-border, #ff942d);
}
.toc-page #toc li li,
.toc-page .toc li li {
margin-left: 0;
padding: 2px 0;
border-left: 0;
}
.toc-page #toc .toclevel-3,
.toc-page #toc .toclevel-4,
.toc-page #toc .toclevel-5,
.toc-page #toc .toclevel-6,
.toc-page .toc .toclevel-3,
.toc-page .toc .toclevel-4,
.toc-page .toc .toclevel-5,
.toc-page .toc .toclevel-6 {
display: none !important;
}
.toc-page #toc .tocnumber,
.toc-page .toc .tocnumber {
display: none;
}
.toc-page #toc a,
.toc-page .toc a {
color: var(--wiz-link, #ff942d);
text-decoration: none;
}
.toc-page #toc a:hover,
.toc-page .toc a:hover {
color: #ffd37a;
text-decoration: none;
}
}


Line 751: Line 617:
color: var(--wiz-text, #d2d2d2);
color: var(--wiz-text, #d2d2d2);
font-style: italic;
font-style: italic;
}
.toc-page .hatnote {
margin: 14px 0 10px;
padding-left: 18px;
color: var(--wiz-text, #d2d2d2);
font-style: italic;
}
.toc-page .hatnote + h2,
.toc-page .hatnote + .mw-heading2 {
margin-top: 12px !important;
}
}


.hatnote a,
.hatnote a,
.wizlords-race-page .hatnote a {
.wizlords-race-page .hatnote a {
color: var(--wiz-link, #ff942d);
text-decoration: none;
}
.toc-page .hatnote a {
color: var(--wiz-link, #ff942d);
color: var(--wiz-link, #ff942d);
text-decoration: none;
text-decoration: none;