img,

nav.navbar #quick li a:hover span.normal,

#clone_url,

#clone_url_id {

  border: none;

}

img.icon,

.right .merge img {

  vertical-align: bottom;

}

#content div.panel div.panel-heading ul.links,

#content div.panel div.message div.dismiss {

  float: right;

  margin: 0;

  padding: 0;

}

nav.navbar #home,

#content div.panel ul.left,

#content div.panel ol.left,

div#commit_history,

div#legend_data,

div#legend_container,

div#legend_choices {

  float: left;

}

/* set size for statistics charts */

#commit_history {

  width: 450px;

  height: 300px;

}

#overview {

  clear: both;

  width: 450px;

  height: 100px;

}

#content #left #menu ul.closed,

#content #left #menu li ul.collapsed,

.yui-tt-shadow {

  display: none;

}

#content #left #menu ul.opened,

#content #left #menu li ul.expanded {

  display: block !important;

}

#content div.panel ol.lower-roman,

#content div.panel ol.upper-roman,

#content div.panel ol.lower-alpha,

#content div.panel ol.upper-alpha,

#content div.panel ol.decimal {

  margin: 10px 24px 10px 44px;

}

#content div.panel div.form div.form-group > div {

  margin: 0 0 10px 200px;

}

div.form div.form-group div.button input,

#content div.panel div.form div.buttons input,

div.form div.buttons input,

#content div.panel div.action div.button input {

  font-size: 11px;

  font-weight: 700;

  margin: 0;

}

div.form div.form-group div.highlight,

#content div.panel div.form div.buttons div.highlight {

  display: inline;

}

#content div.panel div.form div.buttons,

div.form div.buttons {

  margin: 10px 10px 0 200px;

  padding: 0;

}

#content div.panel table td.user,

#content div.panel table td.address {

  width: 10%;

  text-align: center;

}

#content div.panel div.action div.button {

  text-align: right;

  margin: 6px 0 0;

  padding: 0;

}

#login,

#register {

  width: 520px;

  margin: 10% auto 0;

  padding: 0;

}

.ac .match {

  font-weight: 700;

  padding-top: 5px;

  padding-bottom: 5px;

}

.q_filter_box {

  border-radius: 4px;

  border: 0 none;

  margin-bottom: -4px;

  margin-top: -4px;

  padding-left: 3px;

}

#node_filter {

  border: 0px solid #545454;

  color: #AAAAAA;

  padding-left: 3px;

}

/** comment main **/

.comment .panel,

.comment-inline-form {

  max-width: 978px;

}

.comment .panel-body {

  background-color: #FAFAFA;

}

.comments-number {

  padding: 10px 0;

  color: #666;

}

.automatic-comment {

  font-style: italic;

}

/** comment form **/

.status-block {

  margin: 5px;

  clear: both;

}

.panel-heading .pull-left input[type=checkbox],

.panel-heading .pull-right input[type=checkbox] {

  position: relative;

  top: 4px;

  margin: -10px 2px 0;

}

/** comment inline form **/

.comment-inlines textarea {

  font-family: @font-family-monospace;

}

/** comment inline **/

.inline-comments {

  padding: 5px;

}

.inline-comments .comments-number {

  padding: 0px 0px 10px 0px;

}

input.status_change_checkbox,

input.status_change_radio {

  margin: 0 0 5px 15px;

}

@keyframes animated-comment-background {

  0% {

    background-position: 0 0;

  }

  100% {

    background-position: 20px 0;

  }

}

.comment-preview.failed .user,

.comment-preview.failed .panel-body {

  color: #666;

}

.comment-preview .comment-submission-status {

  float: right;

}

.comment-preview .comment-submission-status .btn-group {

  margin-left: 10px;

}

.comment-preview.submitting .panel-body {

  background-image: linear-gradient(-45deg, #FAFAFA, #FAFAFA 25%, #FFF 25%, #FFF 50%, #FAFAFA 50%, #FAFAFA 75%, #FFF 75%, #FFF 100%);

  background-size: 20px 20px;

  animation: animated-comment-background 0.4s linear infinite;

}

/****

PULL REQUESTS

*****/

div.pr-details-title.closed {

  color: #555;

  background: #eee;

}

div.pr {

  margin: 0px 15px;

  padding: 4px 4px;

}

tr.pr-closed td {

  background-color: #eee !important;

  color: #555 !important;

}

span.pr-closed-tag {

  margin-bottom: 1px;

  margin-right: 1px;

  padding: 1px 3px;

  font-size: 10px;

  color: #577632;

  white-space: nowrap;

  border-radius: 4px;

  border: 1px solid #d9e8f8;

  line-height: 1.5em;

}

.panel-body .pr-box {

  max-width: 978px;

  margin-right: 15px;

}

#s2id_org_ref,

#s2id_other_ref,

#s2id_org_repo,

#s2id_other_repo {

  min-width: 150px;

  margin: 5px;

}

#pr-summary > .pr-not-edit {

  min-height: 50px !important;

}

#pr-edit-btn {

  margin: 20px 0 0 !important;

  position: absolute;

}

/* make 'next iteration' changeset table smaller and scrollable */

#pr-summary #updaterevs {

  max-height: 200px;

  overflow-y: auto;

  overflow-x: hidden;

}

/****

  PERMS

*****/

.perm-gravatar-ac {

  vertical-align: middle;

  padding: 2px;

  width: 14px;

  height: 14px;

}

/* avoid gaps between the navbar and browser */

.navbar.mainmenu {

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}

.navbar.footer {

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0;

}

/* show some context of link targets - but only works when the link target

   can be extended with any visual difference */

div.comment:target:before {

  display: block;

  height: 100px;

  margin: -100px 0 0;

  content: "";

}

div.comment:target > .panel {

  border: solid 2px #ee0 !important;

}

.lineno:target a {

  border: solid 2px #ee0 !important;

  margin: -2px;

}

.btn-image-diff-show,

.btn-image-diff-swap {

  margin: 5px;

}

.img-diff {

  max-width: 45%;

  height: auto;

  margin: 5px;

  /* http://lea.verou.me/demos/css3-patterns.html */

  background-image: linear-gradient(45deg, #888 25%, transparent 25%, transparent), linear-gradient(-45deg, #888 25%, transparent 25%, transparent), linear-gradient(45deg, transparent 75%, #888 75%), linear-gradient(-45deg, transparent 75%, #888 75%);

  background-size: 10px 10px;

  background-color: #999;

}

.img-preview {

  max-width: 100%;

  height: auto;

  margin: 5px;

}

div.comment-prev-next-links div.prev-comment,

div.comment-prev-next-links div.next-comment {

  display: inline-block;

  min-width: 150px;

  margin: 3px 6px;

}

#comments-general-comments div.comment-prev-next-links div.prev-comment,

#comments-general-comments div.comment-prev-next-links div.next-comment {

  margin-left: 0;

}

body table.dataTable thead .sorting {

  background-image: none;

}

body table.dataTable thead .sorting_asc {

  background-image: none;

}

body table.dataTable thead .sorting_desc {

  background-image: none;

}

body table.dataTable thead .sorting_asc_disabled {

  background-image: none;

}

body table.dataTable thead .sorting_desc_disabled {

  background-image: none;

}

body table.dataTable thead .sorting_asc::after {

  font-family: "kallithea";

  content: "\23f6";

}

body table.dataTable thead .sorting_desc::after {

  font-family: "kallithea";

  content: "\23f7";

}

.dataTables_wrapper .dataTables_left {

  float: left !important;

}

.dataTables_wrapper .dataTables_right {

  float: right;

}

.dataTables_wrapper .dataTables_right > div {

  padding-left: 30px;

}

.dataTables_wrapper .dataTables_info {

  clear: none;

  padding-top: 3px;

}

.dataTables_wrapper .dataTables_paginate {

  padding-top: 0;

}

.dataTables_wrapper .dataTables_paginate .paginate_button {

  padding: 3px 10px;

}

.dataTables_wrapper .dataTables_paginate > a.paginate_button {

  padding-top: 1px;

  border: 0 !important;

}

.dataTables_wrapper label {

  margin-bottom: 0;

  font-weight: inherit;

}

#content div.panel .changelog-panel > .changelog-heading,

#content div.panel .changelog-panel > ul.pagination {

  margin-left: 100px;

}

/* undo Bootstrap chrome/webkit blue outline on focus in navbar */

.navbar-inverse .navbar-nav > li > a:focus {

  outline: 0;

}

/* use same badge coloring in navbar inverse as in panel-heading */

.navbar-inverse {

  .badge {

    color: @navbar-inverse-bg;

    background-color: @navbar-inverse-color;

  }

}

/* make all datatable paginations small */

.dataTables_paginate .pagination {

  .pagination-sm;

}

/* pygments style */

div.search-code-body pre .match {

  background-color: #FAFFA6;

}

div.search-code-body pre .break {

  background-color: #DDE7EF;

  width: 100%;

  color: #747474;

  display: block;

}

div.annotatediv {

  margin-left: 2px;

  margin-right: 4px;

}

.code-highlight {

  border-left: 1px solid #ccc;

}

.code-highlight pre,

.linenodiv pre {

  padding: 5px 2px 0px 5px;

  margin: 0;

}

.code-highlight pre div:target {

  background-color: #FFFFBE !important;

}

.linenos a { text-decoration: none; }

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <title><%block name="title"/><%block name="branding_title"/></title>

        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

        <meta name="robots" content="index, nofollow"/>

        <meta name="viewport" content="width=device-width, initial-scale=1.0" />

        <link rel="icon" href="${h.url('/images/favicon.ico')}" type="image/x-icon" />

        ## CSS ###

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

        <link rel="stylesheet" type="text/css" href="${h.url('/css/style.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 = {

                'Cancel': ${h.jshtml(_("Cancel"))},

                'Retry': ${h.jshtml(_("Retry"))},

                'Submitting ...': ${h.jshtml(_("Submitting ..."))},

                'Unable to post': ${h.jshtml(_("Unable to post"))},

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

                'Stop following this repository': ${h.jshtml(_('Stop following this repository'))},

                'Start following this repository': ${h.jshtml(_('Start following this repository'))},

                'Group': ${h.jshtml(_('Group'))},

                'Loading ...': ${h.jshtml(_('Loading ...'))},

                'loading ...': ${h.jshtml(_('loading ...'))},

                'Search truncated': ${h.jshtml(_('Search truncated'))},

                'No matching files': ${h.jshtml(_('No matching files'))},

                'Open New Pull Request from {0}': ${h.jshtml(_('Open New Pull Request from {0}'))},

                'Open New Pull Request for {0} → {1}': ${h.js(_('Open New Pull Request for {0} → {1}'))},

                'Show Selected Changesets {0} → {1}': ${h.js(_('Show Selected Changesets {0} → {1}'))},

                'Selection Link': ${h.jshtml(_('Selection Link'))},

                'Collapse Diff': ${h.jshtml(_('Collapse Diff'))},

                'Expand Diff': ${h.jshtml(_('Expand Diff'))},

                'No revisions': ${h.jshtml(_('No revisions'))},

                'Type name of user or member to grant permission': ${h.jshtml(_('Type name of user or member to grant permission'))},

                'Failed to revoke permission': ${h.jshtml(_('Failed to revoke permission'))},

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

                'Enabled': ${h.jshtml(_('Enabled'))},

                'Disabled': ${h.jshtml(_('Disabled'))},

                'Select changeset': ${h.jshtml(_('Select changeset'))},

                'Specify changeset': ${h.jshtml(_('Specify changeset'))},

                'MSG_SORTASC': ${h.jshtml(_('Click to sort ascending'))},

                'MSG_SORTDESC': ${h.jshtml(_('Click to sort descending'))},

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

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

                'MSG_LOADING': ${h.jshtml(_('Loading...'))}

            };

            var _TM = TRANSLATION_MAP;

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

            var REPO_NAME = "";

            %if hasattr(c, 'repo_name'):

                var REPO_NAME = ${h.js(c.repo_name)};

            %endif

            var _authentication_token = ${h.js(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.min.js', ver=c.kallithea_version)}"></script>

        <script type="text/javascript" src="${h.url('/js/jquery.dataTables.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/native.history.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();

              // routes registration

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

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

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

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

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

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

              pyroutes.register('files_home', ${h.js(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.js(h.url('edit_repo', repo_name='%(repo_name)s'))}, ['repo_name']);

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

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

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

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

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

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

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

              pyroutes.register('users_and_groups_data', ${h.js(h.url('users_and_groups_data'))}, []);

             });

        </script>

        <%block name="head_extra"/>

    </head>

    <body>

      <nav class="navbar navbar-inverse mainmenu">

          <div class="navbar-header" id="logo">

            <a class="navbar-brand" href="${h.url('home')}">

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

            </a>

            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">

              <span class="sr-only">Toggle navigation</span>

              <span class="icon-bar"></span>

              <span class="icon-bar"></span>

              <span class="icon-bar"></span>

            </button>

          </div>

          <div id="navbar" class="navbar-collapse collapse">

            <%block name="header_menu"/>

          </div>

      </nav>

      ${next.body()}

      %if c.ga_code:

      ${h.literal(c.ga_code)}

      %endif

    </body>

</html>

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <title>Error - ${c.error_message}</title>

        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

        <meta name="robots" content="index, nofollow"/>

        <link rel="icon" href="${h.url('/images/favicon.ico')}" type="image/png" />

        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

        <!-- stylesheets -->

        <link rel="stylesheet" type="text/css" href="${h.url('/css/style.css')}" media="screen"/>

        <style type="text/css">

         #main_div{

           border: 0px solid #000;

           width: 500px;

           margin: auto;

           text-align: center;

           margin-top: 200px;

           font-size: 1.6em;

         }

         .error_message{

            text-align: center;

            color:#577632;

            font-size: 1.6em;

            margin:10px;

         }

        </style>

    </head>

    <body>

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

        <div>

                <div id="main_div">

                    <h2>${c.site_name}</h2>

                    <h1 class="error_message">${c.error_message}</h1>

                    <p>${c.error_explanation}</p>

                </div>

        </div>

    </body>

</html>