color: #fff;

}

#header ul#logged-user li.highlight a:hover {

	color: #FFF;

}

#header #header-inner {

	min-height: 44px;

	clear: both;

	position: relative;

    background-color: #003B76;

    background-repeat: repeat-x;

    background-image: -khtml-gradient(linear, left top, left bottom, from(#003B76), to(#00376E) );

    background-image: -moz-linear-gradient(top, #003b76, #00376e);

    background-image: -ms-linear-gradient(top, #003b76, #00376e);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003b76),color-stop(100%, #00376e) );

    background-image: -webkit-linear-gradient(top, #003b76, #00376e);

    background-image: -o-linear-gradient(top, #003b76, #00376e);

    background-image: linear-gradient(top, #003b76, #00376e);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b76',endColorstr='#00376e', GradientType=0 );

	margin: 0;

	padding: 0;

	display: block;

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

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

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

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

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

}

#header #header-inner.hover{

	position: fixed !important;

	width: 100% !important;

	margin-left: -10px !important;

	z-index: 10000;

    -webkit-border-radius: 0px 0px 0px 0px;

    -khtml-border-radius: 0px 0px 0px 0px;

    -moz-border-radius: 0px 0px 0px 0px;

    border-radius: 0px 0px 0px 0px;	

}

.ie7 #header #header-inner.hover,

.ie8 #header #header-inner.hover,

.ie9 #header #header-inner.hover

{

    z-index: auto !important;

}

#header #header-inner #home a {

	height: 40px;

	width: 46px;

	display: block;

	background: url("../images/button_home.png");

	background-position: 0 0;

	margin: 0;

	padding: 0;

}

#header #header-inner #home a:hover {

	background-position: 0 -40px;

}

#header #header-inner #logo {

	float: left;

	position: absolute;

}

#header #header-inner #logo h1 {

	color: #FFF;

	font-size: 20px;

	margin: 12px 0 0 13px;

	padding: 0;

}

#header #header-inner #logo a {

	color: #fff;

	text-decoration: none;

}

#header #header-inner #logo a:hover {

	color: #bfe3ff;

}

#header #header-inner #quick,#header #header-inner #quick ul {

	position: relative;

	float: right;

	list-style-type: none;

	list-style-position: outside;

	margin: 8px 8px 0 0;

	padding: 0;

}

#header #header-inner #quick li {

	position: relative;

	float: left;

	margin: 0 5px 0 0;

    <!-- box / title -->

    <div class="title">

        <h5>${_('Commit activity by day / author')}</h5>

    </div>

    <div class="graph">

         <div style="padding:0 10px 10px 17px;">

         %if c.no_data:

           ${c.no_data_msg}

           %if h.HasPermissionAll('hg.admin')('enable stats on from summary'):

                ${h.link_to(_('enable'),h.url('edit_repo',repo_name=c.repo_name),class_="ui-btn")}

           %endif

        %else:

            ${_('Stats gathered: ')} ${c.stats_percentage}%

        %endif

        </div>

        <div id="commit_history" style="width:450px;height:300px;float:left"></div>

        <div style="clear: both;height: 10px"></div>

        <div id="overview" style="width:450px;height:100px;float:left"></div>

    	<div id="legend_data" style="clear:both;margin-top:10px;">

	    	<div id="legend_container"></div>

	    	<div id="legend_choices">

				<table id="legend_choices_tables" class="noborder" style="font-size:smaller;color:#545454"></table>

	    	</div>

    	</div>

    </div>

</div>

%endif

<div class="box">

    <div class="title">

        <div class="breadcrumbs">

        %if c.repo_changesets:

            ${h.link_to(_('Shortlog'),h.url('shortlog_home',repo_name=c.repo_name))}

        %else:

            ${_('Quick start')}

         %endif

        </div>

    </div>

    <div class="table">

        <div id="shortlog_data">

            <%include file='../shortlog/shortlog_data.html'/>

        </div>

    </div>

</div>

%if c.readme_data:

    <div id="readme" class="title">

        <div class="breadcrumbs"><a href="${h.url('files_home',repo_name=c.repo_name,revision='tip',f_path=c.readme_file)}">${c.readme_file}</a></div>

    </div>

      <div class="readme_box">

        ${c.readme_data|n}

      </div>

    </div>

</div>

%endif

<script type="text/javascript">

var clone_url = 'clone_url';

YUE.on(clone_url,'click',function(e){

    if(YUD.hasClass(clone_url,'selected')){

        return

    }

    else{

        YUD.addClass(clone_url,'selected');

        YUD.get(clone_url).select();

    }

})

YUE.on('clone_by_name','click',function(e){

    // show url by name and hide name button

    YUD.setStyle('clone_url','display','');

    YUD.setStyle('clone_by_name','display','none');

    // hide url by id and show name button

    YUD.setStyle('clone_by_id','display','');

    YUD.setStyle('clone_url_id','display','none');

})

YUE.on('clone_by_id','click',function(e){

	// show url by id and hide id button

	YUD.setStyle('clone_by_id','display','none');

    YUD.setStyle('clone_url_id','display','');

    // hide url by name and show id button

	YUD.setStyle('clone_by_name','display','');

	YUD.setStyle('clone_url','display','none');

})

var tmpl_links = {};

%for cnt,archive in enumerate(c.rhodecode_repo._get_archives()):

  tmpl_links["${archive['type']}"] = '${h.link_to('__NAME__', h.url('files_archive_home',repo_name=c.dbrepo.repo_name, fname='__CS__'+archive['extension'],subrepos='__SUB__'),class_='archive_icon ui-btn')}';

%endfor

YUE.on(['download_options','archive_subrepos'],'change',function(e){

   var sm = YUD.get('download_options');