Templates
Shop
No centered text, forced widths are set by the header column widths
ColLeft/Right
These just decrease the padding in each column so the shops using these templates appear closer together
Considerations
Column Width
By default, I left the headers forcing the stock column to 160px and cost column to 40px. You might wanna make those larger, as the 160px widt on the stock column might cause items with long names to go onto multiple lines.
These are some of the longer names that desacredess provided as examples:
width: 160px; (current/default)
| Stock
|
Cost
|
| Demon Compendium Extra Volume
|
$10
|
| Emergency Power Room Key
|
$10
|
| Lightning Guardian Deity
|
$10
|
| Source of Magical Power
|
$10
|
| Novice 5⭐ Weapon of your choice
|
$10
|
| Chaotic Aether (S, M, and L)
|
$10
|
With those in mind, maybe 240px is a better width that will cover the above without being too much wider than the current 160px?
width: 240px; (might cover most cases?)
| Stock
|
Cost
|
| Demon Compendium Extra Volume
|
$10
|
| Emergency Power Room Key
|
$10
|
| Lightning Guardian Deity
|
$10
|
| Source of Magical Power
|
$10
|
| Novice 5⭐ Weapon of your choice
|
$10
|
| Chaotic Aether (S, M, and L)
|
$10
|
Mobile Wiki Stylesheet
This probably is bad on mobile? I can't edit the wiki's mobile css or anything (and also I have no idea how the mobile version works), but consider using responsive css / media queries to:
- ColLeft/ColRight should probably not actually be left/right columns on mobile...? (Maybe bad for screen size?) Consider stacking ColLeft/ColRight on top of each other on mobile, e.g. each <td> element would need:
display: block;
width: 100%;
- Forcing the shop columns to be full width on mobile. Like replacing the width: 160px; and width: 40px; that forces the headers width to instead be width: 80%; on the stock column and width: 20%; on the cost column.
Demos
Pkmn
Right Cashier
| Stock
|
Cost
|
| TM32 (Double Team)
|
1000
|
| TM02 (Razor Wind)
|
2000
|
| TM37 (Egg Bomb)
|
100
|
| TM05 (Mega Kick)
|
3000
|
| TM17 (Submission)
|
3000
|
| TM33 (Reflect)
|
1000
|
| TM07 (Horn Drill)
|
2000
|
| TM01 (Mega Punch)
|
3000
|
| TM09 (Take Down)
|
3000
|
|
LB