MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Created page with "→PQ bot: crisp pixel-art sprites (nearest-neighbor scaling): img[src*="PQ_tex_"] { image-rendering: pixelated; image-rendering: -moz-crisp-edges; image-rendering: crisp-edges; } →PQ bot: reading width centered max-width column so floats (e.g. OST) align with prose: @media screen { #firstHeading, #mw-content-text { max-width: 70rem; margin-left: auto; margin-right: auto; box-sizing: border-box; } #mw-content-text .mw-parser-out..." |
m Add PQ bot loot chest TOC layout (scrollable TOC) |
||
| Line 18: | Line 18: | ||
overflow-x: auto; | overflow-x: auto; | ||
} | } | ||
} | |||
/* PQ bot: loot chest multi-variant pages — keep TOC scrollable so it does not stretch layout */ | |||
.mw-parser-output:has(.pq-loot-chest-root) > #toc { | |||
max-height: min(40vh, 22em); | |||
max-width: 22em; | |||
overflow-y: auto; | |||
overflow-x: hidden; | |||
} | |||
/* Vector 2022 (TOC in sidebar / pinnable panel) */ | |||
body:has(.pq-loot-chest-root) .vector-toc { | |||
max-height: min(75vh, 32em); | |||
overflow-y: auto; | |||
overflow-x: hidden; | |||
} | } | ||
Latest revision as of 01:57, 1 April 2026
/* PQ bot: crisp pixel-art sprites (nearest-neighbor scaling) */
img[src*="PQ_tex_"] {
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
image-rendering: crisp-edges;
}
/* PQ bot: reading width centered max-width column so floats (e.g. OST) align with prose */
@media screen {
#firstHeading,
#mw-content-text {
max-width: 70rem;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
#mw-content-text .mw-parser-output {
overflow-x: auto;
}
}
/* PQ bot: loot chest multi-variant pages — keep TOC scrollable so it does not stretch layout */
.mw-parser-output:has(.pq-loot-chest-root) > #toc {
max-height: min(40vh, 22em);
max-width: 22em;
overflow-y: auto;
overflow-x: hidden;
}
/* Vector 2022 (TOC in sidebar / pinnable panel) */
body:has(.pq-loot-chest-root) .vector-toc {
max-height: min(75vh, 32em);
overflow-y: auto;
overflow-x: hidden;
}