User:Vergir: Difference between revisionsGive feedback
Jump to navigation
Jump to search
m Replaced content with "'''SVG PROBE (vergir-bot) — delete when done''' Bare: File:test.svg" Tag: Replaced |
Add ItemBox font-size pin test for redesign (with help from vergir-bot LLM) |
||
| Line 4: | Line 4: | ||
[[File:test.svg]] | [[File:test.svg]] | ||
---- | |||
== ITEMBOX FONT PIN (vergir-bot) — delete when done == | |||
<templatestyles src="Template:ItemBox/styles.css" /> | |||
For each name: tell me the '''largest px where the text does NOT clip or spill''' out of the card. Real live cards shown first as a reference/harness check. | |||
=== A. Harness / font sanity (real {{tl|ItemBox}} output) === | |||
If these don't look like normal item cards (wrong font), the test is invalid.<br> | |||
{{ItemBox|Counterspell}} {{ItemBox|Spirit Shredder Bullets}} {{ItemBox|Extended Magazine}} | |||
=== B. MID tier — single long words (cannot wrap, hardest) === | |||
'''Counterspell''' — 1 word, 12 chars<br> | |||
<div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:12px;text-wrap:balance;">Counterspell</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">12px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:13px;text-wrap:balance;">Counterspell</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">13px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:14px;text-wrap:balance;">Counterspell</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">14px</div></div> | |||
'''Sharpshooter''' — 1 word, 12 chars<br> | |||
<div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:12px;text-wrap:balance;">Sharpshooter</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">12px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:13px;text-wrap:balance;">Sharpshooter</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">13px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:14px;text-wrap:balance;">Sharpshooter</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">14px</div></div> | |||
'''Intensifying Magazine''' — 2 words<br> | |||
<div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:12px;text-wrap:balance;">Intensifying Magazine</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">12px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:13px;text-wrap:balance;">Intensifying Magazine</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">13px</div></div> | |||
'''Transcendent Cooldown''' — 2 words<br> | |||
<div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:12px;text-wrap:balance;">Transcendent Cooldown</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">12px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:13px;text-wrap:balance;">Transcendent Cooldown</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">13px</div></div> | |||
=== C. SMALL tier — the 6 longest names === | |||
'''Mystic Vulnerability''' — 13-char word<br> | |||
<div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:10px;text-wrap:balance;">Mystic Vulnerability</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">10px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:11px;text-wrap:balance;">Mystic Vulnerability</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">11px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:12px;text-wrap:balance;">Mystic Vulnerability</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">12px</div></div> | |||
'''Nullification Burst''' — 13-char word<br> | |||
<div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:10px;text-wrap:balance;">Nullification Burst</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">10px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:11px;text-wrap:balance;">Nullification Burst</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">11px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:12px;text-wrap:balance;">Nullification Burst</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">12px</div></div> | |||
'''High-Velocity Rounds''' — hyphen 13<br> | |||
<div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:10px;text-wrap:balance;">High-Velocity Rounds</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">10px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:11px;text-wrap:balance;">High-Velocity Rounds</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">11px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:12px;text-wrap:balance;">High-Velocity Rounds</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">12px</div></div> | |||
'''Spirit Shredder Bullets''' — 3 words (balance)<br> | |||
<div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:10px;text-wrap:balance;">Spirit Shredder Bullets</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">10px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:11px;text-wrap:balance;">Spirit Shredder Bullets</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">11px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:12px;text-wrap:balance;">Spirit Shredder Bullets</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">12px</div></div> | |||
'''Bullet Resist Shredder''' — 3 words (balance)<br> | |||
<div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:10px;text-wrap:balance;">Bullet Resist Shredder</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">10px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:11px;text-wrap:balance;">Bullet Resist Shredder</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">11px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:12px;text-wrap:balance;">Bullet Resist Shredder</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">12px</div></div> | |||
'''Armor Piercing Rounds''' — 3 words<br> | |||
<div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:10px;text-wrap:balance;">Armor Piercing Rounds</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">10px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:11px;text-wrap:balance;">Armor Piercing Rounds</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">11px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:12px;text-wrap:balance;">Armor Piercing Rounds</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">12px</div></div> | |||
=== D. text-wrap:balance check === | |||
Left = balance on, right = balance off. If they look identical, the sanitizer stripped balance.<br> | |||
<div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:12px;text-wrap:balance;">Spirit Shredder Bullets</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">12px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:12px;">Spirit Shredder Bullets</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">12px</div></div> | |||
