MediaWiki:Common.css: Difference between revisions

From Official Pixel Quest Wiki
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;
}