19,326
edits
Template:Mail nav: Difference between revisions
no edit summary
(this should work) |
No edit summary |
||
| 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: | <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( | <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; display: flex; justify-content: center; align-items: center;">[[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; display: flex; justify-content: center; align-items: center;">[[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> | ||
| Line 19: | Line 19: | ||
<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: | <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( | <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: | <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( | <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 52: | Line 52: | ||
<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: | <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( | <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> | ||