margin: 0 60px 10px 290px;

}

#content div.panel {

    clear: both;

    background: #fff;

    margin: 0 0 10px;

    padding: 0 0 10px;

    border-radius: 4px 4px 4px 4px;

    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);

}

    clear: both;

    overflow: hidden;

    background-color: #577632;

    background-repeat: repeat-x;

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

    margin: 0 0 20px;

    padding: 0;

    border-radius: 4px 4px 0 0;

}

    float: left;

    border: none;

    color: #fff;

    margin: 0;

    padding: 11px 0 11px 10px;

}

    color: #FFFFFF;

}

    color: #BFE3FF;

}

    list-style: none;

    float: left;

    margin: 0;

    padding: 0;

}

    font-size: 13px;

    font-weight: 700;

    height: 1%;

    margin: 4px;

    text-decoration: none;

}

    float: left;

    color: #fff;

    margin: 0;

    padding: 11px 10px 11px 10px;

}

    float: left;

    color: #fff;

    margin: 0;

    padding: 11px 10px 11px 10px;

}

#content div.panel h1,

#content div.panel h2,

#content div.panel h3,

#content div.panel h4,

#content div.panel h5,

#content div.panel h6,

}

#footer div#footer-inner .footer-link {

    float: left;

    padding-left: 10px;

}

#footer div#footer-inner .footer-link a,

#footer div#footer-inner .footer-link-right a {

    color: #FFF;

}

    clear: both;

    overflow: hidden;

    position: relative;

    background-color: #577632;

    background-repeat: repeat-x;

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

    margin: 0 auto;

    padding: 0;

}

#login div.inner .icon-lock {

    font-size: 80pt;

    float: none !important;

}

#quick_login ol.links li a {

    color: #fff;

    display: block;

    padding: 2px;

}

#quick_login ol.links li a:HOVER {

    background-color: inherit !important;

}

    clear: both;

    overflow: hidden;

    position: relative;

    background-color: #577632;

    background-repeat: repeat-x;

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

    margin: 0 auto;

    padding: 0;

}

#register div.inner {

    background: #FFF;

    min-width: 978px;

}

#content {

    clear: both;

    padding: 10px 10px 14px 10px;

}

#content.hover {

    padding: 55px 10px 14px 10px !important;

}

    border-left: 1px solid #576622;

}

    border: 1px solid #576622;

}

.btn {

    color: #515151;

    background-color: #DADADA;

    background-repeat: repeat-x;

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

    border-top: 1px solid #DDD;

    border-left: 1px solid #c6c6c6;

    border-right: 1px solid #DDD;

#content div.panel div.form div.fields div.field div.textarea table td table td a,

#clone_url,

#clone_url_id

{

    border: none;

}

img.icon, .right .merge img {

    vertical-align: bottom;

}

#header ul#logged-user,

#content div.panel div.message div.dismiss,

#content div.panel div.traffic div.legend ul {

    float: right;

    margin: 0;

    padding: 0;

}

#header #header-inner #home,

#header #header-inner #logo,

#content div.panel ul.left,

#content div.panel ol.left,

div#commit_history,

}

#login div.color a,

#register div.color a {

    width: 20px;

    height: 20px;

    display: block;

    float: left;

    margin: 0 0 0 3px;

    padding: 0;

}

    color: #fff;

    margin: 10px;

    padding: 0;

}

#login div.form div.form-horizontal div.form-group,

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

    clear: both;

    overflow: hidden;

    margin: 0;

    padding: 0 0 10px;

}

    ${_('About')}

</%block>

<%def name="breadcrumbs()">

    ${c.site_name}

</%def>

<%block name="header_menu">

    ${self.menu('about')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

  <!-- box / title -->

    <h5>${_('About')} Kallithea</h5>

  </div>

  <p><a href="https://kallithea-scm.org/">Kallithea</a> is a project of the

  <a href="http://sfconservancy.org/">Software Freedom Conservancy, Inc.</a>

  and is released under the terms of the

  <a href="http://www.gnu.org/copyleft/gpl.html">GNU General Public License,

  v 3.0 (GPLv3)</a>.</p>

  <p>Kallithea is copyrighted by various authors, including but not

  necessarily limited to the following:

  <ul style="margin: 0 0 0 50px;">

    <input type='submit' value="${_('Filter')}" class="btn btn-default btn-xs" style="padding:0px 2px 0px 2px;margin:0px"/>

    ${_('Admin Journal')} - ${ungettext('%s Entry', '%s Entries', c.users_log.item_count) % (c.users_log.item_count)}

    </form>

    ${h.end_form()}

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <!-- box / title -->

        ${self.breadcrumbs()}

    </div>

    <!-- end box / title -->

    <div class="table">

        <div id="user_log">

            <%include file='admin_log.html'/>

        </div>

    </div>

</div>

<script>

$(document).ready(function() {

    ${h.link_to(_('Admin'),h.url('admin_home'))}

    »

    ${_('Authentication')}

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <!-- box / title -->

        ${self.breadcrumbs()}

    </div>

    ${h.form(url('auth_settings'))}

    <div class="form">

    ## enabled auth plugins

    <h1>${_('Authentication Plugins')}</h1>

    <div class="fields">

       <div class="field">

           <div class="label"><label for="auth_plugins">${_("Enabled Plugins")}</label></div>

           <div class="input">${h.text("auth_plugins", class_='large')}

           <span class="help-block">${_('Comma-separated list of plugins; Kallithea will try user authentication in plugin order')}</span>

    ${h.link_to(_('Admin'),h.url('admin_home'))}

    »

    ${_('Repository Defaults')}

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <!-- box / title -->

        ${self.breadcrumbs()}

    </div>

    ${h.form(url('defaults_update', id='defaults'))}

    <div class="form">

        <!-- fields -->

        <div class="fields">

            <div class="field">

                <div class="label">

                    <label for="default_repo_type">${_('Type')}:</label>

<%def name="breadcrumbs_links()">

    ${_('Edit Gist')} · ${c.gist.gist_access_id}

</%def>

<%block name="header_menu">

    ${self.menu('gists')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <!-- box / title -->

        ${self.breadcrumbs()}

    </div>

    <div class="table">

        <div id="edit_error" style="display: none" class="flash_msg">

            <div class="alert alert-dismissable alert-warning">

              <button type="button" class="close" data-dismiss="alert" aria-hidden="true"><i class="icon-cancel-circled"></i></button>

              ${h.literal(_('Gist was update since you started editing. Copy your changes and click %(here)s to reload new version.')

                             % {'here': h.link_to('here',h.url('edit_gist', gist_id=c.gist.gist_access_id))})}

            </div>

            <script>

            if (typeof jQuery != 'undefined') {

        ${_('Public Gists')}

    %endif

    - ${c.gists_pager.item_count}

</%def>

<%block name="header_menu">

    ${self.menu('gists')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <!-- box / title -->

        ${self.breadcrumbs()}

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

        <ul class="links">

          <li>

             <a href="${h.url('new_gist')}" class="btn btn-success btn-sm"><i class="icon-plus"></i> ${_('Create New Gist')}</a>

          </li>

        </ul>

        %endif

    </div>

    %if c.gists_pager.item_count>0:

        % for gist in c.gists_pager:

          <div class="gist-item" style="padding:10px 20px 10px 15px">

<%def name="breadcrumbs_links()">

    ${_('New Gist')}

</%def>

<%block name="header_menu">

    ${self.menu('gists')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <!-- box / title -->

        ${self.breadcrumbs()}

    </div>

    <div class="table">

        <div id="files_data">

          ${h.form(h.url('gists'), method='post',id='eform')}

            <div>

                ${h.gravatar_div(c.authuser.email, size=32)}

                <textarea style="resize:vertical; width:400px;border: 1px solid #ccc;border-radius: 3px;" id="description" name="description" placeholder="${_('Gist description ...')}"></textarea>

                <div style="padding:0px 0px 0px 42px">

                <label for='lifetime'>${_('Gist lifetime')}</label>

                ${h.select('lifetime', '', c.lifetime_options)}

<%def name="breadcrumbs_links()">

    ${_('Gist')} · ${c.gist.gist_access_id}

    / ${_('URL')}: ${c.gist.gist_url()}

</%def>

<%block name="header_menu">

    ${self.menu('gists')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <!-- box / title -->

        ${self.breadcrumbs()}

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

        <ul class="links">

          <li>

              <a href="${h.url('new_gist')}" class="btn btn-success btn-sm"><i class="icon-plus"></i> ${_('Create New Gist')}</a>

          </li>

        </ul>

        %endif

    </div>

    <div class="table">

        <div id="files_data">

            <div id="body" class="codeblock">

</%block>

<%def name="breadcrumbs_links()">

    ${_('My Account')}

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%block>

<%def name="main()">

<div class="panel panel-primary" style="overflow:auto">

        ${self.breadcrumbs()}

    </div>

    ##main

    <div style="width: 150px; float:left">

        <ul class="nav nav-pills nav-stacked">

          <li>

           <div class="gravatar_box" style="height: 26px">

               ${h.gravatar_div(c.user.email, div_style="float: left")}

               <div class="truncate" style="margin:10px 0px 10px 0px; color:#5f5f5f; float:left; width: 100px">

                <strong>${c.user.username}</strong>

               </div>

<%def name="breadcrumbs_links()">

    ${_('My Notifications')}

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <!-- box / title -->

        ${self.breadcrumbs()}

    </div>

      <div style="padding:14px 18px;text-align: right;float:left">

      <span id='all' class="btn btn-default btn-sm"><a href="${h.url.current()}">${_('All')}</a></span>

      <span id='comment' class="btn btn-default btn-sm"><a href="${h.url.current(type=c.comment_type)}">${_('Comments')}</a></span>

      <span id='pull_request' class="btn btn-default btn-sm"><a href="${h.url.current(type=c.pull_request_type)}">${_('Pull Requests')}</a></span>

      </div>

      %if c.notifications:

      <div style="padding:14px 18px;text-align: right;float:right">

      <span id='mark_all_read' class="btn btn-default btn-sm">${_('Mark All Read')}</span>

      </div>

    ${h.link_to(_('Notifications'),h.url('notifications'))}

    »

    ${_('Show Notification')}

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <!-- box / title -->

        ${self.breadcrumbs()}

    </div>

    <div class="table">

      <div id="notification_${c.notification.notification_id}">

        <div class="notification-header">

          ${h.gravatar_div(c.notification.created_by_user.email, size=24)}

          <div class="desc">

              ${c.notification.description}

          </div>

          <div class="delete-notifications">

            <span id="${c.notification.notification_id}" class="delete-notification action"><i class="icon-minus-circled"></i></span>

          </div>

    ${h.link_to(_('Admin'),h.url('admin_home'))}

    »

    ${_('Default Permissions')}

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%block>

<%def name="main()">

<div class="panel panel-primary" style="overflow:auto">

        ${self.breadcrumbs()}

    </div>

    ##main

    <div style="width: 150px; float:left">

      <ul class="nav nav-pills nav-stacked">

        <li class="${'active' if c.active=='globals' else ''}"><a href="${h.url('admin_permissions')}">${_('Global')}</a></li>

        <li class="${'active' if c.active=='ips' else ''}"><a href="${h.url('admin_permissions_ips')}">${_('IP Whitelist')}</a></li>

        <li class="${'active' if c.active=='perms' else ''}"><a href="${h.url('admin_permissions_perms')}">${_('Show Permissions')}</a></li>

      </ul>

    </div>

    ${h.link_to(_('Repository Groups'),h.url('repos_groups'))}

    »

    ${_('Add Repository Group')}

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <!-- box / title -->

        ${self.breadcrumbs()}

    </div>

    <!-- end box / title -->

    ${h.form(url('repos_groups'))}

    <div class="form">

        <!-- fields -->

        <div class="fields">

             <div class="field">

                <div class="label">

                    <label for="group_name">${_('Group name')}:</label>

                </div>

                <div class="input">

      <li>

          <a href="${h.url('new_repos_group', parent_group=c.repo_group.group_id)}" class="btn btn-success btn-sm"><i class="icon-plus"></i> ${_('Add Child Group')}</a>

      </li>

    </ul>

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%block>

<%def name="main()">

<div class="panel panel-primary" style="overflow:auto">

        ${self.breadcrumbs()}

        ${self.breadcrumbs_side_links()}

    </div>

    ##main

    <div style="width: 150px; float:left">

      <ul class="nav nav-pills nav-stacked">

        <li class="${'active' if c.active=='settings' else ''}"><a href="${h.url('edit_repo_group', group_name=c.repo_group.group_name)}">${_('Settings')}</a></li>

        <li class="${'active' if c.active=='advanced' else ''}"><a href="${h.url('edit_repo_group_advanced', group_name=c.repo_group.group_name)}">${_('Advanced')}</a></li>

        <li class="${'active' if c.active=='perms' else ''}"><a href="${h.url('edit_repo_group_perms', group_name=c.repo_group.group_name)}">${_('Permissions')}</a></li>

      </ul>

    </div>

<%def name="breadcrumbs_links()">

    ${h.link_to(_('Admin'),h.url('admin_home'))} &raquo; <span id="repo_group_count">0</span> ${_('Repository Groups')}

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <!-- box / title -->

        ${self.breadcrumbs()}

        <ul class="links">

            %if h.HasPermissionAny('hg.admin')():

             <li>

               <a href="${h.url('new_repos_group')}" class="btn btn-success btn-sm"><i class="icon-plus"></i> ${_('Add Repository Group')}</a>

             </li>

            %endif

        </ul>

    </div>

    <!-- end box / title -->

    <div class="table">

        <table id="datatable_list_wrap"></table>

    %endif

    »

    ${_('Add Repository')}

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%block>

<%def name="main()">

    <div class="panel panel-primary">

        <!-- box / title -->

            ${self.breadcrumbs()}

        </div>

        <%include file="repo_add_base.html"/>

    </div>

</%def>

</%block>

<%def name="breadcrumbs_links()">

    ${_('Creating repository')} ${c.repo}

</%def>

<%block name="header_menu">

    ${self.menu('repositories')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <!-- box / title -->

        ${self.breadcrumbs()}

    </div>

    <div style="display:table; padding: 10px 0px; font-size: 14px;font-weight: bold;margin-right: auto;margin-left: auto">

        ${_('Repository "%(repo_name)s" is being created, you will be redirected when this process is finished.' % {'repo_name':c.repo_name})}

    </div>

    <div id="progress" style="width: 500px;margin-left: auto; margin-right: auto">

        <div class="progress progress-striped active">

          <div class="progress-bar progress-bar" role="progressbar"

               aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">

          </div>

<%def name="breadcrumbs_links()">

    ${_('Settings')}

</%def>

<%block name="header_menu">

    ${self.menu('repositories')}

</%block>

<%def name="main()">

${self.repo_context_bar('options')}

<div class="panel panel-primary" style="overflow:auto">

        <!--${self.breadcrumbs()}-->

    <!--</div>-->

    ##main

    <div style="width: 150px; float:left">

        <ul class="nav nav-pills nav-stacked">

          <!--<li>-->

           <!--<div class="gravatar_box" style="height: 26px">-->

             <!--<div class="gravatar" style="float: left">-->

                <!--<i class="icon-users" style="font-size: 26px"></i>-->

             <!--</div>-->

               <!--<div style="margin:10px 0px 10px 0px; color:#5f5f5f; float:left">-->

    ${_('Repositories Administration')}

</%block>

<%def name="breadcrumbs_links()">

    <span id="repo_count">0</span> ${_('Repositories')}

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

        ${self.breadcrumbs()}

        <ul class="links">

         %if h.HasPermissionAny('hg.admin','hg.create.repository')():

          <li>

            <a href="${h.url('new_repo')}" class="btn btn-success btn-sm"><i class="icon-plus"></i> ${_('Add Repository')}</a>

          </li>

         %endif

        </ul>

    </div>

    <div class="table">

        <table id="datatable_list_wrap"></table>

    </div>

<%def name="breadcrumbs_links()">

    ${h.link_to(_('Admin'),h.url('admin_home'))}

    »

    ${_('Settings')}

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%block>

<%def name="main()">

<div class="panel panel-primary" style="overflow:auto">

        ${self.breadcrumbs()}

    </div>

    ##main

    <div style="width: 150px; float:left">

      <ul class="nav nav-pills nav-stacked">

        <li class="${'active' if c.active=='vcs' else ''}"><a href="${h.url('admin_settings')}">${_('VCS')}</a></li>

        <li class="${'active' if c.active=='mapping' else ''}"><a href="${h.url('admin_settings_mapping')}">${_('Remap and Rescan')}</a></li>

        <li class="${'active' if c.active=='global' else ''}"><a href="${h.url('admin_settings_global')}">${_('Global')}</a></li>

        <li class="${'active' if c.active=='visual' else ''}"><a href="${h.url('admin_settings_visual')}">${_('Visual')}</a></li>

        <li class="${'active' if c.active=='email' else ''}"><a href="${h.url('admin_settings_email')}">${_('Email')}</a></li>

        <li class="${'active' if c.active=='hooks' else ''}"><a href="${h.url('admin_settings_hooks')}">${_('Hooks')}</a></li>

    ${h.link_to(_('User Groups'),h.url('users_groups'))}

    »

    ${_('Add User Group')}

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%block>

<%def name="main()">