Pokedex2 code
Aug. 8th, 2015 03:36 pm![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
wingsofcover<div style="width:300px; height:auto; padding:0 0 0 0; float:left; border-radius: 25px; border: 2px solid #8e8e8e; background-color: #D6FFFF;">
<img style=" margin: 0 0 0 0;" src="http://i62.tinypic.com/e0j12a.png">
<table style="width:300px; font-family:century gothic, sans-serif; text-align:left; margin:0 0 0 0; border-bottom:2px solid #8e8e8e;">
<tr>
<td style="vertical-align:top; padding:0px 10px 0px 10px;" rowspan="4">
<!--IMAGE-->
<img src="http://i58.tinypic.com/29ndq3p.gif"></td>
<td style="width:300px; height:35px; vertical-align:top; padding-top:15px;">
<!--NAME-->
<div style="font-size:25px; padding-left:5px; text-transform:uppercase; letter-spacing:2px;">Slam
<span style="font-size:12px; letter-spacing:1px; text-transform:uppercase; font-variant:small-caps;"> <p>
<img src="http://i61.tinypic.com/2iudvk2.png" style="height:18px; margin:0 2px -3px 0;">
<!--SPECIES-->
<span> Arcanine</span></span></div></td></tr>
</table>
<div style="width:300px; margin:0px; padding:0px; max-height:225px; overflow-y:auto; background-color:#E0FFFF;">
<table style="align:center; margin:0px; width:280px;">
<tr>
<td style="width:290px; max-height:83px; vertical-align:top; padding:4px 2px 5px 5px; font-size:12px;">
<div>
<div title="A Bug Type Move" style="float:left; display:block; color:#ffffff; background-color: #909f12; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">BUG</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #3f2f25; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">DARK</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #7862da; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">DRAGON</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #e79302; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">ELECTRIC</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #e08fe0; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">FAIRY</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #76331f; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">Fighting</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #cd2904; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">FIRE</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #5e74d4; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">FLYING</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #454593; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">Ghost</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #47a214; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">grass</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #c6a857; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">ground</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #79d8f7; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">ice</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #cecac2; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">normal</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #964d98; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">poison</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #ee588d; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">psychic</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #9e873d; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">rock</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #9696a7; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">steel</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #2581dd; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">water</div>
</div>
</td>
</tr>
<tr>
<td style="width:290px; vertical-align:top; padding:4px 2px 5px 5px;">
<div style="width:90px; vertical-align:top; padding:4px 2px 5px 0px; float:left;">
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Level: 100</span></div>
<!--Affection-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Affection</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 100%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
<!--HP-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">HP</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 75%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
<!--Attack-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Attack</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 75%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
<!--Defense-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Defense</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 75%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
<!--Special Atk.-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Special Atk.</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 75%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
<!--Special Def.-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Special Def.</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 75%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
<!--Speed-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Speed</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 75%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
</div>
<div style="width:250px; padding:4px 2px 5px 5px; font-family:arial; line-height:180%; color:#202020; text-align:justify; font-size:10px;">
<div>
<p>Arcanine is a quadruped, canine Pokémon with an orange pelt marked by jagged black stripes.
It has diamond-shaped ears with beige insides, black eyes, a round, black nose, and two pointed
teeth protruding from its upper jaw. Its head, muzzle, and chest are covered in shaggy, beige fur,
except for two oval sections around each eye and ear. Long tufts of fur grow behind its knees and around
its ankles. Its underside is black, and it has a billowing, beige tail that is bent in the middle.
Each paw has three toes and a round, pink pad.
<p>Arcanine is a fiercely brave and loyal Pokémon. It is capable of running 6,200 miles in 24 hours
with a speed and grace reminiscent of flight. Arcanine has long been admired for its beauty and speed,
and anyone who hears its bark will grovel before it. The source of its power is a flame blazing
wildly inside its body.
</div>
</div>
</tr>
</table>
</div>
<table style="width:300px; font-family:century gothic, sans-serif; text-align:left; margin:0 0 0 0; border-top:2px solid #8e8e8e; padding:0px;">
<tr>
<td style="width:300px; vertical-align:top;">
<span style="font-size:10px;; letter-spacing:1px; text-transform:uppercase; font-variant:small-caps;">
</span></td></tr>
</table>
<img style=" margin: 0 0 0 0;" src="http://i62.tinypic.com/34rj6g0.png">
</div>
<div style="clear:both"></div>
Left Pokedex:
<div style="padding:0; background-image:url(http://i62.tinypic.com/iyj1ib.png); background-color: #E0FFFF; height:494px; max-height:494px; width: 350px; max-width:350px; margin:0; float:left; clear:none;">
<div style="float:right; clear:both; padding-top:50px; padding-right: 34px;">
<img src="http://i58.tinypic.com/29ndq3p.gif">
</div>
<div style="font-size:25px; padding:120px 32px 5px 34px; text-transform:uppercase; letter-spacing:2px;"><div style="width:100%; border-bottom: solid #000000"><span style="padding-left: 4px;">Slam
<span style="font-size:12px; letter-spacing:1px; text-transform:uppercase; font-variant:small-caps;">
<img src="http://i61.tinypic.com/2iudvk2.png" style="height:18px; margin:0 0px -3px 0;">
Arcanine</span></span></div>
</div>
<div style="width:280px; margin:0px; padding:0px 0px 0px 36px; max-height:295px; overflow-y:auto;">
<table style="align:center; margin:0px; width:260px;">
<tr>
<td style="padding:4px 2px 5px 5px; font-size:12px">
<div title="A Bug Type Move" style="float:left; display:block; color:#ffffff; background-color: #909f12; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">BUG</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #3f2f25; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">DARK</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #7862da; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">DRAGON</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #e79302; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">ELECTRIC</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #e08fe0; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">FAIRY</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #76331f; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">Fighting</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #cd2904; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">FIRE</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #5e74d4; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">FLYING</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #454593; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">Ghost</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #47a214; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">grass</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #c6a857; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">ground</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #79d8f7; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">ice</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #cecac2; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">normal</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #964d98; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">poison</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #ee588d; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">psychic</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #9e873d; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">rock</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #9696a7; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">steel</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #2581dd; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">water</div>
</td>
</tr>
<tr>
<td style="width:270px; vertical-align:top; padding:4px 2px 5px 5px;">
<div style="width:90px; vertical-align:top; padding:4px 2px 5px 0px; float:left;">
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Level: 100</span></div>
<!--Affection-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Affection</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 100%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
<!--HP-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">HP</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 75%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
<!--Attack-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Attack</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 75%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
<!--Defense-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Defense</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 75%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
<!--Special Atk.-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Special Atk.</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 75%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
<!--Special Def.-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Special Def.</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 75%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
<!--Speed-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Speed</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 75%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
</div>
<div style="width:230px; padding:4px 2px 5px 5px; font-family:arial; line-height:180%; color:#202020; text-align:justify; font-size:10px;">
<p>Arcanine is a quadruped, canine Pokémon with an orange pelt marked by jagged black stripes.
It has diamond-shaped ears with beige insides, black eyes, a round, black nose, and two pointed
teeth protruding from its upper jaw. Its head, muzzle, and chest are covered in shaggy, beige fur,
except for two oval sections around each eye and ear. Long tufts of fur grow behind its knees and around
its ankles. Its underside is black, and it has a billowing, beige tail that is bent in the middle.
Each paw has three toes and a round, pink pad.
<p>Arcanine is a fiercely brave and loyal Pokémon. It is capable of running 6,200 miles in 24 hours
with a speed and grace reminiscent of flight. Arcanine has long been admired for its beauty and speed,
and anyone who hears its bark will grovel before it. The source of its power is a flame blazing
wildly inside its body.
</div>
</tr>
</table>
</div></div>
<div style="clear:both"></div>
<img style=" margin: 0 0 0 0;" src="http://i62.tinypic.com/e0j12a.png">
<table style="width:300px; font-family:century gothic, sans-serif; text-align:left; margin:0 0 0 0; border-bottom:2px solid #8e8e8e;">
<tr>
<td style="vertical-align:top; padding:0px 10px 0px 10px;" rowspan="4">
<!--IMAGE-->
<img src="http://i58.tinypic.com/29ndq3p.gif"></td>
<td style="width:300px; height:35px; vertical-align:top; padding-top:15px;">
<!--NAME-->
<div style="font-size:25px; padding-left:5px; text-transform:uppercase; letter-spacing:2px;">Slam
<span style="font-size:12px; letter-spacing:1px; text-transform:uppercase; font-variant:small-caps;"> <p>
<img src="http://i61.tinypic.com/2iudvk2.png" style="height:18px; margin:0 2px -3px 0;">
<!--SPECIES-->
<span> Arcanine</span></span></div></td></tr>
</table>
<div style="width:300px; margin:0px; padding:0px; max-height:225px; overflow-y:auto; background-color:#E0FFFF;">
<table style="align:center; margin:0px; width:280px;">
<tr>
<td style="width:290px; max-height:83px; vertical-align:top; padding:4px 2px 5px 5px; font-size:12px;">
<div>
<div title="A Bug Type Move" style="float:left; display:block; color:#ffffff; background-color: #909f12; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">BUG</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #3f2f25; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">DARK</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #7862da; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">DRAGON</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #e79302; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">ELECTRIC</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #e08fe0; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">FAIRY</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #76331f; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">Fighting</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #cd2904; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">FIRE</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #5e74d4; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">FLYING</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #454593; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">Ghost</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #47a214; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">grass</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #c6a857; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">ground</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #79d8f7; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">ice</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #cecac2; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">normal</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #964d98; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">poison</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #ee588d; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">psychic</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #9e873d; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">rock</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #9696a7; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">steel</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #2581dd; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">water</div>
</div>
</td>
</tr>
<tr>
<td style="width:290px; vertical-align:top; padding:4px 2px 5px 5px;">
<div style="width:90px; vertical-align:top; padding:4px 2px 5px 0px; float:left;">
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Level: 100</span></div>
<!--Affection-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Affection</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 100%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
<!--HP-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">HP</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 75%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
<!--Attack-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Attack</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 75%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
<!--Defense-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Defense</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 75%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
<!--Special Atk.-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Special Atk.</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 75%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
<!--Special Def.-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Special Def.</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 75%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
<!--Speed-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Speed</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 75%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
</div>
<div style="width:250px; padding:4px 2px 5px 5px; font-family:arial; line-height:180%; color:#202020; text-align:justify; font-size:10px;">
<div>
<p>Arcanine is a quadruped, canine Pokémon with an orange pelt marked by jagged black stripes.
It has diamond-shaped ears with beige insides, black eyes, a round, black nose, and two pointed
teeth protruding from its upper jaw. Its head, muzzle, and chest are covered in shaggy, beige fur,
except for two oval sections around each eye and ear. Long tufts of fur grow behind its knees and around
its ankles. Its underside is black, and it has a billowing, beige tail that is bent in the middle.
Each paw has three toes and a round, pink pad.
<p>Arcanine is a fiercely brave and loyal Pokémon. It is capable of running 6,200 miles in 24 hours
with a speed and grace reminiscent of flight. Arcanine has long been admired for its beauty and speed,
and anyone who hears its bark will grovel before it. The source of its power is a flame blazing
wildly inside its body.
</div>
</div>
</tr>
</table>
</div>
<table style="width:300px; font-family:century gothic, sans-serif; text-align:left; margin:0 0 0 0; border-top:2px solid #8e8e8e; padding:0px;">
<tr>
<td style="width:300px; vertical-align:top;">
<span style="font-size:10px;; letter-spacing:1px; text-transform:uppercase; font-variant:small-caps;">
</span></td></tr>
</table>
<img style=" margin: 0 0 0 0;" src="http://i62.tinypic.com/34rj6g0.png">
</div>
<div style="clear:both"></div>
Left Pokedex:
<div style="padding:0; background-image:url(http://i62.tinypic.com/iyj1ib.png); background-color: #E0FFFF; height:494px; max-height:494px; width: 350px; max-width:350px; margin:0; float:left; clear:none;">
<div style="float:right; clear:both; padding-top:50px; padding-right: 34px;">
<img src="http://i58.tinypic.com/29ndq3p.gif">
</div>
<div style="font-size:25px; padding:120px 32px 5px 34px; text-transform:uppercase; letter-spacing:2px;"><div style="width:100%; border-bottom: solid #000000"><span style="padding-left: 4px;">Slam
<span style="font-size:12px; letter-spacing:1px; text-transform:uppercase; font-variant:small-caps;">
<img src="http://i61.tinypic.com/2iudvk2.png" style="height:18px; margin:0 0px -3px 0;">
Arcanine</span></span></div>
</div>
<div style="width:280px; margin:0px; padding:0px 0px 0px 36px; max-height:295px; overflow-y:auto;">
<table style="align:center; margin:0px; width:260px;">
<tr>
<td style="padding:4px 2px 5px 5px; font-size:12px">
<div title="A Bug Type Move" style="float:left; display:block; color:#ffffff; background-color: #909f12; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">BUG</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #3f2f25; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">DARK</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #7862da; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">DRAGON</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #e79302; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">ELECTRIC</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #e08fe0; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">FAIRY</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #76331f; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">Fighting</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #cd2904; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">FIRE</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #5e74d4; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">FLYING</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #454593; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">Ghost</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #47a214; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">grass</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #c6a857; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">ground</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #79d8f7; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">ice</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #cecac2; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">normal</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #964d98; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">poison</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #ee588d; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">psychic</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #9e873d; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">rock</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #9696a7; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">steel</div>
<div title="A _____ type Move" style="float:left; display:block; color:#ffffff; background-color: #2581dd; text-align:center;
padding: 4px; margin: 4px; text-decoration: none; text-transform: uppercase;">water</div>
</td>
</tr>
<tr>
<td style="width:270px; vertical-align:top; padding:4px 2px 5px 5px;">
<div style="width:90px; vertical-align:top; padding:4px 2px 5px 0px; float:left;">
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Level: 100</span></div>
<!--Affection-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Affection</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 100%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
<!--HP-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">HP</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 75%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
<!--Attack-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Attack</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 75%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
<!--Defense-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Defense</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 75%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
<!--Special Atk.-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Special Atk.</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 75%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
<!--Special Def.-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Special Def.</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 75%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
<!--Speed-->
<div style="width: 80px; position: relative; left:4px; bottom:3px; text-align:left;">
<span style="font-variant:small-caps; text-transform:lowercase; font-size:14px;">Speed</span></div>
<!--BAR-->
<div style="height: 8px; width: 80px; background: #fff; position: relative; border: 1px solid #a8a8a8; border-radius: 16px; bottom:5px; margin-bottom:10px;">
<div style="height: 100%; width: 75%; background: #909f12; border-radius: 16px 10px 10px 16px;"></div></div>
</div>
<div style="width:230px; padding:4px 2px 5px 5px; font-family:arial; line-height:180%; color:#202020; text-align:justify; font-size:10px;">
<p>Arcanine is a quadruped, canine Pokémon with an orange pelt marked by jagged black stripes.
It has diamond-shaped ears with beige insides, black eyes, a round, black nose, and two pointed
teeth protruding from its upper jaw. Its head, muzzle, and chest are covered in shaggy, beige fur,
except for two oval sections around each eye and ear. Long tufts of fur grow behind its knees and around
its ankles. Its underside is black, and it has a billowing, beige tail that is bent in the middle.
Each paw has three toes and a round, pink pad.
<p>Arcanine is a fiercely brave and loyal Pokémon. It is capable of running 6,200 miles in 24 hours
with a speed and grace reminiscent of flight. Arcanine has long been admired for its beauty and speed,
and anyone who hears its bark will grovel before it. The source of its power is a flame blazing
wildly inside its body.
</div>
</tr>
</table>
</div></div>
<div style="clear:both"></div>
