Template:Core series: Difference between revisions

From Bulbapedia, the community-driven Pokémon encyclopedia.
Jump to navigationJump to search
(resolving various visual issues)
No edit summary
 
Line 2: Line 2:
<div class="roundytop blacklinks c" style="margin-left: 20px; margin-right: 20px; background: #{{Bulba color}}; padding: 2px 15px;">'''[[Core series]] {{color|000|games and}} [[DLC]]'''</div>
<div class="roundytop blacklinks c" style="margin-left: 20px; margin-right: 20px; background: #{{Bulba color}}; padding: 2px 15px;">'''[[Core series]] {{color|000|games and}} [[DLC]]'''</div>
<div style="display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:0.5px; padding-bottom:1px;">
<div style="display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:0.5px; padding-bottom:1px;">
<div class="roundytl" style="display:flex; color:#fff; background: #{{kanto color}}; align-items:center; justify-content:center; width:50px">'''{{color2|fff|Generation I|I}}'''</div>
<div class="roundytl" style="display:flex; color:#fff; background: #{{kanto color}}; align-items:center; justify-content:center; width:75px">'''{{color2|fff|Generation I|Gen I}}'''</div>
<div class="roundytr c" style="background:#{{Bulba color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: 5px; font-size: 90%">
<div class="roundytr c" style="background:#{{Bulba color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: 5px; font-size: 90%">
<div>
<div>
Line 16: Line 16:
</div></div>
</div></div>
<div style="display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:0.5px; padding-bottom:1px;">
<div style="display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:0.5px; padding-bottom:1px;">
<div style="display:flex; color:#fff; background: #{{johto color}}; align-items:center; justify-content:center; width:50px;">'''{{color2|fff|Generation II|II}}'''</div>
<div style="display:flex; color:#fff; background: #{{johto color}}; align-items:center; justify-content:center; width:75px">'''{{color2|fff|Generation II|Gen II}}'''</div>
<div class="c" style="background: #{{Bulba color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: 5px; font-size: 90%">
<div class="c" style="background: #{{Bulba color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: 5px; font-size: 90%">
<div>
<div>
Line 25: Line 25:
</div></div>
</div></div>
<div style="display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:0.5px; padding-bottom:1px;">
<div style="display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:0.5px; padding-bottom:1px;">
<div style="display:flex; color:#fff; background: #{{hoenn color}}; align-items:center; justify-content:center; width:50px;">'''{{color2|fff|Generation III|III}}'''</div>
<div style="display:flex; color:#fff; background: #{{hoenn color}}; align-items:center; justify-content:center; width:75px">'''{{color2|fff|Generation III|Gen III}}'''</div>
<div class="c" style="background: #{{Bulba color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: 5px; font-size: 90%">
<div class="c" style="background: #{{Bulba color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: 5px; font-size: 90%">
<div>
<div>
Line 38: Line 38:
</div></div>
</div></div>
<div style="display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:0.5px; padding-bottom:1px;">
<div style="display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:0.5px; padding-bottom:1px;">
<div style="display:flex; color:#fff; background: #{{sinnoh color}}; align-items:center; justify-content:center; width:50px;">'''{{color2|fff|Generation IV|IV}}'''</div>
<div style="display:flex; color:#fff; background: #{{sinnoh color}}; align-items:center; justify-content:center; width:75px">'''{{color2|fff|Generation IV|Gen IV}}'''</div>
<div class="c" style="background: #{{Bulba color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: 5px; font-size: 90%">
<div class="c" style="background: #{{Bulba color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: 5px; font-size: 90%">
<div>
<div>
Line 51: Line 51:
</div></div>
</div></div>
<div style="display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:0.5px; padding-bottom:1px;">
<div style="display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:0.5px; padding-bottom:1px;">
<div style="display:flex; color:#fff; background: #{{unova color}}; align-items:center; justify-content:center; width:50px;">'''{{color2|fff|Generation V|V}}'''</div>
<div style="display:flex; color:#fff; background: #{{unova color}}; align-items:center; justify-content:center; width:75px">'''{{color2|fff|Generation V|Gen V}}'''</div>
<div class="c" style="background: #{{Bulba color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: 5px; font-size: 90%">
<div class="c" style="background: #{{Bulba color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: 5px; font-size: 90%">
<div>
<div>
Line 63: Line 63:
</div></div>
</div></div>
<div style="display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:0.5px; padding-bottom:1px;">
<div style="display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:0.5px; padding-bottom:1px;">
<div style="display:flex; color:#fff; background: #{{kalos color}}; align-items:center; justify-content:center; width:50px;">'''{{color2|fff|Generation VI|VI}}'''</div>
<div style="display:flex; color:#fff; background: #{{kalos color}}; align-items:center; justify-content:center; width:75px">'''{{color2|fff|Generation VI|Gen VI}}'''</div>
<div class="c" style="background: #{{Bulba color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: 5px; font-size: 90%">
<div class="c" style="background: #{{Bulba color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: 5px; font-size: 90%">
<div>
<div>
Line 75: Line 75:
</div></div>
</div></div>
<div style="display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:0.5px; padding-bottom:1px;">
<div style="display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:0.5px; padding-bottom:1px;">
<div style="display:flex; color:#fff; background: #{{alola color}}; align-items:center; justify-content:center; width:50px;">'''{{color2|fff|Generation VII|VII}}'''</div>
<div style="display:flex; color:#fff; background: #{{alola color}}; align-items:center; justify-content:center; width:75px">'''{{color2|fff|Generation VII|Gen VII}}'''</div>
<div class="c" style="background: #{{Bulba color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: 5px; font-size: 90%">
<div class="c" style="background: #{{Bulba color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: 5px; font-size: 90%">
<div>
<div>
Line 91: Line 91:
</div></div>
</div></div>
<div style="display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:0.5px; padding-bottom:1px;">
<div style="display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:0.5px; padding-bottom:1px;">
<div style="display:flex; color:#fff; background: #{{galar color}}; align-items:center; justify-content:center; width:50px;">'''{{color2|fff|Generation VIII|VIII}}'''</div>
<div style="display:flex; color:#fff; background: #{{galar color}}; align-items:center; justify-content:center; width:75px">'''{{color2|fff|Generation VIII|Gen VIII}}'''</div>
<div class="c" style="background: #{{Bulba color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: 5px; font-size: 90%">
<div class="c" style="background: #{{Bulba color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: 5px; font-size: 90%">
<div style="display: flex; justify-content: center; align-items: center;">
<div style="display: flex; justify-content: center; align-items: center;">
Line 116: Line 116:
</div></div>
</div></div>
<div style="display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:0.5px; padding-bottom:1px;">
<div style="display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:0.5px; padding-bottom:1px;">
<div class="roundybl" style="display:flex; color:#fff; background: #{{paldea color}}; align-items:center; justify-content:center; width:50px;">'''{{color2|fff|Generation IX|IX}}'''</div>
<div class="roundybl" style="display:flex; color:#fff; background: #{{paldea color}}; align-items:center; justify-content:center; width:75px">'''{{color2|fff|Generation IX|Gen IX}}'''</div>
<div class="roundybr c" style="background: #{{Bulba color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: 5px; font-size: 90%">
<div class="roundybr c" style="background: #{{Bulba color light}}; padding: 5px; flex:1; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: 5px; font-size: 90%">
<div style="display: flex; justify-content: center; align-items: center;">
<div style="display: flex; justify-content: center; align-items: center;">

Latest revision as of 15:12, 23 May 2024