█ this is an active thread , active MONTH / YEAR
█ this is an active thread , active MONTH / YEAR
█ this is an inactive thread , inactive MONTH / YEAR
█ this is an active thread , active MONTH / YEAR
█ this is an inactive thread , inactive MONTH / YEAR
█ this is a complete thread , complete MONTH / YEAR
█ this is a complete thread , complete MONTH / YEAR

<link href='http://fonts.googleapis.com/css?family=Viga|Squada+One' rel='stylesheet' type='text/css'><style>

#plott{background:#fff;font:10px/150% Calibri,sans-serif;color:#000;padding:1px 30px 25px;min-width:350px;max-width:450px;margin:auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border-bottom:10px solid #D7D417}

#plott a{font:300 11px Viga;text-transform:uppercase;text-decoration:none;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;color:#D7D417}

#plott a:hover{color:#000}

#giff1{float:left;z-index:1;margin:-24px 0 0 -60px;width:100px;height:100px;background:#fff;padding:12px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}

#giff2{background:#fff;overflow:hidden;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}

#giff2 img{height:100px}

#plott h3{display:block;text-align:center;font:700 27px Squada One;letter-spacing:3px}

#plott h3 b{color:#D7D417}

#plott h4{display:block;background:#EFF7CE;padding: 4px 14px 4px 0;color:#111;margin-top:-18px;font:500 10px Calibri;text-transform:uppercase;line-height:100%;text-align:right}

#threadss{min-height:100px;margin-top:15px}

#threadss ta{margin-right:12px;font-size:10px;color:#D7D417;-webkit-text-stroke:0px #b1cbce;-moz-text-stroke:1px #D7D417;text-stroke:1px #D7D417}

#threadss ti{margin-right:12px;font-size:10px;color:#EFF7CE;-webkit-text-stroke:0px #e8e8e8;-moz-text-stroke:1px #EFF7CE;text-stroke:1px #EFF7CE}

#threadss tc{margin-right:12px;font-size:10px;color:#B5D421;-webkit-text-stroke:0px #61acb5;-moz-text-stroke:1px #B5D421;text-stroke:1px #B5D421}

#threadss d{float:right;font-size:10px;font-weight:600}

#ray a{text-decoration:none;font-size:10px;float:right;opacity:.5}

</style>

 

<div id="plott">

 <div id="giff1">

   <div id="giff2">

     <a href="LINK TO CHARACTER'S APPLICATION"><img src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1427827482_59.jpg"></a>

   </div>

 </div>

 <h3>FIRST <b>MIDDLE</b> LAST</h3>

 <h4>this is where your lyrics, quote, or character info snippet goes<br>looks best with two lines of text, but don't go beyond three lines</h4>

 <div id="threadss">

   <ta>█</ta> <a href="LINK TO THREAD">this is an active thread</a> , active <d>MONTH / YEAR</d>

   <br><ta>█</ta> <a href="LINK TO THREAD">this is an active thread</a> , active <d>MONTH / YEAR</d>

   <br><ti>█</ti> <a href="LINK TO THREAD">this is an inactive thread</a> , inactive <d>MONTH / YEAR</d>

   <br><ta>█</ta> <a href="LINK TO THREAD">this is an active thread</a> , active <d>MONTH / YEAR</d>

   <br><ti>█</ti> <a href="LINK TO THREAD">this is an inactive thread</a> , inactive <d>MONTH / YEAR</d>

   <br><tc>█</tc> <a href="LINK TO THREAD">this is a complete thread</a> , complete <d>MONTH / YEAR</d>

   <br><tc>█</tc> <a href="LINK TO THREAD">this is a complete thread</a> , complete <d>MONTH / YEAR</d>

 </div>