[dohtml]
<div class="mav">
<div style="background-image:url(https://i.imgur.com/FGKvmKK.png); ">
<img src="https://i.imgur.com/4VrgC14.png">
<img src="https://i.imgur.com/gfmkAq3.png">
<div class="mavpkmn">
  <img src="https://veekun.com/dex/media/pokemon/icons/229.png">
</div>
<div class="mavtxt"><u>key items</u><br>
— pokédex <br>
— jinoa region map  <br>
— trainer identification card  <br><br>

<u>heal items</u><br>
— x5 potion  <br>
— x2 full heal <br>
— x1 revive<br><br>

<u>held items</u><br>
— none<br><br>

<u>technical machine</u><br>
— none<br><br>

<u>capsules</u><br>
— x5 pokéball  <br><br>

<div class="mavooc"><b>00</b> CAUGHT, <b>00</b> TRADE, <b>00</b> HATCHED, <b>00</b> BOUGHT, <b>00</b> TOTAL
</div></div>
  <img src="https://i.imgur.com/SwbiMDA.png"
</div></div>

<style>
.mavpkmn {padding-right:10px;float:left; background: rgba(174,74,70,0.9); box-shadow:2px 2px #000; border-radius:100px; width:32px;text-align:center}
  .mav {margin:0px auto; width:490px}
  .mavtxt {width:400px; margin-left:auto;margin-right:auto;margin-top:-25px; padding-left:20px; font:10px arial;color:#dbdbdb; text-align:justify }
.mavooc {padding:0px 30px; border-top:1px solid; font-family:consolas}
.mavooc b{color:#db504b}
</style>
[/dohtml]
[center]table by [user=3,4]lecc[/user][/center]

--
SECOND POST
--

[dohtml]
<link href='https://fonts.googleapis.com/css?family=Alice' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>
<style type="text/css">

/* background */
#firefly {width: 450px; height: 500px; position: relative; overflow: hidden;}
#firefly .top-hover { position: absolute; left: 0px; bottom: 0px; z-index: 1; width: 450px; height: 500px; -webkit-transition: 2s all ease-in-out; -moz-transition: 2s all ease-in-out; o-transition: 2s all ease-in-out; }
#firefly:hover .top-hover {-webkit-transition: 2s all ease-in-out; -moz-transition: 2s all ease-in-out; o-transition: 2s all ease-in-out; left: -500px;}
.firefly-background { width: 450px; height: 500px;  background: url('http://i.imgur.com/dR11Gvk.png'); background-color:rgba(221, 64, 63, 1); background-blend-mode: multiply; }
.firefly-border { width: 450px; height: 500px; border: 10px double #768491; background: #fff; }

/* tracker itself */
.firefly-status {width: 170px; font-size: 15px; font-family: Bitter; color: #dd403f; letter-spacing: 3px; text-align: center; border-bottom: 3px solid #768491; padding: 5px; }
.firefly-tracker { width: 180px; height: 430px; background-color: #fff; border: 2px solid #768491; padding: 10px; position: relative; top: 20px; }
.firefly-scroll::-webkit-scrollbar { width: 5px;}
.firefly-scroll::-webkit-scrollbar-track { width: 1px; background-color:#768491; border: 2px solid #fff; }
.firefly-scroll::-webkit-scrollbar-thumb { background-color: #768491; }
.firefly-tracker a { color: #dd403f; font-size: 12px; font-family: Open Sans; transition-duration: 0.8s; -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s;-o-transition-duration: 0.8s; }
.firefly-tracker a:hover { color: #000000; font-size: 12px; font-family: Open Sans; transition-duration: 0.8s; -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s;-o-transition-duration: 0.8s; }
.firefly-person { font-family: Open Sans; font-size: 10px; text-align: right; letting-spacing: 0.5px; }
</style>

<center>

<div class="firefly-border"><div id="firefly"><div class="top-hover">
<img src="https://i.imgur.com/Vpm9I57.jpg">
</div>

<div class="firefly-background">
<table>
<tr><td>

<div class="firefly-tracker">
<div class="firefly-status">THREADS</div>
<div style="width: 175px; height: 421px; font-family: open sans; font-size: 11px; color: #000000; overflow: auto; padding-right: 10px; line-height: 100%; position: relative; top: 10px;" class="firefly-scroll">
<center>✧ - in progress | ✦ - archived</center><p>
✧ <a href="http://jinoa.jcink.net/index.php?showtopic=1325">tooth and claw</a> with @character name at <b>practice rooms</b><p>

✧ <a href="link">thread title</a> with @character name at <b>location</b><p>

✧ <a href="link">thread title</a> with @character name at <b>location</b><p>

✧ <a href="link">thread title</a> with @character name at <b>location</b><p>
</div></div>
</td>

<td>
<div class="firefly-tracker">
<div class="firefly-status">RELATIONSHIPS</div>
<div style="width: 175px; height: 421px; font-family: open sans; font-size: 11px; color: #000000; overflow: auto; padding-right: 10px; line-height: 100%; position: relative; top: 10px;" class="firefly-scroll">

<img alt="" src="http://www.taxpolicycenter.org/sites/default/files/styles/full-page-1500x700/public/alfresco/person-headshots/Blank%20Headshot%20Image%20for%20Authors_33.jpg?itok=rmgsXQIF" style="width:50px;border:solid #6B6A6A 2px;float:left;margin-right:2px;font-family:cambria;">@character name
<div style="width:115px;height:45px;padding:2px;padding-left:2px;font-size:9px;font-family:cambria;line-height:9.5px;padding-top:2px;float:left;text-align:justify;overflow:auto;margin-bottom:5px;"><b>STATUS</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id luctus elit. Maecenas auctor sit amet augue at sagittis. Sed dui felis, suscipit vel ipsum nec, placerat blandit justo. Duis ornare urna ante, vitae tempor nisl fermentum vitae. Morbi gravida massa ac massa ultrices, eu ullamcorper odio aliquet. In non leo vitae libero ultricies imperdiet. Pellentesque pellentesque viverra blandit. Nunc elit dui, ullamcorper quis sagittis at, consequat nec nulla. Praesent elit orci, feugiat semper turpis at, rutrum iaculis dolor. Nulla pharetra tellus sit amet massa placerat, eget tempor nisi eleifend. Suspendisse accumsan urna auctor turpis tempor, vel sollicitudin est semper. Donec luctus tempor quam a scelerisque.</div>

<img alt="" src="http://www.taxpolicycenter.org/sites/default/files/styles/full-page-1500x700/public/alfresco/person-headshots/Blank%20Headshot%20Image%20for%20Authors_33.jpg?itok=rmgsXQIF" style="width:50px;border:solid #6B6A6A 2px;float:left;margin-right:2px;font-family:cambria;">@character name
<div style="width:115px;height:45px;padding:2px;padding-left:2px;font-size:9px;font-family:cambria;line-height:9.5px;padding-top:2px;float:left;text-align:justify;overflow:auto;margin-bottom:5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id luctus elit. Maecenas auctor sit amet augue at sagittis. Sed dui felis, suscipit vel ipsum nec, placerat blandit justo. Duis ornare urna ante, vitae tempor nisl fermentum vitae. Morbi gravida massa ac massa ultrices, eu ullamcorper odio aliquet. In non leo vitae libero ultricies imperdiet. Pellentesque pellentesque viverra blandit. Nunc elit dui, ullamcorper quis sagittis at, consequat nec nulla. Praesent elit orci, feugiat semper turpis at, rutrum iaculis dolor. Nulla pharetra tellus sit amet massa placerat, eget tempor nisi eleifend. Suspendisse accumsan urna auctor turpis tempor, vel sollicitudin est semper. Donec luctus tempor quam a scelerisque.</div>

<img alt="" src="http://www.taxpolicycenter.org/sites/default/files/styles/full-page-1500x700/public/alfresco/person-headshots/Blank%20Headshot%20Image%20for%20Authors_33.jpg?itok=rmgsXQIF" style="width:50px;border:solid #6B6A6A 2px;float:left;margin-right:2px;font-family:cambria;">@character name
<div style="width:115px;height:45px;padding:2px;padding-left:2px;font-size:9px;font-family:cambria;line-height:9.5px;padding-top:2px;float:left;text-align:justify;overflow:auto;margin-bottom:5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id luctus elit. Maecenas auctor sit amet augue at sagittis. Sed dui felis, suscipit vel ipsum nec, placerat blandit justo. Duis ornare urna ante, vitae tempor nisl fermentum vitae. Morbi gravida massa ac massa ultrices, eu ullamcorper odio aliquet. In non leo vitae libero ultricies imperdiet. Pellentesque pellentesque viverra blandit. Nunc elit dui, ullamcorper quis sagittis at, consequat nec nulla. Praesent elit orci, feugiat semper turpis at, rutrum iaculis dolor. Nulla pharetra tellus sit amet massa placerat, eget tempor nisi eleifend. Suspendisse accumsan urna auctor turpis tempor, vel sollicitudin est semper. Donec luctus tempor quam a scelerisque.</div>
</div></div>
</td><tr>
</table>

</div></div>
<div style="text-align: center; margin-top: 10; margin-bottom: 10; font-family: Open Sans; color: #000; text-transform: uppercase; font-size: 10px"><a href="http://cttw.jcink.net/index.php?showuser=338">➹ charli</a></div>
</center>[/dohtml]

--
THIRD POST
--

[center][i]click tabs to activate and read more || ✦ active pokemon - ✧ storage pokemon[/i][/center]
[dohtml]<center><div class="titanicc">
<div class="titanics">

<div class="titanic">
<input type="radio" id="titanic-1" name="titanic-group-1" checked>
<label for="titanic-1" style="border-bottom:1px dashed #932C2C;border-radius:100px;margin-top:10px;">[IMG]https://pldh.net/media/pokexycons/229.png[/IMG]</label>
<div class="ctitanic">

<div style="width:500px; height:435px; font-family:cambria;font-size:12px;line-height:12.5px;text-align:justify; padding:7px; overflow:auto; border-left:4px #babbbb solid;border-right:4px #babbbb solid;border-radius:6px;padding:5px 10px 5px 10px;">
<center><img src="http://i.imgur.com/jTZBm2e.png" style="margin-top:-5px;margin-bottom:-15px;">
<br><br>
<b><font color="#932C2C" size="5";><b>AZULA</b></font></b>
<br>#228 HOUNDOM, THE DARK POKEMON<br>
<img src="https://pldh.net/media/pokexycons/228.png" style="margin-top:-1px;margin-bottom:0px;opacity:0.5;"><img src="https://www.serebii.net/pokedex-sm/icon/229.png" style="margin-top:-1px;margin-bottom:0px;"><br><br></center>

<font color="#932C2C">TYPE »</font></b> dark & fire <br>
<font color="#932C2C">GENDER »</font></b> female <br>
<font color="#932C2C">ABILITY »</font></b> flash fire <i>[fire-type moves deal 1.5 times damage when by fire type attacks]</i> & early bird <i>[allows pokemon to wake up faster]</i><br><br>
<font color="#932C2C">HEIGHT »</font></b> 4'07" <br>
<font color="#932C2C">WEIGHT »</font>  77.2 lbs. <br>
<font color="#932C2C">EGG GROUP »</font> field<br>
<font color="#932C2C">DISTINGUISHING FEATURES »</font> wears a rapidash skull
<br><br>
<font color="#932C2C">PARENTS »</font></b> unknown <br>
<font color="#932C2C">SIBLINGS »</font> unknown<br>
<font color="#932C2C">MATE »</font> none <br>
<font color="#932C2C">OFFSPRING »</font> sterile
<br><br>
<font color="#932C2C">MET AT »</font></b> pre made <br>
<font color="#932C2C">CAUGHT WITH »</font> pokeball <br>
<font color="#932C2C">HELD ITEM »</font> none
<br><br>
<font color="#932C2C">LEVEL »</font> thirty<br>
<font color="#932C2C">KNOWN MOVES »</font> iron tail, dark pulse, fire blast, thunder fang, smog, howl <br>
<font color="#932C2C">NEEDS TO LEARN »</font> sludge bomb, hidden power (dragon) <br>
<font color="#932C2C">KEY NOTES »</font> none<br>
<font color="#932C2C">SPEECH »</font> #932C2C
<br><br>
<font color="#932C2C">BEHAVIOR »</font> This monstrous hellhound may have larger curved horns and wearing a Rapidash's skull for sport, but she is not afraid to tell you what's what. She considers all of the world her domain and holds little regard for the lives on it. She understands human emotions through one-sided observations. She knows what they are intellectually but she cannot feel as they do or comprehend why a human would feel a certain way in a certain situation. Houndoom's emotions and a human's emotions are simply not on the same spectrum. With her amoral nature, Azula has little need to become physically attached to anything. She focused on prey or propagating her species to claim the entire world. Her biggest pride is being the best hunter. She is consistently on the alert, watchful for even the slightest change in wind that would give her the advantage. She was once a savage hunter in the empty plains. She has earned many enemies from the Ponyta and Rapidash there. However, she takes pride in her ability as an apex predator and knowing it is her destiny to be population control. Azula can eat three times her own weight. Although she is interested in bearing pups to continue her lineage, Houndoom isn't above cannibalism to maintain a healthy litter or sustain herself in tough situations. But when she found out she was sterile/cant have pups of her own, she has made it her personal mission to adopt any canine like creature in as her own. She is stoic and has little to say to anyone else. Houndoom may fight heavily with other, especially smaller teammates to establish her own dominance amongst the Pokemon around her. She fights best one-on-one. In battles with multiple Pokemon, Azula thinks only of herself and will fight anything that gets near her. True to Pokemon instinct, she takes commands from a human well despite her ruthless personality. Azula and Maverick have a special strong bond, often times no words will be spoken in battle as they trust each others own decisions. .
<br><br>
<font color="#932C2C">HISTORY »</font> pre made TBA
</div>

</div>
</div>

</div>
</div>
<span class="libcred"><i><font size="1"><a href="link">this template was made by</a> <a href="http://candylandcouture.b1.jcink.com/index.php?showuser=3956">libby</a> <a href="link">of</a> <a href="http://shine.jcink.net/">shine</a> <a href="link">- edited by outcast for her use only</a></i></font></span>
</center>

<style type="text/css">

.titanicc {
  width: 490px;
  height: 460px;
  padding: 10px;
  background-color:transparent
  -webkit-background-size: auto 400px;
  background-size: auto 400px;
  position: relative
  }

.titanics {
  position: relative;
  width: 460px;
  height: 360px
  }

.titanic {
  float: left
  }

.titanic label {
  display: block;
  background-color: transparent;
  color: #babbbb;
  padding: 0 5px;
  font-family: orator std;
  font-size: 1px;
  width: 35px;
  text-align: center;
  position: absolute;
  right: 460px;
  height: 32px;
  line-height: 25px
  }

.titanic [type=radio] {
  display: none
  }

.ctitanic {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
  padding: 15px;
  text-align: justifyi;
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s
  }

.titanicc [type=radio]:checked ~ label {
  background: transparent;
  z-index: 4
  }

.titanicc [type=radio]:checked ~ label ~ .ctitanic {
  z-index: 1;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1)
  }

.ctitanic a {
  display: block;
  font-family: cambria;
  font-size: 13px;
  padding: 3px;
  text-align: justify;
  letter-spacing: -1px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease
  }

.ctitanic a:hover {
  color: #f0f0f0;
  text-shadow: 1px 1px 0 #668188;
  background-color: #babbbb;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease
  }

.ctitanic span {
  display: block;
  padding: 20px;
  width: 360px;
  text-align: justify;
  font-family: cambria;
  font-size: 9px;
  color: #666;
  line-height: 100%;
  margin: 0 auto
  }

.ctitanic span b {
  color: #979797;
  font-size: 11px;
  display: block;
  font-weight: 400
  }

.libcred a {
   font-family: orator std;
   font-size: 10px;
   color: #babbbb;
   opacity: 0.5;
   padding-right: -30px;
   padding-top: 5px;
   line-height: 5px;
   letter-spacing: 1px
   }
</style>

[/dohtml]