|
|
| 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; |