.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: @kallithea-theme-main-color;

  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;

}

/* 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%;

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

<%namespace name="comment" file="/changeset/changeset_file_comment.html"/>

<%block name="title">

    ${_('%s Pull Request %s') % (c.repo_name, c.pull_request.nice_id())}

</%block>

<%def name="breadcrumbs_links()">

    ${_('Pull request %s from %s#%s') % (c.pull_request.nice_id(), c.pull_request.org_repo.repo_name, c.cs_branch_name)}

</%def>

<%block name="header_menu">

    ${self.menu('repositories')}

</%block>

<%def name="main()">

<% editable = not c.pull_request.is_closed() and (h.HasPermissionAny('hg.admin')() or h.HasRepoPermissionLevel('admin')(c.repo_name) or c.pull_request.owner_id == request.authuser.user_id) %>

${self.repo_context_bar('showpullrequest')}

<div class="panel panel-primary">

  <div class="panel-heading clearfix">

    ${self.breadcrumbs()}

  </div>

  ${h.form(url('pullrequest_post', repo_name=c.repo_name, pull_request_id=c.pull_request.pull_request_id), method='post', id='pull_request_form',class_='panel-body')}

    <div class="form pr-box pull-left">

      <div class="pr-details-title ${'closed' if c.pull_request.is_closed() else ''}">

        <h3>

          ${_('Title')}: ${c.pull_request.title}

          %if c.pull_request.is_closed():

              (${_('Closed')})

          %endif

        </h3>

      </div>

      <div id="pr-summary">

        <div class="pr-not-edit form-group">

            %if editable:

            <div id="pr-edit-btn">

              <a class="btn btn-default btn-xs" onclick="$('.pr-do-edit').show();$('.pr-not-edit').hide()">${_("Edit")}</a>

            </div>

            %endif

            <div>

              <div class="formatted-fixed">${h.urlify_text(c.pull_request.description, c.pull_request.org_repo.repo_name)}</div>

            </div>

        </div>

        %if editable:

        <div class="pr-do-edit form-group" style="display:none">

              <label for="pullrequest_title">${_('Title')}:</label>

              <div>

                  ${h.text('pullrequest_title',class_='form-control',value=c.pull_request.title,placeholder=_('Summarize the changes'))}

              </div>

        </div>

        <div class="pr-do-edit form-group" style="display:none">

              <label for="pullrequest_desc">${_('Description')}:</label>

              <div>

                  ${h.textarea('pullrequest_desc',content=c.pull_request.description,placeholder=_('Write a short description on this pull request'),class_='form-control')}

              </div>

        </div>

        %endif

        <div class="form-group">

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

          <div>

            %if c.current_voting_result:

              <i class="icon-circle changeset-status-${c.current_voting_result}" title="${_('Pull request status calculated from votes')}"></i>

              <span class="changeset-status-lbl" data-toggle="tooltip" title="${_('Pull request status calculated from votes')}">

                %if c.pull_request.is_closed():

                    ${_('Closed')},

                %endif

                ${h.changeset_status_lbl(c.current_voting_result)}

              </span>

            %endif

          </div>

        </div>

        <div class="form-group">

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

          <div>

            <div>

              ${h.link_to_ref(c.pull_request.org_repo.repo_name, c.cs_ref_type, c.cs_ref_name, c.cs_rev)}

              %if c.cs_ref_type != 'branch':

                ${_('on')} ${h.link_to_ref(c.pull_request.org_repo.repo_name, 'branch', c.cs_branch_name)}

              %endif

            </div>

          </div>

        </div>

        <div class="form-group">

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