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

}

#header ul#logged-user li {

    list-style: none;

    float: left;

    margin: 8px 0 0;

    padding: 4px 12px;

    border-left: 1px solid #576622;

}

#header ul#logged-user li.first {

    border-left: none;

    margin: 4px;

}

#header ul#logged-user li.first div.gravatar {

    margin-top: -2px;

}

#header ul#logged-user li.first div.account {

    padding-top: 4px;

    float: left;

}

#header ul#logged-user li.last {

    border-right: none;

}

#header ul#logged-user li a {

    color: #fff;

    font-weight: 700;

    text-decoration: none;

}

#header ul#logged-user li a:hover {

    text-decoration: underline;

}

#header ul#logged-user li.highlight a {

    color: #fff;

}

#header ul#logged-user li.highlight a:hover {

    color: #FFF;

}

#header-dd {

    clear: both;

    position: fixed !important;

    background-color: #577632;

    opacity: 0.01;

    cursor: pointer;

    min-height: 10px;

    width: 100% !important;

    -webkit-border-radius: 0px 0px 4px 4px;

    -khtml-border-radius: 0px 0px 4px 4px;

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

}

#header-dd:hover {

    opacity: 0.2;

    -webkit-transition: opacity 0.5s ease-in-out;

    -moz-transition: opacity 0.5s ease-in-out;

    transition: opacity 0.5s ease-in-out;

}

#header #header-inner {

    min-height: 44px;

    clear: both;

    position: relative;

    background-color: #577632;

    background-repeat: repeat-x;

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

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

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

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

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

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

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

    margin: 0;

    padding: 0;

    display: block;

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

    -webkit-border-radius: 0px 0px 4px 4px;

    -khtml-border-radius: 0px 0px 4px 4px;

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

}

#header #header-inner.hover {

    width: 100% !important;

    -webkit-border-radius: 0px 0px 0px 0px;

    -khtml-border-radius: 0px 0px 0px 0px;

    border-radius: 0px 0px 0px 0px;

    position: fixed !important;

    z-index: 10000;

}

.header-pos-fix, .anchor {

    margin-top: -46px;

    padding-top: 46px;

}

#header #header-inner #home a {

    height: 40px;

    width: 46px;

    display: block;

    background-position: 0 0;

    margin: 0;

    padding: 0;

}

#header #header-inner #home a:hover {

    background-position: 0 -40px;

}

#header #header-inner #logo {

    float: left;

    position: absolute;

}

#header #header-inner #logo h1 {

    color: #FFF;

    font-size: 20px;

    margin: 12px 0 0 13px;

    padding: 0;

}

#header #header-inner #logo a {

    color: #fff;

    text-decoration: none;

}

#header #header-inner #logo a:hover {

    color: #bfe3ff;

}

#header #header-inner #quick {

    position: relative;

    float: right;

    list-style-type: none;

    list-style-position: outside;

    margin: 4px 8px 0 0;

    padding: 0;

    border-radius: 4px;

}

#header #header-inner #quick li span.short {

    padding: 9px 6px 8px 6px;

}

#header #header-inner #quick li span {

    display: inline;

    margin: 0;

}

#header #header-inner #quick li span.normal {

    border: none;

    padding: 10px 12px 8px;

}

#header #header-inner #quick li span.icon {

    border-left: none;

    padding-left: 10px;

}

#header #header-inner #quick li span.icon_short {

    top: 0;

    left: 0;

    border-left: none;

    border-right: 1px solid #2e5c89;

    padding: 8px 6px 4px;

}

#header #header-inner #quick li span.icon img,

#header #header-inner #quick li span.icon_short img {

    vertical-align: middle;

    margin-bottom: 2px;

}

#header #header-inner #quick ul.repo_switcher {

    max-height: 275px;

    overflow-x: hidden;

    overflow-y: auto;

}

#header #header-inner #quick ul.repo_switcher li.qfilter_rs {

    padding: 2px 3px;

    padding-right: 17px;

}

#header #header-inner #quick ul.repo_switcher li.qfilter_rs input {

    width: 100%;

    border-radius: 10px;

        <link rel="stylesheet" type="text/css" href="${h.url('/css/contextbar.css', ver=c.kallithea_version)}" media="screen"/>

        <link rel="stylesheet" type="text/css" href="${h.url('/fontello/css/kallithea.css', ver=c.kallithea_version)}">

        <%block name="css_extra"/>

        ## JAVASCRIPT ##

        <script type="text/javascript">

            ## JS translations map

            var TRANSLATION_MAP = {

                'Add Another Comment':'${_("Add Another Comment")}',

                'Stop following this repository':"${_('Stop following this repository')}",

                'Start following this repository':"${_('Start following this repository')}",

                'Group':"${_('Group')}",

                'members':"${_('members')}",

                'Loading ...':"${_('Loading ...')}",

                'loading ...':"${_('loading ...')}",

                'Search truncated': "${_('Search truncated')}",

                'No matching files': "${_('No matching files')}",

                'Open New Pull Request': "${_('Open New Pull Request')}",

                'Open New Pull Request for Selected Changesets':  "${_('Open New Pull Request for Selected Changesets')}",

                'Show Selected Changesets __S → __E': "${h.literal(_('Show Selected Changesets __S → __E'))}",

                'Show Selected Changeset __S': "${_('Show Selected Changeset __S')}",

                'Selection Link': "${_('Selection Link')}",

                'Collapse Diff': "${_('Collapse Diff')}",

                'Expand Diff': "${_('Expand Diff')}",

                'Failed to revoke permission': "${_('Failed to revoke permission')}",

                'Confirm to revoke permission for {0}: {1} ?': "${_('Confirm to revoke permission for {0}: {1} ?')}",

                'enabled': "${_('enabled')}",

                'disabled': "${_('disabled')}",

                'Select changeset': "${_('Select changeset')}",

                'Specify changeset': "${_('Specify changeset')}",

                'MSG_SORTASC': "${_('Click to sort ascending')}",

                'MSG_SORTDESC': "${_('Click to sort descending')}",

                'MSG_EMPTY': "${_('No records found.')}",

                'MSG_ERROR': "${_('Data error.')}",

                'MSG_LOADING': "${_('Loading...')}"

            };

            var _TM = TRANSLATION_MAP;

            var TOGGLE_FOLLOW_URL  = "${h.url('toggle_following')}";

            var REPO_NAME = "";

            %if hasattr(c, 'repo_name'):

                var REPO_NAME = "${c.repo_name}";

            %endif

            var _authentication_token = "${h.authentication_token()}";

        </script>

        <script type="text/javascript" src="${h.url('/js/yui.2.9.js', ver=c.kallithea_version)}"></script>

        <script type="text/javascript" src="${h.url('/js/jquery-1.11.1.min.js', ver=c.kallithea_version)}"></script>

        <script type="text/javascript" src="${h.url('/js/bootstrap.js', ver=c.kallithea_version)}"></script>

        <script type="text/javascript" src="${h.url('/js/select2/select2.js', ver=c.kallithea_version)}"></script>

        <script type="text/javascript" src="${h.url('/js/mousetrap.js', ver=c.kallithea_version)}"></script>

        <script type="text/javascript" src="${h.url('/js/yui.flot.js', ver=c.kallithea_version)}"></script>

        <script type="text/javascript" src="${h.url('/js/native.history.js', ver=c.kallithea_version)}"></script>

        <script type="text/javascript" src="${h.url('/js/pyroutes_map.js', ver=c.kallithea_version)}"></script>

        <script type="text/javascript" src="${h.url('/js/base.js', ver=c.kallithea_version)}"></script>

        ## EXTRA FOR JS

        <%block name="js_extra"/>

        <script type="text/javascript">

            (function(window,undefined){

                var History = window.History; // Note: We are using a capital H instead of a lower h

                if ( !History.enabled ) {

                     // History.js is disabled for this browser.

                     // This is because we can optionally choose to support HTML4 browsers or not.

                    return false;

                }

            })(window);

            $(document).ready(function(){

              tooltip_activate();

              show_more_event();

              show_changeset_tooltip();

              // routes registration

              pyroutes.register('home', "${h.url('home')}", []);

              pyroutes.register('new_gist', "${h.url('new_gist')}", []);

              pyroutes.register('gists', "${h.url('gists')}", []);

              pyroutes.register('new_repo', "${h.url('new_repo')}", []);

              pyroutes.register('summary_home', "${h.url('summary_home', repo_name='%(repo_name)s')}", ['repo_name']);

              pyroutes.register('changelog_home', "${h.url('changelog_home', repo_name='%(repo_name)s')}", ['repo_name']);

              pyroutes.register('files_home', "${h.url('files_home', repo_name='%(repo_name)s',revision='%(revision)s',f_path='%(f_path)s')}", ['repo_name', 'revision', 'f_path']);

              pyroutes.register('edit_repo', "${h.url('edit_repo', repo_name='%(repo_name)s')}", ['repo_name']);

              pyroutes.register('edit_repo_perms', "${h.url('edit_repo_perms', repo_name='%(repo_name)s')}", ['repo_name']);

              pyroutes.register('pullrequest_home', "${h.url('pullrequest_home', repo_name='%(repo_name)s')}", ['repo_name']);

              pyroutes.register('toggle_following', "${h.url('toggle_following')}");

              pyroutes.register('changeset_info', "${h.url('changeset_info', repo_name='%(repo_name)s', revision='%(revision)s')}", ['repo_name', 'revision']);

              pyroutes.register('repo_size', "${h.url('repo_size', repo_name='%(repo_name)s')}", ['repo_name']);

              pyroutes.register('changeset_comment_preview', "${h.url('changeset_comment_preview', repo_name='%(repo_name)s')}", ['repo_name']);

              pyroutes.register('repo_refs_data', "${h.url('repo_refs_data', repo_name='%(repo_name)s')}", ['repo_name']);

             });

        </script>

        <%block name="head_extra"/>

    </head>

    <body id="body">

      <div id="header">

        <div id="header-inner" class="title">

          <div id="logo">

            <a href="${h.url('home')}" style="display: block;">

              <div class="header">

                <img src="${h.url('/images/kallithea-logo.svg')}" onerror="this.onerror='';this.src='${h.url('/images/kallithea-logo.png')}'" alt="Kallithea"/>

              </div>

              %if c.site_name:

                <div class="branding">${c.site_name}</div>

              %endif

            </a>

          </div>

          <%block name="header_menu"/>

        </div>

      </div>

      ${next.body()}

      %if c.ga_code:

      ${h.literal(c.ga_code)}

      %endif

    </body>

</html>