kallithea Changeset - 6d0474c7e645

Changeset - 6d0474c7e645

Parent rev.

Child rev.

[Not reviewed]

default

0 6 0

Marcin Kuzminski - 15 years ago 2010-10-11 00:52:13
marcin@python-works.com

more templates updates

6 files changed with 17 insertions and 38 deletions:

rhodecode/public/css/diff.css

rhodecode/public/css/pygments.css

rhodecode/public/css/style.css

rhodecode/public/images/title_tab_selected.png

bin+mod

rhodecode/templates/index.html

rhodecode/templates/settings/repo_settings.html

0 comments (0 inline, 0 general)

rhodecode/public/css/diff.css

➞

Show inline comments

 div.diffblock {
     overflow: auto;
     padding: 0px;
     border: 1px solid #ccc;
     background: #f8f8f8;
     font-size: 100%;
     line-height: 100%;
     /* new */
     line-height: 125%;
+}
 div.diffblock .code-header{
 	border-bottom: 1px solid #CCCCCC;
 	background: #EEEEEE;
 	color:blue;
 	padding:10px 0 10px 0;
+}
 div.diffblock .code-header div{
 	margin-left:25px;
 	font-weight: bold;
+}
 div.diffblock .code-body{
 	background: #FFFFFF;
+}
 div.diffblock pre.raw{
 	background: #FFFFFF;
 	color:#000000;
+}
 table.code-difftable{
 	border-collapse: collapse;
 	width: 99%;
+}
 table.code-difftable td:target *{
 	background:  repeat scroll 0 0 #FFFFBE !important;
 	text-decoration: underline;
+}
 table.code-difftable td {
     padding: 0 !important;
     background: none !important;
     border:0 !important;
+}
 .code-difftable .context{
 	background:none repeat scroll 0 0 #DDE7EF;
+}
 .code-difftable .add{
 	background:none repeat scroll 0 0 #DDFFDD;
+}
 .code-difftable .add ins{
 	background:none repeat scroll 0 0 #AAFFAA;
 	text-decoration:none;
+}
 .code-difftable .del{
 	background:none repeat scroll 0 0 #FFDDDD;
+}
 .code-difftable .del del{
 	background:none repeat scroll 0 0 #FFAAAA;
 	text-decoration:none;
+}
 .code-difftable .lineno{
 	background:none repeat scroll 0 0 #EEEEEE !important;
 	border-right:1px solid #DDDDDD;
 	padding-left:2px;
 	padding-right:2px;
 	text-align:right;
 	width:30px;
 	-moz-user-select:none;
 	-webkit-user-select: none;
+}
 .code-difftable .lineno pre{
 	color:#747474 !important;
 	font:11px "Bitstream Vera Sans Mono",Monaco,"Courier New",Courier,monospace !important;
 	letter-spacing:-1px;
 	text-align:right;
 	width:20px;
+}
 .code-difftable .lineno a{
 	color:#0000CC !important;
+}
 .code-difftable .code td{
 	margin:0;
 	padding: 0;
+}
 .code-difftable .code pre{
 	margin:0;
 	padding:0;
+}
 .code {
 	display: block;
 	width: 100%;
+}
 .code-diff {
     padding: 0px;
     margin-top: 5px;
     margin-bottom: 5px;
     border-left: 2px solid #ccc;
+}
 .code-diff pre, .line pre {
 	padding: 3px;
     margin: 0;
+}
 .lineno a {
 	text-decoration: none;
+}
 .line{
 	padding:0;
 	margin:0;
+}
@@ \ No newline at end of file @@

rhodecode/public/css/pygments.css

➞

Show inline comments

 div.codeblock {
     overflow: auto;
     padding: 0px;
     border: 1px solid #ccc;
     background: #f8f8f8;
     font-size: 100%;
     line-height: 100%;
     /* new */
     line-height: 125%;
+}
 div.codeblock .code-header{
 	border-bottom: 1px solid #CCCCCC;
 	background: #EEEEEE;
 	color:blue;
 	padding:10px 0 10px 0;
+}
 div.codeblock .code-header .revision{
 	margin-left:25px;
 	font-weight: bold;
+}
 div.codeblock .code-header .commit{
 	margin-left:25px;
 	font-weight: normal;
+}
 div.codeblock .code-body table{
     width: 0 !important;
+}
 div.code-body {
 	background-color: #FFFFFF;
+}
 div.code-body pre .match{
 	background-color: #FAFFA6;
+}
 div.code-body pre .break{
 	background-color: #DDE7EF;
 	width: 100%;
 	color: #747474;
 	display: block;
+}
 div.annotatediv{
 	margin-left:2px;
 	margin-right:4px;
+}
 .code-highlight {
     padding: 0px;
     margin-top: 5px;
     margin-bottom: 5px;
     border-left: 2px solid #ccc;
+}
 .code-highlight pre, .linenodiv pre {
 	padding: 5px;
     margin: 0;
+}
 .linenos a { text-decoration: none; }
 .code { display: block; }
 .code-highlight .hll { background-color: #ffffcc }
 .code-highlight .c { color: #408080; font-style: italic } /* Comment */
 .code-highlight .err { border: 1px solid #FF0000 } /* Error */
 .code-highlight .k { color: #008000; font-weight: bold } /* Keyword */
 .code-highlight .o { color: #666666 } /* Operator */
 .code-highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */
 .code-highlight .cp { color: #BC7A00 } /* Comment.Preproc */
 .code-highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */
 .code-highlight .cs { color: #408080; font-style: italic } /* Comment.Special */
 .code-highlight .gd { color: #A00000 } /* Generic.Deleted */
 .code-highlight .ge { font-style: italic } /* Generic.Emph */
 .code-highlight .gr { color: #FF0000 } /* Generic.Error */
 .code-highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
 .code-highlight .gi { color: #00A000 } /* Generic.Inserted */
 .code-highlight .go { color: #808080 } /* Generic.Output */
 .code-highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
 .code-highlight .gs { font-weight: bold } /* Generic.Strong */
 .code-highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
 .code-highlight .gt { color: #0040D0 } /* Generic.Traceback */
 .code-highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
 .code-highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
 .code-highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
 .code-highlight .kp { color: #008000 } /* Keyword.Pseudo */
 .code-highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
 .code-highlight .kt { color: #B00040 } /* Keyword.Type */
 .code-highlight .m { color: #666666 } /* Literal.Number */
 .code-highlight .s { color: #BA2121 } /* Literal.String */
 .code-highlight .na { color: #7D9029 } /* Name.Attribute */
 .code-highlight .nb { color: #008000 } /* Name.Builtin */
 .code-highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */
 .code-highlight .no { color: #880000 } /* Name.Constant */
 .code-highlight .nd { color: #AA22FF } /* Name.Decorator */
 .code-highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
 .code-highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
 .code-highlight .nf { color: #0000FF } /* Name.Function */
 .code-highlight .nl { color: #A0A000 } /* Name.Label */
 .code-highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
 .code-highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
 .code-highlight .nv { color: #19177C } /* Name.Variable */
 .code-highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
 .code-highlight .w { color: #bbbbbb } /* Text.Whitespace */
 .code-highlight .mf { color: #666666 } /* Literal.Number.Float */
 .code-highlight .mh { color: #666666 } /* Literal.Number.Hex */
 .code-highlight .mi { color: #666666 } /* Literal.Number.Integer */
 .code-highlight .mo { color: #666666 } /* Literal.Number.Oct */
 .code-highlight .sb { color: #BA2121 } /* Literal.String.Backtick */
 .code-highlight .sc { color: #BA2121 } /* Literal.String.Char */
 .code-highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
 .code-highlight .s2 { color: #BA2121 } /* Literal.String.Double */
 .code-highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
 .code-highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */
 .code-highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
 .code-highlight .sx { color: #008000 } /* Literal.String.Other */
 .code-highlight .sr { color: #BB6688 } /* Literal.String.Regex */
 .code-highlight .s1 { color: #BA2121 } /* Literal.String.Single */
 .code-highlight .ss { color: #19177C } /* Literal.String.Symbol */
 .code-highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */
 .code-highlight .vc { color: #19177C } /* Name.Variable.Class */
 .code-highlight .vg { color: #19177C } /* Name.Variable.Global */
 .code-highlight .vi { color: #19177C } /* Name.Variable.Instance */
 .code-highlight .il { color: #666666 } /* Literal.Number.Integer.Long */

rhodecode/public/css/style.css

➞

Show inline comments

 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
+	{
 	margin: 0;
 	padding: 0;
 	border: 0;
 	outline: 0;
 	font-size: 100%;
 	vertical-align: baseline;
 	background: transparent;
+}
 body {
 	line-height: 1;
+}
 ol,ul {
 	list-style: none;
+}
 blockquote,q {
 	quotes: none;
+}
 blockquote:before,blockquote:after,q:before,q:after {
 	content: '';
 	content: none;
+}
 :focus {
 	outline: 0;
+}
 ins {
 	text-decoration: none;
+}
 del {
 	text-decoration: line-through;
+}
 /* tables still need 'cellspacing="0"' in the markup */
 table {
 	border-collapse: collapse;
 	border-spacing: 0;
+}
 /*
 	main stylesheet
 */
 html {
 	height: 100%;
+}
 body {
 	margin: 0;
 	padding: 0;
 	height: 100%;
 	background: #d1d1d1 url("../images/background.png") repeat;
 	font-family: Lucida Grande, Verdana, Lucida Sans Regular,
 		Lucida Sans Unicode, Arial, sans-serif;
 	font-size: 12px;
 	color: #000000;
+}
 /*
 	images
 */
 img {
 	border: none;
+}
 img.icon {
 	vertical-align: bottom;
+}
 /*
 	anchors
 */
 a {
-	color: #0066CC;
+	color: #003367;
 	text-decoration: none;
 	cursor: pointer;
 	font-weight: bold;
+}
 a:hover {
-	color: #000000;
+	color: #316293;
 	text-decoration: underline;
+}
 /*
 	headings
 */
 h1,h2,h3,h4,h5,h6 {
 	color: #292929;
 	font-weight: bold;
+}
 h1 {
 	font-size: 22px;
+}
 h2 {
 	font-size: 20px;
+}
 h3 {
 	font-size: 18px;
+}
 h4 {
 	font-size: 16px;
+}
 h5 {
 	font-size: 14px;
+}
 h6 {
 	font-size: 11px;
+}
 /*
 	lists
 */
 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;
+}
 /*
 	colors
 */
 div.color {
 	margin: 7px 0 0 60px;
 	padding: 1px 1px 1px 0px;
 	clear: both;
 	overflow: hidden;
 	position: absolute;
 	background: #FFFFFF;
+}
 div.color a {
 	margin: 0 0 0 1px;
 	padding: 0;
 	width: 15px;
 	height: 15px;
 	display: block;
 	float: left;
+}
 div.color a.blue {
 	background: #376ea6;
+}
 div.color a.green {
 	background: #85924b;
+}
 div.color a.brown {
 	background: #9b6e42;
+}
 div.color a.purple {
 	background: #88528b;
+}
 div.color a.red {
 	background: #bd3220;
+}
 div.color a.greyblue {
 	background: #566e86;
+}
 /*
 	options
 */
 div.options {
 	margin: 7px 0 0 162px;
 	padding: 0;
 	clear: both;
 	overflow: hidden;
 	position: absolute;
 	background: #FFFFFF;
+}
 div.options a {
 	margin: 0;
 	padding: 3px 8px 3px 8px;
 	height: 1%;
 	display: block;
 	text-decoration: none;
+}
 div.options a:hover {
 	text-decoration: none;
+}
 /*
 	header
 */
 #header {
 	margin: 0;
 	padding: 0 30px 0 30px;
 	background: #b0b0b0 url("../images/header_background.png") repeat;
+}
 /*
 	header / user
 */
 #header ul#logged-user {
 	margin: 0;
 	padding: 0;
 	float: right;
+}
 #header ul#logged-user li {
 	margin:-2px 0 0;
 	padding: 10px 12px 10px 12px;
 	list-style: none;
 	float: left;
 	border-left: 1px solid #bbbbbb;
 	border-right: 1px solid #a5a5a5;
+}
 #header ul#logged-user li.first {
 	border-left: none;
 	margin: -6px;
+}
 #header ul#logged-user li.first div.account {
 	padding-top: 4px;
 	float: left;
+}
 #header ul#logged-user li.last {
 	border-right: none;
+}
 #header ul#logged-user li a {
 	color: #4e4e4e;
 	font-weight: bold;
 	text-decoration: none;
+}
 #header ul#logged-user li a:hover {
 	color: #376ea6;
 	text-decoration: underline;
+}
 #header ul#logged-user li.highlight a {
 	color: #ffffff;
+}
 #header ul#logged-user li.highlight a:hover {
 	color: #376ea6;
+}
 #header #header-inner {
 	margin: 0;
 	padding: 0;
 	height: 40px;
 	clear: both;
 	position: relative;
 	background: #003367 url("../images/header_inner.png") repeat-x;
 	border-bottom: 2px solid #ffffff;
+}
 /*
 	header / home
 */
 #header #header-inner #home {
 	float: left;
+}
 #header #header-inner #home a {
 	margin: 0;
 	padding: 0;
 	height: 40px;
 	width: 46px;
 	display: block;
 	background: url("../images/button_home.png");
 	background-position: 0 0;
+}
 #header #header-inner #home a:hover {
 	background-position: 0 -40px;
+}
 /*
 	header / logo
 */
 #header #header-inner #logo {
 	float: left;
+}
 #header #header-inner #logo h1 {
 	margin: 13px 0 0 13px;
 	padding: 0;
 	color: #FFFFFF;
 	font-size: 14px;
 	text-transform: uppercase;
+}
 #header #header-inner #logo a {
 	color: #ffffff;
 	text-decoration: none;
+}
 #header #header-inner #logo a:hover {
 	color: #dabf29;
+}
 /*
 	header / quick
 */
 #header #header-inner #quick,#header #header-inner #quick ul {
 	margin: 10px 5px 0 0;
 	padding: 0;
 	position: relative;
 	float: right;
 	list-style-type: none;
 	list-style-position: outside;
+}
 #header #header-inner #quick li {
 	margin: 0 5px 0 0;
 	padding: 0;
 	position: relative;
 	float: left;
+}
 #header #header-inner #quick li a {
 	top: 0;
 	left: 0;
 	padding: 0;
 	height: 1%;
 	display: block;
 	clear: both;
 	overflow: hidden;
 	background: #336699 url("../../resources/images/quick_l.png") no-repeat
 		top left;
 	color: #FFFFFF;
 	font-weight: bold;
 	text-decoration: none;
+}
 #header #header-inner #quick li span {
 	top: 0;
 	right: 0;
 	margin: 0;
 	padding: 10px 12px 8px 10px;
 	height: 1%;
 	display: block;
 	float: left;
 	background: url("../../resources/images/quick_r.png") no-repeat top
 		right;
 	border-left: 1px solid #3f6f9f;
+}
 #header #header-inner #quick li span.normal {
 	padding: 10px 12px 8px 12px;
 	border: none;
+}
 #header #header-inner #quick li span.icon {
 	top: 0;
 	left: 0;
 	padding: 8px 8px 4px 8px;
 	background: url("../../resources/images/quick_l.png") no-repeat top left;
 	border-left: none;
 	border-right: 1px solid #2e5c89;
+}
 #header #header-inner #quick li a:hover {
 	background: #4e4e4e url("../../resources/images/quick_l_selected.png")
 		no-repeat top left;
+}
 #header #header-inner #quick li a:hover span {
 	background: url("../../resources/images/quick_r_selected.png") no-repeat
 		top right;
 	border-left: 1px solid #545454;
+}
 #header #header-inner #quick li a:hover span.normal {
 	border: none;
+}
 #header #header-inner #quick li a:hover span.icon {
 	background: url("../../resources/images/quick_l_selected.png") no-repeat
 		top left;
 	border-left: none;
 	border-right: 1px solid #464646;
+}
 #header #header-inner #quick ul {
 	top: 29px;
 	right: 0;
 	margin: 0;
 	padding: 0;
 	width: 200px;
 	display: none;
 	position: absolute;
 	background: #FFFFFF;
 	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;
 	white-space: nowrap;
+}
 #header #header-inner #quick li ul li {
 	border-bottom: 1px solid #dddddd;
+}
 #header #header-inner #quick li ul li.last {
 	border: none;
+}
 #header #header-inner #quick li ul li a {
 	margin: 0;
 	padding: 7px 9px 7px 9px;
 	height: 1%;
 	width: 182px;
 	height: auto;
 	display: block;
 	float: left;
 	background: #FFFFFF;
-	color: #0066CC;
+	color: #003367;
 	font-weight: normal;
+}
 #header #header-inner #quick li ul li a.childs {
 	margin: 0;
 	padding: 7px 9px 7px 24px;
 	width: 167px;
 	background: #FFFFFF url("../../resources/images/plus.png") no-repeat 8px
 px;
+}
 #header #header-inner #quick li ul li a:hover {
 	color: #000000;
 	background: #FFFFFF;
+}
 #header #header-inner #quick li ul li a.childs:hover {
 	background: #FFFFFF url("../../resources/images/minus.png") no-repeat
 px 9px;
+}
 #header #header-inner #quick ul ul {
 	top: auto;
+}
 #header #header-inner #quick li ul ul {
 	right: 200px;
 	max-height: 275px;
 	overflow: auto;
 	overflow-x: hidden;
 	white-space: nowrap;
+}
 #header #header-inner #quick li:hover ul ul,#header #header-inner #quick li:hover ul ul ul,#header #header-inner #quick li:hover ul ul ul ul
+	{
 	display: none;
+}
 #header #header-inner #quick li:hover ul,#header #header-inner #quick li li:hover ul,#header #header-inner #quick li li li:hover ul,#header #header-inner #quick li li li li:hover ul
+	{
 	display: block;
+}
 /*ICONS*/
 #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
 		#FFFFFF;
 	margin: 0;
 	padding: 12px 9px 7px 24px;
 	width: 167px;
+}
 #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
 		#FFFFFF;
 	margin: 0;
 	padding: 12px 9px 7px 24px;
 	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
 px #FFFFFF;
 	margin: 0;
 	padding: 12px 9px 7px 24px;
 	width: 167px;
+}
 #header #header-inner #quick li ul li a.repos,#header #header-inner #quick li ul li a.repos:hover
+	{
 	background: url("../images/icons/folder_edit.png") no-repeat scroll 4px
 px #FFFFFF;
 	margin: 0;
 	padding: 12px 9px 7px 24px;
 	width: 167px;
+}
 #header #header-inner #quick li ul li a.users,#header #header-inner #quick li ul li a.users:hover
+	{
 	background: #FFFFFF url("../images/icons/user_edit.png") no-repeat 4px
 px;
 	margin: 0;
 	padding: 12px 9px 7px 24px;
 	width: 167px;
+}
 #header #header-inner #quick li ul li a.settings,#header #header-inner #quick li ul li a.settings:hover
+	{
 	background: #FFFFFF url("../images/icons/cog.png") no-repeat 4px 9px;
 	margin: 0;
 	padding: 12px 9px 7px 24px;
 	width: 167px;
+}
 #header #header-inner #quick li ul li a.permissions,#header #header-inner #quick li ul li a.permissions:hover
+	{
 	background: #FFFFFF url("../images/icons/key.png") no-repeat 4px 9px;
 	margin: 0;
 	padding: 12px 9px 7px 24px;
 	width: 167px;
+}
 #header #header-inner #quick li ul li a.fork,#header #header-inner #quick li ul li a.fork:hover
+	{
 	background: #FFFFFF url("../images/icons/arrow_divide.png") no-repeat
 px 9px;
 	margin: 0;
 	padding: 12px 9px 7px 24px;
 	width: 167px;
+}
 #header #header-inner #quick li ul li a.search,#header #header-inner #quick li ul li a.search:hover
+	{
 	background: #FFFFFF url("../images/icons/search_16.png") no-repeat 4px
 px;
 	margin: 0;
 	padding: 12px 9px 7px 24px;
 	width: 167px;
+}
 #header #header-inner #quick li ul li a.delete,#header #header-inner #quick li ul li a.delete:hover
+	{
 	background: #FFFFFF url("../images/icons/delete.png") no-repeat 4px 9px;
 	margin: 0;
 	padding: 12px 9px 7px 24px;
 	width: 167px;
+}
 #header #header-inner #quick li ul li a.branches,#header #header-inner #quick li ul li a.branches:hover
+	{
 	background: #FFFFFF url("../images/icons/arrow_branch.png") no-repeat
 px 9px;
 	margin: 0;
 	padding: 12px 9px 7px 24px;
 	width: 167px;
+}
 #header #header-inner #quick li ul li a.tags,#header #header-inner #quick li ul li a.tags:hover
+	{
 	background: #FFFFFF url("../images/icons/tag_blue.png") no-repeat 4px
 px;
 	margin: 0;
 	padding: 12px 9px 7px 24px;
 	width: 167px;
+}
 /*
 	header corners
 */
 #header #header-inner div.corner {
 	height: 6px;
 	width: 6px;
 	position: absolute;
 	background: url("../images/header_inner_corners.png") no-repeat;
+}
 #header #header-inner div.tl {
 	top: 0;
 	left: 0;
 	background-position: 0 0;
+}
 #header #header-inner div.tr {
 	top: 0;
 	right: 0;
 	background-position: -6px 0;
+}
 /*
 	content / left
 */
 #content #left {
 	left: 0;
 	width: 280px;
 	position: absolute;
+}
 /*
 	content / left / menu
 */
 #content #left #menu {
 	margin: 5px 10px 0 60px;
 	padding: 0;
 	clear: both;
 	overflow: hidden;
+}
 /*
 	content / left / menu / heading
@@ @@ -703,553 +705,556 @@ div.options a:hover { @@
 	padding: 0;
 	background: #376ea6;
+}
 #content #left #menu ul.opened {
 	display: block;
+}
 #content #left #menu ul.closed {
 	display: none;
+}
 #content #left #menu li {
 	margin: 0;
 	padding: 0;
 	clear: both;
 	overflow: hidden;
 	list-style: none;
 	border-bottom: 1px solid #5f8bb7;
 	color: #ffffff;
+}
 #content #left #menu li a {
 	margin: 0 0 0 6px;
 	padding: 8px 0 8px 18px;
 	height: 1%;
 	display: block;
 	float: left;
 	background: url("../images/colors/colors/blue/menu_arrow.png") no-repeat
 9px;
 	color: #ffffff;
 	text-decoration: none;
+}
 #content #left #menu li a:hover {
 	color: #b9dcff;
+}
 /*
 	content / left / menu / collapsible
 */
 #content #left #menu li.collapsible {
 	background: url("../images/menu_border.png") no-repeat top left;
+}
 #content #left #menu li.collapsible a {
 	margin: 0 0 0 6px;
 	padding: 8px 0 8px 0;
 	height: 1%;
 	display: block;
 	background: transparent;
 	float: left;
 	font-weight: bold;
+}
 #content #left #menu li.collapsible a.plus {
 	margin: 0;
 	padding: 8px 0 9px 24px;
 	height: 10px;
 	width: 10px;
 	display: block;
 	float: left;
 	background: url("../images/menu_plus.png") no-repeat 5px 10px;
 	border: none;
+}
 #content #left #menu li.collapsible a.minus {
 	margin: 0;
 	padding: 8px 0 9px 24px;
 	height: 10px;
 	width: 10px;
 	display: block;
 	float: left;
 	background: url("../images/menu_minus.png") no-repeat 5px 10px;
 	border: none;
+}
 #content #left #menu li ul {
 	margin: 0;
 	padding: 0;
 	border-left: 18px solid #285889;
+}
 #content #left #menu li ul.expanded {
 	display: block;
+}
 #content #left #menu li ul.collapsed {
 	display: none;
+}
 #content #left #menu li ul li {
 	margin: 0;
 	padding: 0;
 	clear: both;
 	overflow: hidden;
 	list-style: none;
 	border-bottom: 1px solid #5f8bb7;
 	color: #ffffff;
+}
 #content #left #menu li.collapsible ul li a {
 	font-weight: normal;
+}
 #content #left #menu li.last {
 	border-bottom: none;
+}
 /*
 	content / left / date picker
 */
 #content #left #date-picker {
 	margin: 10px 10px 0 60px;
 	padding: 0;
 	clear: both;
 	overflow: hidden;
+}
 #content #left #date-picker .ui-datepicker {
 	width: auto;
 	padding: 0;
 	clear: both;
 	overflow: hidden;
 	background: #FFFFFF;
 	border: 1px solid #d1d1d1;
+}
 #content #left #date-picker .ui-datepicker .ui-datepicker-header {
 	padding: 5px 0;
+}
 #content #left #date-picker .ui-datepicker .ui-datepicker-prev {
 	top: 5px;
 	left: 4px;
+}
 #content #left #date-picker .ui-datepicker .ui-datepicker-next {
 	top: 5px;
 	right: 4px;
+}
 #content #left #date-picker .ui-datepicker .ui-datepicker-prev-hover {
 	top: 5px;
 	left: 4px;
+}
 #content #left #date-picker .ui-datepicker .ui-datepicker-next-hover {
 	top: 5px;
 	right: 4px;
+}
 /*
 	content / right
 */
 #content #right {
 	margin: 0 60px 10px 290px;
+}
 /*
 	content / right / box
 */
 #content div.box {
 	margin: 0 0 10px 0;
 	padding: 0 0 10px 0;
 	clear: both;
 	overflow: hidden;
 	background: #ffffff;
+}
 #content div.box-left {
 	margin: 0 0 10px;
 	width: 49%;
 	clear: none;
 	float: left;
+}
 #content div.box-right {
 	margin: 0 0 10px;
 	width: 49%;
 	clear: none;
 	float: right;
+}
 /*
 	content / right / box / title
 */
 #content div.box div.title {
 	margin: 0 0 20px 0;
 	padding: 0;
 	clear: both;
 	overflow: hidden;
-	background: #336699 url("../images/title.png") repeat-x;
+	background: #336699 url("../images/header_inner.png") repeat-x;
+}
 #content div.box div.title h5 {
 	margin: 0;
 	padding: 11px 0 11px 10px;
 	float: left;
 	border: none;
 	color: #ffffff;
 	text-transform: uppercase;
+}
 #content div.box div.title ul.links {
 	margin: 0;
 	padding: 0;
 	float: right;
+}
 #content div.box div.title ul.links li {
 	margin: 0;
 	padding: 0;
 	list-style: none;
 	float: left;
+}
 #content div.box div.title ul.links li a {
 	margin: 0;
 	padding: 13px 16px 12px 16px;
 	height: 1%;
 	display: block;
 	float: left;
 	background: url("../images/title_link.png") no-repeat top left;
 	border-left: 1px solid #316293;
 	color: #ffffff;
 	font-size: 11px;
 	font-weight: bold;
 	text-decoration: none;
+}
 #content div.box div.title ul.links li a:hover {
     background: url("../../images/title_tab_selected.png") no-repeat bottom
         center;
 	color: #bfe3ff;
+}
 #content div.box div.title ul.links li.ui-tabs-selected a {
 	background: url("../../../resources/images/title_tab_selected.png")
 		no-repeat bottom center;
 	color: #bfe3ff;
+}
 /*
 	content / right / box / headings
 */
 #content div.box h1,#content div.box h2,#content div.box h3,#content div.box h4,#content div.box h5,#content div.box h6
+	{
 	margin: 10px 20px 10px 20px;
 	padding: 0 0 15px 0;
 	clear: both;
 	overflow: hidden;
 	border-bottom: 1px solid #DDDDDD;
+}
 /*
 	content / right / box / paragraphs
 */
 #content div.box p {
 	margin: 0 24px 10px 24px;
 	padding: 0;
 	color: #5f5f5f;
 	font-size: 12px;
 	line-height: 150%;
+}
 #content div.box blockquote {
 	margin: 0 34px 0 34px;
 	padding: 0 0 0 14px;
 	border-left: 4px solid #DDDDDD;
 	color: #5f5f5f;
 	font-size: 11px;
 	line-height: 150%;
+}
 #content div.box blockquote p {
 	margin: 10px 0 10px 0;
 	padding: 0;
+}
 /*
 	content / right / box / lists
 */
 #content div.box dl {
 	margin: 10px 24px 10px 24px;
+}
 #content div.box dt {
 	margin: 0;
 	font-size: 12px;
+}
 #content div.box dd {
 	margin: 0;
 	padding: 8px 0 8px 15px;
 	font-size: 12px;
+}
 #content div.box ul.left {
 	float: left;
+}
 #content div.box ol.left {
 	float: left;
+}
 #content div.box li {
 	padding: 4px 0 4px 0;
 	font-size: 12px;
+}
 #content div.box ol.lower-roman,#content div.box ol.upper-roman {
 	margin: 10px 24px 10px 44px;
+}
 #content div.box ol.lower-alpha,#content div.box ol.upper-alpha {
 	margin: 10px 24px 10px 44px;
+}
 #content div.box ol.decimal {
 	margin: 10px 24px 10px 44px;
+}
 #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 / right / box / images
 */
 #content div.box img.left {
 	margin: 10px 10px 10px 0;
 	border: none;
 	float: left;
+}
 #content div.box img.right {
 	margin: 10px 0 10px 10px;
 	border: none;
 	float: right;
+}
 /*
 	content / right / box / messages
 */
 #content div.box div.messages {
 	margin: 0 20px 0 20px;
 	padding: 0;
 	clear: both;
 	overflow: hidden;
+}
 #content div.box div.message {
 	margin: 0 0 0px 0;
 	padding: 10px 0 10px 0;
 	clear: both;
 	overflow: hidden;
+}
 #content div.box div.message a{
     font-weight: normal !important;
+}
 #content div.box div.message div.image {
 	margin: 9px 0 0 5px;
 	padding: 6px;
 	float: left;
+}
 #content div.box div.message div.image img {
 	margin: 0;
 	vertical-align: middle;
+}
 #content div.box div.message div.text {
 	margin: 0;
 	padding: 9px 6px 9px 6px;
 	float: left;
+}
 #content div.box div.message div.dismiss {
 	margin: 0;
 	padding: 0;
 	float: right;
+}
 #content div.box div.message div.dismiss a {
 	margin: 15px 14px 0 0;
 	padding: 0;
 	height: 16px;
 	width: 16px;
 	display: block;
 	background: url("../images/icons/cross.png") no-repeat;
+}
 #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
+	{
 	margin: 0;
 	padding: 0px;
 	border: none;
+}
 #content div.box div.message div.text span {
 	margin: 0;
 	padding: 5px 0 0 0;
 	height: 1%;
 	display: block;
+}
 #content div.box div.message-error {
 	height: 1%;
 	clear: both;
 	overflow: hidden;
 	background: #FBE3E4;
 	border: 1px solid #FBC2C4;
 	color: #860006;
+}
 #content div.box div.message-error h6 {
 	color: #860006;
+}
 #content div.box div.message-warning {
 	height: 1%;
 	clear: both;
 	overflow: hidden;
 	background: #FFF6BF;
 	border: 1px solid #FFD324;
 	color: #5f5200;
+}
 #content div.box div.message-warning h6 {
 	color: #5f5200;
+}
 #content div.box div.message-notice {
 	height: 1%;
 	clear: both;
 	overflow: hidden;
 	background: #8FBDE0;
 	border: 1px solid #6BACDE;
 	color: #003863;
+}
 #content div.box div.message-notice h6 {
 	color: #003863;
+}
 #content div.box div.message-success {
 	height: 1%;
 	clear: both;
 	overflow: hidden;
 	background: #E6EFC2;
 	border: 1px solid #C6D880;
 	color: #4e6100;
+}
 #content div.box div.message-success h6 {
 	color: #4e6100;
+}
 /*
 	content / right / box / forms
 */
 #content div.box div.form {
 	margin: 0;
 	padding: 0 20px 10px 20px;
 	clear: both;
 	overflow: hidden;
+}
 #content div.box div.form div.fields {
 	margin: 0;
 	padding: 0;
 	clear: both;
 	overflow: hidden;
+}
 #content div.box div.form div.fields div.field {
 	margin: 0;
 	padding: 10px 0 10px 0;
 	height: 1%;
 	border-bottom: 1px solid #DDDDDD;
 	clear: both;
 	overflow: hidden;
+}
 #content div.box div.form div.fields div.field-first {
 	padding: 0 0 10px 0;
+}
 #content div.box div.form div.fields div.field-noborder {
 	border-bottom: 0px !important;
+}
 #content div.box div.form div.fields div.field span.error-message {
 	margin: 8px 0 0 0;
 	padding: 0;
 	height: 1%;
 	display: block;
 	color: #FF0000;
+}
 #content div.box div.form div.fields div.field span.success {
 	margin: 8px 0 0 0;
 	padding: 0;
 	height: 1%;
 	display: block;
 	color: #316309;
+}
 /*
 	content / right / forms / labels
 */
 #content div.box div.form div.fields div.field div.label {
 	left: 310px;
 	margin: 0;
 	padding: 8px 0 0 5px;
 	width: auto;
 	position: absolute;
+}
 #content div.box-left div.form div.fields div.field div.label,#content div.box-right div.form div.fields div.field div.label
+	{
 	left: 0;
 	margin: 0;
 	padding: 0 0 8px 0;
 	width: auto;
 	position: relative;
 	clear: both;
 	overflow: hidden;
+}
 /*
 	content / right / forms / label (select)
 */
 #content div.box div.form div.fields div.field div.label-select {
 	padding: 2px 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
+	{
 	padding: 0 0 8px 0;
+}
 /*
 	content / right / forms / label (checkbox)
 */
 #content div.box div.form div.fields div.field div.label-checkbox {
 	padding: 0 0 0 5px !important;
+}
 /*
 	content / right / forms / label (radio)
 */
@@ @@ -2835,839 +2840,814 @@ h3.files_location { @@
+}
 #graph_content .container .wrapper {
 	width: 600px;
+}
 #graph_content .container {
 	border-bottom: 1px solid #CCCCCC;
 	border-left: 1px solid #CCCCCC;
 	border-right: 1px solid #CCCCCC;
 	min-height: 80px;
 	overflow: hidden;
 	font-size: 1.2em;
+}
 #graph_content .container .left {
 	float: left;
 	width: 70%;
 	padding-left: 5px;
+}
 #graph_content .container .right {
 	float: right;
 	width: 28%;
 	text-align: right;
 	padding-bottom: 5px;
+}
 #graph_content .container .left .date {
 	font-weight: bold;
 	padding-bottom: 5px;
+}
 #graph_content .container .left .author {
+}
 #graph_content .container .left .message {
 	font-size: 100%;
 	padding-top: 3px;
 	white-space: pre-wrap;
+}
 .right div {
 	clear: both;
+}
 .right .changes .added,.changed,.removed {
 	border: 1px solid #DDDDDD;
 	display: block;
 	float: right;
 	text-align: center;
 	min-width: 15px;
+}
 .right .changes .added {
 	background: #BBFFBB;
+}
 .right .changes .changed {
 	background: #FFDD88;
+}
 .right .changes .removed {
 	background: #FF8888;
+}
 .right .merge {
 	vertical-align: top;
 	font-size: 60%;
 	font-weight: bold;
+}
 .right .merge img {
 	vertical-align: bottom;
+}
 .right .parent {
 	font-size: 90%;
 	font-family: monospace;
+}
 .right .logtags .branchtag {
 	background: #FFFFFF url("../images/icons/arrow_branch.png") no-repeat
 		right 6px;
 	display: block;
 	padding: 8px 16px 0px 0px
+}
 .right .logtags .tagtag {
 	background: #FFFFFF url("../images/icons/tag_blue.png") no-repeat right
 px;
 	display: block;
 	padding: 6px 18px 0px 0px
+}
 /*
 	FILE BROWSER
 */
 div.browserblock {
 	overflow: hidden;
 	padding: 0px;
 	border: 1px solid #ccc;
 	background: #f8f8f8;
 	font-size: 100%;
 	line-height: 100%;
 	/* new */
 	line-height: 125%;
+}
 div.browserblock .browser-header {
 	border-bottom: 1px solid #CCCCCC;
 	background: #FFFFFF;
 	color: blue;
 	padding: 10px 0 10px 0;
+}
 div.browserblock .browser-header span {
 	margin-left: 25px;
 	font-weight: bold;
+}
 div.browserblock .browser-body {
 	background: #EEEEEE;
+}
 table.code-browser {
 	border-collapse: collapse;
 	width: 100%;
+}
 table.code-browser tr {
 	margin: 3px;
+}
 table.code-browser thead th {
 	background-color: #EEEEEE;
 	height: 20px;
 	font-size: 1.1em;
 	font-weight: bold;
 	text-align: center;
 	text-align: left;
 	padding-left: 10px;
+}
 table.code-browser tbody tr {
+}
 table.code-browser tbody td {
 	padding-left: 10px;
 	height: 20px;
+}
 table.code-browser .browser-file {
 	background: url("/images/icons/document_16.png") no-repeat scroll 3px;
 	height: 16px;
 	padding-left: 20px;
 	text-align: left;
+}
 table.code-browser .browser-dir {
 	background: url("/images/icons/folder_16.png") no-repeat scroll 3px;
 	height: 16px;
 	padding-left: 20px;
 	text-align: left;
+}
 /*
     SEARCH
 */
 .box .search {
 	clear: both;
 	margin: 0;
 	overflow: hidden;
 	padding: 0 20px 10px;
+}
 .box .search div.search_path {
 	background: none repeat scroll 0 0 #EEEEEE;
 	border: 1px solid #CCCCCC;
 	color: blue;
 	padding: 10px 0;
 	margin-bottom: 10px;
+}
 .box .search div.search_path div.link {
 	font-weight: bold;
 	margin-left: 25px;
+}
 .box .search div.search_path div.link a {
-	color: #0066CC;
+	color: #003367;
 	cursor: pointer;
 	text-decoration: none;
+}
 /*
 	ADMIN - SETTINGS
 */
 #path_unlock {
 	color: red;
 	font-size: 1.2em;
 	padding-left: 4px;
+}
 /*
     INFOBOX
 */
 .info_box * {
 	background: url("../../images/pager.png") repeat-x scroll 0 0 #EBEBEB;
 	border-color: #DEDEDE #C4C4C4 #C4C4C4 #CFCFCF;
 	border-style: solid;
 	border-width: 1px;
 	color: #4A4A4A;
 	display: block;
 	font-weight: bold;
 	height: 1%;
 	padding: 4px 6px;
 	display: inline;
+}
 .info_box span {
 	margin-left: 3px;
 	margin-right: 3px;
+}
 .info_box input#at_rev {
 	padding: 5px 3px 3px 2px;
 	text-align: center;
+}
 .info_box input#view {
 	padding: 4px 3px 2px 2px;
 	text-align: center;
+}
 /*
     YUI TOOLTIP
 */
 .yui-overlay,.yui-panel-container {
 	visibility: hidden;
 	position: absolute;
 	z-index: 2;
+}
 .yui-tt {
 	visibility: hidden;
 	position: absolute;
 	color: #666666;
 	background-color: #FFFFFF;
 	font-family: arial, helvetica, verdana, sans-serif;
 	padding: 8px;
-	border: 2px solid #556CB5;
+	border: 2px solid #003367;
 	font: 100% sans-serif;
 	width: auto;
 	opacity: 1.0;
+}
 .yui-tt-shadow {
 	display: none;
+}
 /*
     YUI AUTOCOMPLETE
 */
 .ac {
 	vertical-align: top;
+}
 .ac .match {
 	font-weight: bold;
+}
 .ac .yui-ac {
 	position: relative;
 	font-family: arial;
 	font-size: 100%;
+}
 .ac .perm_ac {
 	width: 15em;
+}
 /* styles for input field */
 .ac .yui-ac-input {
 	width: 100%;
+}
 /* styles for results container */
 .ac .yui-ac-container {
 	position: absolute;
 	top: 1.6em;
 	width: 100%;
+}
 /* styles for header/body/footer wrapper within container */
 .ac .yui-ac-content {
 	position: absolute;
 	width: 100%;
 	border: 1px solid #808080;
 	background: #fff;
 	overflow: hidden;
 	z-index: 9050;
+}
 /* styles for container shadow */
 .ac .yui-ac-shadow {
 	position: absolute;
 	margin: .3em;
 	width: 100%;
 	background: #000;
 	-moz-opacity: 0.10;
 	opacity: .10;
 	filter: alpha(opacity =   10);
 	z-index: 9049;
+}
 /* styles for results list */
 .ac .yui-ac-content ul {
 	margin: 0;
 	padding: 0;
 	width: 100%;
+}
 /* styles for result item */
 .ac .yui-ac-content li {
 	margin: 0;
 	padding: 2px 5px;
 	cursor: default;
 	white-space: nowrap;
+}
 /* styles for prehighlighted result item */
 .ac .yui-ac-content li.yui-ac-prehighlight {
 	background: #B3D4FF;
+}
 /* styles for highlighted result item */
 .ac .yui-ac-content li.yui-ac-highlight {
 	background: #556CB5;
 	color: #FFF;
+}
 /*
     ACTION ICONS
 */
 .add_icon {
 	background: url("/images/icons/add.png") no-repeat scroll 3px;
 	height: 16px;
 	padding-left: 20px;
 	padding-top: 1px;
 	text-align: left;
+}
 .edit_icon {
 	background: url("/images/icons/folder_edit.png") no-repeat scroll 3px;
 	height: 16px;
 	padding-left: 20px;
 	padding-top: 1px;
 	text-align: left;
+}
 .delete_icon {
 	background: url("/images/icons/delete.png") no-repeat scroll 3px;
 	height: 16px;
 	padding-left: 20px;
 	padding-top: 1px;
 	text-align: left;
+}
 .rss_icon {
 	background: url("/images/icons/rss_16.png") no-repeat scroll 3px;
 	height: 16px;
 	padding-left: 20px;
 	padding-top: 1px;
 	text-align: left;
+}
 .atom_icon {
 	background: url("/images/icons/atom.png") no-repeat scroll 3px;
 	height: 16px;
 	padding-left: 20px;
 	padding-top: 1px;
 	text-align: left;
+}
 .archive_icon {
 	background: url("/images/icons/compress.png") no-repeat scroll 3px;
 	height: 16px;
 	padding-left: 20px;
 	text-align: left;
 	padding-top: 1px;
+}
 .action_button {
 	border: 0px;
 	display: block;
 	color: #0066CC;
+}
 .action_button:hover {
 	border: 0px;
 	text-decoration: underline;
 	cursor: pointer;
 	color: #0066CC;
+}
 /*
     REPO SWITCHER
 */
 #switch_repos {
 	position: absolute;
 	height: 25px;
 	z-index: 1;
+}
 #switch_repos select {
 	min-width: 150px;
 	max-height: 250px;
 	z-index: 1;
+}
 /*
     BREADCRUMBS
 */
 .breadcrumbs {
 	border: medium none;
 	color: #FFFFFF;
 	float: left;
 	margin: 0;
 	padding: 11px 0 11px 10px;
 	text-transform: uppercase;
 	font-weight: bold;
 	font-size: 14px;
+}
 .breadcrumbs a {
 	color: #FFFFFF;
+}
 /*
     FLASH MSG
 */
 .flash_msg ul {
 	margin: 0;
 	padding: 0px 0px 10px 0px;
+}
 .error_msg {
 	background-color: #FFCFCF;
 	background-image: url("../../images/icons/error_msg.png");
 	border: 1px solid #FF9595;
 	color: #CC3300;
+}
 .warning_msg {
 	background-color: #FFFBCC;
 	background-image: url("../../images/icons/warning_msg.png");
 	border: 1px solid #FFF35E;
 	color: #C69E00;
+}
 .success_msg {
 	background-color: #D5FFCF;
 	background-image: url("../../images/icons/success_msg.png");
 	border: 1px solid #97FF88;
 	color: #009900;
+}
 .notice_msg {
 	background-color: #DCE3FF;
 	background-image: url("../../images/icons/notice_msg.png");
 	border: 1px solid #93A8FF;
 	color: #556CB5;
+}
 .success_msg,.error_msg,.notice_msg,.warning_msg {
 	background-position: 10px center;
 	background-repeat: no-repeat;
 	font-size: 12px;
 	font-weight: bold;
 	min-height: 14px;
 	line-height: 14px;
 	margin-bottom: 0px;
 	margin-top: 0px;
 	padding: 6px 10px 6px 40px;
 	display: block;
 	overflow: auto;
+}
 #msg_close {
 	background: transparent url("../../icons/cross_grey_small.png")
 		no-repeat scroll 0 0;
 	cursor: pointer;
 	height: 16px;
 	position: absolute;
 	right: 5px;
 	top: 5px;
 	width: 16px;
+}
 /*
 	YUI FLOT
 */
 div#commit_history {
 	float: left;
+}
 div#legend_data {
 	float: left;
+}
 div#legend_container {
 	float: left;
+}
 div#legend_container table,div#legend_choices table {
 	width: auto !important;
+}
 div#legend_container table td {
 	border: none !important;
 	padding: 0px !important;
 	height: 20px !important;
+}
 div#legend_choices table td {
 	border: none !important;
 	padding: 0px !important;
 	height: 20px !important;
+}
 div#legend_choices {
 	float: left;
+}
 /*
     PERMISSIONS TABLE
 */
 table#permissions_manage {
 	width: 0 !important;
+}
 table#permissions_manage span.private_repo_msg {
 	font-size: 0.8em;
 	opacity: 0.6;
+}
 table#permissions_manage td.private_repo_msg {
 	font-size: 0.8em;
+}
 table#permissions_manage tr#add_perm_input td {
 	vertical-align: middle;
+}
 /*
     GRAVATARS
 */
 div.gravatar {
 	background-color: white;
 	border: 1px solid #D0D0D0;
 	float: left;
 	margin-right: 0.7em;
 	padding: 2px 2px 0px;
+}
 /*
     GLOBAL WIDTH
 */
 #header,#content,#footer {
 	min-width: 1224px;
+}
 /*
     content
 */
 #content {
 	padding:10px 30px;
 	min-height: 100%;
 	clear: both;
 	overflow: hidden;
 	background: url("../images/header_background.png") repeat scroll 0 0 #B0B0B0
+}
 /*
     content / right / forms / labels
 */
 #content div.box div.form div.fields div.field div.label {
 	left: 80px;
 	margin: 0;
 	padding: 8px 0 0 5px;
 	width: auto;
 	position: absolute;
+}
 #content div.box-left div.form div.fields div.field div.label,#content div.box-right div.form div.fields div.field div.label
+	{
 	left: 0;
 	margin: 0;
 	padding: 0 0 8px 0;
 	width: auto;
 	position: relative;
+}
 /*THEME*/
 /*
     header
 */
 #header #header-inner {
 	background: #b0b0b0 url("../../images/header_inner.png") repeat-x;
+}
 /*
     header / quick
 */
 #header #header-inner #quick li a {
 	background: #336699 url("../../images/quick_l.png") no-repeat top left;
+}
 #header #header-inner #quick li span {
 	background: url("../../images/quick_r.png") no-repeat top right;
 	border-left: 1px solid #3f6f9f;
+}
 #header #header-inner #quick li span.icon {
 	background: url("../../images/quick_l.png") no-repeat top left;
 	border-right: 1px solid #2e5c89;
+}
 #header #header-inner #quick li a:hover {
 	background: #4e4e4e url("../../images/quick_l_selected.png") no-repeat
 		top left;
+}
 #header #header-inner #quick li a:hover span {
 	background: url("../../images/quick_r_selected.png") no-repeat top right;
+}
 #header #header-inner #quick li a:hover span.icon {
 	background: url("../../images/quick_l_selected.png") no-repeat top left;
+}
 /*
     header corners
 */
 #header #header-inner div.corner {
 	background: url("../../images/header_inner_corners.png") no-repeat;
+}
 #header #header-inner div.tl {
 	top: 0;
 	left: 0;
 	background-position: 0 0;
+}
 #header #header-inner div.tr {
 	top: 0;
 	right: 0;
 	background-position: -6px 0;
+}
 /*
     content / left / menu
 */
 #content #left #menu h6.selected {
 	background: #00376e url("../../images/menu_selected.png") repeat-x;
+}
 #content #left #menu h6.selected a {
 	background: url("../../images/menu_l_selected.png") no-repeat top left;
+}
 #content #left #menu h6.selected span {
 	background: url("../../images/menu_r_selected.png") no-repeat top right;
+}
 #content #left #menu ul {
 	background: #376ea6;
+}
 #content #left #menu li {
 	border-top: 1px solid #4377ab;
 	border-bottom: 1px solid #326395;
+}
 #content #left #menu li a {
 	background: url("../../images/menu_arrow.png") no-repeat 0 9px;
+}
 #content #left #menu li a:hover {
 	color: #b9dcff;
+}
 #content #left #menu li.collapsible {
 	background: url("../../images/menu_border.png") no-repeat top left;
+}
 #content #left #menu li.collapsible a.minus {
 	border-bottom: 1px solid #326395;
+}
 #content #left #menu li ul {
 	border-left: 18px solid #326395;
+}
 #content #left #menu li ul li {
 	background: url("../../images/menu_arrow.png") no-repeat 10px 9px;
 	border-top: 1px solid #4377ab;
 	border-bottom: 1px solid #326395;
+}
 /*
     content / right / box / title
 */
 #content div.box div.title {
 	background: #336699 url("../../images/title.png") repeat-x;
+}
 #content div.box div.title ul.links li a {
 	background: url("../../images/title_link.png") no-repeat top left;
 	border-left: 1px solid #316293;
+}
 #content div.box div.title ul.links li a:hover {
 	background: url("../../images/title_tab_selected.png") no-repeat bottom
 		center;
 	color: #bfe3ff;
+}
 #content div.box div.title ul.links li.ui-tabs-selected a {
 	background: url("../../images/title_tab_selected.png") no-repeat bottom
 		center;
 	color: #bfe3ff;
+}
 /*
     content / right / box / search
 */
 #content div.box div.title div.search {
 	background: url("../../images/title_link.png") no-repeat top left;
 	border-left: 1px solid #316293;
+}
 #content div.box div.title div.search div.input input {
 	border: 1px solid #316293;
+}
 #content div.box div.title div.search div.button input.ui-state-default
+	{
 	background: #4e85bb url("../../images/button_highlight.png") repeat-x;
 	border: 1px solid #316293;
 	border-left: none;
 	color: #FFFFFF;
+}
 #content div.box div.title div.search div.button input.ui-state-hover {
 	background: #46a0c1 url("../../images/button_highlight_selected.png")
 		repeat-x;
 	border: 1px solid #316293;
 	border-left: none;
 	color: #FFFFFF;
+}
 /*
     content / right / forms / button
 */
 #content div.box div.form div.fields div.field div.highlight .ui-state-default
+	{
 	background: #4e85bb url("../../images/button_highlight.png") repeat-x;
 	border-top: 1px solid #5c91a4;
 	border-left: 1px solid #2a6f89;
 	border-right: 1px solid #2b7089;
 	border-bottom: 1px solid #1a6480;
 	color: #ffffff;
+}
 #content div.box div.form div.fields div.field div.highlight .ui-state-hover
+	{
 	background: #46a0c1 url("../../images/button_highlight_selected.png")
 		repeat-x;
 	border-top: 1px solid #78acbf;
 	border-left: 1px solid #34819e;
 	border-right: 1px solid #35829f;
 	border-bottom: 1px solid #257897;
 	color: #ffffff;
+}
 /*
     content / right / forms / buttons
 */
 #content div.box div.form div.fields div.buttons div.highlight input.ui-state-default
+	{
 	background: #4e85bb url("../../images/button_highlight.png") repeat-x;
 	border-top: 1px solid #5c91a4;
 	border-left: 1px solid #2a6f89;
 	border-right: 1px solid #2b7089;
 	border-bottom: 1px solid #1a6480;
 	color: #ffffff;
+}
 #content div.box div.form div.fields div.buttons div.highlight input.ui-state-hover
+	{
 	background: #46a0c1 url("../../images/button_highlight_selected.png")
 		repeat-x;
 	border-top: 1px solid #78acbf;
 	border-left: 1px solid #34819e;
 	border-right: 1px solid #35829f;
 	border-bottom: 1px solid #257897;
 	color: #ffffff;
+}
 /*
     login / title
 */
 #login div.title {
 	background: #003367 url("../../images/header_inner.png") repeat-x;
+}
 /*
     login / title / corners
 */
 #login div.title div.corner {
 	background: url("../../images/login_corners.png") no-repeat;
+}
 #login div.title div.tl {
 	top: 0;
 	left: 0;
 	background-position: 0 0;
+}
 #login div.title div.tr {
 	top: 0;
 	right: 0;
 	background-position: -6px 0;
+}
@@ \ No newline at end of file @@

rhodecode/public/images/title_tab_selected.png

➞

Show inline comments

binary diff not shown

Show images

rhodecode/templates/index.html

➞

Show inline comments

 ## -*- coding: utf-8 -*-
 <%inherit file="base/base.html"/>
 <%def name="title()">
     ${c.rhodecode_name}
 </%def>
 <%def name="breadcrumbs()">
 	${c.rhodecode_name}
 </%def>
 <%def name="page_nav()">
 	${self.menu('home')}
 </%def>
 <%def name="main()">
 	<%def name="get_sort(name)">
 		<%name_slug = name.lower().replace(' ','_') %>
 		%if name_slug == c.sort_slug:
 		  %if c.sort_by.startswith('-'):
 		    <a href="?sort=${name_slug}">${name}&uarr;</a>
 		  %else:
 		    <a href="?sort=-${name_slug}">${name}&darr;</a>
 		  %endif:
 		%else:
 		    <a href="?sort=${name_slug}">${name}</a>
 		%endif
 	</%def>
     <div class="box">
 	    <!-- box / title -->
 	    <div class="title">
 	        <h5>${_('Dashboard')}</h5>
 	        %if h.HasPermissionAny('hg.admin','hg.create.repository')():
 	        <ul class="links">
 	          <li>
-	            <span>${h.link_to(_('ADD NEW REPOSITORY'),h.url('admin_settings_create_repository'),class_="add_icon")}</span>
 	            <span>${h.link_to(_('ADD NEW REPOSITORY'),h.url('admin_settings_create_repository'))}</span>
 	          </li>
 	        </ul>
 	        %endif
 	    </div>
 	    <!-- end box / title -->
         <div class="table">
                     <table>
             <thead>
 	            <tr>
 			        <th class="left">${get_sort(_('Name'))}</th>
 			        <th class="left">${get_sort(_('Description'))}</th>
 			        <th class="left">${get_sort(_('Last change'))}</th>
 			        <th class="left">${get_sort(_('Tip'))}</th>
 			        <th class="left">${get_sort(_('Contact'))}</th>
 			        <th class="left">${_('RSS')}</th>
 			        <th class="left">${_('Atom')}</th>
 	            </tr>
             </thead>
                         <tbody>
 					    %for cnt,repo in enumerate(c.repos_list):
 					        %if h.HasRepoPermissionAny('repository.write','repository.read','repository.admin')(repo['name'],'main page check'):
 					        <tr class="parity${cnt%2}">
 					            <td>
 					             %if repo['repo'].dbrepo.private:
 					                <img class="icon" alt="${_('private')}" src="/images/icons/lock.png"/>
 					             %else:
 					                <img class="icon" alt="${_('public')}" src="/images/icons/lock_open.png"/>
 					             %endif
 					            ${h.link_to(repo['name'],
 					                h.url('summary_home',repo_name=repo['name']))}
 					            %if repo['repo'].dbrepo.fork:
 					            	<a href="${h.url('summary_home',repo_name=repo['repo'].dbrepo.fork.repo_name)}">
 					            	<img class="icon" alt="${_('public')}"
 					            	title="${_('Fork of')} ${repo['repo'].dbrepo.fork.repo_name}"
 					            	src="/images/icons/arrow_divide.png"/></a>
 					            %endif
 					            </td>
 					            <td title="${repo['description']}">${h.truncate(repo['description'],60)}</td>
 					            <td>${h.age(repo['last_change'])}</td>
 					            <td>
 					            	%if repo['rev']>=0:
 					            	${h.link_to('r%s:%s' % (repo['rev'],repo['tip']),
 					                h.url('changeset_home',repo_name=repo['name'],revision=repo['tip']),
 					                class_="tooltip",
 					                tooltip_title=h.tooltip(repo['last_msg']))}
 					            	%else:
 					            		${_('No changesets yet')}
 					            	%endif
 					            </td>
 					            <td title="${repo['contact']}">${h.person(repo['contact'])}</td>
 					            <td>
 					                <a title="${_('Subscribe to %s rss feed')%repo['name']}" class="rss_icon"  href="${h.url('rss_feed_home',repo_name=repo['name'])}"></a>
 					            </td>
 					            <td>
 					                <a title="${_('Subscribe to %s atom feed')%repo['name']}"  class="atom_icon" href="${h.url('atom_feed_home',repo_name=repo['name'])}"></a>
 					            </td>
 					        </tr>
 					        %endif
 					    %endfor
                         </tbody>
                     </table>
             </div>
     </div>
 </%def>

rhodecode/templates/settings/repo_settings.html

➞

Show inline comments

 ## -*- coding: utf-8 -*-
 <%inherit file="/base/base.html"/>
 <%def name="title()">
     ${_('Repository settings')}
 </%def>
 <%def name="breadcrumbs_links()">
     ${h.link_to(c.repo_info.repo_name,h.url('summary_home',repo_name=c.repo_info.repo_name))}
     &raquo;
     ${_('Settings')}
 </%def>
 </%def>
 <%def name="page_nav()">
     ${self.menu('settings')}
 </%def>
 <%def name="main()">
 <div class="box">
     <!-- box / title -->
     <div class="title">
         ${self.breadcrumbs()}
     </div>
     ${h.form(url('repo_settings_update', repo_name=c.repo_info.repo_name),method='put')}
     <div class="form">
         <!-- fields -->
         <div class="fields">
             <div class="field">
                 <div class="label">
                     <label for="repo_name">${_('Name')}:</label>
                 </div>
                 <div class="input input-medium">
                     ${h.text('repo_name',class_="small")}
                 </div>
              </div>
             <div class="field">
                 <div class="label label-textarea">
                     <label for="description">${_('Description')}:</label>
                 </div>
                 <div class="textarea text-area editor">
                     ${h.textarea('description',cols=23,rows=5)}
                 </div>
             </div>
             <div class="field">
                 <div class="label label-checkbox">
                     <label for="private">${_('Private')}:</label>
                 </div>
                 <div class="checkboxes">
                     ${h.checkbox('private',value="True")}
                 </div>
             </div>
              <div class="field">
                 <div class="label">
                     <label for="">${_('Permissions')}:</label>
                 </div>
                 <div class="input">
                     <table id="permissions_manage">
                         <tr>
                             <td>${_('none')}</td>
                             <td>${_('read')}</td>
                             <td>${_('write')}</td>
                             <td>${_('admin')}</td>
                             <td>${_('user')}</td>
                             <td></td>
                         </tr>
                         %for r2p in c.repo_info.repo_to_perm:
                             %if r2p.user.username =='default' and c.repo_info.private:
                                 <tr>
                                     <td colspan="4">
                                         <span class="private_repo_msg">
                                         ${_('private repository')}
                                         </span>
                                     </td>
                                     <td class="private_repo_msg">${r2p.user.username}</td>
                                 </tr>
                             %else:
                             <tr id="id${id(r2p.user.username)}">
                                 <td>${h.radio('perm_%s' % r2p.user.username,'repository.none')}</td>
                                 <td>${h.radio('perm_%s' % r2p.user.username,'repository.read')}</td>
                                 <td>${h.radio('perm_%s' % r2p.user.username,'repository.write')}</td>
                                 <td>${h.radio('perm_%s' % r2p.user.username,'repository.admin')}</td>
                                 <td>${r2p.user.username}</td>
                                 <td>
                                   %if r2p.user.username !='default':
                                     <span class="delete_icon action_button" onclick="ajaxAction(${r2p.user.user_id},'${'id%s'%id(r2p.user.username)}')">
                                         <script type="text/javascript">
                                             function ajaxAction(user_id,field_id){
                                                 var sUrl = "${h.url('delete_repo_user',repo_name=c.repo_name)}";
                                                 var callback = { success:function(o){
                                                 var tr = YAHOO.util.Dom.get(String(field_id));
                                                 tr.parentNode.removeChild(tr);},failure:function(o){
                                                 	alert("${_('Failed to remove user')}");},};
                                                 var postData = '_method=delete&user_id='+user_id;
                                                 var request = YAHOO.util.Connect.asyncRequest('POST', sUrl, callback, postData);};
                                         </script>
                                     </span>
                                   %endif
                                 </td>
                             </tr>
                             %endif
                         %endfor
                         <tr id="add_perm_input">
                             <td>${h.radio('perm_new_user','repository.none')}</td>
                             <td>${h.radio('perm_new_user','repository.read')}</td>
                             <td>${h.radio('perm_new_user','repository.write')}</td>
                             <td>${h.radio('perm_new_user','repository.admin')}</td>
                             <td class='ac'>
                                 <div class="perm_ac" id="perm_ac">
                                     ${h.text('perm_new_user_name',class_='yui-ac-input')}
                                     <div id="perm_container"></div>
                                 </div>
                             </td>
                             <td></td>
                         </tr>
                         <tr>
                             <td colspan="6">
                                 <span id="add_perm" class="add_icon" style="cursor: pointer;">
                                 ${_('Add another user')}
                                 </span>
                             </td>
                         </tr>
                     </table>
              </div>
             <div class="buttons">
               ${h.submit('update','update',class_="ui-button ui-widget ui-state-default ui-corner-all")}
             </div>
         </div>
     </div>
     ${h.end_form()}
         <script type="text/javascript">
             YAHOO.util.Event.onDOMReady(function(){
                 var D = YAHOO.util.Dom;
                 if(!D.hasClass('perm_new_user_name','error')){
                     D.setStyle('add_perm_input','display','none');
+                }
                 YAHOO.util.Event.addListener('add_perm','click',function(){
                     D.setStyle('add_perm_input','display','');
                     D.setStyle('add_perm','opacity','0.6');
                     D.setStyle('add_perm','cursor','default');
                 });
             });
         </script>
         <script type="text/javascript">
         YAHOO.example.FnMultipleFields = function(){
             var myContacts = ${c.users_array|n}
             // Define a custom search function for the DataSource
             var matchNames = function(sQuery) {
                 // Case insensitive matching
                 var query = sQuery.toLowerCase(),
                     contact,
                     i=0,
                     l=myContacts.length,
                     matches = [];
                 // Match against each name of each contact
                 for(; i<l; i++) {
                     contact = myContacts[i];
                     if((contact.fname.toLowerCase().indexOf(query) > -1) ||
                         (contact.lname.toLowerCase().indexOf(query) > -1) ||
                         (contact.nname && (contact.nname.toLowerCase().indexOf(query) > -1))) {
                         matches[matches.length] = contact;
+                    }
+                }
                 return matches;
             };
             // Use a FunctionDataSource
             var oDS = new YAHOO.util.FunctionDataSource(matchNames);
             oDS.responseSchema = {
                 fields: ["id", "fname", "lname", "nname"]
+            }
             // Instantiate AutoComplete for perms
             var oAC_perms = new YAHOO.widget.AutoComplete("perm_new_user_name", "perm_container", oDS);
             oAC_perms.useShadow = false;
             oAC_perms.resultTypeList = false;
             // Instantiate AutoComplete for owner
             var oAC_owner = new YAHOO.widget.AutoComplete("user", "owner_container", oDS);
             oAC_owner.useShadow = false;
             oAC_owner.resultTypeList = false;
             // Custom formatter to highlight the matching letters
             var custom_formatter = function(oResultData, sQuery, sResultMatch) {
                 var query = sQuery.toLowerCase(),
                     fname = oResultData.fname,
                     lname = oResultData.lname,
                     nname = oResultData.nname || "", // Guard against null value
                     query = sQuery.toLowerCase(),
                     fnameMatchIndex = fname.toLowerCase().indexOf(query),
                     lnameMatchIndex = lname.toLowerCase().indexOf(query),
                     nnameMatchIndex = nname.toLowerCase().indexOf(query),
                     displayfname, displaylname, displaynname;
                 if(fnameMatchIndex > -1) {
                     displayfname = highlightMatch(fname, query, fnameMatchIndex);
+                }
                 else {
                     displayfname = fname;
+                }
                 if(lnameMatchIndex > -1) {
                     displaylname = highlightMatch(lname, query, lnameMatchIndex);
+                }
                 else {
                     displaylname = lname;
+                }
                 if(nnameMatchIndex > -1) {
                     displaynname = "(" + highlightMatch(nname, query, nnameMatchIndex) + ")";
+                }
                 else {
                     displaynname = nname ? "(" + nname + ")" : "";
+                }
                 return displayfname + " " + displaylname + " " + displaynname;
             };
             oAC_perms.formatResult = custom_formatter;
             oAC_owner.formatResult = custom_formatter;
             // Helper function for the formatter
             var highlightMatch = function(full, snippet, matchindex) {
                 return full.substring(0, matchindex) +
                         "<span class='match'>" +
                         full.substr(matchindex, snippet.length) +
                         "</span>" +
                         full.substring(matchindex + snippet.length);
             };
             var myHandler = function(sType, aArgs) {
                 var myAC = aArgs[0]; // reference back to the AC instance
                 var elLI = aArgs[1]; // reference to the selected LI element
                 var oData = aArgs[2]; // object literal of selected item's result data
                 myAC.getInputEl().value = oData.nname;
             };
             oAC_perms.itemSelectEvent.subscribe(myHandler);
             //oAC_owner.itemSelectEvent.subscribe(myHandler);
             return {
                 oDS: oDS,
                 oAC_perms: oAC_perms,
                 oAC_owner: oAC_owner,
             };
         }();
         </script>
 </div>
 </div>
 </%def>

0 comments (0 inline, 0 general)