MediaWiki:Common.css: Difference between revisions
Add pixel-sprite class for crisp sprite scaling (via update-page on MediaWiki MCP Server) |
Fix pixel-sprite CSS selectors for better coverage (via update-page on MediaWiki MCP Server) |
||
| Line 30: | Line 30: | ||
/* Pixel art sprites - crisp scaling */ | /* Pixel art sprites - crisp scaling */ | ||
.pixel-sprite img { | .pixel-sprite img, | ||
.pixel-sprite .mw-file-element, | |||
.pixel-sprite a img, | |||
img.pixel-sprite { | |||
image-rendering: pixelated; | image-rendering: pixelated; | ||
image-rendering: -moz-crisp-edges; | |||
image-rendering: crisp-edges; | image-rendering: crisp-edges; | ||
-ms-interpolation-mode: nearest-neighbor; | |||
} | } | ||
Revision as of 19:18, 20 January 2026
.item-infobox { width: 250px; float: right; border: 1px solid #aaa; margin: 0 0 1em 1em; }
.item-infobox th { background: #ddd; }
.rarity-uncommon th:first-child { background: #2d5a2d; color: white; }
.rarity-rare th:first-child { background: #2d4a7a; color: white; }
.rarity-epic th:first-child { background: #5a2d7a; color: white; }
.rarity-legendary th:first-child { background: #7a5a0f; color: white; }
.monster-infobox { width: 280px; float: right; clear: right; border: 1px solid #aaa; margin: 0 0 1em 1em; border-collapse: collapse; }
.monster-infobox th, .monster-infobox td { border: 1px solid #aaa; padding: 4px 8px; }
.monster-infobox th { background: #c44; color: white; text-align: left; }
.monster-infobox th[colspan="2"] { text-align: center; }
.loot-semirare { background: #2a2; color: white; }
.loot-rare { background: #44f; color: white; }
.loot-veryrare { background: #a3a; color: white; }
.loot-ultrarare { background: #b90; color: white; }
.wikitable {
border-collapse: collapse;
margin: 1em 0;
}
.wikitable th, .wikitable td {
border: 1px solid #aaa;
padding: 4px 8px;
}
.wikitable th {
background: #ddd;
text-align: left;
}
.wikitable tr:nth-child(even) {
background: #f9f9f9;
}
/* Pixel art sprites - crisp scaling */
.pixel-sprite img,
.pixel-sprite .mw-file-element,
.pixel-sprite a img,
img.pixel-sprite {
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
}