Template:Legendary groups: Difference between revisions

these colors just pop better
(this better work)
(these colors just pop better)
Line 4: Line 4:
<div class="roundytl" style="display:flex; color:#fff; background: #{{Pokémon color}}; align-items:center; justify-content:center; width:80px;">'''Duos'''</div>
<div class="roundytl" style="display:flex; color:#fff; background: #{{Pokémon color}}; align-items:center; justify-content:center; width:80px;">'''Duos'''</div>
<div class="roundytr c" style="background: #{{Pokémon color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; max-width: 860px;">
<div class="roundytr c" style="background: #{{Pokémon color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; max-width: 860px;">
<div class="roundy" style="background: #{{psychic color light}}; border: 2px solid #{{psychic color dark}}; padding: 3px">{{MSP|0150|Mewtwo|size=48px}}{{MSP|0151|Mew|size=48px}}<br>{{color2|000|Mew duo}}</div>
<div class="roundy" style="background: #{{psychic color}}; border: 2px solid #{{psychic color dark}}; padding: 3px">{{MSP|0150|Mewtwo|size=48px}}{{MSP|0151|Mew|size=48px}}<br>{{color2|000|Mew duo}}</div>
<div class="roundy" style="background: #{{gold color light}}; border: 2px solid #{{silver color dark}}; padding: 3px">{{MSP|0249|Lugia|size=48px}}{{MSP|0250|Ho-Oh|size=48px}}<br>{{color2|000|Tower duo}}</div>
<div class="roundy" style="background: #{{gold color}}; border: 2px solid #{{silver color dark}}; padding: 3px">{{MSP|0249|Lugia|size=48px}}{{MSP|0250|Ho-Oh|size=48px}}<br>{{color2|000|Tower duo}}</div>
<div class="roundy" style="background: #{{dragon color light}}; border: 2px solid #{{psychic color dark}}; padding: 3px">{{MSP|0380|Latias|size=48px}}{{MSP|0381|Latios|size=48px}}<br>{{color2|000|Eon duo}}</div>
<div class="roundy" style="background: #{{dragon color}}; border: 2px solid #{{psychic color dark}}; padding: 3px">{{MSP|0380|Latias|size=48px}}{{MSP|0381|Latios|size=48px}}<br>{{color2|000|Eon duo}}</div>
<div class="roundy" style="background: #{{night color light}}; border: 2px solid #{{night color dark}}; padding: 3px">{{MSP|0488|Cresselia|size=48px}}{{MSP|0491|Darkrai|size=48px}}<br>{{color2|000|Lunar duo}}</div>
<div class="roundy" style="background: #{{night color light}}; border: 2px solid #{{night color dark}}; padding: 3px">{{MSP|0488|Cresselia|size=48px}}{{MSP|0491|Darkrai|size=48px}}<br>{{color2|000|Lunar duo}}</div>
<div class="roundy" style="background: #{{locationcolor/light|ocean}}; border: 2px solid #{{locationcolor/dark|ocean}}; padding: 3px">{{MSP|0489|Phione|size=48px}}{{MSP|0490|Manaphy|size=48px}}<br>{{color2|000|Sea guardians}}</div>
<div class="roundy" style="background: #{{locationcolor/med|ocean}}; border: 2px solid #{{locationcolor/dark|ocean}}; padding: 3px">{{MSP|0489|Phione|size=48px}}{{MSP|0490|Manaphy|size=48px}}<br>{{color2|000|Sea guardians}}</div>
<div class="roundy" style="background: #{{sword color light}}; border: 2px solid #{{shield color dark}}; padding: 3px">{{MSP|0888|Zacian|size=48px}}{{MSP|0889|Zamazenta|size=48px}}<br>{{color2|000|Legendary heroes}}</div>
<div class="roundy" style="background: #{{sword color}}; border: 2px solid #{{shield color dark}}; padding: 3px">{{MSP|0888|Zacian|size=48px}}{{MSP|0889|Zamazenta|size=48px}}<br>{{color2|000|Legendary heroes}}</div>
<div class="roundy" style="background: #{{scarlet color light}}; border: 2px solid #{{violet color dark}}; padding: 3px">{{MSP|1007|Koraidon|size=48px}}{{MSP|1008|Miraidon|size=48px}}<br>{{color2|000|Paradox duo}}</div>
<div class="roundy" style="background: #{{scarlet color}}; border: 2px solid #{{violet color dark}}; padding: 3px">{{MSP|1007|Koraidon|size=48px}}{{MSP|1008|Miraidon|size=48px}}<br>{{color2|000|Paradox duo}}</div>
</div></div>
</div></div>
<div style="display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:0px; padding-bottom:1px;">
<div style="display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:0px; padding-bottom:1px;">
<div style="display:flex; color:#fff; background: #{{Pokémon color}}; align-items:center; justify-content:center; width:80px;">'''Trios'''</div>
<div style="display:flex; color:#fff; background: #{{Pokémon color}}; align-items:center; justify-content:center; width:80px;">'''Trios'''</div>
<div class="c" style="background: #{{Pokémon color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; max-width: 860px;">
<div class="c" style="background: #{{Pokémon color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; max-width: 860px;">
<div class="roundy" style="background: #{{flying color light}}; border: 2px solid #{{flying color dark}}; padding: 3px">{{MSP|0144|Articuno|size=48px}}{{MSP|0145|Zapdos|size=48px}}{{MSP|0146|Moltres|size=48px}}<br>{{color2|000|Legendary birds}}</div>
<div class="roundy" style="background: #{{flying color}}; border: 2px solid #{{flying color dark}}; padding: 3px">{{MSP|0144|Articuno|size=48px}}{{MSP|0145|Zapdos|size=48px}}{{MSP|0146|Moltres|size=48px}}<br>{{color2|000|Legendary birds}}</div>
<div class="roundy" style="background: #{{johto color light}}; border: 2px solid #{{johto color dark}}; padding: 3px">{{MSP|0243|Raikou|size=48px}}{{MSP|0244|Entei|size=48px}}{{MSP|0245|Suicune|size=48px}}<br>{{color2|000|Legendary beasts}}</div>
<div class="roundy" style="background: #{{johto color}}; border: 2px solid #{{johto color dark}}; padding: 3px">{{MSP|0243|Raikou|size=48px}}{{MSP|0244|Entei|size=48px}}{{MSP|0245|Suicune|size=48px}}<br>{{color2|000|Legendary beasts}}</div>
<div class="roundy" style="background: #{{emerald color light}}; border: 2px solid #{{emerald color dark}}; padding: 3px">{{MSP|0382|Kyogre|size=48px}}{{MSP|0383|Groudon|size=48px}}{{MSP|0384|Rayquaza|size=48px}}<br>{{color2|000|Super-ancient Pokémon}}</div>
<div class="roundy" style="background: #{{emerald color}}; border: 2px solid #{{emerald color dark}}; padding: 3px">{{MSP|0382|Kyogre|size=48px}}{{MSP|0383|Groudon|size=48px}}{{MSP|0384|Rayquaza|size=48px}}<br>{{color2|000|Super-ancient Pokémon}}</div>
<div class="roundy" style="background: #{{locationcolor/light|lake}}; border: 2px solid #{{water color dark}}; padding: 3px">{{MSP|0480|Uxie|size=48px}}{{MSP|0481|Mesprit|size=48px}}{{MSP|0482|Azelf|size=48px}}<br>{{color2|000|Lake guardians}}</div>
<div class="roundy" style="background: #{{locationcolor/med|lake}}; border: 2px solid #{{water color dark}}; padding: 3px">{{MSP|0480|Uxie|size=48px}}{{MSP|0481|Mesprit|size=48px}}{{MSP|0482|Azelf|size=48px}}<br>{{color2|000|Lake guardians}}</div>
<div class="roundy" style="background: #{{sinnoh color light}}; border: 2px solid #{{sinnoh color dark}}; padding: 3px">{{MSP|0483|Dialga|size=48px}}{{MSP|0484|Palkia|size=48px}}{{MSP|0487|Giratina|size=48px}}<br>{{color2|000|Pokémon of Myth}}</div>
<div class="roundy" style="background: #{{sinnoh color}}; border: 2px solid #{{sinnoh color dark}}; padding: 3px">{{MSP|0483|Dialga|size=48px}}{{MSP|0484|Palkia|size=48px}}{{MSP|0487|Giratina|size=48px}}<br>{{color2|000|Pokémon of Myth}}</div>
<div class="roundy" style="background: #{{white color light}}; border: 2px solid #{{black color}}; padding: 3px">{{MSP|0643|Reshiram|size=48px}}{{MSP|0644|Zekrom|size=48px}}{{MSP|0646|Kyurem|size=48px}}<br>{{color2|000|Tao trio}}</div>
<div class="roundy" style="background: #{{white color}}; border: 2px solid #{{black color}}; padding: 3px">{{MSP|0643|Reshiram|size=48px}}{{MSP|0644|Zekrom|size=48px}}{{MSP|0646|Kyurem|size=48px}}<br>{{color2|000|Tao trio}}</div>
<div class="roundy" style="background: #{{kalos color light}}; border: 2px solid #{{kalos color dark}}; padding: 3px">{{MSP|0716|Xerneas|size=48px}}{{MSP|0717|Yveltal|size=48px}}{{MSP|0718|Zygarde|size=48px}}<br>{{color2|000|Aura trio}}</div>
<div class="roundy" style="background: #{{kalos color}}; border: 2px solid #{{kalos color dark}}; padding: 3px">{{MSP|0716|Xerneas|size=48px}}{{MSP|0717|Yveltal|size=48px}}{{MSP|0718|Zygarde|size=48px}}<br>{{color2|000|Aura trio}}</div>
<div class="roundy" style="background: #{{ultra sun color light}}; border: 2px solid #{{ultra moon color dark}}; padding: 3px">{{MSP|0791|Solgaleo|size=48px}}{{MSP|0792|Lunala|size=48px}}{{MSP|0800|Necrozma|size=48px}}<br>{{color2|000|Light trio}}</div>
<div class="roundy" style="background: #{{ultra sun color}}; border: 2px solid #{{ultra moon color dark}}; padding: 3px">{{MSP|0791|Solgaleo|size=48px}}{{MSP|0792|Lunala|size=48px}}{{MSP|0800|Necrozma|size=48px}}<br>{{color2|000|Light trio}}</div>
<div class="roundy" style="background: #{{poison color light}}; border: 2px solid #{{poison color dark}}; padding: 3px">{{MSP|1014|Okidogi|size=48px}}{{MSP|1015|Munkidori|size=48px}}{{MSP|1016|Fezandipiti|size=48px}}<br>{{color2|000|Loyal Three}}</div>
<div class="roundy" style="background: #{{poison color}}; border: 2px solid #{{poison color dark}}; padding: 3px">{{MSP|1014|Okidogi|size=48px}}{{MSP|1015|Munkidori|size=48px}}{{MSP|1016|Fezandipiti|size=48px}}<br>{{color2|000|Loyal Three}}</div>
</div></div>
</div></div>
<div style="display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:0px; padding-bottom:1px;">
<div style="display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:0px; padding-bottom:1px;">
<div style="display:flex; color:#fff; background: #{{Pokémon color}}; align-items:center; justify-content:center; width:80px;">'''Quartets'''</div>
<div style="display:flex; color:#fff; background: #{{Pokémon color}}; align-items:center; justify-content:center; width:80px;">'''Quartets'''</div>
<div class="c" style="background: #{{Pokémon color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; gap: 5px;">
<div class="c" style="background: #{{Pokémon color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; gap: 5px;">
<div class="roundy" style="background: #{{fighting color light}}; border: 2px solid #{{fighting color dark}}; padding: 3px">{{MSP|0638|Cobalion|size=48px}}{{MSP|0639|Terrakion|size=48px}}{{MSP|0640|Virizion|size=48px}}{{MSP|0647|Keldeo|size=48px}}<br>{{color2|000|Swords of Justice}}</div>
<div class="roundy" style="background: #{{fighting color}}; border: 2px solid #{{fighting color dark}}; padding: 3px">{{MSP|0638|Cobalion|size=48px}}{{MSP|0639|Terrakion|size=48px}}{{MSP|0640|Virizion|size=48px}}{{MSP|0647|Keldeo|size=48px}}<br>{{color2|000|Swords of Justice}}</div>
<div class="roundy" style="background: #{{flying color light}}; border: 2px solid #{{flying color dark}}; padding: 3px">{{MSP|0641|Tornadus|size=48px}}{{MSP|0642|Thundurus|size=48px}}{{MSP|0645|Landorus|size=48px}}{{MSP|0905|Enamorus|size=48px}}<br>{{color2|000|Forces of Nature}}</div>
<div class="roundy" style="background: #{{flying color light}}; border: 2px solid #{{flying color dark}}; padding: 3px">{{MSP|0641|Tornadus|size=48px}}{{MSP|0642|Thundurus|size=48px}}{{MSP|0645|Landorus|size=48px}}{{MSP|0905|Enamorus|size=48px}}<br>{{color2|000|Forces of Nature}}</div>
<div class="roundy" style="background: #{{alola color light}}; border: 2px solid #{{alola color dark}}; padding: 3px">{{MSP|0785|Tapu Koko|size=48px}}{{MSP|0786|Tapu Lele|size=48px}}{{MSP|0787|Tapu Bulu|size=48px}}{{MSP|0788|Tapu Fini|size=48px}}<br>{{color2|000|Guardian deities}}</div>
<div class="roundy" style="background: #{{alola color}}; border: 2px solid #{{alola color dark}}; padding: 3px">{{MSP|0785|Tapu Koko|size=48px}}{{MSP|0786|Tapu Lele|size=48px}}{{MSP|0787|Tapu Bulu|size=48px}}{{MSP|0788|Tapu Fini|size=48px}}<br>{{color2|000|Guardian deities}}</div>
<div class="roundy" style="background: #{{dark color light}}; border: 2px solid #{{dark color dark}}; padding: 3px">{{MSP|1001|Wo-Chien|size=48px}}{{MSP|1002|Chien-Pao|size=48px}}{{MSP|1003|Ting-Lu|size=48px}}{{MSP|1004|Chi-Yu|size=48px}}<br>{{color2|000|Treasures of ruin}}</div>
<div class="roundy" style="background: #{{dark color light}}; border: 2px solid #{{dark color dark}}; padding: 3px">{{MSP|1001|Wo-Chien|size=48px}}{{MSP|1002|Chien-Pao|size=48px}}{{MSP|1003|Ting-Lu|size=48px}}{{MSP|1004|Chi-Yu|size=48px}}<br>{{color2|000|Treasures of ruin}}</div>
</div></div>
</div></div>
Line 36: Line 36:
<div class="roundybl" style="display:flex; color:#fff; background: #{{Pokémon color}}; align-items:center; justify-content:center; width:80px;">'''Quintets'''</div>
<div class="roundybl" style="display:flex; color:#fff; background: #{{Pokémon color}}; align-items:center; justify-content:center; width:80px;">'''Quintets'''</div>
<div class="roundybr c" style="background: #{{Pokémon color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; gap: 5px;">
<div class="roundybr c" style="background: #{{Pokémon color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; gap: 5px;">
<div class="roundy" style="background: #{{normal color light}}; border: 2px solid #{{normal color dark}}; padding: 3px"><div style="display:inline-block;">{{MSP|0377|Regirock|size=48px}}{{MSP|0378|Regice|size=48px}}{{MSP|0379|Registeel|size=48px}}</div><div style="display:inline-block;">{{MSP|0894|Regieleki|size=48px}}{{MSP|0895|Regidrago|size=48px}}</div><br>{{color2|000|Legendary giants}}</div>
<div class="roundy" style="background: #{{normal color}}; border: 2px solid #{{normal color dark}}; padding: 3px"><div style="display:inline-block;">{{MSP|0377|Regirock|size=48px}}{{MSP|0378|Regice|size=48px}}{{MSP|0379|Registeel|size=48px}}</div><div style="display:inline-block;">{{MSP|0894|Regieleki|size=48px}}{{MSP|0895|Regidrago|size=48px}}</div><br>{{color2|000|Legendary giants}}</div>
</div>
</div>
</div>
</div>