html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
margin: 0;
padding: 0;
}
body {
line-height: 1;
height: 100%;
background: url("../images/background.png") repeat scroll 0 0 #B0B0B0;
font-family: Lucida Grande, Verdana, Lucida Sans Regular,
Lucida Sans Unicode, Arial, sans-serif; font-size : 12px;
color: #000;
font-size: 12px;
ol,ul {
list-style: none;
blockquote,q {
quotes: none;
blockquote:before,blockquote:after,q:before,q:after {
content: none;
:focus {
del {
text-decoration: line-through;
table {
border-collapse: collapse;
border-spacing: 0;
html {
a {
color: #003367;
text-decoration: none;
cursor: pointer;
a:hover {
color: #316293;
text-decoration: underline;
h1,h2,h3,h4,h5,h6 {
color: #292929;
font-weight: 700;
h1 {
font-size: 22px;
h2 {
font-size: 20px;
h3 {
font-size: 18px;
h4 {
font-size: 16px;
h5 {
font-size: 14px;
h6 {
font-size: 11px;
ul.circle {
list-style-type: circle;
ul.disc {
list-style-type: disc;
ul.square {
list-style-type: square;
ol.lower-roman {
list-style-type: lower-roman;
ol.upper-roman {
list-style-type: upper-roman;
ol.lower-alpha {
list-style-type: lower-alpha;
ol.upper-alpha {
list-style-type: upper-alpha;
ol.decimal {
list-style-type: decimal;
div.color {
clear: both;
overflow: hidden;
position: absolute;
background: #FFF;
margin: 7px 0 0 60px;
padding: 1px 1px 1px 0;
div.color a {
width: 15px;
height: 15px;
display: block;
float: left;
margin: 0 0 0 1px;
div.options {
margin: 7px 0 0 162px;
div.options a {
height: 1%;
padding: 3px 8px;
.top-left-rounded-corner {
-webkit-border-top-left-radius: 8px;
-khtml-border-radius-topleft: 8px;
-moz-border-radius-topleft: 8px;
border-top-left-radius: 8px;
.top-right-rounded-corner {
-webkit-border-top-right-radius: 8px;
-khtml-border-radius-topright: 8px;
-moz-border-radius-topright: 8px;
border-top-right-radius: 8px;
.bottom-left-rounded-corner {
-webkit-border-bottom-left-radius: 8px;
-khtml-border-radius-bottomleft: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
.bottom-right-rounded-corner {
-webkit-border-bottom-right-radius: 8px;
-khtml-border-radius-bottomright: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
.top-left-rounded-corner-mid {
-webkit-border-top-left-radius: 4px;
-khtml-border-radius-topleft: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
.top-right-rounded-corner-mid {
-webkit-border-top-right-radius: 4px;
-khtml-border-radius-topright: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
.bottom-left-rounded-corner-mid {
-webkit-border-bottom-left-radius: 4px;
-khtml-border-radius-bottomleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
.bottom-right-rounded-corner-mid {
-webkit-border-bottom-right-radius: 4px;
-khtml-border-radius-bottomright: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
.help-block {
color: #999999;
margin-bottom: 0;
margin-top: 5px;
#header {
padding: 0 10px;
#header ul#logged-user {
margin-bottom: 5px !important;
-webkit-border-radius: 0px 0px 8px 8px;
-khtml-border-radius: 0px 0px 8px 8px;
-moz-border-radius: 0px 0px 8px 8px;
border-radius: 0px 0px 8px 8px;
height: 37px;
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 );
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
#header ul#logged-user li {
margin: 8px 0 0;
padding: 4px 12px;
border-left: 1px solid #316293;
#header ul#logged-user li.first {
border-left: none;
margin: 4px;
#header ul#logged-user li.first div.gravatar {
margin-top: -2px;
#header ul#logged-user li.first div.account {
padding-top: 4px;
#header ul#logged-user li.last {
border-right: none;
#header ul#logged-user li a {
color: #fff;
#header ul#logged-user li a:hover {
#header ul#logged-user li.highlight a {
#header ul#logged-user li.highlight a:hover {
color: #FFF;
#header #header-inner {
min-height: 44px;
position: relative;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003b76),color-stop(100%, #00376e) );
-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;
background: url("../images/button_home.png");
background-position: 0 0;
#header #header-inner #home a:hover {
background-position: 0 -40px;
#header #header-inner #logo {
#header #header-inner #logo h1 {
margin: 12px 0 0 13px;
#header #header-inner #logo a {
#header #header-inner #logo a:hover {
color: #bfe3ff;
#header #header-inner #quick,#header #header-inner #quick ul {
float: right;
list-style-type: none;
list-style-position: outside;
margin: 8px 8px 0 0;
#header #header-inner #quick li {
margin: 0 5px 0 0;
#header #header-inner #quick li a.menu_link {
top: 0;
left: 0;
background: #369;
#header #header-inner #quick li span.short {
padding: 9px 6px 8px 6px;
#header #header-inner #quick li span {
right: 0;
border-left: 1px solid #3f6f9f;
padding: 10px 12px 8px 10px;
#header #header-inner #quick li span.normal {
border: none;
padding: 10px 12px 8px;
#header #header-inner #quick li span.icon {
border-right: 1px solid #2e5c89;
padding: 8px 6px 4px;
#header #header-inner #quick li span.icon_short {
#header #header-inner #quick li span.icon img,#header #header-inner #quick li span.icon_short img
margin: 0px -2px 0px 0px;
#header #header-inner #quick li a:hover {
background: #4e4e4e no-repeat top left;
#header #header-inner #quick li a:hover span {
border-left: 1px solid #545454;
#header #header-inner #quick li a:hover span.icon,#header #header-inner #quick li a:hover span.icon_short
border-right: 1px solid #464646;
#header #header-inner #quick ul {
top: 29px;
min-width: 200px;
display: none;
border: 1px solid #666;
border-top: 1px solid #003367;
z-index: 100;
margin: 0px 0px 0px 0px;
#header #header-inner #quick ul.repo_switcher {
max-height: 275px;
overflow-x: hidden;
overflow-y: auto;
#header #header-inner #quick ul.repo_switcher li.qfilter_rs {
float: none;
border-bottom: 2px solid #003367;
#header #header-inner #quick .repo_switcher_type {
top: 9px;
#header #header-inner #quick li ul li {
border-bottom: 1px solid #ddd;
#header #header-inner #quick li ul li a {
width: 182px;
height: auto;
font-weight: 400;
padding: 7px 9px;
#header #header-inner #quick li ul li a:hover {
#header #header-inner #quick ul ul {
top: auto;
#header #header-inner #quick li ul ul {
right: 200px;
overflow: auto;
white-space: normal;
#header #header-inner #quick li ul li a.journal,#header #header-inner #quick li ul li a.journal:hover
background: url("../images/icons/book.png") no-repeat scroll 4px 9px
#FFF;
width: 167px;
padding: 12px 9px 7px 24px;
#header #header-inner #quick li ul li a.private_repo,#header #header-inner #quick li ul li a.private_repo:hover
background: url("../images/icons/lock.png") no-repeat scroll 4px 9px
min-width: 167px;
#header #header-inner #quick li ul li a.public_repo,#header #header-inner #quick li ul li a.public_repo:hover
background: url("../images/icons/lock_open.png") no-repeat scroll 4px
9px #FFF;
#header #header-inner #quick li ul li a.hg,#header #header-inner #quick li ul li a.hg:hover
background: url("../images/icons/hgicon.png") no-repeat scroll 4px 9px
margin: 0 0 0 14px;
#header #header-inner #quick li ul li a.git,#header #header-inner #quick li ul li a.git:hover
background: url("../images/icons/giticon.png") no-repeat scroll 4px 9px
#header #header-inner #quick li ul li a.repos,#header #header-inner #quick li ul li a.repos:hover
background: url("../images/icons/database_edit.png") no-repeat scroll
4px 9px #FFF;
#header #header-inner #quick li ul li a.repos_groups,#header #header-inner #quick li ul li a.repos_groups:hover
background: url("../images/icons/database_link.png") no-repeat scroll
#header #header-inner #quick li ul li a.users,#header #header-inner #quick li ul li a.users:hover
background: #FFF url("../images/icons/user_edit.png") no-repeat 4px 9px;
#header #header-inner #quick li ul li a.groups,#header #header-inner #quick li ul li a.groups:hover
background: #FFF url("../images/icons/group_edit.png") no-repeat 4px 9px;
#header #header-inner #quick li ul li a.settings,#header #header-inner #quick li ul li a.settings:hover
background: #FFF url("../images/icons/cog.png") no-repeat 4px 9px;
#header #header-inner #quick li ul li a.permissions,#header #header-inner #quick li ul li a.permissions:hover
background: #FFF url("../images/icons/key.png") no-repeat 4px 9px;
#header #header-inner #quick li ul li a.ldap,#header #header-inner #quick li ul li a.ldap:hover
background: #FFF url("../images/icons/server_key.png") no-repeat 4px 9px;
#header #header-inner #quick li ul li a.fork,#header #header-inner #quick li ul li a.fork:hover
background: #FFF url("../images/icons/arrow_divide.png") no-repeat 4px
9px;
#header #header-inner #quick li ul li a.search,#header #header-inner #quick li ul li a.search:hover
background: #FFF url("../images/icons/search_16.png") no-repeat 4px 9px;
#header #header-inner #quick li ul li a.delete,#header #header-inner #quick li ul li a.delete:hover
background: #FFF url("../images/icons/delete.png") no-repeat 4px 9px;
#header #header-inner #quick li ul li a.branches,#header #header-inner #quick li ul li a.branches:hover
background: #FFF url("../images/icons/arrow_branch.png") no-repeat 4px
#header #header-inner #quick li ul li a.tags,
#header #header-inner #quick li ul li a.tags:hover{
background: #FFF url("../images/icons/tag_blue.png") no-repeat 4px 9px;
#header #header-inner #quick li ul li a.bookmarks,
#header #header-inner #quick li ul li a.bookmarks:hover{
background: #FFF url("../images/icons/tag_green.png") no-repeat 4px 9px;
#header #header-inner #quick li ul li a.admin,
#header #header-inner #quick li ul li a.admin:hover{
background: #FFF url("../images/icons/cog_edit.png") no-repeat 4px 9px;
.groups_breadcrumbs a {
.groups_breadcrumbs a:hover {
td.quick_repo_menu {
background: #FFF url("../images/vertical-indicator.png") 8px 50% no-repeat !important;
width: 8px;
border: 1px solid transparent;
td.quick_repo_menu.active {
background: url("../images/dt-arrow-dn.png") no-repeat scroll 5px 50% #FFFFFF !important;
border: 1px solid #003367;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
td.quick_repo_menu .menu_items {
margin-top: 10px;
margin-left:-6px;
width: 150px;
background-color: #FFF;
background: none repeat scroll 0 0 #FFFFFF;
border-color: #003367 #666666 #666666;
border-right: 1px solid #666666;
border-style: solid;
border-width: 1px;
## -*- coding: utf-8 -*-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>${self.title()}</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="robots" content="index, nofollow"/>
<link rel="icon" href="${h.url('/images/icons/database_gear.png')}" type="image/png" />
## CSS ###
<%def name="css()">
<link rel="stylesheet" type="text/css" href="${h.url('/css/style.css')}" media="screen"/>
<link rel="stylesheet" type="text/css" href="${h.url('/css/pygments.css')}"/>
## EXTRA FOR CSS
${self.css_extra()}
</%def>
<%def name="css_extra()">
${self.css()}
%if c.ga_code:
<!-- Analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '${c.ga_code}']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
%endif
## JAVASCRIPT ##
<%def name="js()">
<script type="text/javascript" src="${h.url('/js/yui.2.9.js')}"></script>
<!--[if lt IE 9]>
<script language="javascript" type="text/javascript" src="${h.url('/js/excanvas.min.js')}"></script>
<![endif]-->
<script type="text/javascript" src="${h.url('/js/yui.flot.js')}"></script>
<script type="text/javascript" src="${h.url('/js/rhodecode.js')}"></script>
## EXTRA FOR JS
${self.js_extra()}
var follow_base_url = "${h.url('toggle_following')}";
var stop_follow_text = "${_('Stop following this repository')}";
var start_follow_text = "${_('Start following this repository')}";
var onSuccessFollow = function(target){
var f = YUD.get(target.id);
var f_cnt = YUD.get('current_followers_count');
if(f.getAttribute('class')=='follow'){
f.setAttribute('class','following');
f.setAttribute('title',stop_follow_text);
if(f_cnt){
var cnt = Number(f_cnt.innerHTML)+1;
f_cnt.innerHTML = cnt;
else{
f.setAttribute('class','follow');
f.setAttribute('title',start_follow_text);
var toggleFollowingUser = function(target,fallows_user_id,token,user_id){
args = 'follows_user_id='+fallows_user_id;
args+= '&auth_token='+token;
if(user_id != undefined){
args+="&user_id="+user_id;
YUC.asyncRequest('POST',follow_base_url,{
success:function(o){
onSuccessFollow(target);
},args);
return false;
var toggleFollowingRepo = function(target,fallows_repo_id,token,user_id){
args = 'follows_repo_id='+fallows_repo_id;
YUE.onDOMReady(function(){
tooltip_activate();
show_more_event();
YUE.on('quick_login_link','click',function(e){
// make sure we don't redirect
YUE.preventDefault(e);
if(YUD.hasClass('quick_login_link','enabled')){
YUD.setStyle('quick_login','display','none');
YUD.removeClass('quick_login_link','enabled');
YUD.setStyle('quick_login','display','');
YUD.addClass('quick_login_link','enabled');
var usr = YUD.get('username');
if(usr){
usr.focus();
});
})
<%def name="js_extra()"></%def>
${self.js()}
</head>
<body id="body">
${next.body()}
## IE hacks
<!--[if IE 7]>
<script>YUD.addClass(document.body,'ie7')</script>
<!--[if IE 8]>
<script>YUD.addClass(document.body,'ie8')</script>
<!--[if IE 9]>
<script>YUD.addClass(document.body,'ie9')</script>
</body>
</html>
Status change: