tracker fixed

[dohtml]<link href='https://fonts.googleapis.com/css?family=Montserrat|Muli|ABeeZee|Didact+Gothic' rel='stylesheet' type='text/css'><link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<style>


box { width: 310px; height: 340px; border: 1px solid #eee; padding-right: 15px; margin-top: 10px; margin-bottom: 10px;}


inthe { width: 190px; background-color: white; font-family: 'Muli', sans-serif; padding-top: 3px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; text-align: justify; font-size: 9px; letter-spacing: .3px; line-height: 140%; margin-left: -100px; text-transform: lowercase; color: black; overflow: scroll; overflow-x: hidden; height: 150px; margin-top: 15px;  }

.inthe::-webkit-scrollbar { width: 7px; }
.inthe::-webkit-scrollbar-track { width: 5px; background-color: #ffffff; border: 1px solid #fff; }
#k .inthe::-webkit-scrollbar-thumb { background-color: #e6bbb3; }
#k .inthe b {color: #e6bbb3; font-size: 12px; }



.timeof {width: 270px;; font-family: 'Montserrat', sans-serif; font-size: 20px; color: #fff; margin-top: -70px; text-align: right; letter-spacing: .3px;  }

#k .chimpanzees {width: 270px;; font-family: 'Didact Gothic', sans-serif; font-size: 15px; color: #e6bbb3; margin-top: 20px; margin-left: 0px; letter-spacing: .3px; margin-bottom:5px; margin-right: 5px;}



#k .amonkey { width: 280px; height: 20px; background-color: #e6bbb3; padding-top: 3px; padding-bottom: 5px; padding-left: 15px; padding-right: 10px; margin-bottom: -5px; margin-left: 12px; margin-top: 10px; }


#k .butanein { width: 0;
height: 0;
border-style: solid;
border-width: 50px 301px 0 0;
border-color: #e6bbb3 transparent transparent transparent;
margin-left: 12px;
margin-top: 5px;
}

#k .outto {width: 0;
height: 0;
border-style: solid;
border-width: 0 0 40px 303px;
border-color: transparent transparent #e6bbb3 transparent;
margin-top: -80px;
}


#k .cutthe { width: 277px; height: 20px; background-color: #e6bbb3; padding-left: 15px; padding-right: 10px; margin-bottom: 20px; border: 1px solid transparent; }

#k.myveins { font-family: 'Poppins', sans-serif; font-size: 13px; color: #e6bbb3; margin-top: 5px; margin-left: 0px; letter-spacing: .3px; margin-bottom:5px; text-transform: lowercase; margin-left: 2px; margin-right: 2px; border: 1px solid #fff; overflow: scroll; overflow-x: hidden; height: 50px; margin-top: -160px;}

#k.myveins:a { width: 55px; background-color: white; font-family: 'Poppins', sans-serif; padding-top: 3px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; text-align: justify; font-size: 9px; letter-spacing: .3px; line-height: 140%; margin-left: 190px; text-transform: lowercase; color: black; overflow: scroll; overflow-x: hidden; height: 50px; margin-top: -160px; }

.myveins::-webkit-scrollbar { width: 7px; }
.myveins::-webkit-scrollbar-track { width: 5px; background-color: #ffffff; border: 1px solid #fff; }
#k .myveins::-webkit-scrollbar-thumb { background-color: #e6bbb3; }

#k .myveins b { font-size: 10px; color: #e6bbb3; }
#k.myveins i { color: #e6bbb3;   }

#k .andim { font-family: 'Poppins', sans-serif; font-size: 30px; color: #e6bbb3;margin-top: 20px; margin-bottom: 20px; text-align: center; text-decoration: underline; }


.timeof2 {width: 270px;; font-family: 'Montserrat', sans-serif; font-size: 15px; color: #fff; margin-top: -40px; text-align: right; margin-right:-30px; letter-spacing: .3px; border: 1px solid transparent;  }


</style>
<center>
<div id="k">

<div style="width: 350px; height: auto; padding-left: 3px; padding-right: 20px; padding-bottom: 30px; background-color: #ffffff; border: 1px solid #eee; padding-left: 20px;">

<div class="andim">name.</div>


<div class="box" style="border-bottom: 1px solid transparent;">

<div class="amonkey"></div>
<div class="butanein"></div>



<img src="http://67.media.tumblr.com/801441d7c25f5d5b3884d2e5f0d73c61/tumblr_o0lnj8prWK1s1vywjo1_500.gif" style=" border-radius: 50%; width: 60px; border: 3px #e6bbb3 solid; float:left; margin-top: -50px; padding: 3px; margin-left: 30px; "  >

<img src="http://38.media.tumblr.com/c7f9c85f8923024b5c45019decca1ec8/tumblr_inline_nttrwjGilH1to46jl_500.gif" style="border-radius: 50%; width: 60px; border: 3px #e6bbb3 solid; float:left; margin-top: -50px; padding: 3px; margin-left: 30px;"  >

<div class="timeof"> zahi x  <i style="color:#fff;" class="fa fa-heart-o"></i> teddy. </div>

<div style="margin-left: 25px; margin-top: 75px;">

<p>

<div class="inthe">Cred Truffaut Banksy, <i>plaid</i> shabby chic cold-pressed disrupt keffiyeh. Vice shabby chic fingerstache, wayfarers pop-up forage literally twee tattooed polaroid try-hard High Life four loko. Salvia next level skateboard <b>letterpress ugh Neutra. Tumblr yr put a bird</b> on it food truck keytar kale chips normcore tote bag. Flexitarian umami 8-bit mumblecore. Odd Future flexitarian chillwave fingerstache literally jean shorts, pickled salvia Helvetica forage mustache Pinterest readymade Carles DIY. Wayfarers Austin XOXO health goth.</div>

<div class="myveins"><a href="/">01</a>  <a href="/">02</a>  <a href="/">03</a>  <a href="/">04</a>  <a href="/">05</a>  <a href="/">06</a>  <a href="/">07</a>  <a href="/">08</a>  <a href="/">09</a>  <a href="/">10</a> <a href="/">01</a>  <a href="/">02</a>  <a href="/">03</a>  <a href="/">04</a>  <a href="/">05</a>  <a href="/">06</a>  <a href="/">07</a>  <a href="/">08</a>  <a href="/">09</a>  <a href="/">10</a><a href="/">01</a>  <a href="/">02</a>  <a href="/">03</a>  <a href="/">04</a>  <a href="/">05</a>  <a href="/">06</a>  <a href="/">07</a>  <a href="/">08</a>  <a href="/">09</a>  <a href="/">10</a><a href="/">01</a>  <a href="/">02</a>  <a href="/">03</a>  <a href="/">04</a>  <a href="/">05</a>  <a href="/">06</a>  <a href="/">07</a>  <a href="/">08</a>  <a href="/">09</a>  <a href="/">10</a></div>
</div>

</div>


<div class="outto"></div><div class="cutthe"></div>
<div class="timeof2">#zeddy</div>

<div class="box" style="border-top: 1px solid transparent; margin-top: -2px;">


<div class="amonkey"></div>
<div class="butanein"></div>



<img src="http://67.media.tumblr.com/569d0f0d5c5b5a59297e3b72ada918b4/tumblr_inline_nmi8rpERnt1sl3vj0_500.gif" style=" border-radius: 50%; width: 60px; border: 3px #e6bbb3 solid; float:left; margin-top: -50px; padding: 3px; margin-left: 30px; "  >

<img src="http://data.whicdn.com/images/81407655/large.gif" style="border-radius: 50%; width: 60px; border: 3px #e6bbb3 solid; float:left; margin-top: -50px; padding: 3px; margin-left: 30px;"  >

<div class="timeof"> cassie x  <i style="color:#fff;" class="fa fa-heart-o"></i> poe. </div>

<div style="margin-left: 25px; margin-top: 75px;">

<p>

<div class="inthe">Cred Truffaut Banksy, <i>plaid</i> shabby chic cold-pressed disrupt keffiyeh. Vice shabby chic fingerstache, wayfarers pop-up forage literally twee tattooed polaroid try-hard High Life four loko. Salvia next level skateboard <b>letterpress ugh Neutra. Tumblr yr put a bird</b> on it food truck keytar kale chips normcore tote bag. Flexitarian umami 8-bit mumblecore. Odd Future flexitarian chillwave fingerstache literally jean shorts, pickled salvia Helvetica forage mustache Pinterest readymade Carles DIY. Wayfarers Austin XOXO health goth.</div>

<div class="myveins"><a href="/">01</a>  <a href="/">02</a>  <a href="/">03</a>  <a href="/">04</a>  <a href="/">05</a>  <a href="/">06</a>  <a href="/">07</a>  <a href="/">08</a>  <a href="/">09</a>  <a href="/">10</a></div>
</div>


</div>

<div class="outto"></div><div class="cutthe"></div>
<div class="timeof2">#coe</div>
 </div></div>



</center>
[/dohtml]