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;
#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: #eedc94;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1),
to(#eedc94) );
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: 40px;
position: relative;
-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;
border-radius: 0px 0px 4px 4px;
#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: 10px 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: 6px 5px 0 0;
#header #header-inner #quick li {
margin: 0 5px 0 0;
#header #header-inner #quick li a {
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;
#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;
box-shadow: 2px 8px 4px rgba(0, 0, 0, 0.2);
border-top-style: none;
td.quick_repo_menu .menu_items li {
padding: 0 !important;
td.quick_repo_menu .menu_items a {
padding: 4px 12px 4px 8px;
td.quick_repo_menu .menu_items a:hover {
background-color: #EEE;
td.quick_repo_menu .menu_items .icon img {
margin-bottom: -2px;
td.quick_repo_menu .menu_items.hidden {
.yui-dt-first th {
text-align: left;
/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
.yui-skin-sam .yui-dt-mask {
z-index: 9500;
.yui-dt-tmp {
left: -9000px;
.yui-dt-scrollable .yui-dt-bd { overflow: auto }
.yui-dt-scrollable .yui-dt-hd {
.yui-dt-scrollable .yui-dt-bd thead tr,
.yui-dt-scrollable .yui-dt-bd thead th {
left: -1500px;
.yui-dt-scrollable tbody { -moz-outline: 0 }
.yui-skin-sam thead .yui-dt-sortable { cursor: pointer }
.yui-skin-sam thead .yui-dt-draggable { cursor: move }
.yui-dt-coltarget {
z-index: 999;
.yui-dt-hd { zoom: 1 }
th.yui-dt-resizeable .yui-dt-resizerliner { position: relative }
.yui-dt-resizer {
bottom: 0;
cursor: e-resize;
cursor: col-resize;
background-color: #CCC;
opacity: 0;
filter: alpha(opacity=0);
.yui-dt-resizerproxy {
visibility: hidden;
z-index: 9000;
th.yui-dt-hidden .yui-dt-liner,
td.yui-dt-hidden .yui-dt-liner,
th.yui-dt-hidden .yui-dt-resizer { display: none }
.yui-dt-editor,
.yui-dt-editor-shim {
.yui-skin-sam .yui-dt table {
font-family: arial;
font-size: inherit;
border-collapse: separate;
*border-collapse: collapse;
border: 1px solid #7f7f7f;
.yui-skin-sam .yui-dt thead { border-spacing: 0 }
.yui-skin-sam .yui-dt caption {
font-size: 85%;
font-weight: normal;
font-style: italic;
padding: 1em 0;
text-align: center;
.yui-skin-sam .yui-dt th { background: #d8d8da url(../images/sprite.png) repeat-x 0 0 }
.yui-skin-sam .yui-dt th,
.yui-skin-sam .yui-dt th a {
vertical-align: bottom;
.yui-skin-sam .yui-dt th {
border-right: 1px solid #cbcbcb;
.yui-skin-sam .yui-dt tr.yui-dt-first td { border-top: 1px solid #7f7f7f }
.yui-skin-sam .yui-dt th .yui-dt-liner { white-space: nowrap }
.yui-skin-sam .yui-dt-liner {
.yui-skin-sam .yui-dt-coltarget {
width: 5px;
background-color: red;
.yui-skin-sam .yui-dt td {
.yui-skin-sam .yui-dt-list td { border-right: 0 }
.yui-skin-sam .yui-dt-resizer { width: 6px }
background-color: #000;
opacity: .25;
filter: alpha(opacity=25);
.yui-skin-sam .yui-dt-message { background-color: #FFF }
.yui-skin-sam .yui-dt-scrollable table { border: 0 }
.yui-skin-sam .yui-dt-scrollable .yui-dt-hd {
border-left: 1px solid #7f7f7f;
border-top: 1px solid #7f7f7f;
border-right: 1px solid #7f7f7f;
.yui-skin-sam .yui-dt-scrollable .yui-dt-bd {
border-bottom: 1px solid #7f7f7f;
.yui-skin-sam .yui-dt-scrollable .yui-dt-data tr.yui-dt-last td { border-bottom: 1px solid #7f7f7f }
.yui-skin-sam th.yui-dt-asc,
.yui-skin-sam th.yui-dt-desc { background: url(../images/sprite.png) repeat-x 0 -100px }
.yui-skin-sam th.yui-dt-sortable .yui-dt-label { margin-right: 10px }
.yui-skin-sam th.yui-dt-asc .yui-dt-liner { background: url(../images/dt-arrow-up.png) no-repeat right }
.yui-skin-sam th.yui-dt-desc .yui-dt-liner { background: url(../images/dt-arrow-dn.png) no-repeat right }
tbody .yui-dt-editable { cursor: pointer }
.yui-dt-editor {
background-color: #f2f2f2;
border: 1px solid #808080;
padding: 6px;
.yui-dt-editor label {
padding-left: 4px;
padding-right: 6px;
.yui-dt-editor .yui-dt-button {
padding-top: 6px;
text-align: right;
.yui-dt-editor .yui-dt-button button {
background: url(../images/sprite.png) repeat-x 0 0;
border: 1px solid #999;
width: 4em;
height: 1.8em;
margin-left: 6px;
.yui-dt-editor .yui-dt-button button.yui-dt-default {
background: url(../images/sprite.png) repeat-x 0 -1400px;
background-color: #5584e0;
border: 1px solid #304369;
.yui-dt-editor .yui-dt-button button:hover {
background: url(../images/sprite.png) repeat-x 0 -1300px;
.yui-dt-editor .yui-dt-button button:active {
background: url(../images/sprite.png) repeat-x 0 -1700px;
.yui-skin-sam tr.yui-dt-even { background-color: #FFF }
.yui-skin-sam tr.yui-dt-odd { background-color: #edf5ff }
.yui-skin-sam tr.yui-dt-even td.yui-dt-asc,
.yui-skin-sam tr.yui-dt-even td.yui-dt-desc { background-color: #edf5ff }
.yui-skin-sam tr.yui-dt-odd td.yui-dt-asc,
.yui-skin-sam tr.yui-dt-odd td.yui-dt-desc { background-color: #dbeaff }
.yui-skin-sam .yui-dt-list tr.yui-dt-even { background-color: #FFF }
.yui-skin-sam .yui-dt-list tr.yui-dt-odd { background-color: #FFF }
.yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-asc,
.yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-desc { background-color: #edf5ff }
.yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-asc,
.yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-desc { background-color: #edf5ff }
.yui-skin-sam th.yui-dt-highlighted,
.yui-skin-sam th.yui-dt-highlighted a { background-color: #b2d2ff }
.yui-skin-sam tr.yui-dt-highlighted,
.yui-skin-sam tr.yui-dt-highlighted td.yui-dt-asc,
.yui-skin-sam tr.yui-dt-highlighted td.yui-dt-desc,
.yui-skin-sam tr.yui-dt-even td.yui-dt-highlighted,
.yui-skin-sam tr.yui-dt-odd td.yui-dt-highlighted {
background-color: #b2d2ff;
.yui-skin-sam .yui-dt-list th.yui-dt-highlighted,
.yui-skin-sam .yui-dt-list th.yui-dt-highlighted a { background-color: #b2d2ff }
.yui-skin-sam .yui-dt-list tr.yui-dt-highlighted,
.yui-skin-sam .yui-dt-list tr.yui-dt-highlighted td.yui-dt-asc,
.yui-skin-sam .yui-dt-list tr.yui-dt-highlighted td.yui-dt-desc,
.yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-highlighted,
.yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-highlighted {
.yui-skin-sam th.yui-dt-selected,
.yui-skin-sam th.yui-dt-selected a { background-color: #446cd7 }
.yui-skin-sam tr.yui-dt-selected td,
.yui-skin-sam tr.yui-dt-selected td.yui-dt-asc,
.yui-skin-sam tr.yui-dt-selected td.yui-dt-desc {
background-color: #426fd9;
.yui-skin-sam tr.yui-dt-even td.yui-dt-selected,
.yui-skin-sam tr.yui-dt-odd td.yui-dt-selected {
background-color: #446cd7;
.yui-skin-sam .yui-dt-list th.yui-dt-selected,
.yui-skin-sam .yui-dt-list th.yui-dt-selected a { background-color: #446cd7 }
.yui-skin-sam .yui-dt-list tr.yui-dt-selected td,
.yui-skin-sam .yui-dt-list tr.yui-dt-selected td.yui-dt-asc,
.yui-skin-sam .yui-dt-list tr.yui-dt-selected td.yui-dt-desc {
.yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-selected,
.yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-selected {
.yui-skin-sam .yui-dt-paginator {
margin: 6px 0;
white-space: nowrap;
.yui-skin-sam .yui-dt-paginator .yui-dt-first,
.yui-skin-sam .yui-dt-paginator .yui-dt-last,
.yui-skin-sam .yui-dt-paginator .yui-dt-selected { padding: 2px 6px }
.yui-skin-sam .yui-dt-paginator a.yui-dt-first,
.yui-skin-sam .yui-dt-paginator a.yui-dt-last { text-decoration: none }
.yui-skin-sam .yui-dt-paginator .yui-dt-previous,
.yui-skin-sam .yui-dt-paginator .yui-dt-next { display: none }
.yui-skin-sam a.yui-dt-page {
border: 1px solid #cbcbcb;
padding: 2px 6px;
background-color: #fff;
.yui-skin-sam .yui-dt-selected {
border: 1px solid #fff;
#content #left {
width: 280px;
#content #right {
margin: 0 60px 10px 290px;
#content div.box {
background: #fff;
margin: 0 0 10px;
padding: 0 0 10px;
#content div.box-left {
width: 49%;
clear: none;
#content div.box-right {
#content div.box div.title {
margin: 0 0 20px;
#content div.box div.title h5 {
text-transform: uppercase;
padding: 11px 0 11px 10px;
#content div.box div.title .link-white{
color: #FFFFFF;
#content div.box div.title ul.links li {
#content div.box div.title ul.links li a {
font-size: 13px;
padding: 11px 22px 12px;
#content div.box h1,#content div.box h2,#content div.box h3,#content div.box h4,#content div.box h5,#content div.box h6
border-bottom: 1px solid #DDD;
margin: 10px 20px;
padding: 0 0 15px;
#content div.box p {
color: #5f5f5f;
line-height: 150%;
margin: 0 24px 10px;
#content div.box blockquote {
border-left: 4px solid #DDD;
margin: 0 34px;
padding: 0 0 0 14px;
#content div.box blockquote p {
margin: 10px 0;
#content div.box dl {
margin: 10px 0px;
#content div.box dt {
#content div.box dd {
padding: 8px 0 8px 15px;
#content div.box li {
padding: 4px 0;
#content div.box ul.disc,#content div.box ul.circle {
margin: 10px 24px 10px 38px;
#content div.box ul.square {
margin: 10px 24px 10px 40px;
#content div.box img.left {
margin: 10px 10px 10px 0;
#content div.box img.right {
margin: 10px 0 10px 10px;
#content div.box div.messages {
margin: 0 20px;
#content div.box div.message {
padding: 5px 0;
white-space: pre-wrap;
#content div.box div.expand {
width: 110%;
height:14px;
font-size:10px;
text-align:right;
color:#666;
background:-webkit-gradient(linear,0% 50%,100% 50%,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(64,96,128,0.1)));
background:-webkit-linear-gradient(top,rgba(255,255,255,0),rgba(64,96,128,0.1));
background:-moz-linear-gradient(top,rgba(255,255,255,0),rgba(64,96,128,0.1));
background:-o-linear-gradient(top,rgba(255,255,255,0),rgba(64,96,128,0.1));
background:-ms-linear-gradient(top,rgba(255,255,255,0),rgba(64,96,128,0.1));
background:linear-gradient(top,rgba(255,255,255,0),rgba(64,96,128,0.1));
#content div.box div.expand .expandtext {
background-color: #ffffff;
padding: 2px;
border-radius: 2px;
#content div.box div.message a {
font-weight: 400 !important;
#content div.box div.message div.image {
margin: 9px 0 0 5px;
#content div.box div.message div.image img {
vertical-align: middle;
#content div.box div.message div.text {
padding: 9px 6px;
#content div.box div.message div.dismiss a {
height: 16px;
width: 16px;
background: url("../images/icons/cross.png") no-repeat;
margin: 15px 14px 0 0;
#content div.box div.message div.text h1,#content div.box div.message div.text h2,#content div.box div.message div.text h3,#content div.box div.message div.text h4,#content div.box div.message div.text h5,#content div.box div.message div.text h6
#content div.box div.message div.text span {
padding: 5px 0 0;
#content div.box div.message-error {
background: #FBE3E4;
border: 1px solid #FBC2C4;
color: #860006;
#content div.box div.message-error h6 {
#content div.box div.message-warning {
background: #FFF6BF;
border: 1px solid #FFD324;
color: #5f5200;
#content div.box div.message-warning h6 {
#content div.box div.message-notice {
background: #8FBDE0;
border: 1px solid #6BACDE;
color: #003863;
#content div.box div.message-notice h6 {
#content div.box div.message-success {
background: #E6EFC2;
border: 1px solid #C6D880;
color: #4e6100;
#content div.box div.message-success h6 {
#content div.box div.form div.fields div.field {
padding: 10px 0;
#content div.box div.form div.fields div.field-first {
#content div.box div.form div.fields div.field-noborder {
border-bottom: 0 !important;
#content div.box div.form div.fields div.field span.error-message {
display: inline-block;
color: red;
margin: 8px 0 0 4px;
#content div.box div.form div.fields div.field span.success {
color: #316309;
#content div.box div.form div.fields div.field div.label {
left: 70px;
width: 155px;
padding: 5px 0 0 0px;
#content div.box div.form div.fields div.field div.label-summary {
left: 30px;
padding: 0px 0 0 0px;
#content div.box-left div.form div.fields div.field div.label,
#content div.box-right div.form div.fields div.field div.label,
#content div.box-left div.form div.fields div.field div.label-summary,
#content div.box-right div.form div.fields div.field div.label-summary,
#content div.box-left div.form div.fields div.field div.label-summary
width: auto;
padding: 0 0 8px;
#content div.box div.form div.fields div.field div.label-select {
padding: 5px 0 0 5px;
#content div.box-left div.form div.fields div.field div.label-select,
#content div.box-right div.form div.fields div.field div.label-select
#content div.box-left div.form div.fields div.field div.label-textarea,
#content div.box-right div.form div.fields div.field div.label-textarea
padding: 0 0 8px !important;
#content div.box div.form div.fields div.field div.label label,div.label label
color: #393939;
#content div.box div.form div.fields div.field div.label label,div.label-summary label
#content div.box div.form div.fields div.field div.input {
margin: 0 0 0 200px;
#content div.box div.form div.fields div.field div.input.summary {
margin: 0 0 0 110px;
#content div.box div.form div.fields div.field div.input.summary-short {
#content div.box div.form div.fields div.field div.file {
#content div.box-left div.form div.fields div.field div.input,#content div.box-right div.form div.fields div.field div.input
margin: 0 0 0 0px;
#content div.box div.form div.fields div.field div.input input {
border-top: 1px solid #b3b3b3;
border-left: 1px solid #b3b3b3;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
padding: 7px 7px 6px;
#content div.box div.form div.fields div.field div.input input#clone_url,
#content div.box div.form div.fields div.field div.input input#clone_url_id
#content div.box div.form div.fields div.field div.file input {
border-color: #B3B3B3 #EAEAEA #EAEAEA #B3B3B3;
color: #000000;
input.disabled {
background-color: #F5F5F5 !important;
#content div.box div.form div.fields div.field div.input input.small {
width: 30%;
#content div.box div.form div.fields div.field div.input input.medium {
width: 55%;
#content div.box div.form div.fields div.field div.input input.large {
width: 85%;
#content div.box div.form div.fields div.field div.input input.date {
width: 177px;
#content div.box div.form div.fields div.field div.input input.button {
background: #D4D0C8;
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #404040;
border-bottom: 1px solid #404040;
padding: 4px 8px;
#content div.box div.form div.fields div.field div.textarea {
padding: 10px;
#content div.box div.form div.fields div.field div.textarea-editor {
border: 1px solid #ddd;
#content div.box div.form div.fields div.field div.textarea textarea {
width: 100%;
height: 220px;
outline: none;
border-width: 0;
#content div.box-left div.form div.fields div.field div.textarea textarea,#content div.box-right div.form div.fields div.field div.textarea textarea
height: 100px;
#content div.box div.form div.fields div.field div.textarea table {
#content div.box div.form div.fields div.field div.textarea table td {
background: #DDD;
#content div.box div.form div.fields div.field div.textarea table td table
#content div.box div.form div.fields div.field div.textarea table td table td
padding: 5px 5px 5px 0;
#content div.box div.form div.fields div.field input[type=text]:focus,#content div.box div.form div.fields div.field input[type=password]:focus,#content div.box div.form div.fields div.field input[type=file]:focus,#content div.box div.form div.fields div.field textarea:focus,#content div.box div.form div.fields div.field select:focus
background: #f6f6f6;
border-color: #666;
div.form div.fields div.field div.button {
padding: 0 0 0 8px;
#content div.box table.noborder {
#content div.box table {
border: 1px solid #eee;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
#content div.box table th {
background: #eee;
padding: 5px 0px 5px 5px;
#content div.box table th.left {
#content div.box table th.right {
#content div.box table th.center {
#content div.box table th.selected {
#content div.box table td {
border-bottom: 1px solid #cdcdcd;
padding: 5px;
#content div.box table tr.selected td {
background: #FFC;
#content div.box table td.selected {
width: 3%;
#content div.box table td.action {
width: 45%;
#content div.box table td.date {
width: 33%;
#content div.box div.action {
margin: 10px 0 0;
#content div.box div.action select {
#content div.box div.action .ui-selectmenu {
#content div.box div.pagination {
#content div.box div.pagination ul.pager {
#content div.box div.pagination ul.pager li {
background: #ebebeb url("../images/pager.png") repeat-x;
border-top: 1px solid #dedede;
border-left: 1px solid #cfcfcf;
border-right: 1px solid #c4c4c4;
border-bottom: 1px solid #c4c4c4;
color: #4A4A4A;
margin: 0 0 0 4px;
#content div.box div.pagination ul.pager li.separator {
#content div.box div.pagination ul.pager li.current {
background: #b4b4b4 url("../images/pager_selected.png") repeat-x;
border-top: 1px solid #ccc;
border-left: 1px solid #bebebe;
border-right: 1px solid #b1b1b1;
border-bottom: 1px solid #afafaf;
color: #515151;
#content div.box div.pagination ul.pager li a {
#content div.box div.pagination ul.pager li a:hover,#content div.box div.pagination ul.pager li a:active
margin: -1px;
#content div.box div.pagination-wh {
#content div.box div.pagination-right {
#content div.box div.pagination-wh a,#content div.box div.pagination-wh span.pager_dotdot
#content div.box div.pagination-wh span.pager_curpage {
#content div.box div.pagination-wh a:hover,#content div.box div.pagination-wh a:active
#content div.box div.traffic div.legend {
#content div.box div.traffic div.legend h6 {
#content div.box div.traffic div.legend li {
padding: 0 8px 0 4px;
#content div.box div.traffic div.legend li.visits {
border-left: 12px solid #edc240;
#content div.box div.traffic div.legend li.pageviews {
border-left: 12px solid #afd8f8;
#content div.box div.traffic table {
#content div.box div.traffic table td {
padding: 2px 3px 3px;
#content div.box div.traffic table td.legendLabel {
padding: 0 3px 2px;
#summary {
#summary .desc {
white-space: pre;
#summary .repo_name {
font-size: 1.6em;
font-weight: bold;
clear: right
#footer {
padding: 0 10px 4px;
margin: -10px 0 0;
#footer div#footer-inner {
background-color: #eedc94; background-repeat : repeat-x;
background-image : -khtml-gradient( linear, left top, left bottom,
from( #fceec1), to( #eedc94)); 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);
#footer div#footer-inner p {
padding: 15px 25px 15px 0;
#footer div#footer-inner .footer-link {
padding-left: 10px;
#footer div#footer-inner .footer-link a,#footer div#footer-inner .footer-link-right a
#login div.title {
width: 420px;
margin: 0 auto;
#login div.inner {
width: 380px;
background: #FFF url("../images/login.png") no-repeat top left;
border-top: none;
border-bottom: none;
padding: 20px;
#login div.form div.fields div.field div.label {
width: 173px;
margin: 2px 10px 0 0;
#login div.form div.fields div.field div.input input {
width: 176px;
#login div.form div.fields div.buttons {
border-top: 1px solid #DDD;
padding: 10px 0 0;
#login div.form div.links {
padding: 0 0 2px;
#quick_login {
top: 31px;
background-color: rgb(0, 51, 103);
height: 150px;
margin-left: -16px;
width: 281px;
-webkit-border-radius: 0px 0px 4px 4px;
-khtml-border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
#quick_login .password_forgoten {
padding-right: 10px;
padding-top: 0px;
#quick_login .password_forgoten a {
font-size: 10px
#quick_login .register {
padding-top: 5px;
#quick_login .register a {
#quick_login div.form div.fields {
padding-top: 2px;
#quick_login div.form div.fields div.field {
#quick_login div.form div.fields div.field div.label label {
padding-bottom: 3px;
#quick_login div.form div.fields div.field div.input input {
width: 236px;
padding: 5px 7px 4px;
#quick_login div.form div.fields div.buttons {
padding: 10px 14px 0px 5px;
#quick_login div.form div.links {
#register div.title {
#register div.inner {
#register div.form div.fields div.field div.label {
width: 135px;
#register div.form div.fields div.field div.input input {
width: 300px;
#register div.form div.fields div.buttons {
padding: 10px 0 0 150px;
#register div.form div.activation_msg {
padding-bottom: 4px;
#journal .journal_day {
padding: 10px 0px;
border-bottom: 2px solid #DDD;
margin-left: 10px;
margin-right: 10px;
#journal .journal_container {
margin: 0px 5px 0px 10px;
#journal .journal_action_container {
padding-left: 38px;
#journal .journal_user {
color: #747474;
height: 30px;
#journal .journal_icon {
padding-right: 4px;
padding-top: 3px;
#journal .journal_action {
min-height: 2px;
float: left
#journal .journal_action_params {
clear: left;
padding-left: 22px;
#journal .journal_repo {
#journal .date {
color: #777777;
#journal .journal_repo .journal_repo_name {
font-size: 1.1em;
#journal .compare_view {
padding: 5px 0px 5px 0px;
width: 95px;
.journal_highlight {
padding: 0 2px;
.trending_language_tbl,.trending_language_tbl td {
border: 0 !important;
margin: 0 !important;
.trending_language_tbl,.trending_language_tbl tr {
border-spacing: 1px;
.trending_language {
background-color: #003367;
min-width: 20px;
height: 12px;
margin-bottom: 0px;
margin-left: 5px;
padding: 3px;
h3.files_location {
font-size: 1.8em;
border-bottom: none !important;
margin: 10px 0 !important;
#files_data dl dt {
width: 60px;
#files_data dl dd {
padding: 5px !important;
.tablerow0 {
background-color: #F8F8F8;
.tablerow1 {
background-color: #FFFFFF;
.changeset_id {
font-family: monospace;
color: #666666;
.changeset_hash {
#changeset_content {
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
#changeset_compare_view_content {
border: 1px solid #CCC;
#changeset_content .container {
min-height: 100px;
font-size: 1.2em;
#changeset_compare_view_content .compare_view_commits {
width: auto !important;
#changeset_compare_view_content .compare_view_commits td {
padding: 0px 0px 0px 12px !important;
#changeset_content .container .right {
width: 20%;
#changeset_content .container .left .message {
#changeset_content .container .left .message a:hover {
.cs_files .cur_cs {
margin: 10px 2px;
.cs_files .node {
.cs_files .changes {
color:#003367;
.cs_files .changes .added {
background-color: #BBFFBB;
font-size: 9px;
padding: 2px 0px 2px 0px;
.cs_files .changes .deleted {
background-color: #FF8888;
.cs_files .cs_added {
background: url("../images/icons/page_white_add.png") no-repeat scroll
3px;
padding-left: 20px;
margin-top: 7px;
.cs_files .cs_changed {
background: url("../images/icons/page_white_edit.png") no-repeat scroll
.cs_files .cs_removed {
background: url("../images/icons/page_white_delete.png") no-repeat
scroll 3px;
#graph {
#graph_nodes {
margin-right: -6px;
margin-top: 0px;
#graph_content {
width: 80%;
#graph_content .container_header {
height: 25px;
#graph_content #rev_range_container {
padding: 7px 20px;
#graph_content .container {
height: 56px;
#graph_content .container .right {
width: 23%;
#graph_content .container .left {
width: 25%;
padding-left: 5px;
#graph_content .container .mid {
#graph_content .container .left .date {
color: #666;
font-size: 10px;
#graph_content .container .left .author {
height: 22px;
#graph_content .container .left .author .user {
color: #444444;
margin-left: -4px;
margin-top: 4px;
#graph_content .container .mid .message {
#graph_content .container .mid .message a:hover{
#content #graph_content .message .issue-tracker-link {
font-weight: bold !important;
.right .comments-container{
padding-right: 5px;
margin-top:1px;
float:right;
.right .comments-cnt{
color: rgb(136, 136, 136);
padding-right: 2px;
.right .changes{
.right .changes .changed_total {
min-width: 45px;
background: #FEA;
-webkit-border-radius: 0px 0px 0px 6px;
-moz-border-radius: 0px 0px 0px 6px;
border-radius: 0px 0px 0px 6px;
padding: 1px;
.right .changes .added,.changed,.removed {
min-width: 15px;
.right .changes .added {
background: #CFC;
.right .changes .changed {
.right .changes .removed {
background: #FAA;
.right .merge {
padding: 1px 3px 1px 3px;
background-color: #fca062;
color: #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-right: 2px;
.right .parent {
clear:both;
.right .logtags{
padding: 2px 2px 2px 2px;
.right .logtags .branchtag,.logtags .branchtag {
background-color: #bfbfbf;
.right .logtags .branchtag a:hover,.logtags .branchtag a{
.right .logtags .branchtag a:hover,.logtags .branchtag a:hover{
.right .logtags .tagtag,.logtags .tagtag {
background-color: #62cffc;
.right .logtags .tagtag a:hover,.logtags .tagtag a{
.right .logtags .tagtag a:hover,.logtags .tagtag a:hover{
.right .logbooks .bookbook,.logbooks .bookbook {
padding: 1px 3px 2px;
background-color: #46A546;
font-size: 9.75px;
.right .logbooks .bookbook,.logbooks .bookbook a{
.right .logbooks .bookbook,.logbooks .bookbook a:hover{
div.browserblock {
border: 1px solid #ccc;
background: #f8f8f8;
line-height: 125%;
-webkit-border-radius: 6px 6px 0px 0px;
-moz-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
div.browserblock .browser-header {
padding: 10px 0px 15px 0px;
div.browserblock .browser-nav {
div.browserblock .browser-branch {
div.browserblock .browser-branch label {
vertical-align: text-top;
div.browserblock .browser-header span {
div.browserblock .browser-search {
padding: 8px 8px 0px 5px;
height: 20px;
div.browserblock #node_filter_box {
div.browserblock .search_activate {
div.browserblock .add_node {
div.browserblock .search_activate a:hover,div.browserblock .add_node a:hover
text-decoration: none !important;
div.browserblock .browser-body {
background: #EEE;
border-top: 1px solid #CCC;
table.code-browser {
table.code-browser tr {
margin: 3px;
table.code-browser thead th {
table.code-browser tbody td {
table.code-browser .browser-file {
background: url("../images/icons/document_16.png") no-repeat scroll 3px;
.diffblock .changeset_header {
.diffblock .changeset_file {
background: url("../images/icons/file.png") no-repeat scroll 3px;
padding: 2px 0px 2px 22px;
.diffblock .diff-menu-wrapper{
.diffblock .diff-menu{
border-style: solid solid solid;
margin-top:5px;
margin-left:1px;
.diffblock .diff-actions {
padding: 2px 0px 0px 2px;
.diffblock .diff-menu ul li {
padding: 0px 0px 0px 0px !important;
.diffblock .diff-menu ul li a{
padding: 3px 8px 3px 8px !important;
.diffblock .diff-menu ul li a:hover{
background-color: #EEEEEE;
table.code-browser .browser-dir {
background: url("../images/icons/folder_16.png") no-repeat scroll 3px;
.box .search {
padding: 0 20px 10px;
.box .search div.search_path {
background: none repeat scroll 0 0 #EEE;
color: blue;
margin-bottom: 10px;
.box .search div.search_path div.link {
margin-left: 25px;
.box .search div.search_path div.link a {
#path_unlock {
.info_box span {
margin-left: 3px;
margin-right: 3px;
.info_box .rev {
vertical-align: sub;
.info_box input#at_rev,.info_box input#size {
padding: 1px 5px 1px;
.info_box input#view {
padding: 4px 3px 2px 2px;
.yui-overlay,.yui-panel-container {
z-index: 2;
.yui-tt {
border: 2px solid #003367;
font: 100% sans-serif;
opacity: 1px;
padding: 8px;
-webkit-border-radius: 8px 8px 8px 8px;
-khtml-border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
.ac {
vertical-align: top;
.ac .yui-ac {
.ac .perm_ac {
width: 15em;
.ac .yui-ac-input {
.ac .yui-ac-container {
top: 1.6em;
.ac .yui-ac-content {
border: 1px solid gray;
z-index: 9050;
.ac .yui-ac-shadow {
background: #000;
-moz-opacity: 0.1px;
opacity: .10;
filter: alpha(opacity = 10);
z-index: 9049;
margin: .3em;
.ac .yui-ac-content ul {
.ac .yui-ac-content li {
cursor: default;
padding: 2px 5px;
.ac .yui-ac-content li.yui-ac-prehighlight {
background: #B3D4FF;
.ac .yui-ac-content li.yui-ac-highlight {
background: #556CB5;
.follow {
background: url("../images/icons/heart_add.png") no-repeat scroll 3px;
width: 20px;
margin-top: 2px;
.following {
background: url("../images/icons/heart_delete.png") no-repeat scroll 3px;
.currently_following {
padding-bottom: 5px;
.add_icon {
background: url("../images/icons/add.png") no-repeat scroll 3px;
.edit_icon {
background: url("../images/icons/folder_edit.png") no-repeat scroll 3px;
.delete_icon {
background: url("../images/icons/delete.png") no-repeat scroll 3px;
.refresh_icon {
background: url("../images/icons/arrow_refresh.png") no-repeat scroll
.pull_icon {
background: url("../images/icons/connect.png") no-repeat scroll 3px;
.rss_icon {
background: url("../images/icons/rss_16.png") no-repeat scroll 3px;
font-size: 8px
.atom_icon {
background: url("../images/icons/atom.png") no-repeat scroll 3px;
.archive_icon {
background: url("../images/icons/compress.png") no-repeat scroll 3px;
padding-top: 1px;
.start_following_icon {
.stop_following_icon {
.action_button {
display: inline;
.action_button:hover {
#switch_repos {
z-index: 1;
#switch_repos select {
min-width: 150px;
max-height: 250px;
.breadcrumbs {
border: medium none;
.breadcrumbs a {
.flash_msg {
.flash_msg ul {
.error_msg {
background-color: #c43c35;
background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b),
to(#c43c35) );
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b),
color-stop(100%, #c43c35) );
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
background-image: linear-gradient(top, #ee5f5b, #c43c35);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',
endColorstr='#c43c35', GradientType=0 );
border-color: #c43c35 #c43c35 #882a25;
.warning_msg {
color: #404040 !important;
background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1),
color-stop(100%, #eedc94) );
background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
background-image: -o-linear-gradient(top, #fceec1, #eedc94);
background-image: linear-gradient(top, #fceec1, #eedc94);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1',
endColorstr='#eedc94', GradientType=0 );
## -*- coding: utf-8 -*-
<%inherit file="/base/base.html"/>
<%def name="title()">
${_('Edit user')} ${c.user.username} - ${c.rhodecode_name}
</%def>
<%def name="breadcrumbs_links()">
${h.link_to(_('Admin'),h.url('admin_home'))}
»
${h.link_to(_('Users'),h.url('users'))}
${_('edit')} "${c.user.username}"
<%def name="page_nav()">
${self.menu('admin')}
<%def name="main()">
<div class="box box-left">
<!-- box / title -->
<div class="title">
${self.breadcrumbs()}
</div>
<!-- end box / title -->
${h.form(url('update_user', id=c.user.user_id),method='put')}
<div class="form">
<div class="field">
<div class="gravatar_box">
<div class="gravatar"><img alt="gravatar" src="${h.gravatar_url(c.user.email)}"/></div>
<p>
%if c.use_gravatar:
<strong>${_('Change your avatar at')} <a href="http://gravatar.com">gravatar.com</a></strong>
<br/>${_('Using')} ${c.user.email}
%else:
<br/>${c.user.email}
%endif
<div class="label">
<label>${_('API key')}</label> ${c.user.api_key}
<div class="fields">
<label for="username">${_('Username')}:</label>
<div class="input">
${h.text('username',class_='medium')}
<label for="ldap_dn">${_('LDAP DN')}:</label>
${h.text('ldap_dn',class_='medium')}
${h.text('ldap_dn',class_='medium disabled',readonly="readonly")}
<label for="new_password">${_('New password')}:</label>
${h.password('new_password',class_='medium',autocomplete="off")}
<label for="password_confirmation">${_('New password confirmation')}:</label>
${h.password('password_confirmation',class_="medium",autocomplete="off")}
<label for="name">${_('First Name')}:</label>
${h.text('name',class_='medium')}
<label for="lastname">${_('Last Name')}:</label>
${h.text('lastname',class_='medium')}
<label for="email">${_('Email')}:</label>
${h.text('email',class_='medium')}
<div class="label label-checkbox">
<label for="active">${_('Active')}:</label>
<div class="checkboxes">
${h.checkbox('active',value=True)}
<label for="admin">${_('Admin')}:</label>
${h.checkbox('admin',value=True)}
<div class="buttons">
${h.submit('save',_('Save'),class_="ui-button")}
${h.reset('reset',_('Reset'),class_="ui-button")}
${h.end_form()}
<div class="box box-right">
<h5>${_('Permissions')}</h5>
${h.form(url('user_perm', id=c.user.user_id),method='put')}
<!-- fields -->
<label for="create_repo_perm">${_('Create repositories')}:</label>
${h.checkbox('create_repo_perm',value=True)}
Status change: