#header #header-inner #quick li:hover #quick_login,

#header #header-inner #quick li:hover ul,

#header #header-inner #quick li li:hover ul,

#header #header-inner #quick li li li:hover ul,

#header #header-inner #quick li li li li:hover ul,

#content #left #menu ul.opened,

#content #left #menu li ul.expanded {

    display: block;

}

.repo-switcher .select2-choice {

    padding: 0px 8px 1px !important;

    display: block;

    height: 100%;

}

.repo-switcher .select2-container,

.repo-switcher .select2-choice,

.repo-switcher .select2-choice span {

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    color: #FFFFFF !important;

}

.repo-switcher .select2-arrow {

    display: none !important;

}

.repo-switcher .select2-chosen:after {

    content: ' \25BE';

}

.repo-switcher-dropdown.select2-drop.select2-drop-active {

    xborder-color: black;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    color: #fff;

    background-color: #576622;

}

.repo-switcher-dropdown.select2-drop.select2-drop-active .select2-results .select2-highlighted {

    background-color: #6388ad;

}

#content div.graph {

    padding: 0 10px 10px;

}

#content div.box ol.lower-roman,

#content div.box ol.upper-roman,

#content div.box ol.lower-alpha,

#content div.box ol.upper-alpha,

#content div.box ol.decimal {

    margin: 10px 24px 10px 44px;

}

#content div.box div.form,

#content div.box div.table,

#content div.box div.traffic {

    position: relative;

    clear: both;

    margin: 0;

    padding: 0 20px 10px;

}

#content div.box div.form div.fields,

#login div.form,

#login div.form div.fields,

#register div.form,

#register div.form div.fields {

    clear: both;

    overflow: hidden;

    margin: 0;

    padding: 0;

}

#content div.box div.form div.fields div.field div.label span,

#login div.form div.fields div.field div.label span,

#register div.form div.fields div.field div.label span {

    height: 1%;

    display: block;

    color: #363636;

    margin: 0;

    padding: 2px 0 0;

}

#content div.box div.form div.fields div.field div.input input.error,

#login div.form div.fields div.field div.input input.error,

#register div.form div.fields div.field div.input input.error {

    background: #FBE3E4;

    border-top: 1px solid #e1b2b3;

    border-left: 1px solid #e1b2b3;

    border-right: 1px solid #FBC2C4;

    border-bottom: 1px solid #FBC2C4;

<%inherit file="/base/base.html"/>

<%block name="title">

    ${_('%s Statistics') % c.repo_name}

</%block>

<%def name="breadcrumbs_links()">

    ${_('Statistics')}

</%def>

<%block name="header_menu">

    ${self.menu('repositories')}

</%block>

<%block name="head_extra">

  <link href="${h.url('atom_feed_home',repo_name=c.db_repo.repo_name,api_key=c.authuser.api_key)}" rel="alternate" title="${_('%s ATOM feed') % c.repo_name}" type="application/atom+xml" />

  <link href="${h.url('rss_feed_home',repo_name=c.db_repo.repo_name,api_key=c.authuser.api_key)}" rel="alternate" title="${_('%s RSS feed') % c.repo_name}" type="application/rss+xml" />

</%block>

<%def name="main()">

${self.repo_context_bar('summary')}

    <%

    summary = lambda n:{False:'summary-short'}.get(n)

    %>

    <div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    <div class="graph">

         <div style="padding:0 10px 10px 17px;">

         %if c.no_data:

           ${c.no_data_msg}

           %if h.HasPermissionAll('hg.admin')('enable stats on from summary'):

                ${h.link_to(_('Enable'),h.url('edit_repo',repo_name=c.repo_name),class_="btn btn-mini")}

           %endif

        %else:

            ${_('Stats gathered: ')} ${c.stats_percentage}%

        %endif

        </div>

        <div id="commit_history" style="width:450px;height:300px;float:left"></div>

            <div id="legend_container"></div>

            <div id="legend_choices">

                <table id="legend_choices_tables" class="noborder" style="font-size:smaller;color:#545454"></table>

            </div>

        </div>

    </div>

</div>

<script type="text/javascript">

var data = ${c.trending_languages|n};

var total = 0;

var no_data = true;

var tbl = document.createElement('table');

tbl.setAttribute('class','trending_language_tbl');

var cnt = 0;

for (var i=0;i<data.length;i++){

    total+= data[i][1].count;

}

for (var i=0;i<data.length;i++){

    cnt += 1;

    no_data = false;

    var hide = cnt>2;

    var tr = document.createElement('tr');

    if (hide){

        tr.setAttribute('style','display:none');

        tr.setAttribute('class','stats_hidden');

    }

    var k = data[i][0];

    var obj = data[i][1];

    var percentage = Math.round((obj.count/total*100),2);

    var td1 = document.createElement('td');

    td1.width = 150;

    var trending_language_label = document.createElement('div');

    trending_language_label.innerHTML = obj.desc+" ("+k+")";

    td1.appendChild(trending_language_label);

    var td2 = document.createElement('td');

    td2.setAttribute('style','padding-right:14px !important');

    var trending_language = document.createElement('div');

    var nr_files = obj.count+" ${_('files')}";

    trending_language.title = k+" "+nr_files;

    if (percentage>22){

        trending_language.innerHTML = "<b style='font-size:0.8em'>"+percentage+"% "+nr_files+ "</b>";

    }

    else{

        trending_language.innerHTML = "<b style='font-size:0.8em'>"+percentage+"%</b>";

    }

    trending_language.setAttribute("class", 'trending_language top-right-rounded-corner bottom-right-rounded-corner');