Template:Crafts Hobbies: Difference between revisions

From HorizonXI Wiki
No edit summary
(custom flexbox html instead of a table to make it responsive)
Line 1: Line 1:
<noinclude>[[Category:Templates|{{PAGENAME}}]]</noinclude>
<noinclude>[[Category:Templates|{{PAGENAME}}]]</noinclude>
{| class="crafthobbies" width="100%"
{| class="crafthobbies" style="width: 100%"
|align=center bgcolor=#6699CC|<big>'''[[Crafts]]'''</big>
! style="font-size: larger" | [[Crafts]]
|-
|-
|  
|  
{|border="0" width="100%" bgcolor=#e9f2fb
<div style="display: flex; flex-wrap: wrap; justify-content: center; min-width: 100%;">
|valign="top" align="center" width="10%"|[[:Category:Alchemy|Alchemy]]
<div style="text-align: center; padding: 4px; flex: 1; margin: 4px;">[[:Category:Alchemy|Alchemy]]<br><center>{{Click-Inline|width=33px|height=33px|image=AlchemyIcon.png|link=:Category:Alchemy|title=Alchemy}}</center></div>
<center>{{Click-Inline|width=33px|height=33px|image=AlchemyIcon.png|link=:Category:Alchemy|title=Alchemy}}</center>
<div style="text-align: center; padding: 4px; flex: 1; margin: 4px;"><center>[[:Category:Bonecraft|Bonecraft]]<br>{{Click-Inline|width=33px|height=33px|image=BonecraftIcon.png|link=:Category:Bonecraft|title=Bonecraft}}</center></div>
|valign="top" align="center" width="10%"|[[:Category:Bonecraft|Bonecraft]]
<div style="text-align: center; padding: 4px; flex: 1; margin: 4px;"><center>[[:Category:Clothcraft|Clothcraft]]<br>{{Click-Inline|width=33px|height=33px|image=ClothcraftIcon.png|link=:Category:Clothcraft|title=Clothcraft}}</center></div>
<center>{{Click-Inline|width=33px|height=33px|image=BonecraftIcon.png|link=:Category:Bonecraft|title=Bonecraft}}</center>
<div style="text-align: center; padding: 4px; flex: 1; margin: 4px;"><center>[[:Category:Cooking|Cooking]]<br>{{Click-Inline|width=33px|height=33px|image=CookingIcon.png|link=:Category:Cooking|title=Cooking}}</center></div>
|valign="top" align="center" width="10%"|[[:Category:Clothcraft|Clothcraft]]
<div style="text-align: center; padding: 4px; flex: 1; margin: 4px;"><center>[[:Category:Fishing|Fishing]]<br>{{Click-Inline|width=33px|height=33px|image=FishingIcon.png|link=:Category:Fishing|title=Fishing}}</center></div>
<center>{{Click-Inline|width=33px|height=33px|image=ClothcraftIcon.png|link=:Category:Clothcraft|title=Clothcraft}}</center>
<div style="text-align: center; padding: 4px; flex: 1; margin: 4px;"><center>[[:Category:Goldsmithing|Goldsmithing]]<br>{{Click-Inline|width=33px|height=33px|image=GoldsmithingIcon.png|link=:Category:Goldsmithing|title=Goldsmithing}}</center></div>
|valign="top" align="center" width="10%"|[[:Category:Cooking|Cooking]]
<div style="text-align: center; padding: 4px; flex: 1; margin: 4px;"><center>[[:Category:Leathercraft|Leathercraft]]<br>{{Click-Inline|width=33px|height=33px|image=LeathercraftIcon.png|link=:Category:Leathercraft|title=Leathercraft}}</center></div>
<center>{{Click-Inline|width=33px|height=33px|image=CookingIcon.png|link=:Category:Cooking|title=Cooking}}</center>
<div style="text-align: center; padding: 4px; flex: 1; margin: 4px;"><center>[[:Category:Smithing|Smithing]]<br>{{Click-Inline|width=33px|height=33px|image=BlacksmithingIcon.png|link=:Category:Smithing|title=Smithing}}</center></div>
|valign="top" align="center" width="10%"|[[:Category:Fishing|Fishing]]
<div style="text-align: center; padding: 4px; flex: 1; margin: 4px;"><center>[[:Category:Woodworking|Woodworking]]<br>{{Click-Inline|width=33px|height=33px|image=WoodworkingIcon.png|link=:Category:Woodworking|title=Woodworking}}</center></div>
<center>{{Click-Inline|width=33px|height=33px|image=FishingIcon.png|link=:Category:Fishing|title=Fishing}}</center>
|valign="top" align="center" width="10%"|[[:Category:Goldsmithing|Goldsmithing]]
<center>{{Click-Inline|width=33px|height=33px|image=GoldsmithingIcon.png|link=:Category:Goldsmithing|title=Goldsmithing}}</center>
|valign="top" align="center" width="10%"|[[:Category:Leathercraft|Leathercraft]]
<center>{{Click-Inline|width=33px|height=33px|image=LeathercraftIcon.png|link=:Category:Leathercraft|title=Leathercraft}}</center>
|valign="top" align="center" width="10%"|[[:Category:Smithing|Smithing]]
<center>{{Click-Inline|width=33px|height=33px|image=BlacksmithingIcon.png|link=:Category:Smithing|title=Smithing}}</center>
|valign="top" align="center" width="10%"|[[:Category:Woodworking|Woodworking]]
<center>{{Click-Inline|width=33px|height=33px|image=WoodworkingIcon.png|link=:Category:Woodworking|title=Woodworking}}</center>
<!--|valign="top" align="center" width="10%"|[[:Category:Synergy|Synergy]]
<!--|valign="top" align="center" width="10%"|[[:Category:Synergy|Synergy]]
<center>{{Click-Inline|width=33px|height=33px|image=SynergyIcon.png|link=:Category:Synergy|title=Synergy}}</center>-->
<center>{{Click-Inline|width=33px|height=33px|image=SynergyIcon.png|link=:Category:Synergy|title=Synergy}}</center>-->
|}
</div>
|-
|-
|align=center bgcolor=#6699CC|<big>'''[[Hobbies]]'''</big>
! style="font-size: larger" | [[Hobbies]]
|-
|-
|style="font-size:100%;"|
|
{|border="0" width="100%" bgcolor=#e9f2fb
<div style="display: flex; flex-wrap: wrap; justify-content: center; min-width: 100%;">
|valign="top" align="center" width="12%"|[[Chocobo Digging|Digging]]
<div style="text-align: center; padding: 4px; flex: 1; margin: 4px;"><center>[[Chocobo Digging|Digging]]<br>{{Click-Inline|width=33px|height=33px|image=ChocoboDiggingIcon.png|link=Chocobo Digging|title=Chocobo Digging}}</center></div>
<center>{{Click-Inline|width=33px|height=33px|image=ChocoboDiggingIcon.png|link=Chocobo Digging|title=Chocobo Digging}}</center>
<div style="text-align: center; padding: 4px; flex: 1; margin: 4px;"><center>[[Clamming]]<br>{{Click-Inline|width=33px|height=33px|image=ClammingIcon.png|link=Clamming|title=Clamming}}</center></div>
|valign="top" align="center" width="12%"|[[Clamming]]
<div style="text-align: center; padding: 4px; flex: 1; margin: 4px;"><center>[[Excavation]]<br>{{Click-Inline|width=33px|height=33px|image=ExcavationIcon.png|link=Excavation|title=Excavation}}</center></div>
<center>{{Click-Inline|width=33px|height=33px|image=ClammingIcon.png|link=Clamming|title=Clamming}}</center>
<div style="text-align: center; padding: 4px; flex: 1; margin: 4px;"><center>[[:Category:Gardening|Gardening]]<br>{{Click-Inline|width=33px|height=33px|image=GardeningIcon.png|link=:Category:Gardening|title=Gardening}}</center></div>
|valign="top" align="center" width="12%"|[[Excavation]]
<div style="text-align: center; padding: 4px; flex: 1; margin: 4px;"><center>[[Harvesting]]<br>{{Click-Inline|width=33px|height=33px|image=HarvestingIcon.png|link=Harvesting|title=Harvesting}}</center></div>
<center>{{Click-Inline|width=33px|height=33px|image=ExcavationIcon.png|link=Excavation|title=Excavation}}</center>
<div style="text-align: center; padding: 4px; flex: 1; margin: 4px;"><center>[[Logging]]<br>{{Click-Inline|width=33px|height=33px|image=LoggingIcon.png|link=Logging|title=Logging}}</center></div>
|valign="top" align="center" width="12%"|[[:Category:Gardening|Gardening]]
<div style="text-align: center; padding: 4px; flex: 1; margin: 4px;"><center>[[Mining]]<br>{{Click-Inline|width=33px|height=33px|image=MiningIcon.png|link=Mining|title=Mining}}</center></div>
<center>{{Click-Inline|width=33px|height=33px|image=GardeningIcon.png|link=:Category:Gardening|title=Gardening}}</center>
</div>
|valign="top" align="center" width="12%"|[[Harvesting]]
<center>{{Click-Inline|width=33px|height=33px|image=HarvestingIcon.png|link=Harvesting|title=Harvesting}}</center>
|valign="top" align="center" width="12%"|[[Logging]]
<center>{{Click-Inline|width=33px|height=33px|image=LoggingIcon.png|link=Logging|title=Logging}}</center>
|valign="top" align="center" width="12%"|[[Mining]]
<center>{{Click-Inline|width=33px|height=33px|image=MiningIcon.png|link=Mining|title=Mining}}</center>
|}
|}
|}

Revision as of 18:16, 2 November 2023