#content div.box div.traffic div.legend {

    clear: both;

    overflow: hidden;

    border-bottom: 1px solid #ddd;

    margin: 0 0 10px;

    padding: 0 0 10px;

}

#content div.box div.traffic div.legend h6 {

    float: left;

    border: none;

    margin: 0;

    padding: 0;

}

#content div.box div.traffic div.legend li {

    list-style: none;

    float: left;

    font-size: 11px;

    margin: 0;

    padding: 0 8px 0 4px;

}

#content div.box div.traffic div.legend li.visits {

    border-left: 12px solid #edc240;

}

#content div.box div.traffic div.legend li.pageviews {

    border-left: 12px solid #afd8f8;

}

#content div.box div.traffic table {

    width: auto;

}

#content div.box div.traffic table td {

    background: transparent;

    border: none;

    padding: 2px 3px 3px;

}

#content div.box div.traffic table td.legendLabel {

    padding: 0 3px 2px;

}

#content div.box #summary {

    margin-right: 200px;

}

#summary-menu-stats {

    float: left;

    width: 180px;

    position: absolute;

    top: 0;

    right: 0;

}

#summary-menu-stats ul {

    margin: 0 10px;

    display: block;

    background-color: #f9f9f9;

    border: 1px solid #d1d1d1;

    border-radius: 4px;

}

#content #summary-menu-stats li {

    border-top: 1px solid #d1d1d1;

    padding: 0;

}

#content #summary-menu-stats li:hover {

    background: #f0f0f0;

}

#content #summary-menu-stats li:first-child {

    border-top: none;

}

#summary-menu-stats a.followers { background-image: url('../images/icons/heart.png')}

#summary-menu-stats a.forks { background-image: url('../images/icons/arrow_divide.png')}

#summary-menu-stats a.settings { background-image: url('../images/icons/cog_edit.png')}

#summary-menu-stats a.feed { background-image: url('../images/icons/rss_16.png')}

#summary-menu-stats a.repo-size { background-image: url('../images/icons/server.png')}

#summary-menu-stats a {

    display: block;

    padding: 12px 10px;

    background-repeat: no-repeat;

    background-position: 10px 50%;

    padding-right: 10px;

}

#repo_size_2.loaded {

    margin-left: 30px;

    display: block;

               <a title="${_('Owner')} ${c.rhodecode_db_repo.user.email}">

                <i class="icon-user"></i> ${c.rhodecode_db_repo.user.username}

                  <div class="gravatar" style="float: right; margin: 0px 0px 0px 0px" title="${c.rhodecode_db_repo.user.name} ${c.rhodecode_db_repo.user.lastname}">

                     <img alt="gravatar" src="${h.gravatar_url(c.rhodecode_db_repo.user.email, 18)}"/>

                  </div>

              </a>

            </li>

            <li>

               <a title="${_('Followers')}" href="${h.url('repo_followers_home',repo_name=c.repo_name)}">

                <i class="icon-heart"></i> ${_('Followers')}

                <span class="stats-bullet" id="current_followers_count">${c.repository_followers}</span>

              </a>

            </li>

            <li>

              <a title="${_('Forks')}" href="${h.url('repo_forks_home',repo_name=c.repo_name)}">

                <i class="icon-code-fork"></i> ${_('Forks')}

                <span class="stats-bullet">${c.repository_forks}</span>

              </a>

            </li>

            %if c.rhodecode_user.username != 'default':

            <li class="repo_size">

              <a href="#" onclick="javascript:showRepoSize('repo_size_2','${c.rhodecode_db_repo.repo_name}','${str(h.get_token())}')"><i class="icon-archive"></i> ${_('Repository Size')}</a>

              <span  class="stats-bullet" id="repo_size_2"></span>

            </li>

            %endif

            <li>

            %if c.rhodecode_user.username != 'default':

              <a href="${h.url('atom_feed_home',repo_name=c.rhodecode_db_repo.repo_name,api_key=c.rhodecode_user.api_key)}"><i class="icon-rss-sign"></i> ${_('Feed')}</a>

            %else:

              <a href="${h.url('atom_feed_home',repo_name=c.rhodecode_db_repo.repo_name)}"><i class="icon-rss-sign"></i> ${_('Feed')}</a>

            %endif

            </li>

            %if c.show_stats:

            <li>

              <a title="${_('Statistics')}" href="${h.url('repo_stats_home',repo_name=c.repo_name)}">

                <i class="icon-bar-chart"></i> ${_('Statistics')}

              </a>

            </li>

            %endif

          </ul>

        </div>

    </div>

</div>

    <div class="title">

        <div class="breadcrumbs">

        %if c.repo_changesets:

            ${h.link_to(_('Latest changes'),h.url('changelog_home',repo_name=c.repo_name))}

        %else:

            ${_('Quick start')}

         %endif

        </div>

    </div>

    <div class="table">

        <div id="shortlog_data">

            <%include file='../changelog/changelog_summary_data.html'/>

        </div>

    </div>

</div>

%if c.readme_data:

<div id="readme" class="anchor">

<div class="box" style="background-color: #FAFAFA">

    <div class="title" title="${_('Readme file from revision %s:%s') % (c.rhodecode_db_repo.landing_rev[0], c.rhodecode_db_repo.landing_rev[1])}">

        <div class="breadcrumbs">

            <a href="${h.url('files_home',repo_name=c.repo_name,revision='tip',f_path=c.readme_file)}">${c.readme_file}</a>

        </div>

    </div>

    <div class="readme">

      <div class="readme_box">

        ${c.readme_data|n}

      </div>

    </div>

</div>

</div>

%endif

<script type="text/javascript">

var clone_url = 'clone_url';

YUE.on(clone_url,'click',function(e){

    if(YUD.hasClass(clone_url,'selected')){

        return

    }

    else{

        YUD.addClass(clone_url,'selected');

        YUD.get(clone_url).select();

    }

})

YUE.on('clone_by_name','click',function(e){

    // show url by name and hide name button

    YUD.setStyle('clone_url','display','');