{config_load file="$language.conf" section="ratings"}

{literal}
<style type="text/css">
  div.thumb_frame {
    border: solid 0px #AAAAAA;
    background-color: #f00;
    /*height: auto;*/
    text-align: center;
    /*padding: 3px;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 3px;
    position: relative;

    margin-top: 5px;
    margin-right: 10px;
    border-radius: 5px;
    float: left;
    display: inline-block;
    padding: 2px;

  }

  div.thumb_frame > img {
    margin: auto;
    vertical-align: middle;
  }

  .inline_name {
    float: left;
    margin-top: 15px;
    width: 60px;
    font-size: 100%;
  }

</style>
{/literal}

<p class="ui-li-aside">
  <span class="ui-li-count">{$analytics.cnt_feedback}</span>
</p>
<p>
  {$analytics.cnt_total} {#table_header_votes#}
  <br/>
  {$analytics.cnt_feedback} {#table_header_feedbacks#}


</p>
</a></li>
<li class=" ui-li-has-thumb">
  <a href="{$dashboard_page_link}&view_page=analytics" data-transition="slide">
  <h3>{$news.title}</h3>

  <p>
    <div style="margin: auto; margin-top: -15px;float: left">

  <div class="thumb_frame" style="background-color: {mh_cfg key='MH_COLOR_GREEN'}">
    <img src="{$module_path}../../images/thumbs_up_white.png" style="width: 31px;">
  </div>
  <p class="inline_name">{$analytics.rate_up_perc}%</p>

  <div class="thumb_frame" style="background-color: {mh_cfg key='MH_COLOR_ORANGE'}">
    <img src="{$module_path}../../images/thumbs_down_white.png" style="width: 31px;">
  </div>
  <p class="inline_name">{$analytics.rate_down_perc}%</p>
  <br clear="all">

  </div>
  </p>

  <p class="ui-li-aside">
    <strong>
      <abbr class="timeago" title="{$news.pubDate}">{$news.pubDate}</abbr>
    </strong>
    <br/>
  </p>

  <p>{$news.description}</p>
    </a>
</li>