color: #ffffff;

}

#perms .perm_tag.write {

    background-color: #DB7525;

    color: #ffffff;

}

#perms .perm_tag.read {

    background-color: #468847;

    color: #ffffff;

}

#perms .perm_tag.none {

    background-color: #bfbfbf;

    color: #ffffff;

}

input.perm_filter {

    position: relative;

    top: 2px;

}

.perm-gravatar {

    vertical-align: middle;

    padding: 2px;

}

.perm-gravatar-ac {

    vertical-align: middle;

    padding: 2px;

    width: 14px;

    height: 14px;

}

/*****************************************************************************

                                  DIFFS CSS

******************************************************************************/

.diff-collapse {

    text-align: center;

    margin-bottom: 15px;

}

.diff-collapse-button {

    cursor: pointer;

    color: #666;

    font-size: 16px;

}

table.code-difftable {

    border-collapse: collapse;

    border-radius: 0px !important;

    width: 100%;

}

table.code-difftable td {

    padding: 0 !important;

    background: none !important;

    border: 0 !important;

    vertical-align: baseline !important

}

table.code-difftable .context {

    background: none repeat scroll 0 0 #DDE7EF;

    color: #999;

}

table.code-difftable .add {

    background: none repeat scroll 0 0 #DDFFDD;

}

table.code-difftable .add ins {

    background: none repeat scroll 0 0 #AAFFAA;

    text-decoration: none;

}

table.code-difftable .del {

    background: none repeat scroll 0 0 #FFDDDD;

}

table.code-difftable .del del {

    background: none repeat scroll 0 0 #FFAAAA;

    text-decoration: none;

}

table.code-highlighttable div.code-highlight pre u:before,

table.code-difftable td.code pre u:before {

    content: "\21a6";

    display: inline-block;

    width: 0;

}

table.code-highlighttable div.code-highlight pre u.cr:before,

table.code-difftable td.code pre u.cr:before {

    content: "\21a4";

    display: inline-block;

    color: rgba(0,0,0,0.5);

}

table.code-highlighttable div.code-highlight pre u,

table.code-difftable td.code pre u {

    color: rgba(0,0,0,0.15);

}

table.code-highlighttable div.code-highlight pre i,

table.code-difftable td.code pre i {

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

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

<%block name="title">

    %if c.compare_home:

        ${_('%s Compare') % c.repo_name}

    %else:

        ${_('%s Compare') % c.repo_name} - ${'%s@%s' % (c.a_repo.repo_name, c.a_ref_name)} > ${'%s@%s' % (c.cs_repo.repo_name, c.cs_ref_name)}

    %endif

</%block>

<%def name="breadcrumbs_links()">

  ${_('Compare Revisions')}

</%def>

<%block name="header_menu">

    ${self.menu('repositories')}

</%block>

<%def name="main()">

${self.repo_context_bar('changelog')}

<div class="panel panel-primary">

    <div class="panel-heading clearfix">

        ${self.breadcrumbs()}

    </div>

    <div class="panel-body">

      <div class="panel panel-default">

        <div id="body" class="panel-heading">

            <div class="compare-revision-selector">

                ## divs are "inline-block" and cannot have whitespace between them.

                    ${h.hidden('compare_org')}

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

                    ${h.hidden('compare_other')}

                    %if not c.compare_home:

                        <a class="btn btn-default btn-sm" href="${c.swap_url}"><i class="icon-arrows-cw"></i> ${_('Swap')}</a>

                    %endif

                    <div id="compare_revs" class="btn btn-default btn-sm"><i class="icon-git-compare"></i> ${_('Compare Revisions')}</div>

            </div>

        </div>

    %if c.compare_home:

        <div id="changeset_compare_view_content" class="panel-body">

         <h4 class="text-muted">${_('Compare revisions, branches, bookmarks, or tags.')}</h4>

        </div>

    %else:

        <div id="changeset_compare_view_content" class="panel-body">

                ##CS

                <h5>${ungettext('Showing %s commit','Showing %s commits', len(c.cs_ranges)) % len(c.cs_ranges)}</h5>

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

                ## FILES

                <h5>

                % if c.limited_diff:

                    ${ungettext('%s file changed', '%s files changed', len(c.file_diff_data)) % len(c.file_diff_data)}:

                % else:

                    ${ungettext('%s file changed with %s insertions and %s deletions','%s files changed with %s insertions and %s deletions', len(c.file_diff_data)) % (len(c.file_diff_data),c.lines_added,c.lines_deleted)}:

                %endif

                ${c.ignorews_url(request.GET)}

                ${c.context_url(request.GET)}

                </h5>

                <div class="cs_files">

                  %if not c.file_diff_data:

                     <span class="empty_data">${_('No files')}</span>

                  %endif

                  %for fid, url_fid, op, a_path, path, diff, stats in c.file_diff_data:

                    <div class="cs_${op}">

                      <div class="node">

                          <i class="icon-diff-${op}"></i>

                          ${h.link_to(h.safe_unicode(path), '#%s' % fid)}

                      </div>

                      <div class="changes">${h.fancy_file_stats(stats)}</div>

                    </div>

                  %endfor

                  %if c.limited_diff:

                    <h5>${_('Changeset was too big and was cut off...')} <a href="${h.url.current(fulldiff=1, **request.GET.mixed())}">${_('Show full diff anyway')}</a></h5>

                  %endif

                </div>

        </div>

      </div>

    %endif

    %if not c.compare_home:

        ## diff block

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