}

#graph .container_header {

    padding: 10px;

    height: 25px;

}

#graph_content #rev_range_container {

    float: left;

    margin: 0px 0px 0px 3px;

}

#graph_content #rev_range_clear {

    float: left;

    margin: 0px 0px 0px 3px;

}

#graph_content #changesets {

    border-collapse: collapse;

    border: none;

    border-color: #cdcdcd;

}

tr.mergerow > td.author .user,

tr.out-of-range > td.author .user,

    color: #aaa !important;

}

#graph_content #changesets td {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    height: 31px;

    border-color: #cdcdcd;

    text-align: left;

}

#graph_content .container .checkbox-column {

    width: 14px;

    font-size: 0.85em;

}

#graph_content .container .status {

    width: 14px;

    font-size: 0.85em;

}

#graph_content .container .author {

   width: 105px;

#graph_content #changesets .container .date {

    width: 76px;

    color: #666;

    font-size: 10px;

}

#graph_content_pr .compare_view_commits .expand_commit,

#graph_content .container .expand_commit {

    width: 24px;

    cursor: pointer;

    color: #999;

}

#graph_content #changesets .container .right {

    width: 120px;

    padding-right: 0px;

    overflow: visible;

    position: relative;

}

#graph_content .container .mid {

    padding: 0;

}

#graph_content .container #singlerange,

#graph_content .container .changeset_range {

    float: left;

    margin: 2px 0;

}

#graph_content .container .author img {

    vertical-align: middle;

}

#graph_content .container .author .user {

    color: #444444;

}

#graph_content .container .mid .message,

#graph_content_pr .compare_view_commits .message {

    white-space: pre-wrap;

    padding: 0;

    overflow: hidden;

    height: 1.2em;

}

#graph_content_pr .compare_view_commits .message {

    padding: 0 !important;

                              </a>

                            %else:

                              <a data-toggle="tooltip" title="${_('Changeset status: %s by %s') % (c.statuses.get(cs.raw_id)[1], c.statuses.get(cs.raw_id)[5].username)}"

                                 href="${c.comments[cs.raw_id][0].url()}">

                                  <i class="icon-circle changeset-status-${c.statuses.get(cs.raw_id)[0]}"></i>

                              </a>

                            %endif

                            </div>

                          %endif

                        </td>

                        <td class="author">

                            ${h.gravatar(h.email_or_none(cs.author), size=16)}

                            <span data-toggle="tooltip" title="${cs.author}" class="user">${h.shorter(h.person(cs.author),22)}</span>

                        </td>

                        <td class="hash">

                            ${h.link_to(h.show_id(cs),h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id), class_='changeset_hash')}

                        </td>

                        <td class="date">

                            <div class="date" data-toggle="tooltip" title="${h.fmt_date(cs.date)}">${h.age(cs.date,True)}</div>

                        </td>

                        <td class="expand_commit" data-commit_id="${cs.raw_id}" title="${_('Expand commit message')}">

                            <i class="icon-align-left"></i>

                        </td>

                        <td class="mid">

                                <div class="message" id="C-${cs.raw_id}">${h.urlify_text(cs.message, c.repo_name,h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}</div>

                                <div class="extra-container">

                                    %if c.comments.get(cs.raw_id):

                                        <div class="comments-container">

                                            <div class="comments-cnt" data-toggle="tooltip" title="${_('Changeset has comments')}">

                                                <a href="${c.comments[cs.raw_id][0].url()}">

                                                    ${len(c.comments[cs.raw_id])}

                                                    <i class="icon-comment-discussion"></i>

                                                </a>

                                            </div>

                                        </div>

                                    %endif

                                    %if cs.bumped:

                                        <span class="bumpedtag" title="Bumped">

                                            Bumped

                                        </span>

                                    %endif

                                    %if cs.divergent:

                                        <span class="divergenttag" title="Divergent">

                                            Divergent

                                        </span>

                                    %endif

                                    %if cs.extinct:

                                        <span class="extincttag" title="Extinct">

                                    %endif

                                    %if cs.phase:

                                        <span class="phasetag" title="Phase">

                                            ${cs.phase}

                                        </span>

                                    %endif

                                    %if h.is_hg(c.db_repo_scm_instance):

                                        %for book in cs.bookmarks:

                                            <span class="booktag" title="${_('Bookmark %s') % book}">

                                                ${h.link_to(book,h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}

                                            </span>

                                        %endfor

                                    %endif

                                    %for tag in cs.tags:

                                        <span class="tagtag" title="${_('Tag %s') % tag}">

                                            ${h.link_to(tag,h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}

                                        </span>

                                    %endfor

                                    %if (not c.branch_name) and cs.branch:

                                        <span class="branchtag" title="${_('Branch %s' % cs.branch)}">

                                            ${h.link_to(cs.branch,h.url('changelog_home',repo_name=c.repo_name,branch=cs.branch))}

                                        </span>

                                    %endif

                                </div>

                        </td>

                    </tr>

                %endfor

                </tbody>

                </table>

                <input type="checkbox" id="singlerange" style="display:none"/>

                </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">

            $(document).ready(function(){

                var $checkboxes = $('.changeset_range');

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

                var checkbox_checker = function(e) {

                    var $checked_checkboxes = $checkboxes.filter(':checked');

                    var $singlerange = $('#singlerange');