Use compact illustrated Infocards for the category directory, preserving guides and nested categories. |
Balance room category groups into compact columns that stack on narrow screens. |
||
| Line 94: | Line 94: | ||
|text= | |text= | ||
<div style="margin:0 0 1rem;font-weight:700;">[[Room comparison|Compare room costs and requirements]] · [[:Category:Rooms|Browse all rooms]]</div> | <div style="margin:0 0 1rem;font-weight:700;">[[Room comparison|Compare room costs and requirements]] · [[:Category:Rooms|Browse all rooms]]</div> | ||
<div class="tower-infocard-sections" style=" | <div class="tower-infocard-sections" style="column-width:12rem;column-gap:1.4rem;"> | ||
<div class="tower-infocard-section" style="flex:1 1 12rem;min-width:0;"> | <div class="tower-infocard-section" style="flex:1 1 12rem;min-width:0;break-inside:avoid;margin-bottom:1.25rem;"> | ||
<h3 style="font-size:1rem;font-weight:900;line-height:1.35;margin:0 0 0.55rem;">[[:Category:Facilities|Facilities]]</h3> | <h3 style="font-size:1rem;font-weight:900;line-height:1.35;margin:0 0 0.55rem;">[[:Category:Facilities|Facilities]]</h3> | ||
<div style="line-height:1.65;"> | <div style="line-height:1.65;"> | ||
| Line 110: | Line 110: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="tower-infocard-section" style="flex:1 1 12rem;min-width:0;"> | <div class="tower-infocard-section" style="flex:1 1 12rem;min-width:0;break-inside:avoid;margin-bottom:1.25rem;"> | ||
<h3 style="font-size:1rem;font-weight:900;line-height:1.35;margin:0 0 0.55rem;">[[:Category:Hotels|Hotels]]</h3> | <h3 style="font-size:1rem;font-weight:900;line-height:1.35;margin:0 0 0.55rem;">[[:Category:Hotels|Hotels]]</h3> | ||
<div style="line-height:1.65;"> | <div style="line-height:1.65;"> | ||
| Line 125: | Line 125: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="tower-infocard-section" style="flex:1 1 12rem;min-width:0;"> | <div class="tower-infocard-section" style="flex:1 1 12rem;min-width:0;break-inside:avoid;margin-bottom:1.25rem;"> | ||
<h3 style="font-size:1rem;font-weight:900;line-height:1.35;margin:0 0 0.55rem;">[[:Category:Residential|Residential]]</h3> | <h3 style="font-size:1rem;font-weight:900;line-height:1.35;margin:0 0 0.55rem;">[[:Category:Residential|Residential]]</h3> | ||
<div style="line-height:1.65;"> | <div style="line-height:1.65;"> | ||
| Line 140: | Line 140: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="tower-infocard-section" style="flex:1 1 12rem;min-width:0;"> | <div class="tower-infocard-section" style="flex:1 1 12rem;min-width:0;break-inside:avoid;margin-bottom:1.25rem;"> | ||
<h3 style="font-size:1rem;font-weight:900;line-height:1.35;margin:0 0 0.55rem;">[[:Category:Restaurant|Restaurant]]</h3> | <h3 style="font-size:1rem;font-weight:900;line-height:1.35;margin:0 0 0.55rem;">[[:Category:Restaurant|Restaurant]]</h3> | ||
<div style="line-height:1.65;"> | <div style="line-height:1.65;"> | ||
| Line 155: | Line 155: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="tower-infocard-section" style="flex:1 1 12rem;min-width:0;"> | <div class="tower-infocard-section" style="flex:1 1 12rem;min-width:0;break-inside:avoid;margin-bottom:1.25rem;"> | ||
<h3 style="font-size:1rem;font-weight:900;line-height:1.35;margin:0 0 0.55rem;">[[:Category:Shops|Shops]]</h3> | <h3 style="font-size:1rem;font-weight:900;line-height:1.35;margin:0 0 0.55rem;">[[:Category:Shops|Shops]]</h3> | ||
<div style="line-height:1.65;"> | <div style="line-height:1.65;"> | ||
| Line 170: | Line 170: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="tower-infocard-section" style="flex:1 1 12rem;min-width:0;"> | <div class="tower-infocard-section" style="flex:1 1 12rem;min-width:0;break-inside:avoid;margin-bottom:1.25rem;"> | ||
<h3 style="font-size:1rem;font-weight:900;line-height:1.35;margin:0 0 0.55rem;">[[:Category:Special|Special]]</h3> | <h3 style="font-size:1rem;font-weight:900;line-height:1.35;margin:0 0 0.55rem;">[[:Category:Special|Special]]</h3> | ||
<div style="line-height:1.65;"> | <div style="line-height:1.65;"> | ||
| Line 185: | Line 185: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="tower-infocard-section" style="flex:1 1 12rem;min-width:0;"> | <div class="tower-infocard-section" style="flex:1 1 12rem;min-width:0;break-inside:avoid;margin-bottom:1.25rem;"> | ||
<h3 style="font-size:1rem;font-weight:900;line-height:1.35;margin:0 0 0.55rem;">[[:Category:Decoration|Decoration]]</h3> | <h3 style="font-size:1rem;font-weight:900;line-height:1.35;margin:0 0 0.55rem;">[[:Category:Decoration|Decoration]]</h3> | ||
<div style="line-height:1.65;"> | <div style="line-height:1.65;"> | ||
| Line 200: | Line 200: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="tower-infocard-section" style="flex:1 1 12rem;min-width:0;"> | <div class="tower-infocard-section" style="flex:1 1 12rem;min-width:0;break-inside:avoid;margin-bottom:1.25rem;"> | ||
<h3 style="font-size:1rem;font-weight:900;line-height:1.35;margin:0 0 0.55rem;">[[:Category:Office|Office]]</h3> | <h3 style="font-size:1rem;font-weight:900;line-height:1.35;margin:0 0 0.55rem;">[[:Category:Office|Office]]</h3> | ||
<div style="line-height:1.65;"> | <div style="line-height:1.65;"> | ||
| Line 215: | Line 215: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="tower-infocard-section" style="flex:1 1 12rem;min-width:0;"> | <div class="tower-infocard-section" style="flex:1 1 12rem;min-width:0;break-inside:avoid;margin-bottom:1.25rem;"> | ||
<div style="font-size:0.75rem;letter-spacing:0.04em;text-transform:uppercase;color:#58717f;margin:0 0 0.2rem;">Transports</div> | <div style="font-size:0.75rem;letter-spacing:0.04em;text-transform:uppercase;color:#58717f;margin:0 0 0.2rem;">Transports</div> | ||
<h3 style="font-size:1rem;font-weight:900;line-height:1.35;margin:0 0 0.55rem;">[[:Category:Elevators|Elevators]]</h3> | <h3 style="font-size:1rem;font-weight:900;line-height:1.35;margin:0 0 0.55rem;">[[:Category:Elevators|Elevators]]</h3> | ||
| Line 224: | Line 224: | ||
</ul> | </ul> | ||
</div> | </div> | ||
<div class="tower-infocard-section" style="flex:1 1 12rem;min-width:0;"> | <div class="tower-infocard-section" style="flex:1 1 12rem;min-width:0;break-inside:avoid;margin-bottom:1.25rem;"> | ||
<div style="font-size:0.75rem;letter-spacing:0.04em;text-transform:uppercase;color:#58717f;margin:0 0 0.2rem;">Transports</div> | <div style="font-size:0.75rem;letter-spacing:0.04em;text-transform:uppercase;color:#58717f;margin:0 0 0.2rem;">Transports</div> | ||
<h3 style="font-size:1rem;font-weight:900;line-height:1.35;margin:0 0 0.55rem;">[[:Category:Stairs|Stairs]]</h3> | <h3 style="font-size:1rem;font-weight:900;line-height:1.35;margin:0 0 0.55rem;">[[:Category:Stairs|Stairs]]</h3> | ||
| Line 232: | Line 232: | ||
</ul> | </ul> | ||
</div> | </div> | ||
<div class="tower-infocard-section" style="flex:1 1 12rem;min-width:0;"> | <div class="tower-infocard-section" style="flex:1 1 12rem;min-width:0;break-inside:avoid;margin-bottom:1.25rem;"> | ||
<div style="font-size:0.75rem;letter-spacing:0.04em;text-transform:uppercase;color:#58717f;margin:0 0 0.2rem;">Transports</div> | <div style="font-size:0.75rem;letter-spacing:0.04em;text-transform:uppercase;color:#58717f;margin:0 0 0.2rem;">Transports</div> | ||
<h3 style="font-size:1rem;font-weight:900;line-height:1.35;margin:0 0 0.55rem;">[[:Category:Other Transports|Other Transports]]</h3> | <h3 style="font-size:1rem;font-weight:900;line-height:1.35;margin:0 0 0.55rem;">[[:Category:Other Transports|Other Transports]]</h3> | ||
| Line 239: | Line 239: | ||
</ul> | </ul> | ||
</div> | </div> | ||
<div class="tower-infocard-section" style="flex:1 1 12rem;min-width:0;"> | <div class="tower-infocard-section" style="flex:1 1 12rem;min-width:0;break-inside:avoid;margin-bottom:1.25rem;"> | ||
<h3 style="font-size:1rem;font-weight:900;line-height:1.35;margin:0 0 0.55rem;">[[:Category:Architecture|Architecture]]</h3> | <h3 style="font-size:1rem;font-weight:900;line-height:1.35;margin:0 0 0.55rem;">[[:Category:Architecture|Architecture]]</h3> | ||
<div style="line-height:1.65;"> | <div style="line-height:1.65;"> | ||
Revision as of 09:22, 6 October 2026
Welcome to the 2D Tower Wiki — practical help for building, running and modding your tower.