padding: 0px 0px 0px 10px;

}

div.search-code-body pre .match {

    background-color: #FAFFA6;

}

    border-radius: 4px 4px 0 0;

}

#content div.panel div.panel-heading ul.links li {

    list-style: none;

    float: left;

    padding: 11px 10px 11px 10px;

}

.clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel::before, .panel::after, .panel-body::before, .panel-body::after, .modal-header::before, .modal-header::after, .modal-footer::before, .modal-footer::after, td.inline-comments::before, td.inline-comments::after {

    content: " ";

    display: table;

    float: right;

}

#content div.panel div.panel-heading .pull-left,

#content div.panel div.panel-heading .pull-right {

    color: white;

}

#content div.panel h1,

#content div.panel h2,

#content div.panel h3,

    padding: 5px;

}

#changeset_content .container {

    font-size: 1.2em;

    overflow: hidden;

#graph_content #changesets {

    table-layout: fixed;

    border-collapse: collapse;

    border-color: #cdcdcd;

}

    clear: both;

}

    display: block;

    float: right;

    text-align: center;

    padding: 1px;

}

.changed, .removed {

    display: block;

    padding: 1px;

    min-width: 15px;

}

    background: #CFC;

}

    background: #FEA;

}

    background: #FAA;

}

    padding-left: 5px;

    text-align: left;

}

table.code-browser .browser-dir {

    height: 16px;

    padding-left: 5px;

.panel-body {

    padding: 20px;

}

.panel-body ~ .panel-body {

    padding-top: 0;

}

.panel-body.settings .text-muted {

    margin: 5px 0;

}

.repo-switcher-dropdown.select2-drop.select2-drop-active {

    box-shadow: none;

    color: #fff;

}

.branch-switcher-dropdown.select2-drop.select2-drop-active .select2-results .select2-highlighted,

    margin: -1px 0px 0px 0px;

}

    position: relative;

}

/** comment inline form **/

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

.diff-collapse {

    text-align: center;

.diff-collapse-button {

    cursor: pointer;

    color: #666;

    font-size: 16px;

}

.compare-revision-selector > div {

    display: inline-block;

table.code-difftable {

    border-collapse: collapse;

    width: 99%;

#clone_by_id.input-group > input {

    width: 80% !important;

}

        });

    $('#file_enable').click(function(){

            $('#upload_file_container').hide();

            $('#filename_container').show();

        });

    $('#upload_file_enable').click(function(){

            $('#upload_file_container').show();

            $('#filename_container').hide();

        });

    return myCodeMirror

            <div>

                ${h.gravatar_div(request.authuser.email, size=32)}

                <input type="hidden" value="${c.file_changeset.raw_id}" name="parent_hash">

                          id="description" name="description"

                          placeholder="${_('Gist description ...')}">${c.gist.gist_description}</textarea>

                <div>

            </div>

            % for cnt, file in enumerate(c.files):

                        <input type="hidden" value="${h.safe_unicode(file.path)}" name="org_files">

                    </div>

                    </div>

                </div>

        <div id="files_data">

          ${h.form(h.url('gists'), method='post',id='eform')}

            <div>

                <div>

                    <label>

                        ${_('Gist lifetime')}

                    </label>

                </div>

            </div>

                </div>

                </div>

            </div>

            ${h.submit('private',_('Create Private Gist'),class_="btn btn-success btn-xs")}

            ${h.submit('public',_('Create Public Gist'),class_="btn btn-default btn-xs")}

            ${h.reset('reset',_('Reset'),class_="btn btn-default btn-xs")}

    </div>

    <div class="panel-body">

        <div id="files_data">

                        <div class="pull-left">

                          %if c.gist.gist_type == 'public':

                            <div class="label label-success">${_('Public Gist')}</div>

                          %endif

                          ${h.link_to(_('Show as Raw'),h.url('formatted_gist', gist_id=c.gist.gist_access_id, format='raw'),class_="btn btn-default btn-xs")}

                        </div>

                    <div class="author">

                        ${h.gravatar_div(h.email_or_none(c.file_changeset.author), size=16)}

                        <div title="${c.file_changeset.author}" class="user">${h.person(c.file_changeset.author)} - ${_('created')} ${h.age(c.file_changeset.date)}</div>

                    </div>

                </div>

            </div>

                    </div>

                </div>

                    ${h.pygmentize(file,linenos=True,anchorlinenos=True,lineanchors='L',cssclass="code-highlight")}

                </div>

              </div>

        </div>

    </div>

</div>

</%def>

    <div class="panel-heading clearfix">

        ${self.breadcrumbs()}

    </div>

        %if c.pagination:

                    <div class="pull-left">

                        ${h.form(h.url.current(),method='get',class_="form-inline")}

                            ${h.submit('set',_('Show'),class_="btn btn-default btn-sm")}

                        <a id="open_new_pr" class="btn btn-default btn-sm"></a>

                        ${_("Branch filter:")} ${h.select('branch_filter',c.branch_name,c.branch_filters)}

                    </div>

                <div id="graph_nodes">

                    <canvas id="graph_canvas" style="width:0"></canvas>

                </div>

                <ul class="pagination">

                    ${c.pagination.pager()}

                </ul>

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

        <script type="text/javascript">

    AJAX_COMMENT_DELETE_URL = ${h.js(url('changeset_comment_delete',repo_name=c.repo_name,comment_id='__COMMENT_ID__'))};

  </script>

  <div class="panel-body">

            <div class="parents pull-left">

                <div id="parent_link" class="changeset_hash">

                </div>

            </div>

            <div class="pull-right children">

                <div id="child_link" class="changeset_hash">

                </div>

            </div>

                    %if c.statuses:

                        <span class="changeset-status-ico"><i class="icon-circle changeset-status-${c.statuses[0]}"></i></span>

                        <span title="${_('Changeset status')}" class="changeset-status-lbl">[${h.changeset_status_lbl(c.statuses[0])}]</span>

                  ${c.ignorews_url(request.GET)}

                  ${c.context_url(request.GET)}

                </div>

            </div>

        </div>

            <div class="form-group container">

                <div class="pull-right">

                     % endif

                </div>

            </div>

            <div class="changes_txt">

              <% a_rev, cs_rev, file_diff_data = c.changes[c.changeset.raw_id] %>

              % 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>

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

    ${diff_block.diff_block_js()}

    <% a_rev, cs_rev, file_diff_data = c.changes[c.changeset.raw_id] %>

    ## main comment form and it status

    ${comment.comments()}

    ## FORM FOR MAKING JS ACTION AS CHANGESET COMMENTS

    <script type="text/javascript">

      $(document).ready(function(){

    </script>

  </div>

</%def>

${self.repo_context_bar('changelog')}

<div class="panel panel-primary">

    <div class="panel-heading clearfix">

    </div>

    <div class="panel-body">

                <table class="table compare_view_commits">

                %for cnt,cs in enumerate(c.cs_ranges):

                  <tr>

                    %if c.visual.use_gravatar:

                    <td>${h.gravatar_div(h.email_or_none(cs.author), size=14)}</td>

                    %endif

                    <td><div class="author">${h.person(cs.author)}</div></td>

                    <td><span data-toggle="tooltip" title="${h.age(cs.date)}">${cs.date}</span></td>

                    <td>

                  </tr>

                %endfor

                </table>

                    %for cs in c.cs_ranges:

                        <h6 class="cur_cs">${h.link_to(h.show_id(cs),h.url('changeset_home',repo_name=c.cs_repo.repo_name,revision=cs.raw_id))}</h6>

                        <% a_rev, cs_rev, file_diff_data = c.changes[cs.raw_id] %>

                            </div>

                        %endfor

                    %endfor

        </div>

    </div>

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

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

                       cs_repo_name, cs_ref_name, cs_ref_type, cs_rev,

                       file_diff_data)">

<div class="diff-collapse">

</div>

%for id_fid, url_fid, op, a_filename, cs_filename, diff, stats in file_diff_data:

    ${diff_block_diffblock(id_fid, url_fid, op, diff,

        a_repo_name, a_rev, a_ref_type, a_ref_name, a_filename,

%endfor

</%def>

<%def name="diff_block_diffblock(id_fid, url_fid, op, diff,

    a_repo_name, a_rev, a_ref_type, a_ref_name, a_filename,

>

                    ${h.safe_unicode(cs_filename)}

                </div>

                  <span style="margin: 0 10px">

                    %if op == 'A':

                      <span class="no-file" data-toggle="tooltip" title="${_('No file before')}">

                  ${c.ignorews_url(request.GET, url_fid)}

                  ${c.context_url(request.GET, url_fid)}

                </div>

        </div>

            ${diff|n}

            %if cs_filename.rsplit('.')[-1] in ['png', 'gif', 'jpg', 'bmp']:

              <div class="btn btn-image-diff-show">Show images</div>

              %if op == 'M':

                <div id="${id_fid}_image-diff" class="btn btn-image-diff-swap" style="display:none">Press to swap images</div>

              %endif

                %if op in 'DM':

                  <img id="${id_fid}_image-diff-img-a" class="img-diff img-diff-swapable" style="display:none"

                      realsrc="${h.url('files_raw_home',repo_name=a_repo_name,revision=a_rev,f_path=a_filename)}" />

    $('.btn-image-diff-swap').mouseleave(reset);

    $('.diff-collapse-button').click(function(e) {

        var $button = $(e.currentTarget);

        if($target.hasClass('hidden')){

            $target.removeClass('hidden');

            $button.html("↑ {0} ↑".format(_TM['Collapse Diff']));

        ${self.breadcrumbs()}

    </div>

    <div class="panel-body">

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

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

                <div>

        </div>

    %if c.compare_home:

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

        </div>

    %else:

                ##CS

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

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

                  %endif

                </div>

        </div>

        ## diff block

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

        ${diff_block.diff_block_js()}

        % if c.limited_diff:

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