Template:Captains and Kahunas of Alola: Difference between revisions

From Bulbapedia, the community-driven Pokémon encyclopedia.
⧼bulbapediamonobook-jumptonavigation⧽⧼bulbapediamonobook-jumptosearch⧽
mobile magic
m text readability fix; overuse of color
Line 1: Line 1:
<div class="roundy" style="max-width: 610px; margin: auto; text-align: center; background-color: #{{alola color light}}; border: 4px solid #{{alola color}}; padding: 0.25rem">
<div class="roundy" style="max-width: 610px; margin: auto; text-align: center; background-color: #{{alola color light}}; border: 4px solid #{{alola color}}; padding: 0.25rem">
<div style="color: #{{alola color dark}}; font-weight: bold; margin-bottom: 0.5rem">{{color2|{{alola color dark}}|Trial Captain|Trial Captains}} and {{color2|{{alola color dark}}|Island kahuna|island kahunas}} of the {{color2|{{alola color dark}}|Alola|Alola region}}</div>
<div style="font-weight: bold; margin-bottom: 0.5rem">{{color2|000|Trial Captain|Trial Captains}} and {{color2|000|Island kahuna|island kahunas}} of the {{color2|000|Alola|Alola region}}</div>


<div style="display: flex; flex-wrap: wrap; gap: 0.25rem; margin-bottom: 0.5rem">
<div style="display: flex; flex-wrap: wrap; gap: 0.25rem; margin-bottom: 0.5rem">


<div class="roundy" style="background-color: #{{normal color}}; padding: 2px; min-width: 145px; flex: 1">
<div class="roundy" style="background-color: #{{normal color}}; padding: 2px; min-width: 145px; flex: 1">
<div class="roundytop" style="background-color: #{{normal color light}}; margin-bottom: 2px">{{color2|{{normal color dark}}|Verdant Cavern}}</div>
<div class="roundytop" style="background-color: #{{normal color light}}; margin-bottom: 2px">{{color2|000|Verdant Cavern}}</div>
<div style="background-color: #{{normal color light}}; margin-bottom: 2px">[[File:VSIlima USUM.png|x50px|link=Ilima]]</div>
<div style="background-color: #{{normal color light}}; margin-bottom: 2px">[[File:VSIlima USUM.png|x50px|link=Ilima]]</div>
<div class="roundybottom" style="background-color: #{{normal color light}};">{{color2|{{normal color dark}}|Ilima}}</div>
<div class="roundybottom" style="background-color: #{{normal color light}};">{{color2|000|Ilima}}</div>
</div>
</div>
<div class="roundy" style="background-color: #{{water color}}; padding: 2px; min-width: 145px; flex: 1">
<div class="roundy" style="background-color: #{{water color}}; padding: 2px; min-width: 145px; flex: 1">
<div class="roundytop" style="background-color: #{{water color light}}; margin-bottom: 2px">{{color2|{{water color dark}}|Brooklet Hill}}</div>
<div class="roundytop" style="background-color: #{{water color light}}; margin-bottom: 2px">{{color2|000|Brooklet Hill}}</div>
<div style="background-color: #{{water color light}}; margin-bottom: 2px">[[File:VSLana USUM.png|x50px|link=Lana]]</div>
<div style="background-color: #{{water color light}}; margin-bottom: 2px">[[File:VSLana USUM.png|x50px|link=Lana]]</div>
<div class="roundybottom" style="background-color: #{{water color light}};">{{color2|{{water color dark}}|Lana}}</div>
<div class="roundybottom" style="background-color: #{{water color light}};">{{color2|000|Lana}}</div>
</div>
</div>
<div class="roundy" style="background-color: #{{fire color}}; padding: 2px; min-width: 145px; flex: 1">
<div class="roundy" style="background-color: #{{fire color}}; padding: 2px; min-width: 145px; flex: 1">
<div class="roundytop" style="background-color: #{{fire color light}}; margin-bottom: 2px">{{color2|{{fire color dark}}|Wela Volcano Park}}</div>
<div class="roundytop" style="background-color: #{{fire color light}}; margin-bottom: 2px">{{color2|000|Wela Volcano Park}}</div>
<div style="background-color: #{{fire color light}}; margin-bottom: 2px">[[File:VSKiawe.png|x50px|link=Kiawe]]</div>
<div style="background-color: #{{fire color light}}; margin-bottom: 2px">[[File:VSKiawe.png|x50px|link=Kiawe]]</div>
<div class="roundybottom" style="background-color: #{{fire color light}};">{{color2|{{fire color dark}}|Kiawe}}</div>
<div class="roundybottom" style="background-color: #{{fire color light}};">{{color2|000|Kiawe}}</div>
</div>
</div>
<div class="roundy" style="background-color: #{{grass color}}; padding: 2px; min-width: 145px; flex: 1">
<div class="roundy" style="background-color: #{{grass color}}; padding: 2px; min-width: 145px; flex: 1">
<div class="roundytop" style="background-color: #{{grass color light}}; margin-bottom: 2px">{{color2|{{grass color dark}}|Lush Jungle}}</div>
<div class="roundytop" style="background-color: #{{grass color light}}; margin-bottom: 2px">{{color2|000|Lush Jungle}}</div>
<div style="background-color: #{{grass color light}}; margin-bottom: 2px">[[File:VSMallow.png|x50px|link=Mallow]]</div>
<div style="background-color: #{{grass color light}}; margin-bottom: 2px">[[File:VSMallow.png|x50px|link=Mallow]]</div>
<div class="roundybottom" style="background-color: #{{grass color light}};">{{color2|{{grass color dark}}|Mallow}}</div>
<div class="roundybottom" style="background-color: #{{grass color light}};">{{color2|000|Mallow}}</div>
</div>
</div>
<div class="roundy" style="background-color: #{{electric color}}; padding: 2px; min-width: 145px; flex: 1">
<div class="roundy" style="background-color: #{{electric color}}; padding: 2px; min-width: 145px; flex: 1">
<div class="roundytop" style="background-color: #{{electric color light}}; margin-bottom: 2px">{{color2|{{electric color dark}}|Hokulani Observatory}}</div>
<div class="roundytop" style="background-color: #{{electric color light}}; margin-bottom: 2px">{{color2|000|Hokulani Observatory}}</div>
<div style="background-color: #{{electric color light}}; margin-bottom: 2px">[[File:VSSophocles.png|x50px|link=Sophocles]]</div>
<div style="background-color: #{{electric color light}}; margin-bottom: 2px">[[File:VSSophocles.png|x50px|link=Sophocles]]</div>
<div class="roundybottom" style="background-color: #{{electric color light}};">{{color2|{{electric color dark}}|Sophocles}}</div>
<div class="roundybottom" style="background-color: #{{electric color light}};">{{color2|000|Sophocles}}</div>
</div>
</div>
<div class="roundy" style="background-color: #{{ghost color}}; padding: 2px; min-width: 145px; flex: 1">
<div class="roundy" style="background-color: #{{ghost color}}; padding: 2px; min-width: 145px; flex: 1">
<div class="roundytop" style="background-color: #{{ghost color light}}; margin-bottom: 2px">{{color2|{{ghost color dark}}|Thrifty Megamart}}</div>
<div class="roundytop" style="background-color: #{{ghost color light}}; margin-bottom: 2px">{{color2|000|Thrifty Megamart}}</div>
<div style="background-color: #{{ghost color light}}; margin-bottom: 2px">[[File:VSAcerola.png|x50px|link=Acerola]]</div>
<div style="background-color: #{{ghost color light}}; margin-bottom: 2px">[[File:VSAcerola.png|x50px|link=Acerola]]</div>
<div class="roundybottom" style="background-color: #{{ghost color light}};">{{color2|{{ghost color dark}}|Acerola}}</div>
<div class="roundybottom" style="background-color: #{{ghost color light}};">{{color2|000|Acerola}}</div>
</div>
</div>
<div class="roundy" style="background-color: #{{fairy color}}; padding: 2px; min-width: 145px; flex: 1">
<div class="roundy" style="background-color: #{{fairy color}}; padding: 2px; min-width: 145px; flex: 1">
<div class="roundytop" style="background-color: #{{fairy color light}}; margin-bottom: 2px">{{color2|{{fairy color dark}}|Seafolk Village}}</div>
<div class="roundytop" style="background-color: #{{fairy color light}}; margin-bottom: 2px">{{color2|000|Seafolk Village}}</div>
<div style="background-color: #{{fairy color light}}; margin-bottom: 2px">[[File:VSMina.png|x50px|link=Mina]]</div>
<div style="background-color: #{{fairy color light}}; margin-bottom: 2px">[[File:VSMina.png|x50px|link=Mina]]</div>
<div class="roundybottom" style="background-color: #{{fairy color light}};">{{color2|{{fairy color dark}}|Mina}}</div>
<div class="roundybottom" style="background-color: #{{fairy color light}};">{{color2|000|Mina}}</div>
</div>
</div>


Line 45: Line 45:


<div class="roundy" style="background-color: #{{fighting color}}; padding: 2px; min-width: 145px; flex: 1">
<div class="roundy" style="background-color: #{{fighting color}}; padding: 2px; min-width: 145px; flex: 1">
<div class="roundytop" style="background-color: #{{fighting color light}}; margin-bottom: 2px">{{color2|{{fighting color dark}}|Melemele Island}}</div>
<div class="roundytop" style="background-color: #{{fighting color light}}; margin-bottom: 2px">{{color2|000|Melemele Island}}</div>
<div style="background-color: #{{fighting color light}}; margin-bottom: 2px">[[File:VSHala USUM.png|x50px|link=Hala]]</div>
<div style="background-color: #{{fighting color light}}; margin-bottom: 2px">[[File:VSHala USUM.png|x50px|link=Hala]]</div>
<div class="roundybottom" style="background-color: #{{fighting color light}};">{{color2|{{fighting color dark}}|Hala}}</div>
<div class="roundybottom" style="background-color: #{{fighting color light}};">{{color2|000|Hala}}</div>
</div>
</div>
<div class="roundy" style="background-color: #{{rock color}}; padding: 2px; min-width: 145px; flex: 1">
<div class="roundy" style="background-color: #{{rock color}}; padding: 2px; min-width: 145px; flex: 1">
<div class="roundytop" style="background-color: #{{rock color light}}; margin-bottom: 2px">{{color2|{{rock color dark}}|Akala Island}}</div>
<div class="roundytop" style="background-color: #{{rock color light}}; margin-bottom: 2px">{{color2|000|Akala Island}}</div>
<div style="background-color: #{{rock color light}}; margin-bottom: 2px">[[File:VSOlivia USUM.png|x50px|link=Olivia]]</div>
<div style="background-color: #{{rock color light}}; margin-bottom: 2px">[[File:VSOlivia USUM.png|x50px|link=Olivia]]</div>
<div class="roundybottom" style="background-color: #{{rock color light}};">{{color2|{{rock color dark}}|Olivia}}</div>
<div class="roundybottom" style="background-color: #{{rock color light}};">{{color2|000|Olivia}}</div>
</div>
</div>
<div class="roundy" style="background-color: #{{dark color}}; padding: 2px; min-width: 145px; flex: 1">
<div class="roundy" style="background-color: #{{dark color}}; padding: 2px; min-width: 145px; flex: 1">
<div class="roundytop" style="background-color: #{{dark color light}}; margin-bottom: 2px">{{color2|{{dark color dark}}|Ula'ula Island}}</div>
<div class="roundytop" style="background-color: #{{dark color light}}; margin-bottom: 2px">{{color2|000|Ula'ula Island}}</div>
<div style="background-color: #{{dark color light}}; margin-bottom: 2px">[[File:VSNanu USUM.png|x50px|link=Nanu]]</div>
<div style="background-color: #{{dark color light}}; margin-bottom: 2px">[[File:VSNanu USUM.png|x50px|link=Nanu]]</div>
<div class="roundybottom" style="background-color: #{{dark color light}};">{{color2|{{dark color dark}}|Nanu}}</div>
<div class="roundybottom" style="background-color: #{{dark color light}};">{{color2|000|Nanu}}</div>
</div>
</div>
<div class="roundy" style="background-color: #{{ground color}}; padding: 2px; min-width: 145px; flex: 1">
<div class="roundy" style="background-color: #{{ground color}}; padding: 2px; min-width: 145px; flex: 1">
<div class="roundytop" style="background-color: #{{ground color light}}; margin-bottom: 2px">{{color2|{{ground color dark}}|Poni Island}}</div>
<div class="roundytop" style="background-color: #{{ground color light}}; margin-bottom: 2px">{{color2|000|Poni Island}}</div>
<div style="background-color: #{{ground color light}}; margin-bottom: 2px">[[File:VSHapu.png|x50px|link=Hapu]]</div>
<div style="background-color: #{{ground color light}}; margin-bottom: 2px">[[File:VSHapu.png|x50px|link=Hapu]]</div>
<div class="roundybottom" style="background-color: #{{ground color light}};">{{color2|{{ground color dark}}|Hapu}}</div>
<div class="roundybottom" style="background-color: #{{ground color light}};">{{color2|000|Hapu}}</div>
</div>
</div>



Revision as of 13:31, 30 July 2024