display: inline-block;

  padding-top: 5px;

  &:empty{

    display: none;

  }

}

input.error {

  .alert-danger;

}

/* language bars (summary page) */

#lang_stats {

  .progress-bar {

    min-width: 15px;

    border-top-right-radius: 8px;

    border-bottom-right-radius: 8px;

  }

  td {

    padding: 1px 0 !important;

  }

}

/* every direct child of a main panel, that is not .panel-heading, should auto

 * overflow to prevent overflowing of elements like text boxes and tables */

#main > .panel > :not(.panel-heading) {

  overflow-x: auto;

  min-height: 0.01%;

}

/* use pointer cursor for expand_commit */

.expand_commit .icon-align-left {

  cursor: pointer;

  color: #999;

}

/* don't break author, date and comment cells into multiple lines in changeset table */

table.changesets {

  .author,

  .date,

  .comments {

    white-space: nowrap;

  }

}

/* textareas should be at least 100px high and 400px wide */

textarea.form-control {

  min-height: 100px;

  min-width: 400px;

}

/* add some space between the code-browser icons and the file names */

.browser-dir > i[class^='icon-'],

.submodule-dir > i[class^='icon-'],

.browser-file > i[class^='icon-'] {

  padding-right: 0.3em;

}

.form-group > label {

  float: left;

}

.dt_repo_pending {

  opacity: 0.5;

}

div.panel-primary {

  border: none;

}

div.panel div.panel-heading {

  font-size: 14px;

  font-weight: 700;

}

#content div.panel ul.pagination {

  margin: 10px 0 0 0;

}

#content div.panel ul.pagination > li > a,

#content div.panel ul.pagination > li > span {

  background: #ebebeb url("../images/pager.png") repeat-x;

  color: #4A4A4A;

  font-weight: 700;

  border-top: 1px solid #dedede;

  border-left: 1px solid #cfcfcf;

  border-bottom: 1px solid #c4c4c4;

  border-right: 1px solid #cfcfcf;

}

#content div.panel ul.pagination > li.active > span,

#content div.panel ul.pagination > li:hover > a,

#content div.panel ul.pagination > li:active > a {

  background: #b4b4b4 url("../images/pager_selected.png") repeat-x;

  border-top: 1px solid #ccc;

  border-left: 1px solid #bebebe;

  border-bottom: 1px solid #afafaf;

  border-right: 1px solid #bebebe;

  color: #515151;

}

  margin-bottom: 0;

}

.user-menu {

  padding: 0 !important;

}

#quick_login {

  width: 360px;

  margin-top: 15px;

  min-height: 110px;

}

#quick_login input#username,

#quick_login input#password {

  display: block;

  margin: 5px 0 10px;

}

#quick_login .password_forgotten a,

#quick_login .register a {

  padding: 0 !important;

  line-height: 25px !important;

  float: left;

  clear: both;

}

#quick_login .submit {

  float: right;

}

#quick_login .submit input#sign_in {

  margin-top: 5px;

}

#quick_login > .pull-left {

  width: 170px;

}

#quick_login > .pull-right {

  width: 140px;

}

#quick_login .full_name {

  font-weight: bold;

  padding: 3px;

}

#quick_login .email {

  padding: 3px 3px 3px 0;

}

#quick_login :not(input) {

  color: @kallithea-theme-inverse-color;

  padding-bottom: 3px;

}

#register div.form div.form-group > label {

  width: 135px;

  float: left;

  text-align: right;

  margin: 2px 10px 0 0;

  padding: 5px 0 0 5px;

}

#register div.form div.form-group > div input {

  width: 300px;

}

#register div.form div.buttons {

  border-top: 1px solid #DDD;

  margin: 0;

  padding: 10px 0 0 145px;

}

#journal .journal_user {

  color: #747474;

  font-size: 14px;

  font-weight: bold;

  height: 30px;

}

#journal .journal_user.deleted {

  color: #747474;

  font-size: 14px;

  font-weight: normal;

  height: 30px;

  font-style: italic;

}

#journal .journal_icon {

  clear: both;

  float: left;

  padding-right: 4px;

  padding-top: 3px;

}

#journal .journal_action {

  padding-top: 4px;

  min-height: 2px;

  float: left;

}

#journal .journal_action_params {

  clear: left;

  padding-left: 22px;

}

#journal .date {

  clear: both;

  color: #777777;

  font-size: 11px;

  padding-left: 22px;

}

#journal .journal_repo_name {

  font-weight: bold;

  font-size: 1.1em;

## -*- coding: utf-8 -*-

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

<!-- CONTENT -->

<div id="content" class="container-fluid">

    ${self.flash_msg()}

    <div id="main">

        ${next.main()}

    </div>

</div>

<!-- END CONTENT -->

<!-- FOOTER -->

    <span class="navbar-text pull-left">

        ${_('Server instance: %s') % c.instance_id if c.instance_id else ''}

    </span>

    <span class="navbar-text pull-right">

        This site is powered by

        %if c.visual.show_version:

            <a class="navbar-link" href="${h.url('kallithea_project_url')}" target="_blank">Kallithea</a> ${c.kallithea_version},

        %else:

            <a class="navbar-link" href="${h.url('kallithea_project_url')}" target="_blank">Kallithea</a>,

        %endif

        which is

        <a class="navbar-link" href="${h.canonical_url('about')}#copyright">&copy; 2010&ndash;2017 by various authors &amp; licensed under GPLv3</a>.

        %if c.issues_url:

            &ndash; <a class="navbar-link" href="${c.issues_url}" target="_blank">${_('Support')}</a>

        %endif

    </span>

</div>

<!-- END FOOTER -->

### MAKO DEFS ###

<%block name="branding_title">

    %if c.site_name:

    · ${c.site_name}

    %endif

</%block>

<%def name="flash_msg()">

    <%include file="/base/flash_msg.html"/>

</%def>

<%def name="breadcrumbs()">

    <div class="breadcrumbs panel-title">

    ${self.breadcrumbs_links()}

    </div>

</%def>

<%def name="admin_menu()">

  <ul class="dropdown-menu" role="menu">

      <li><a href="${h.url('admin_home')}"><i class="icon-book"></i> ${_('Admin Journal')}</a></li>

      <li><a href="${h.url('repos')}"><i class="icon-database"></i> ${_('Repositories')}</a></li>

      <li><a href="${h.url('repos_groups')}"><i class="icon-folder"></i> ${_('Repository Groups')}</a></li>

      <li><a href="${h.url('users')}"><i class="icon-user"></i> ${_('Users')}</a></li>

      <li><a href="${h.url('users_groups')}"><i class="icon-users"></i> ${_('User Groups')}</a></li>

      <li><a href="${h.url('admin_permissions')}"><i class="icon-block"></i> ${_('Default Permissions')}</a></li>

      <li><a href="${h.url('auth_home')}"><i class="icon-key"></i> ${_('Authentication')}</a></li>

      <li><a href="${h.url('defaults')}"><i class="icon-wrench"></i> ${_('Repository Defaults')}</a></li>

      <li class="last"><a href="${h.url('admin_settings')}"><i class="icon-gear"></i> ${_('Settings')}</a></li>

  </ul>

</%def>

## admin menu used for people that have some admin resources

<%def name="admin_menu_simple(repositories=None, repository_groups=None, user_groups=None)">

  <ul class="dropdown-menu" role="menu">

   %if repositories:

      <li><a href="${h.url('repos')}"><i class="icon-database"></i> ${_('Repositories')}</a></li>

   %endif

   %if repository_groups:

      <li><a href="${h.url('repos_groups')}"><i class="icon-folder"></i> ${_('Repository Groups')}</a></li>

   %endif

   %if user_groups:

      <li><a href="${h.url('users_groups')}"><i class="icon-users"></i> ${_('User Groups')}</a></li>

   %endif

  </ul>

</%def>

<%def name="repotag(repo)">

  %if h.is_hg(repo):

    <span class="repotag" title="${_('Mercurial repository')}">hg</span>

  %endif

  %if h.is_git(repo):

    <span class="repotag" title="${_('Git repository')}">git</span>

  %endif

</%def>

<%def name="repo_context_bar(current=None, rev=None)">

  <% rev = None if rev == 'tip' else rev %>

  <!--- CONTEXT BAR -->

  <nav id="context-bar" class="navbar navbar-inverse">

    <div class="container-fluid">

    <div class="navbar-header">

      <div class="navbar-brand">

        ${repotag(c.db_repo)}

        ## public/private

        %if c.db_repo.private:

          <i class="icon-keyhole-circled"></i>

        %else:

          <i class="icon-globe"></i>

        %endif

        %for group in c.db_repo.groups_with_parents:

          ${h.link_to(group.name, url('repos_group_home', group_name=group.group_name), class_='navbar-link')}

          »