Template:First partner trios: Difference between revisions

m
mobile fix?
(Term>first partner / divs)
m (mobile fix?)
Line 3: Line 3:
<div style="display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 3px;"><!-- region list OPEN -->
<div style="display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 3px;"><!-- region list OPEN -->


<div style="padding: 2px; width: 199px;"><!-- region OPEN -->
<div style="padding: 2px; width: 250px;"><!-- region OPEN -->
<div style="font-weight: bold; background-color: #{{Kanto color light}}; {{roundytop}}">Kanto</div><!-- region header -->
<div style="font-weight: bold; background-color: #{{Kanto color light}}; {{roundytop}}">Kanto</div><!-- region header -->
<div style="display: flex; flex-direction: row; gap: 1px; background-color: #{{Kanto color}}; {{roundybottom}}"><!-- trio OPEN -->
<div style="display: flex; flex-direction: row; gap: 1px; background-color: #{{Kanto color}}; {{roundybottom}}"><!-- trio OPEN -->
Line 12: Line 12:
</div><!-- region CLOSE -->
</div><!-- region CLOSE -->


<div style="padding: 2px; width: 199px;"><!-- region OPEN -->
<div style="padding: 2px; width: 250px;"><!-- region OPEN -->
<div style="font-weight: bold; background-color: #{{Johto color light}}; {{roundytop}}">Johto</div><!-- region header -->
<div style="font-weight: bold; background-color: #{{Johto color light}}; {{roundytop}}">Johto</div><!-- region header -->
<div style="display: flex; flex-direction: row; gap: 1px; background-color: #{{Johto color}}; {{roundybottom}}"><!-- trio OPEN -->
<div style="display: flex; flex-direction: row; gap: 1px; background-color: #{{Johto color}}; {{roundybottom}}"><!-- trio OPEN -->
Line 21: Line 21:
</div><!-- region CLOSE -->
</div><!-- region CLOSE -->


<div style="padding: 2px; width: 199px;"><!-- region OPEN -->
<div style="padding: 2px; width: 250px;"><!-- region OPEN -->
<div style="font-weight: bold; background-color: #{{Hoenn color light}}; {{roundytop}}">Hoenn</div><!-- region header -->
<div style="font-weight: bold; background-color: #{{Hoenn color light}}; {{roundytop}}">Hoenn</div><!-- region header -->
<div style="display: flex; flex-direction: row; gap: 1px; background-color: #{{Hoenn color}}; {{roundybottom}}"><!-- trio OPEN -->
<div style="display: flex; flex-direction: row; gap: 1px; background-color: #{{Hoenn color}}; {{roundybottom}}"><!-- trio OPEN -->
Line 30: Line 30:
</div><!-- region CLOSE -->
</div><!-- region CLOSE -->


<div style="padding: 2px; width: 199px;"><!-- region OPEN -->
<div style="padding: 2px; width: 250px;"><!-- region OPEN -->
<div style="font-weight: bold; background-color: #{{Sinnoh color light}}; {{roundytop}}">Sinnoh</div><!-- region header -->
<div style="font-weight: bold; background-color: #{{Sinnoh color light}}; {{roundytop}}">Sinnoh</div><!-- region header -->
<div style="display: flex; flex-direction: row; gap: 1px; background-color: #{{Sinnoh color}}; {{roundybottom}}"><!-- trio OPEN -->
<div style="display: flex; flex-direction: row; gap: 1px; background-color: #{{Sinnoh color}}; {{roundybottom}}"><!-- trio OPEN -->
Line 39: Line 39:
</div><!-- region CLOSE -->
</div><!-- region CLOSE -->


<div style="padding: 2px; width: 199px;"><!-- region OPEN -->
<div style="padding: 2px; width: 250px;"><!-- region OPEN -->
<div style="font-weight: bold; background-color: #{{Unova color light}}; {{roundytop}}">Unova</div><!-- region header -->
<div style="font-weight: bold; background-color: #{{Unova color light}}; {{roundytop}}">Unova</div><!-- region header -->
<div style="display: flex; flex-direction: row; gap: 1px; background-color: #{{Unova color}}; {{roundybottom}}"><!-- trio OPEN -->
<div style="display: flex; flex-direction: row; gap: 1px; background-color: #{{Unova color}}; {{roundybottom}}"><!-- trio OPEN -->
Line 48: Line 48:
</div><!-- region CLOSE -->
</div><!-- region CLOSE -->


<div style="padding: 2px; width: 199px;"><!-- region OPEN -->
<div style="padding: 2px; width: 250px;"><!-- region OPEN -->
<div style="font-weight: bold; background-color: #{{Kalos color light}}; {{roundytop}}">Kalos</div><!-- region header -->
<div style="font-weight: bold; background-color: #{{Kalos color light}}; {{roundytop}}">Kalos</div><!-- region header -->
<div style="display: flex; flex-direction: row; gap: 1px; background-color: #{{Kalos color}}; {{roundybottom}}"><!-- trio OPEN -->
<div style="display: flex; flex-direction: row; gap: 1px; background-color: #{{Kalos color}}; {{roundybottom}}"><!-- trio OPEN -->
Line 57: Line 57:
</div><!-- region CLOSE -->
</div><!-- region CLOSE -->


<div style="padding: 2px; width: 199px;"><!-- region OPEN -->
<div style="padding: 2px; width: 250px;"><!-- region OPEN -->
<div style="font-weight: bold; background-color: #{{Alola color light}}; {{roundytop}}">Alola</div><!-- region header -->
<div style="font-weight: bold; background-color: #{{Alola color light}}; {{roundytop}}">Alola</div><!-- region header -->
<div style="display: flex; flex-direction: row; gap: 1px; background-color: #{{Alola color}}; {{roundybottom}}"><!-- trio OPEN -->
<div style="display: flex; flex-direction: row; gap: 1px; background-color: #{{Alola color}}; {{roundybottom}}"><!-- trio OPEN -->
Line 66: Line 66:
</div><!-- region CLOSE -->
</div><!-- region CLOSE -->


<div style="padding: 2px; width: 199px;"><!-- region OPEN -->
<div style="padding: 2px; width: 250px;"><!-- region OPEN -->
<div style="font-weight: bold; background-color: #{{Galar color light}}; {{roundytop}}">Galar</div><!-- region header -->
<div style="font-weight: bold; background-color: #{{Galar color light}}; {{roundytop}}">Galar</div><!-- region header -->
<div style="display: flex; flex-direction: row; gap: 1px; background-color: #{{Galar color}}; {{roundybottom}}"><!-- trio OPEN -->
<div style="display: flex; flex-direction: row; gap: 1px; background-color: #{{Galar color}}; {{roundybottom}}"><!-- trio OPEN -->
Line 75: Line 75:
</div><!-- region CLOSE -->
</div><!-- region CLOSE -->


<div style="padding: 2px; width: 199px;"><!-- region OPEN -->
<div style="padding: 2px; width: 250px;"><!-- region OPEN -->
<div style="font-weight: bold; background-color: #{{Paldea color light}}; {{roundytop}}">Paldea</div><!-- region header -->
<div style="font-weight: bold; background-color: #{{Paldea color light}}; {{roundytop}}">Paldea</div><!-- region header -->
<div style="display: flex; flex-direction: row; gap: 1px; background-color: #{{Paldea color}}; {{roundybottom}}"><!-- trio OPEN -->
<div style="display: flex; flex-direction: row; gap: 1px; background-color: #{{Paldea color}}; {{roundybottom}}"><!-- trio OPEN -->