Ash Ketchum: Difference between revisions

Ash Ketchum (view source)

Revision as of 07:39, 20 March 2024

646 bytes added , 20 March

→‎Artwork: responsive layout

PikaTepig999

7,762

edits

@@ Line 521: / Line 521: @@
 ===Artwork===
-<div class="scrollbox">
+<div class=roundy style="display:table; margin:auto; text-align:center; border:2px solid #{{HP color light}}; background:#{{X color light}}; font-size:90%; padding:2px"><!--border box OPEN -->
-{| style="margin:auto; text-align:center; {{roundy|15px}} border:2px solid #{{HP color light}}; background:#{{X color light}}; font-size:80%"
+<div style="display:flex; flex-wrap:wrap; justify-content:space-evenly; gap:5px; padding:2px"><!--flex container OPEN -->
-| style="{{roundy|15px}} border:2px solid #{{HP color light}}; background:#{{ice color light}}; width:96px" | [[File:Ash OS 2.png|x300px]]
+<div><!--flex item OPEN -->
-| style="{{roundy|15px}} border:2px solid #{{HP color light}}; background:#{{ice color light}}; width:96px" | [[File:Ash AG 3.png|x300px]]
+<div style="{{roundy|15px}} border:2px solid #{{HP color light}}; background:#{{ice color light}}">[[File:Ash OS 2.png|x300px]]</div>
-| style="{{roundy|15px}} border:2px solid #{{HP color light}}; background:#{{ice color light}}; width:96px" | [[File:Ash DP 3.png|x300px]]
+<p class=blacklinks>Official artwork from<br>the [[original series]]</p>
-| style="{{roundy|15px}} border:2px solid #{{HP color light}}; background:#{{ice color light}}; width:96px" | [[File:Ash Ketchum BW.png|x300px]]
+</div><!--flex item CLOSE -->
-| style="{{roundy|15px}} border:2px solid #{{HP color light}}; background:#{{ice color light}}; width:96px" | [[File:Ash XY 4.png|x300px]]
+<div><!--flex item OPEN -->
-| style="{{roundy|15px}} border:2px solid #{{HP color light}}; background:#{{ice color light}}; width:96px" | [[File:Ash SM.png|x300px]]
+<div style="{{roundy|15px}} border:2px solid #{{HP color light}}; background:#{{ice color light}}">[[File:Ash AG 3.png|x300px]]</div>
-| style="{{roundy|15px}} border:2px solid #{{HP color light}}; background:#{{ice color light}}; width:96px" | [[File:Ash JN.png|x300px]]
+<p class=blacklinks>Official artwork from<br>''[[Pokémon the Series: Ruby and Sapphire]]''</p>
-|-
+</div><!--flex item CLOSE -->
-| Official artwork from the<br>{{color2|000|original series}}
+<div><!--flex item OPEN -->
-| Official artwork from<br>''{{color2|000|Pokémon the Series: Ruby and Sapphire}}''
+<div style="{{roundy|15px}} border:2px solid #{{HP color light}}; background:#{{ice color light}}">[[File:Ash DP 3.png|x300px]]</div>
-| Official artwork from<br>''{{color2|000|Pokémon the Series: Diamond and Pearl}}''
+<p class=blacklinks>Official artwork from<br>''[[Pokémon the Series: Diamond and Pearl]]''</p>
-| Official artwork from<br>''{{color2|000|Pokémon the Series: Black & White}}''
+</div><!--flex item CLOSE -->
-| Official artwork from<br>''{{color2|000|Pokémon the Series: XY}}''
+<div><!--flex item OPEN -->
-| Official artwork from<br>''{{color2|000|Pokémon the Series: Sun & Moon}}''
+<div style="{{roundy|15px}} border:2px solid #{{HP color light}}; background:#{{ice color light}}">[[File:Ash Ketchum BW.png|x300px]]</div>
-| Official artwork from<br>''{{color2|000|Pokémon Journeys: The Series}}''
+<p class=blacklinks>Official artwork from<br>''[[Pokémon the Series: Black and White]]''</p>
-|-
+</div><!--flex item CLOSE -->
-| colspan=7 style="{{roundy|15px}} border:2px solid #{{HP color light}}; background:#{{ice color light}}; width:96px" | For more artwork, please see [[a:Category:Ash Ketchum|Ash Ketchum images on the Bulbagarden Archives]].
+<div><!--flex item OPEN -->
-|}
+<div style="{{roundy|15px}} border:2px solid #{{HP color light}}; background:#{{ice color light}}"> [[File:Ash XY 4.png|x300px]]</div>
-</div>
+<p class=blacklinks>Official artwork from<br>''[[Pokémon the Series:XY]]''</p>
+</div><!--flex item CLOSE -->
+<div><!--flex item OPEN -->
+<div style="{{roundy|15px}} border:2px solid #{{HP color light}}; background:#{{ice color light}}">[[File:Ash SM.png|x300px]]</div>
+<p class=blacklinks>Official artwork from<br>''[[Pokémon the Series: Sun and Moon]]''</p>
+</div><!--flex item CLOSE -->
+<div><!--flex item OPEN -->
+<div style="{{roundy|15px}} border:2px solid #{{HP color light}}; background:#{{ice color light}}">[[File:Ash JN.png|x300px]]</div>
+<p class=blacklinks>Official artwork from<br>''[[Pokémon Journeys: the Series]]''</p>
+</div><!--flex item CLOSE -->
+</div><!--flex container CLOSE -->
+<p style="{{roundy|15px}} border:2px solid #{{HP color light}}; background:#{{ice color light}}">For more artwork, please see [[a:Category:Ash Ketchum|Ash Ketchum images on the Bulbagarden Archives]].</p><!--banner -->
+</div><!--border box CLOSE -->
 ==In the core series games==