Template:Mail nav: Difference between revisions

From Bulbapedia, the community-driven Pokémon encyclopedia.
Jump to navigationJump to search
mNo edit summary
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 4: Line 4:


<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 class="roundytl" style="display:flex; color:#fff; background: #{{johto color}}; align-items:center; justify-content:center; width:120px">'''{{color2|fff|Generation II}}'''</div>
<div class="roundytl" style="display: flex; color:#fff; background: #{{johto color}}; align-items:center; justify-content:center; width:80px">'''{{color2|fff|Generation II|Gen II}}'''</div>
<div class="roundytr c blacklinks" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap:2px; place-items:center stretch; flex:1; flex-wrap: wrap; justify-content: center; background: #{{johto color light}}; margin:auto; padding: 5px; font-size: 90%">  
<div class="roundytr c blacklinks" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap:2px; place-items:stretch stretch; flex:1; flex-wrap: wrap; justify-content: center; background: #{{johto color light}}; margin:auto; padding: 5px; font-size: 90%">  
<div class="roundy" style="background: #{{Let's Go Eevee color}}; border: 2px solid #{{Let's Go Eevee color dark}}; padding: 2px">[[Eon Mail]]</div>
<div class="roundy" style="background: #{{Let's Go Eevee color}}; border: 2px solid #{{Let's Go Eevee color dark}}; padding: 2px">[[Eon Mail]]</div>
<div class="roundy" style="background: #{{grass color light}}; border: 2px solid #{{poison color dark}}; padding: 2px">[[Flower Mail]]</div>
<div class="roundy" style="background: #{{grass color light}}; border: 2px solid #{{poison color dark}}; padding: 2px">[[Flower Mail]]</div>
<div class="roundy" style="background: #{{dragon color light}}; border: 2px solid #{{dragon color}}; padding: 2px">[[Litebluemail]]</div>
<div class="roundy" style="background: #{{dragon color light}}; border: 2px solid #{{dragon color}}; padding: 2px">[[Litebluemail]]</div>
<div class="roundy" style="background: #{{cuteness color light}}; border: 2px solid #{{cuteness color}}; padding: 2px">[[Lovely Mail]]</div>
<div class="roundy" style="background: #{{cuteness color light}}; border: 2px solid #{{cuteness color}}; padding: 2px">[[Lovely Mail]]</div>
<div class="roundy" style="background: #{{ditto egg color}}; border: 2px solid #{{ditto egg color dark}}; padding: 2px">[[Morph Mail]]</div>
<div class="roundy" style="background: #{{ditto egg color}}; border: 2px solid #{{ditto egg color dark}}; padding: 2px; display: flex; justify-content: center; align-items: center;">[[Morph Mail]]</div>
<div class="roundy" style="background: #{{psychic color light}}; border: 2px solid #{{flying color dark}}; padding: 2px">[[Music Mail]]</div>
<div class="roundy" style="background: #{{psychic color light}}; border: 2px solid #{{flying color dark}}; padding: 2px; display: flex; justify-content: center; align-items: center;">[[Music Mail]]</div>
<div class="roundy" style="background: #{{orange color light}}; border: 2px solid #{{orange color dark}}; padding: 2px">[[Portraitmail]]</div>
<div class="roundy" style="background: #{{orange color light}}; border: 2px solid #{{orange color dark}}; padding: 2px; display: flex; justify-content: center; align-items: center;">[[Portraitmail]]</div>
<div class="roundy" style="background: #{{water color}}; border: 2px solid #{{ice color dark}}; padding: 2px">[[Surf Mail]]</div>
<div class="roundy" style="background: #{{water color}}; border: 2px solid #{{ice color dark}}; padding: 2px; display: flex; justify-content: center; align-items: center;">[[Surf Mail]]</div>
<div class="roundy" style="background: #{{flying color}}; border: 2px solid #{{flying color dark}}; padding: 2px">[[Bluesky Mail]]</div>
<div class="roundy" style="background: #{{flying color}}; border: 2px solid #{{flying color dark}}; padding: 2px">[[Bluesky Mail]]<br><div style="font-size:80%;">(Event-only)</div></div>
<div class="roundy" style="background: #{{psychic color}}; border: 2px solid #{{psychic color dark}}; padding: 2px">[[Mirage Mail]]</div>
<div class="roundy" style="background: #{{psychic color}}; border: 2px solid #{{psychic color dark}}; padding: 2px">[[Mirage Mail]]<br><div style="font-size:80%;">(Event-only)</div></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: #{{hoenn color}}; align-items:center; justify-content:center; width:120px;">'''{{color2|fff|Generation III}}'''</div>
<div style="display:flex; color:#fff; background: #{{hoenn color}}; align-items:center; justify-content:center; width:80px;">'''{{color2|fff|Generation III|Gen III}}'''</div>
<div class="blacklinks" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap:2px; place-items:center stretch; flex:1; flex-wrap: wrap; justify-content: center; background: #{{hoenn color light}}; margin:auto; padding: 5px; font-size: 90%">  
<div class="blacklinks" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap:2px; place-items:stretch stretch; flex:1; flex-wrap: wrap; justify-content: center; background: #{{hoenn color light}}; margin:auto; padding: 5px; font-size: 90%">  
<div class="roundy" style="background: #{{treasures color}}; border: 2px solid #{{treasures color dark}}; padding: 2px">[[File:Bag Bead Mail Sprite.png|x20px|link=Bead Mail]] [[Bead Mail]]</div>
<div class="roundy" style="background: #{{treasures color}}; border: 2px solid #{{treasures color dark}}; padding: 2px">[[File:Bag Bead Mail Sprite.png|x20px|link=Bead Mail]] [[Bead Mail]]</div>
<div class="roundy" style="background: #{{dream color}}; border: 2px solid #{{dream color dark}}; padding: 2px">[[File:Bag Dream Mail Sprite.png|x20px|link=Dream Mail]] [[Dream Mail]]</div>
<div class="roundy" style="background: #{{dream color}}; border: 2px solid #{{dream color dark}}; padding: 2px">[[File:Bag Dream Mail Sprite.png|x20px|link=Dream Mail]] [[Dream Mail]]</div>
Line 35: Line 35:


<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: #{{sinnoh color}}; align-items:center; justify-content:center; width:120px;">'''{{color2|fff|Generation IV}}'''</div>
<div style="display:flex; color:#fff; background: #{{sinnoh color}}; align-items:center; justify-content:center; width:80px;">'''{{color2|fff|Generation IV|Gen IV}}'''</div>
<div class="blacklinks" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap:2px; place-items:center stretch; flex:1; flex-wrap: wrap; justify-content: center; background: #{{sinnoh color light}}; margin:auto; padding: 5px; font-size: 90%">  
<div class="blacklinks" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap:2px; place-items:stretch stretch; flex:1; flex-wrap: wrap; justify-content: center; background: #{{sinnoh color light}}; margin:auto; padding: 5px; font-size: 90%">  
<div class="roundy" style="background: #{{flying color light}}; border: 2px solid #{{flying color dark}}; padding: 2px">[[File:Bag Air Mail Sprite.png|x20px|link=Air Mail]] [[Air Mail]]</div>
<div class="roundy" style="background: #{{flying color light}}; border: 2px solid #{{flying color dark}}; padding: 2px">[[File:Bag Air Mail Sprite.png|x20px|link=Air Mail]] [[Air Mail]]</div>
<div class="roundy" style="background: #{{water 1 egg color}}; border: 2px solid #{{water 1 egg color dark}}; padding: 2px">[[File:Bag Bloom Mail Sprite.png|x20px|link=Bloom Mail]] [[Bloom Mail]]</div>
<div class="roundy" style="background: #{{water 1 egg color}}; border: 2px solid #{{water 1 egg color dark}}; padding: 2px">[[File:Bag Bloom Mail Sprite.png|x20px|link=Bloom Mail]] [[Bloom Mail]]</div>
Line 45: Line 45:
<div class="roundy" style="background: #{{ice color light}}; border: 2px solid #{{ice color dark}}; padding: 2px">[[File:Bag Snow Mail Sprite.png|x20px|link=Snow Mail]] [[Snow Mail]]</div>
<div class="roundy" style="background: #{{ice color light}}; border: 2px solid #{{ice color dark}}; padding: 2px">[[File:Bag Snow Mail Sprite.png|x20px|link=Snow Mail]] [[Snow Mail]]</div>
<div class="roundy" style="background: #{{TCG Pokémon Tool color light}}; border: 2px solid #{{TCG Pokémon Tool color dark}}; padding: 2px">[[File:Bag Space Mail Sprite.png|x20px|link=Space Mail]] [[Space Mail]]</div>
<div class="roundy" style="background: #{{TCG Pokémon Tool color light}}; border: 2px solid #{{TCG Pokémon Tool color dark}}; padding: 2px">[[File:Bag Space Mail Sprite.png|x20px|link=Space Mail]] [[Space Mail]]</div>
<div class="roundy" style="background: #{{TCG Metal color light}}; border: 2px solid #{{TCG Metal color dark}}; padding: 2px">[[File:Bag Steel Mail Sprite.png|x20px|link=Steel Mail]] [[Steel Mail]]</div>
<div class="roundy" style="background: #{{TCG Metal color light}}; border: 2px solid #{{TCG Metal color dark}}; padding: 2px; display: flex; align-items: center;">[[File:Bag Steel Mail Sprite.png|x20px|link=Steel Mail]] [[Steel Mail]]</div>
<div class="roundy" style="background: #{{Locationcolor/light|Cave}}; border: 2px solid #{{Locationcolor/dark|Cave}}; padding: 2px">[[File:Bag Tunnel Mail Sprite.png|x20px|link=Tunnel Mail]] [[Tunnel Mail]]</div>
<div class="roundy" style="background: #{{Locationcolor/light|Cave}}; border: 2px solid #{{Locationcolor/dark|Cave}}; padding: 2px; display: flex; align-items: center;">[[File:Bag Tunnel Mail Sprite.png|x20px|link=Tunnel Mail]] [[Tunnel Mail]]</div>
<div class="roundy" style="background: #{{Orre color light}}; border: 2px solid #{{Orre color dark}}; padding: 2px">[[File:Bag Brick Mail Sprite.png|x20px|link=Brick Mail]] [[Brick Mail]]</div>
<div class="roundy" style="background: #{{Orre color light}}; border: 2px solid #{{Orre color dark}}; padding: 2px">[[File:Bag Brick Mail Sprite.png|x20px|link=Brick Mail]] [[Brick Mail]]<br><div style="font-size:80%; text-align:center;">(Event-only)</div></div>
<div class="roundy" style="background: #{{white color light}}; border: 2px solid #{{white color dark}}; padding: 2px">[[File:Bag Mosaic Mail Sprite.png|x20px|link=Mosaic Mail]] [[Mosaic Mail]]</div>
<div class="roundy" style="background: #{{white color light}}; border: 2px solid #{{white color dark}}; padding: 2px">[[File:Bag Mosaic Mail Sprite.png|x20px|link=Mosaic Mail]] [[Mosaic Mail]]<br><div style="font-size:80%; text-align:center;">([[List of unobtainable items|Unobtainable]])</div></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 class="roundybl" style="display:flex; color:#fff; background: #{{unova color}}; align-items:center; justify-content:center; width:120px;">'''{{color2|fff|Generation V}}'''</div>
<div class="roundybl" style="display:flex; color:#fff; background: #{{unova color}}; align-items:center; justify-content:center; width:80px;">'''{{color2|fff|Generation V|Gen V}}'''</div>
<div class="roundybr blacklinks" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap:2px; place-items:center stretch; flex:1; flex-wrap: wrap; justify-content: center; background: #{{unova color light}}; margin:auto; padding: 5px; font-size: 90%">  
<div class="roundybr blacklinks" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap:2px; place-items:stretch stretch; flex:1; flex-wrap: wrap; justify-content: center; background: #{{unova color light}}; margin:auto; padding: 5px; font-size: 90%">  
<div class="roundy" style="background: #{{scarlet color light}}; border: 2px solid #{{scarlet color dark}}; padding: 2px">[[File:Bag BridgeMail D Sprite.png|x20px|link=BridgeMail D]] [[BridgeMail D]]</div>
<div class="roundy" style="background: #{{scarlet color light}}; border: 2px solid #{{scarlet color dark}}; padding: 2px">[[File:Bag BridgeMail D Sprite.png|x20px|link=BridgeMail D]] [[BridgeMail D]]</div>
<div class="roundy" style="background: #{{contest color}}; border: 2px solid #{{contest color dark}}; padding: 2px">[[File:Bag BridgeMail M Sprite.png|x20px|link=BridgeMail M]] [[BridgeMail M]]</div>
<div class="roundy" style="background: #{{contest color}}; border: 2px solid #{{contest color dark}}; padding: 2px">[[File:Bag BridgeMail M Sprite.png|x20px|link=BridgeMail M]] [[BridgeMail M]]</div>

Latest revision as of 22:46, 29 April 2024