#content div.box div.title div.search {

    border-left: 1px solid #576622;

}

#content div.box div.title div.search div.input input {

    border: 1px solid #576622;

}

.btn {

    color: #515151;

    background-color: #DADADA;

    background-repeat: repeat-x;

    background-image: -khtml-gradient(linear, left top, left bottom, from(#F4F4F4),to(#DADADA) );

    background-image: -moz-linear-gradient(top, #F4F4F4, #DADADA);

    background-image: -ms-linear-gradient(top, #F4F4F4, #DADADA);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F4F4F4),color-stop(100%, #DADADA) );

    background-image: -webkit-linear-gradient(top, #F4F4F4, #DADADA) );

    background-image: -o-linear-gradient(top, #F4F4F4, #DADADA) );

    background-image: linear-gradient(to bottom, #F4F4F4, #DADADA);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4', endColorstr='#DADADA', GradientType=0);

    border-top: 1px solid #DDD;

    border-left: 1px solid #c6c6c6;

    border-right: 1px solid #DDD;

    border-bottom: 1px solid #c6c6c6;

    color: #515151;

    outline: none;

    margin: 0px 3px 3px 0px;

    -webkit-border-radius: 4px 4px 4px 4px !important;

    -khtml-border-radius: 4px 4px 4px 4px !important;

    border-radius: 4px 4px 4px 4px !important;

    cursor: pointer !important;

    padding: 3px 3px 3px 3px;

    background-position: 0 -100px;

    display: inline-block;

}

ul.nav-stacked {

    margin: 20px;

    color: #393939;

    font-weight: 700;

}

ul.nav-stacked a {

    color: inherit;

}

/* make .btn inputs and buttons and divs look the same */

button.btn,

input.btn {

    font-family: inherit;

    font-size: inherit;

    line-height: inherit;

}

.btn::-moz-focus-inner {

    border: 0;

    padding: 0;

}

/* make .btn inputs and buttons and divs look the same */

button.btn,

input.btn {

    font-family: inherit;

    font-size: inherit;

    line-height: inherit;

}

.btn::-moz-focus-inner {

    border: 0;

    padding: 0;

}

.btn.badge {

    cursor: default !important;

}

.btn.disabled {

    color: #999;

}

.btn.btn-danger.disabled {

    color: #eee;

    background-color: #c77;

    border-color: #b66

}

.btn.btn-small {

    padding: 2px 6px;

}

.btn.btn-mini {

    padding: 0px 4px;

}

.btn:focus {

    outline: none;

}

.btn:hover {

    background-position: 0 -100px;

    text-decoration: none;

    color: #515151;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #FFFFFF !important;

}

.btn.badge:hover {

    box-shadow: none !important;

}

.btn.disabled:hover {

    background-position: 0;

    color: #999;

    text-decoration: none;

    box-shadow: none !important;

}

.btn.red {

    color: #fff;

    background-color: #c43c35;

    background-repeat: repeat-x;

    background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));

    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);

    background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));

    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);

    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);

    background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);

    border-color: #c43c35 #c43c35 #882a25;

    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}

.btn.blue {

    color: #fff;

    background-color: #339bb9;

    background-repeat: repeat-x;

    background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));

    background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);

    background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));

    background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);

    background-image: -o-linear-gradient(top, #5bc0de, #339bb9);

    background-image: linear-gradient(to bottom, #5bc0de, #339bb9);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);

    border-color: #339bb9 #339bb9 #22697d;

    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}

.btn.green {

    color: #fff;

    background-color: #57a957;

    background-repeat: repeat-x;

    background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));

    background-image: -moz-linear-gradient(top, #62c462, #57a957);

    background-image: -ms-linear-gradient(top, #62c462, #57a957);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));

    background-image: -webkit-linear-gradient(top, #62c462, #57a957);

    background-image: -o-linear-gradient(top, #62c462, #57a957);

    background-image: linear-gradient(to bottom, #62c462, #57a957);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);

    border-color: #57a957 #57a957 #3d773d;

    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}

.btn.yellow {

    color: #fff;

    background-color: #faa732;

    background-repeat: repeat-x;

    background-image: -khtml-gradient(linear, left top, left bottom, from(#fbb450), to(#f89406));

    background-image: -moz-linear-gradient(top, #fbb450, #f89406);

    background-image: -ms-linear-gradient(top, #fbb450, #f89406);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbb450), color-stop(100%, #f89406));

    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);

    background-image: -o-linear-gradient(top, #fbb450, #f89406);

    background-image: linear-gradient(to bottom, #fbb450, #f89406);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);

    border-color: #f89406 #f89406 #ad6704;

    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}

label.disabled {

    color: #aaa;

}

.btn.blue.hidden {

    display: none;

}

.btn.active {

    font-weight: bold;

}

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

<%def name="title()">

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

    %if c.site_name:

        · ${c.site_name}

    %endif

</%def>

<%def name="breadcrumbs_links()">

    ${_('Summary')}

    ## locking icon

    %if c.db_repo.enable_locking:

     %if c.db_repo.locked[0]:

       <span class="locking_locked tooltip" title="${_('Repository locked by %s') % h.person_by_id(c.db_repo.locked[0])}"></span>

     %else:

       <span class="locking_unlocked tooltip" title="${_('Repository unlocked')}"></span>

     %endif

    %endif

    ##FORK

    %if c.db_repo.fork:

    <span>

        - <i class="icon-code-fork"></i> ${_('Fork of')} "<a href="${h.url('summary_home',repo_name=c.db_repo.fork.repo_name)}">${c.db_repo.fork.repo_name}</a>"

    </span>

    %endif

    ##REMOTE

    %if c.db_repo.clone_uri:

    <span>

       - <i class="icon-code-fork"></i> ${_('Clone from')} "<a href="${h.url(str(h.hide_credentials(c.db_repo.clone_uri)))}">${h.hide_credentials(c.db_repo.clone_uri)}</a>"

    <span>

    %endif

</%def>

<%def name="page_nav()">

    ${self.menu('repositories')}

</%def>

<%def 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" />

<script>

redirect_hash_branch = function(){

    var branch = window.location.hash.replace(/^#(.*)/, '$1');

    if (branch){

        window.location = "${h.url('changelog_home',repo_name=c.repo_name,branch='__BRANCH__')}"

            .replace('__BRANCH__',branch);

    }

}

redirect_hash_branch();

window.onhashchange = function() {

    redirect_hash_branch();

};

</script>

</%def>

<%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>

    <!-- end box / title -->

    <div class="form">

        <div id="summary" class="fields">

            <div class="field">

                <div class="label-summary">

                  <label>${_('Clone url')}:</label>

                </div>

                <div class="input ${summary(c.show_stats)}">

                  <input style="width:80%" type="text" id="clone_url" readonly="readonly" value="${c.clone_repo_url}"/>

                  <input style="display:none;width:80%" type="text" id="clone_url_id" readonly="readonly" value="${c.clone_repo_url_id}"/>

                </div>

            </div>

            <div class="field">

              <div class="label-summary">

                  <label>${_('Description')}:</label>

              </div>

                 %if c.visual.stylify_metatags:

                   <div class="input ${summary(c.show_stats)} desc">${h.urlify_text(h.desc_stylize(c.db_repo.description))}</div>

                 %else:

                   <div class="input ${summary(c.show_stats)} desc">${h.urlify_text(c.db_repo.description)}</div>

                 %endif

            </div>

            <div class="field">

              <div class="label-summary">

                  <label>${_('Trending files')}:</label>

              </div>

              <div class="input ${summary(c.show_stats)}">

                %if c.show_stats:

                <div id="lang_stats"></div>

                %else:

                   ${_('Statistics are disabled for this repository')}

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

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

                   %endif

                %endif

              </div>

            </div>

            <div class="field">

              <div class="label-summary">

                  <label>${_('Download')}:</label>

              </div>

              <div class="input ${summary(c.show_stats)}">

                %if len(c.db_repo_scm_instance.revisions) == 0:

                  ${_('There are no downloads yet')}

                %elif not c.enable_downloads:

                  ${_('Downloads are disabled for this repository')}

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

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

                    %endif

                %else:

                    <span id="${'zip_link'}">

                        <a class="btn btn-small" href="${h.url('files_archive_home',repo_name=c.db_repo.repo_name,fname='tip.zip')}"><i class="icon-archive"></i> ${_('Download as zip')}</a>

                    </span>

                    ${h.hidden('download_options')}

                    <span style="vertical-align: bottom">

                      <input id="archive_subrepos" type="checkbox" name="subrepos" />

                      <label for="archive_subrepos" class="tooltip" title="${h.tooltip(_('Check this to download archive with subrepos'))}" >${_('with subrepos')}</label>

                    </span>

                %endif

              </div>

            </div>

        </div>

        <div id="summary-menu-stats">

          <ul>

            <li>

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

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

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

                     <img alt="gravatar" src="${h.gravatar_url(c.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.authuser.username != 'default':

            <li class="repo_size">

              <a href="#" onclick="javascript:showRepoSize('repo_size_2','${c.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.authuser.username != 'default':

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

            %else:

              <a href="${h.url('atom_feed_home',repo_name=c.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)}">