testing rapplet

by azcoov

HTML

<div class="r-header">
  <hr />
  <div class="r-ln-logo"><img alt="Logo-embed-rapportive" height="27" src="http://lessneglect.beta.lessneglect.com/assets/logo-embed-rapportive-39fe84bd3632b164400fa3419cde933c.png;" width="122" /></div>
</div>
<div class="r-company">
  <div class="r-avatar"><img height="36" src="https://si0.twimg.com/profile_images/2595519389/mnrjkbaldrpl0y2yyt6n.png" width="36" /></div>
  <div class="person-score">
    <div class="account-level green">Pilot</div>
    <div class="importance-score low">38</div>
    <a href="http://ln.beta.lessneglect.com/#people/5054fb974326f51b96000052"><img class="r-profile-link" height="25" src="http://lessneglect.beta.lessneglect.com/assets/rapportive-open-timeline-79670eb93d0aca8d65efbcb6e474ce10.png" width="30" /></a>
  </div>
  <br /><!-- / @todo make it align-left when there is no avatar -->
  <div class="extra-info">
    <!-- / %h3= person.project.name -->
    <p><img alt="Rapportive-user" height="11" src="http://lessneglect.beta.lessneglect.com/assets/rapportive-user-2a400cd8c0c4212d36293496fc033da1.png" width="12" />September 2012</p>
    <p><strong>Last Contact</strong>Oct 19</p>
  </div>
</div>
<img src="https://api.lessneglect.com/track/ln.gif?c=EouwYrDM6bv1&[email protected]&=viewed:person&api=rapplet:1.0&eext=5054fb974326f51b96000052&n=Billy Coover" />

CSS

.r-company{clear:both;padding-bottom:30px}.r-header{height:22px;text-align:center}.r-header hr{background:transparent;border-top:0;border-right:0;border-bottom:solid 1px #cdcfd1;border-left:none;height:1px;margin-top:20px}.r-ln-logo{background:#fff;display:inline-block;margin:0 auto;padding:3px 10px;position:relative;top:-24px;width:122px}.person-score{float:left;height:26px;line-height:26px;border-radius:2px;font-size:14px}h3.r-proj-name{display:inline-block;float:left;margin-right:10px;padding:0;position:relative;top:-10px}.account-level{-moz-border-radius:2px 0 0 2px;-webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;padding:0 7px;float:left;font-size:12px;font-weight:bold;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.account-level.green{background:#8dc500;color:#fff}.r-profile-link{margin-left:5px;position:relative;top:1px}.r-avatar{float:left;height:36px;margin-right:5px;width:36px}div#rapportive-sidebar li .extra-info,div#rapportive-sidebar .extra-info p{color:#999!important}.extra-info{color:#999!important;font-size:11px;margin-left:41px;padding-top:3px}.importance-score{font-size:14px;font-weight:bold;padding:0 5px;border-radius:2px;float:left;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.importance-score.high{background:#8dc500;color:#fff;border-left:solid 1px #a9d53a}.importance-score.average{background:#f8af5f;color:#fff}.importance-score.low{background:#eee;color:#555;text-shadow:0 1px 0 #fff}.revenue-count{background:rgba(0,0,0,.25);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;display:inline-block;font-size:12px;height:16px;line-height:16px;margin-left:3px;padding:2px 5px;position:relative;text-shadow:0 -1px 0 rgba(0,0,0,.55);top:-1px}