}

.dt_repo i.icon-keyhole-circled,

.dt_repo i.icon-globe

{

    font-size: 16px;

    vertical-align: -2px;

    margin: 0px 1px 0px 3px;

}

.dt_repo a {

    text-decoration: none;

}

.dt_repo .dt_repo_name:hover {

    text-decoration: underline;

}

#content #left {

    left: 0;

    width: 280px;

    position: absolute;

}

#content #right {

    margin: 0 60px 10px 290px;

}

#content div.panel {

    clear: both;

    background: #fff;

    margin: 0 0 10px;

    padding: 0 0 10px;

    border-radius: 4px 4px 4px 4px;

    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);

}

#content div.panel div.panel-heading {

    clear: both;

    overflow: hidden;

    background-color: #577632;

    background-repeat: repeat-x;

    background-image: linear-gradient(to bottom, #577632, #577632);

    margin: 0 0 20px;

    padding: 0;

    border-radius: 4px 4px 0 0;

}

#content div.panel div.panel-heading .link-white {

    color: #FFFFFF;

}

#content div.panel div.panel-heading .link-white.current {

    color: #BFE3FF;

}

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

    list-style: none;

    float: left;

    margin: 0;

    padding: 0;

}

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

    font-size: 13px;

    font-weight: 700;

    height: 1%;

    margin: 4px;

    text-decoration: none;

}

#content div.panel div.panel-heading ul.links.nav-tabs li a {

    float: left;

    color: #fff;

    margin: 0;

    padding: 11px 10px 11px 10px;

}

#content div.panel div.panel-heading ul.links.icon-only-links li a {

    float: left;

    color: #fff;

    margin: 0;

    padding: 11px 10px 11px 10px;

}

#content div.panel h1,

#content div.panel h2,

#content div.panel h3,

#content div.panel h4,

#content div.panel h5,

#content div.panel h6,

#content div.panel div.h1,

#content div.panel div.h2,

#content div.panel div.h3,

#content div.panel div.h4,

#content div.panel div.h5,

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

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

<%block name="title">

    ${_('Journal')}

</%block>

    <form id="filter_form" class="form-inline">

    <input class="form-control q_filter_box ${'' if c.search_term else 'initial'}" id="j_filter" size="15" type="text" name="filter" value="${c.search_term or _('quick filter...')}"/>

    <span data-toggle="tooltip" title="${h.journal_filter_help()}">?</span>

    <input type='submit' value="${_('Filter')}" class="btn btn-default btn-xs"/>

    ${_('Journal')} - ${ungettext('%s Entry', '%s Entries', c.journal_pager.item_count) % (c.journal_pager.item_count)}

    </form>

</%def>

<%block name="header_menu">

    ${self.menu('journal')}

</%block>

<%block name="head_extra">

  <link href="${h.url('journal_atom', api_key=c.authuser.api_key)}" rel="alternate" title="${_('ATOM journal feed')}" type="application/atom+xml" />

  <link href="${h.url('journal_rss', api_key=c.authuser.api_key)}" rel="alternate" title="${_('RSS journal feed')}" type="application/rss+xml" />

</%block>

<%def name="main()">

    <div class="panel panel-primary">

        <!-- box / title -->

        <div class="panel-heading clearfix">

         ${self.breadcrumbs()}

         <ul class="links icon-only-links">

           <li>

             <a href="${h.url('my_account_watched')}"><i class="icon-eye"></i> ${_('Watched Repositories')}</a>

           </li>

           <li>

             <a href="${h.url('my_account_repos')}"><i class="icon-database"></i> ${_('My Repositories')}</a>

           </li>

           <li>

             <span><a id="refresh" href="${h.url('journal')}"><i class="icon-arrows-cw"></i></a></span>

           </li>

           <li>

             <span><a href="${h.url('journal_atom', api_key=c.authuser.api_key)}"><i class="icon-rss-squared"></i></a></span>

           </li>

         </ul>

        </div>

        <div id="journal">

            <%include file='journal_data.html'/>

        </div>

    </div>

<script type="text/javascript">

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

        var $jfilter = $('#j_filter');

        if($jfilter.hasClass('initial')){

            $jfilter.val('');

        }

    });

    var fix_j_filter_width = function(len){

        $('#j_filter').css('width', Math.max(80, len*6.50)+'px');

    };

    $('#j_filter').keyup(function(){

        fix_j_filter_width($('#j_filter').val().length);

    });