Allow users to filter the favorite watchlist
[gitorious:base_uri-fixes.git] / public / stylesheets / base.css
1 /* reset */
2 /*
3 Copyright (c) 2007, Yahoo! Inc. All rights reserved.
4 Code licensed under the BSD License:
5 http://developer.yahoo.net/yui/license.txt
6 version: 2.3.1
7 */
8 body { color:#000;background:#FFF; }
9 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,
10  input,textarea,p,blockquote,th,td { margin:0;padding:0; }
11 table { border-collapse:collapse;border-spacing:0; }
12 fieldset,img { border:0; }
13 address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal; }
14 li { list-style:none;}
15 caption,th { text-align:left; }
16 h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; }
17 q:before,q:after{ content:''; }
18 abbr,acronym { border:0;font-variant:normal; }
19 sup,sub { line-height:-1px;vertical-align:text-top; }
20 sub{ vertical-align:text-bottom; }
21 input, textarea, select { font-family:inherit;font-size:inherit;font-weight:inherit; }
22
23 /**/
24
25 body {
26         font-size: 13px;
27         line-height: 1.461em;
28   background: #dee7ed;
29   color: #000;
30 /*  font-family: Georgia, Times, "Times new Roman", serif;*/
31   font-family: "Helvetica", Arial, sans-serif;
32   margin: 0;
33   padding: 0;
34 }
35 h1, h2, h3, h4, h5, h6 {
36   color: #09460f;
37   font-weight:  normal;
38 }
39
40 h1 {
41         margin: 0;
42         font-size: 1.615em;
43         line-height: 0.904em;
44         margin-bottom: 0.904em;
45 }
46 h2 {
47         margin: 0;
48         font-size: 1.461em;
49         line-height: 1em;
50         margin-bottom: 1em;
51 }
52 h3 {
53         margin: 0;
54         font-size: 1.307em;
55         line-height: 1.117em;
56         margin-bottom: 1.117em;
57 }
58
59 h4 {
60         margin: 0;
61         font-size: 1.153em;
62         line-height: 1.266em;
63         margin-bottom: 1.266em;
64 }
65
66 #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
67   margin-bottom: 10px;
68 }
69 #sidebar h1 a, #sidebar h2 a, #sidebar h3 a, #sidebar h4 a, #sidebar h5 a, #sidebar h6 a {
70   color: #555;
71 }
72
73 p, ul, blockquote, pre, td, th, label {
74         margin: 0;
75         font-size: 1em;
76         line-height: 1.461em;
77         margin-bottom: 1.461em;
78 }
79 p, ul, blockquote, td, th, label {
80 /*  font-family: "Bitstream Vera Serif", Georgia, Times, "Times new Roman", serif;*/
81 }
82
83 p.small {
84         margin: 0;
85         font-size: 0.846em;
86         line-height: 1.727em;
87         margin-bottom: 1.727em;
88 }
89 table {
90         border-collapse: collapse;
91         margin-bottom: 1.461em;
92 }
93 code, pre, tt {
94   /*font: 95%/105%  "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace;*/
95   font-size: 95%;
96   line-height: 105%;
97 }
98 pre {
99   white-space: pre-wrap;       /* CSS-3                  */
100   white-space: -moz-pre-wrap;  /* Mozilla, since 1999    */
101   white-space: -pre-wrap;      /* Opera 4-6              */
102   white-space: -o-pre-wrap;    /* Opera 7                */
103   word-wrap: break-word;       /* Internet Explorer 5.5+ */
104 }
105 a {
106 /*  color: #e7371a;*/
107   color: #390;
108   text-decoration: none;
109 }
110 a:hover {
111   text-decoration: underline;
112 }
113 a.link_noop {
114   color: inherit;
115 }
116 strong, b {
117   font-weight: bold;
118 }
119 em, i {
120   font-style: italic;
121 }
122 ul {
123   margin-left: 0.5em;
124   margin-right: 0.5em;
125 }
126
127 ol li {
128   list-style-type: decimal;
129   margin-left: 35px;
130 }
131 pre {
132   margin-left: 2em;
133   margin-right: 2em;
134 }
135 pre.no-indent {
136   margin-left: 0;
137   padding-left: 0;
138 }
139
140 ul li h1, ul li h2, ul li h3, ul li h4 {
141   margin-bottom: 0.5em;
142 }
143
144 abbr {
145   border-bottom: 1px dotted #333;
146 }
147 abbr.timeago {
148     border-bottom: none;
149 }
150 /* boxes */
151
152 .clear {
153   clear: both;
154   height: 0;
155 }
156
157 .clear_left {
158   clear: left;
159   height: 0;
160 }
161
162 #header {
163   height: 112px;
164   background: #111 url("../images/header_bg.png") repeat-x 0 0;
165   overflow: hidden;
166 }
167
168 #header #logo {
169   padding: 10px 0 0 20px;
170   line-height: 25px;
171   margin:0;
172   float: left;
173   border:0;
174 }
175
176 #header #searchbox {
177   float: right;
178   margin-top: 15px;
179   padding: 0px;
180   margin-right: 24px;
181   list-style: none;
182   padding-top: 2px;
183   clear: right;
184 }
185
186 #header #searchbox .search-field, #header #searchbox .search-submit {
187   background: #1F1F1F;
188   border: 1px solid #666;
189   color: #fff;
190 }
191 #header #searchbox .search-submit {
192   color: #aaa;
193 }
194 #header #searchbox input {
195   margin: 0;
196   padding: 3px;
197 }
198
199 #header #searchbox .search-field {
200   width: 250px;
201 }
202
203 #header #searchbox .search-hint {
204   display: none;
205 }
206
207
208 #header #logo a { color: #666; }
209
210 #header #project_title {
211   font-size: 39px;
212   line-height: 19px;
213   margin: 0 0 0px 0;
214   padding: 0;
215 }
216 #header #project_title  a {
217   color: #ccc;
218   letter-spacing: 0.05em;
219 }
220
221 #container {
222   min-height: 300px;
223 /*  margin-right: 40px;
224   background: #fff url("../images/maincontent-border-right.gif") top right repeat-y;*/
225   background: #fff;
226 }
227 #container.in-context-mode {
228   border-top: 1px solid #a7afb5;
229 }
230
231 #container #content {
232   padding: 20px;
233   min-height: 500px;
234 }
235
236 #container #content.with_sidebar {
237   float: left;
238   position: relative;
239   width: 69%;
240   margin: 20px 0 20px 20px;
241   padding:0;
242 }
243
244 #container #sidebar {
245   border-left: 1px solid #d1d5d8;
246   position: relative;
247   margin: 0 2px 0 72%;
248   padding: 20px;
249   background: #eef2f5;
250   color: #555;
251 }
252
253 #container #sidebar:after {
254   clear: left;
255   display: block;
256   visibility: hidden;
257   height: 0;
258   content: "";
259 }
260
261 #sidebar ul.links {
262   margin-left: -5px;
263   padding:0;
264 }
265
266 #sidebar ul.links li:first-child {
267   border-top: 1px dotted #888;
268 }
269
270 #sidebar ul.links.meta li:first-child {
271   border-top: none;
272 }
273
274 #sidebar ul.links li {
275   border-bottom: 1px dotted #888;
276 }
277
278 #sidebar ul.links.meta li {
279  border-bottom: none;
280 }
281
282 #sidebar ul.links li a {
283   background-repeat: no-repeat;
284   background-position: 5px 7px;
285   background-image: url("../images/silk/bullet_go.png");
286   display: block;
287   padding: 5px 5px 5px 28px;
288 }
289
290 #sidebar ul.links.meta li a {
291   font-size: 10px;
292   padding: 2px 5px 2px 28px;
293   background-position: 5px 2px;
294 }
295
296 #sidebar ul.links li:hover {
297   background: #390;
298   margin-left: -1px;
299   padding-left: 1px;
300 }
301
302 #sidebar ul.links.meta li:hover {
303   background: inherit;
304 }
305
306 #sidebar ul.links li a:hover {
307   color: #fff;
308   text-decoration: none;
309 }
310
311 #sidebar ul.links.meta li a:hover {
312   color: #390;
313   text-decoration: underline;
314 }
315
316 #container #footer {
317   padding: 20px;
318   font-size: 11px;
319   color: #666;
320   text-align: center;
321   clear: both;
322   background: #222 url("../images/header_bg.png") repeat-x;
323 }
324
325 #container #footer a {
326   color: #92B92D;
327 }
328
329 #container #footer ul {
330   margin: 0;
331 }
332 #container #footer ul li {
333   display: inline;
334 }
335
336 #container #footer ul.footer-links li {
337   font-size: 13px;
338 }
339
340 #container #footer ul.legal { margin-top: 5px; }
341 #container #footer ul.legal a {
342   color: #666;
343   font-size: 10px;
344 }
345 #container #footer ul.legal a:hover { color: #92B92D; }
346
347 #container #footer .powered-by {
348   float: right;
349   margin: 10px;
350 }
351
352 .flash_message {
353   clear: both;
354   padding: 5px 5px 5px 25px;
355   margin-bottom: 20px;
356   border-top:1px solid #ccc;
357   border-bottom:1px solid #ccc;
358   background-repeat: no-repeat;
359   background-position: 5px 7px;
360 }
361 .flash_message p { margin: 0; }
362 .flash_message.notice {
363   color: #03588e;
364   background-color: #d9e8fa;
365   border-color: #03588e;
366   background-image: url("../images/silk/information.png");
367 }
368
369 .flash_message.success {
370   color: #588e03;
371   background-color: #e9fad9;
372   border-color: #588e03;
373   background-image: url("../images/silk/accept.png");
374 }
375
376 .flash_message.error {
377   color: #c30000;
378   background-color: #f2dcdc;
379   border-color: #c30000;
380   background-image: url("../images/silk/exclamation.png");
381 }
382
383 /* menu */
384
385 #menu {
386   float: right;
387   margin-right: 20px;
388   margin-top: 20px;
389   margin-bottom: 0;
390 }
391
392 #menu li {
393   display: inline;
394   margin-right: 20px;
395 }
396 #menu li.secondary {
397   margin-right: 5px;
398   color: #666;
399 }
400 #menu li a {
401   font-size: 16px;
402   color: #92B92D;
403 }
404 #menu li.subtle a { color: #666; margin-left: 10px;}
405 #menu li.subtle a:hover { color: #92B92D; }
406
407 #menu li.secondary a {
408  font-size: 11px;
409 }
410
411 #menu li.secondary.messages {
412   background: transparent url('../images/silk/email.png') no-repeat 0px 1px;
413 }
414 #menu li.secondary.messages a > span {
415   color: #666;
416 }
417 #menu li.secondary.messages a {
418   width: 100%;
419   padding-left: 20px;
420 }
421
422 #menu li a:hover {
423   text-decoration: none;
424   border-bottom: 2px solid #92B92D;
425 }
426
427 /* Round corners */
428 .round-top-5 {
429   -moz-border-radius-topleft: 5px;
430   -moz-border-radius-topright: 5px;
431   -webkit-border-top-left-radius: 5px;
432   -webkit-border-top-right-radius: 5px;
433 }
434 .round-top-10 {
435   -moz-border-radius-topleft: 10px;
436   -moz-border-radius-topright: 10px;
437   -webkit-border-top-left-radius: 10px;
438   -webkit-border-top-right-radius: 10px;
439 }
440 .round-bottom-5 {
441   -moz-border-radius-bottomleft: 5px;
442   -moz-border-radius-bottomright: 5px;
443   -webkit-border-bottom-left-radius: 5px;
444   -webkit-border-bottom-right-radius: 5px;
445 }
446 .round-5 {
447   -moz-border-radius: 5px;
448   -webkit-border-radius: 5px;
449 }
450 .round-10 {
451   -moz-border-radius: 10px;
452   -webkit-border-radius: 10px;
453 }
454
455 .shadow-2 {
456   -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
457   -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
458   box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
459 }
460
461
462 /* submenu */
463 #submenu {
464 /*  font-size: 90%;*/
465   list-style: none;
466   margin: 0;
467   padding-top: 11px;
468   line-height:100%;
469 }
470
471 #submenu li {
472   display: inline;
473   margin-right: 20px;
474 }
475
476 #submenu li a {
477   float:none;
478   font-size: 12px;
479   background: #555;
480   color: #fff;
481   padding: 10px 15px 8px 15px;
482 }
483 #submenu li.selected a {
484   background: #dee7ed;
485   color: #000;
486 }
487
488 #submenu.white li.selected a {
489   background: #fff;
490 }
491
492 #submenu li a:hover {
493   text-decoration: none;
494   background: #92B92D;
495   color: #fff;
496 }
497
498 #submenu li.selected a:hover {
499   background: #dee7ed;
500   color: #000;
501 }
502
503 #submenu.white li.selected a:hover {
504   background: #fff;
505   color: #000;
506 }
507
508 /* breadcrumbs */
509
510 #breadcrumbs{
511   margin: 0;
512   line-height: 100%;
513   margin-left: 0px;
514   height: 29px;
515   background: #dee7ed;
516   border-bottom: 1px solid #D1D5D8;
517 }
518
519 #breadcrumbs li {
520   float: left;
521   background-repeat: no-repeat;
522   background-position: right 0px;
523   padding: 0 15px 0 10px;
524   display: list-item;
525   background-image: url("../images/breadcrumb.png");
526 }
527
528 #breadcrumbs li a {
529   padding: 9px 0 7px 22px;
530   display: block;
531   background-repeat: no-repeat;
532   background-position: center left;
533   color: #555;
534 }
535
536 #breadcrumbs li:last-child{
537   background-image: none;
538 }
539
540 #breadcrumbs li a:hover{
541   text-decoration: none;
542   color: #390;
543 }
544
545 /* Icons used for actions and breadcrums */
546 li.new_project > a { background-image: url("../images/silk/report_add.png") !important; }
547 li.edit_project > a { background-image: url("../images/silk/report_edit.png") !important; }
548 li.project > a { background-image: url("../images/silk/report.png") !important; }
549 li.project_personal > a { background-image: url("../images/silk/report_user.png") !important; }
550 li.project_research > a { background-image: url("../images/silk/report_magnify.png") !important; }
551 li.user > a { background-image: url("../images/silk/user.png") !important; }
552
553 li.group > a { background-image: url("../images/silk/group.png") !important; }
554 li.edit_group > a { background-image: url("../images/silk/group_edit.png") !important; }
555
556 li.repository > a { background-image: url("../images/silk/database.png") !important; }
557 li.repository.mainline > a { background-image: url("../images/silk/database_star.png") !important; }
558 li.branch > a { background-image: url("../images/silk/arrow_branch.png") !important; }
559 li.branch.head > a { background-image: url("../images/arrow_branch_head.png") !important; }
560 li.tag > a { background-image: url("../images/silk/tag_blue.png") !important; }
561 li.tree > a { background-image: url("../images/silk/chart_organisation.png") !important; }
562 li.home > a { background-image: url("../images/silk/house.png") !important; }
563 li.account > a { background-image: url("../images/silk/user.png") !important; }
564 li.edit_account > a, .white-button.edit_account a {
565     background-image: url("../images/silk/user_edit.png") !important;
566 }
567 li.edit_account_password > a, .white-button.edit_account_password a {
568     background-image: url("../images/silk/lock_edit.png") !important;
569 }
570 li.new_key > a { background-image: url("../images/silk/key_add.png") !important; }
571 li.edit_key > a { background-image: url("../images/silk/key_edit.png") !important; }
572 li.key > a, .white-button.key a {
573     background-image: url("../images/silk/key.png") !important;
574 }
575 li.zip > a { background-image: url("../images/silk/page_white_zip.png") !important; }
576 li.gz > a { background-image: url("../images/silk/page_white_compressed.png") !important; }
577 li.merge_requests > a { background-image: url("../images/silk/arrow_in.png") !important; }
578 li.clone > a { background-image: url("../images/silk/database_clone.png") !important; }
579 li.comment_link > a { background-image: url("../images/silk/comment.png") !important; }
580 li.merge_request > a { background-image: url("../images/silk/arrow_merge.png") !important; }
581 li.alias > a, .white-button.alias a {
582     background-image: url("../images/silk/vcard.png") !important;
583 }
584 li.new_alias > a { background-image: url("../images/silk/vcard_add.png") !important; }
585 li.emails > a { background-image: url("../images/silk/email.png") !important; }
586 li.new_email > a, .white-button.new_email a {
587     background-image: url("../images/silk/email_add.png") !important;
588 }
589 li.sent_emails > a { background-image: url("../images/silk/email_go.png") !important; }
590 li.received_emails > a { background-image: url("../images/silk/email_open.png") !important; }
591 li.all_emails > a { background-image: url("../images/silk/folder.png") !important; }
592
593 /* Icons used both for events and actions/breadcrums */
594 li.event_instance.create_repository, li.create_repository > a { background-image: url("../images/silk/database_add.png") !important; }
595 li.event_instance.add_project_repository, li.add_project_repository > a { background-image: url("../images/silk/database_add.png") !important; }
596 li.event_instance.clone_repository, li.clone_repository > a { background-image: url("../images/silk/database_clone.png") !important; }
597 li.event_instance.add_collaborator, li.add_collaborator > a { background-image: url("../images/silk/group_add.png") !important; }
598 li.event_instance.update_repository, li.update_repository > a { background-image: url("../images/silk/database_edit.png") !important; }
599 li.event_instance.delete_repository, li.delete_repository > a { background-image: url("../images/silk/database_delete.png") !important; }
600 li.event_instance.commit, li.commit > a { background-image: url("../images/silk/brick.png") !important; }
601 li.event_instance.merge_commit, li.merge_commit > a { background-image: url("../images/silk/arrow_merge.png") !important; }
602 li.event_instance.create_project, li.create_project > a { background-image: url("../images/silk/report_add.png") !important; }
603 li.event_instance.delete_project, li.delete_project > a { background-image: url("../images/silk/report_delete.png") !important; }
604 li.event_instance.update_project, li.update_project > a { background-image: url("../images/silk/report_edit.png") !important; }
605 li.event_instance.new_repository, li.new_repository > a { background-image: url("../images/silk/database_add.png") !important; }
606 li.event_instance.project_members, li.project_members > a { background-image: url("../images/silk/group.png") !important; }
607 li.event_instance.wiki_page, li.wiki_page > a { background-image: url("../images/silk/book_open.png") !important; }
608 li.event_instance.wiki_page_history, li.wiki_page_history > a { background-image: url("../images/silk/time.png") !important; }
609 li.event_instance.edit_wiki_page, li.edit_wiki_page > a { background-image: url("../images/silk/page_white_text_edit.png") !important; }
610 li.delete_merge_request > a { background-image: url("../images/silk/chart_line_delete.png") !important; }
611
612 /* Icons used for events only */
613 li.event_instance.create_branch { background-image: url("../images/silk/arrow_branch.png") !important; }
614 li.event_instance.delete_branch { background-image: url("../images/silk/delete.png") !important; }
615 li.event_instance.create_tag { background-image: url("../images/silk/tag_blue_add.png") !important; }
616 li.event_instance.delete_tag { background-image: url("../images/silk/tag_blue_delete.png") !important; }
617 li.event_instance.remove_committer { background-image: url("../images/silk/group_delete.png") !important; }
618 li.event_instance.comment { background-image: url("../images/silk/comment.png") !important; }
619 li.event_instance.request_merge { background-image: url("../images/silk/chart_line_add.png") !important; }
620 li.event_instance.resolve_merge_request { background-image: url("../images/silk/arrow_merge.png") !important; }
621 li.event_instance.update_merge_request { background-image: url("../images/silk/chart_line_edit.png") !important; }
622 li.event_instance.delete_merge_request { background-image: url("../images/silk/chart_line_delete.png") !important; }
623 li.event_instance.push { background-image: url("../images/silk/bricks.png") !important; }
624
625 /* Icons used for file types in breadcrumb and tree view */
626 table.tree tr td.file a, li.file > a { background-image: url("../images/silk/page_white_text.png"); }
627 table.tree tr td.folder a,li.folder > a { background-image: url("../images/silk/folder.png") !important; }
628 table.tree tr td.cplusplus-file a, li.cplusplus-file > a { background-image: url("../images/silk/page_white_cplusplus.png"); }
629 table.tree tr td.c-file a, li.c-file > a { background-image: url("../images/silk/page_white_c.png"); }
630 table.tree tr td.header-file a, li.header-file > a { background-image: url("../images/silk/page_white_h.png"); }
631 table.tree tr td.java-file a, li.java-file > a { background-image: url("../images/silk/page_white_cup.png"); }
632 table.tree tr td.exec-file a, li.exec-file > a { background-image: url("../images/silk/page_white_gear.png"); }
633 table.tree tr td.ruby-file a, li.ruby-file > a { background-image: url("../images/silk/page_white_ruby.png"); }
634 table.tree tr td.compressed-file a, li.compressed-file > a { background-image: url("../images/silk/page_white_compressed.png"); }
635 table.tree tr td.image-file a, li.image-file > a { background-image: url("../images/silk/page_white_picture.png"); }
636 table.tree tr td.submodule a { background-image: url("../images/silk/folder_go.png"); }
637
638 li.wiki a {background-image: url('../images/silk/book_open.png');}
639 li.memberships a, li.committerships a {background-image: url('../images/silk/group_gear.png');}
640 li.membership a, li.committership a {background-image: url('../images/silk/group_edit.png');}
641 li.add_membership a, li.add_commitership a { background-image: url("../images/silk/group_add.png");}
642
643 li.merge_requests a.selected { color: #09460F;}
644
645 .with_icons li {
646   padding-bottom: 3px;
647 }
648 .with_icons li a {
649   padding-left: 25px;
650   padding-bottom: 2px;
651   background-repeat: no-repeat;
652   background-position: 2px 0px;
653 }
654
655 .with_icons.inline_icons li a {
656   background-image: none !important;
657   margin: 0 0 0 5px;
658   padding: 0;
659 }
660
661 .with_icons li span a {
662   background-image: none;
663   padding: 0;
664 }
665
666 .with_divider {
667   padding-bottom: 10px;
668   margin-bottom: 20px;
669   border-bottom: 4px solid #ccc;
670 }
671
672 .help-box {
673   border: 1px solid #ccc;
674   background: #E9F1F6;
675   padding: 10px;
676   color: #333;
677 }
678
679 .help-box.side {
680   float: right;
681   margin-right: 20px;
682   width: 350px;
683 }
684
685 .help-box.left {
686   width: 500px;
687   margin-bottom: 20px;
688 }
689
690 .help-box.middle {
691   margin: 10px auto 30px auto;
692   width: 450px;
693 }
694
695 .help-box.full {
696   margin: 0 auto 30px auto;
697   width: 90%;
698 }
699
700 .help-box.error {
701   border: 1px solid #CBCB9E;
702   background: #ffc;
703 }
704
705 .help-box .icon {
706   width: 16px;
707   height: 16px;
708   float: right;
709   margin: 0 0 2px 2px;
710 }
711
712 .help-box .icon.help {
713   background: transparent url('../images/silk/help.png') no-repeat 0 0;
714 }
715 .help-box .icon.error {
716   background: transparent url('../images/silk/error.png') no-repeat 0 0;
717 }
718
719 .help-box :last-child {
720   margin-bottom: 0;
721 }
722
723 /* White buttons */
724
725 #new-project-button, .white-button {
726   margin: 10px 20px 10px 20px;
727   text-align:center;
728   width: 250px;
729   float: right;
730   background: #fff url('../images/dialog_bg_bottom.png') repeat-x bottom left;
731 }
732 #new-project-button a, .white-button a {
733   font-size: 18px;
734   display: block;
735   padding: 10px 10px 8px 10px;
736   border: 1px solid #ccc;
737   background: transparent url("../images/silk/report_add.png") no-repeat 220px center;
738 }
739
740 #new-project-button.small-button, .white-button.small-button {
741   margin: 5px 10px 5px 10px;
742   width: 160px;
743   text-align: left;
744 }
745
746 #new-project-button.small-button a, .white-button.small-button a {
747   font-size: 12px;
748   padding: 5px 5px 4px 10px;
749   background-position: 130px center;
750 }
751 #new-project-button:hover, .white-button:hover {
752     background-image: url('../images/dialog_bg_top.png');
753     background-position: top left;
754 }
755 #new-project-button a:hover, .white-button a:hover {
756   text-decoration: none;
757 }
758
759 ul.buttons .white-button.small-button {
760     margin: 0 0 5px 10px;
761 }
762 ul.buttons .white-button.small-button a {
763     padding:2px 5px 2px 10px;
764 }
765
766 /* white favorite button */
767 .white-button.favorite {
768     width: inherit;
769     margin: 0 0 2px 0;
770 }
771 .white-button.favorite a {
772     padding: 2px 5px 1px 25px;
773     background-position: 5px center;
774 }
775 .white-button.favorite a.enabled {
776     background-image: url("../images/silk/star.png");
777 }
778 .white-button.favorite a.disabled {
779     background-image: url("../images/silk/star_deselected.png");
780 }
781 .white-button.favorite a.waiting {
782     background-image: url("../images/spinner.gif");
783 }
784
785 /* Forms */
786
787 textarea {
788   width: 90%;
789 }
790
791 fieldset {
792   padding: 3px;
793   margin: 0 0 10px 0;
794   width: 100%;
795 }
796
797 legend {
798   font-weight: bold;
799   font-size:12px;
800 }
801
802 label {
803   font-weight: bold;
804 }
805
806 .required {
807   color: #aaa;
808   font-size: 10px;
809   font-weight: normal;
810 }
811
812 form {
813   margin-bottom: 1.5em;
814 }
815
816 form.button-to, form.button-to div { display: inline; }
817 form.button-to div { margin: 0 5px 0 5px; }
818 form.button-to div input {
819   background: #dedede;
820   border: 1px solid #bbb;
821   color: #390;
822   padding: 2px 3px 2px 3px;
823   border-top-style: outset;
824   border-left-style: outset;
825 }
826 form.button-to div input:hover {
827   background: #390;
828   color: #fff;
829 }
830
831 input[type='text'], input[type='password'] {
832   padding: 3px;
833   width: 350px;
834 }
835
836 textarea {
837   width: 350px;
838   height: 150px;
839   padding: 3px;
840 }
841 textarea.text { height: 60px; }
842 textarea.wide { width: 500px; }
843 textarea.tall { height: 300px; }
844 textarea.taller {height: 500px;}
845 textarea.medium { width: 450px; height: 250px; }
846 textarea.fill { width: 95%; }
847 select        { width: 200px; }
848
849 input[type='text'], input[type='password'], textarea, select {
850   margin: 5px 0 10px 0;
851   border: 1px solid #bbb;
852 }
853
854 input.compact, select.compact {
855     width: 100px;
856     margin-right: 5px;
857 }
858 input.medium_compact {
859     width: 170px;
860     margin-right: 5px;
861 }
862
863 input[type='text']:focus, input[type='password']:focus. input.title:focus,
864 textarea:focus, select:focus {
865   border: 1px solid #666;
866 }
867
868 /* embeds the openid image in the text field */
869 input#openid_url {
870    background: url(../images/login-bg.gif) no-repeat;
871    background-color: #fff;
872    background-position: 0 50%;
873    color: #000;
874    padding-left: 18px;
875 }
876
877 .fieldWithErrors { margin: 0; display: inline-block;}
878 .fieldWithErrors input, .fieldWithErrors textarea,
879 .fieldWithErrors select {
880   border: 1px solid #c30000;
881 }
882
883 .errorExplanation {
884   background: #fbe3e4;
885   border: 1px solid #c30000;
886   width: 400px;
887   margin: 0 0 10px 0;
888 }
889
890 .errorExplanation h2 {
891   font-size: 120%;
892   line-height: 120%;
893   font-weight: normal;
894   padding: 5px;
895   color: #fff;
896   background: #c30000;
897   margin-bottom: 0.2em;
898 }
899 .errorExplanation p {
900   padding: 2px 2px 2px 5px;
901   margin-bottom: 0;
902   margin-top: 0;
903 }
904 .errorExplanation ul {
905   padding: 5px 10px 10px 25px;
906   margin-bottom: 0;
907 }
908 .errorExplanation ul li{
909     list-style-type: disc;
910 }
911
912 form table.inline-labels td {
913     padding-right: 10px;
914 }
915 form table.inline-labels th {
916     padding-right: 20px;
917 }
918 form table.inline-labels td label {
919     font-weight: normal;
920 }
921
922
923 /* Tables */
924
925 table.listing {
926   width: 100%;
927 }
928
929 table.listing tr td {
930   padding: 3px;
931 }
932
933 table.listing tr.odd {
934   background: #efefef;
935 }
936 table.listing thead th {
937   font-weight: bold;
938   padding: 3px;
939   border-bottom: 2px solid #888;
940 }
941 table.listing td.icon {
942   text-align: center;
943 }
944
945 ul.committers_list li {
946   margin-bottom: 2px;
947 }
948
949 ul .user {
950   padding-left: 2px;
951 }
952
953 /* Repository list */
954
955 #sidebar ul.repository_list ul {
956   margin-left: 10px;
957 }
958
959 .repository_meta ul.repository_list {
960   margin: 0;
961 }
962
963 ul.repository_list li {
964   padding-left: 18px;
965   margin-bottom: 10px;
966 }
967 ul.repository_list li.mainline {
968   background: url("../images/silk/database_star.png") 0 0 no-repeat;
969 }
970
971 ul.repository_list li.clone {
972   background: url("../images/silk/database.png") 0 0 no-repeat;
973 }
974
975 ul.repository_list .user img, ul.repository_list .group img,
976 ul.committers .user img, ul.committers .group img {
977   float: left;
978   margin-top: 1px;
979 }
980
981 ul.repository_list .user a, ul.repository_list .group a,
982 ul.committers .user a, ul.committers .group a {
983   color: #555;
984   margin: 0 0 0 5px;
985   padding:0;
986   font-size: 11.8px;
987 }
988
989 ul.icon_list li {
990    margin-bottom: 3px;
991 }
992
993 ul.icon_list li a {
994    padding-left: 25px;
995    background-repeat: no-repeat;
996    background-position: 2px 0px;
997 }
998
999 /* info boxes */
1000
1001 ul.infobox {
1002   background: #efefef;
1003   padding: 10px;
1004   border: 1px solid #ddd;
1005 }
1006
1007 ul.infobox li {
1008   margin-bottom: 0;
1009 }
1010
1011 ul.infobox li.meta {
1012   font-size: 11px;
1013 }
1014
1015 table.repository_meta .infobox {
1016   padding: 5px;
1017 }
1018 table.repository_meta .infobox ul {
1019   padding: 0;
1020   margin: 0;
1021 }
1022
1023 .infobox .alt-clone-links {
1024   color: #666;
1025 }
1026
1027 /* commit info boxes*/
1028
1029 .commit-infobox {
1030   clear: both;
1031   margin-top: 20px;
1032 }
1033
1034 .commit-infobox .commit_message {
1035   margin: 0;
1036 }
1037 .commit-infobox pre.commit_message {
1038   margin: 0 0 20px 20px;
1039 }
1040 .commit-infobox .commit_message p {
1041   margin-top: 0;
1042 }
1043
1044 .commit-infobox .commit-meta {
1045   margin: 10px 1px 0px 5px;
1046   min-width: 350px;
1047 }
1048
1049 .commit-infobox .commit-meta .people {
1050   margin:0;
1051 }
1052 .commit-infobox .commit-meta .people small {
1053   color: #666;
1054 }
1055
1056 .commit-infobox .commit-meta .people .meta {
1057   border-bottom: 1px solid #ddd;
1058   margin-bottom: 5px;
1059   padding-bottom: 5px;
1060   color: #666;
1061   font-size: 12px;
1062   max-width: 500px;
1063 }
1064
1065 .commit-infobox ul li.avatar img {
1066   float: left;
1067   display: inline;
1068   padding-right: 10px;
1069   margin-top: 3px;
1070 }
1071
1072 .commit-infobox ul.meta {
1073   font-size: 12px;
1074   color: #666;
1075 }
1076
1077 .commit-infobox ul.meta li strong {
1078   font-weight: normal;
1079 }
1080
1081 .merge_commit_message {
1082   font-size: 13px;
1083   margin: 10px;
1084   margin-bottom: 50px;
1085 }
1086
1087
1088 ul.horizontal {
1089   display: inline;
1090   margin-left: 5px !important;
1091 }
1092
1093 ul.horizontal li {
1094   padding-right: 10px;
1095   margin-left: 0px;
1096   display: inline;
1097 }
1098
1099 ul.horizontal li > a {
1100   background-repeat: no-repeat;
1101   background-position: 0 0;
1102   padding-left: 22px !important;
1103   padding-bottom: 2px;
1104   padding-top: 2px;
1105 }
1106
1107 ul.horizontal.meta li > a {
1108   font-size: 11px;
1109 }
1110
1111 div.meta-info {
1112   text-align: right;
1113 }
1114
1115 .meta-info ul.horizontal li > a {
1116   font-size: 10px;
1117   background-image: none !important;
1118   padding: 0 !important;
1119 }
1120
1121 td.meta-info {
1122   padding: 0 !important;
1123   text-align: right;
1124 }
1125
1126 .commit_list .commit_item {
1127   clear:left;
1128   margin-bottom: 15px;
1129 }
1130
1131 .commit_message, .commit_message p {
1132   margin-top: 10px;
1133   margin-left: 10px;
1134   font: 95%/105%  "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace;
1135 }
1136 .event_instance .commit_message, .event_instance .commit_message p {
1137   margin: 2px 0 0 0;
1138   line-height: 130%;
1139 }
1140
1141 /*
1142 Single (inline) commit under a push
1143 */
1144 .event_instance.push .event_instance {
1145   margin: 0 0 0 2px;
1146   width: 90%;
1147 }
1148
1149 .event_instance.push .event_instance img {
1150   float: left;
1151   margin-right: 10px;
1152 }
1153
1154 .event_instance.push .event_instance .commit_message {
1155   margin-left: 26px;
1156 }
1157
1158 .event_instance.push .event_instance .actor {
1159 }
1160
1161 .event_instance.push .event_instance .timestamp,
1162 .event_instance.push .commits_in_event .timestamp {
1163     font-size: 11px;
1164 }
1165
1166 .commit_list .commit_item .commit_message {
1167   margin-left: 40px;
1168 }
1169
1170 small.commit_message {
1171   margin: 0;
1172   font: 85%/95%  "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace;
1173 }
1174
1175 .commit_message.inline, .commit_message.inline p {
1176   display: inline;
1177 }
1178
1179 .commit_message a {
1180   color: #000;
1181 }
1182 .commit_message a.sha {
1183   text-decoration: underline;
1184 }
1185
1186 .gravatar {
1187   background-color: white;
1188   border: 1px solid #CCCCCC;
1189   float: left;
1190   margin-right: 10px;
1191   padding: 2px;
1192 }
1193
1194 .gravatar_tiny {
1195   background: transparent;
1196   border: none;
1197   margin-right: 5px;
1198 }
1199
1200 .commit_list .commit_item .gravatar {
1201   margin-top: 5px;
1202 }
1203
1204 ul.project_list li {
1205   padding-bottom: 1em;
1206   margin-bottom: 1em;
1207   border-bottom: 1px solid #dedede;
1208 }
1209
1210 ul.bullet_list li {
1211   list-style: disc;
1212   margin-left: 2.5em;
1213 }
1214
1215 .pagination {
1216   padding: 3px;
1217   margin: 3px;
1218   text-align: center;
1219 }
1220 .pagination a {
1221   padding: 3px 5px 2px 5px;
1222   margin: 2px;
1223   border: 1px solid #ddd;
1224   text-decoration: none;
1225 }
1226 .pagination a:hover, .pagination a:active {
1227   background: #390;
1228   color: #fff;
1229 }
1230 .pagination span.current {
1231   padding: 3px 5px 2px 5px;
1232   margin: 2px;
1233   border: 1px solid #999;
1234   font-weight: bold;
1235   color: #000;
1236 }
1237 .pagination span.disabled {
1238   padding: 1px 5px 2px 5px;
1239   margin: 2px;
1240   border: 1px solid #eee;
1241   color: #ddd;
1242 }
1243
1244 .section {
1245   margin-bottom: 3em;
1246 }
1247
1248 ul.path_breadcrumbs { margin: 0 0 5px 0; }
1249 ul.path_breadcrumbs li {
1250   display: inline;
1251   margin:0;
1252   font-size: 11px;
1253 }
1254
1255 /* tags */
1256
1257 ul.tag_list li {
1258   display:inline;
1259 }
1260
1261 .tag_size_1 { font-size: 1.0em; }
1262 .tag_size_2 { font-size: 1.2em; }
1263 .tag_size_3 { font-size: 1.4em; }
1264 .tag_size_4 { font-size: 1.6em; }
1265
1266 .large_tags .tag_size_1 { font-size: 1.0em; }
1267 .large_tags .tag_size_2 { font-size: 1.3em; }
1268 .large_tags .tag_size_3 { font-size: 1.6em; }
1269 .large_tags .tag_size_4 { font-size: 1.9em; }
1270
1271 /* "un-ready" objects */
1272
1273 .constructing {
1274   color: #999;
1275   background: transparent;
1276 }
1277
1278 div.being_constructed p {
1279   padding: 0;
1280   padding-top: 2px;
1281   margin: 0;
1282   color: #333;
1283         font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
1284         font-size: 90%;
1285 }
1286
1287 div.being_constructed {
1288   text-align:center;
1289   font-size: 16px;
1290   padding: 0;
1291   margin: 20px auto 150px auto;
1292   width: 500px;
1293   background: transparent url("../images/dialog_bg_bottom.png") repeat-x left bottom;
1294 }
1295
1296 div.being_constructed div.being_constructed_content {
1297   padding: 20px;
1298   border: 2px solid #4e4e4e;
1299   background: transparent url("../images/dialog_bg_top.png") repeat-x left top;
1300 }
1301
1302 div.being_constructed .spin {
1303   text-align: center;
1304   margin: 20px auto 20px auto;
1305 }
1306
1307 div.being_constructed .hint {
1308   font-size: 11px;
1309   color: #666;
1310 }
1311
1312 /* auto completions */
1313
1314 .ac_results {
1315         padding: 0px;
1316         border: 1px solid #888;
1317         background-color: #fff;
1318         overflow: hidden;
1319 }
1320
1321 .ac_results ul {
1322   margin:0;
1323   padding:0;
1324   width:100%;
1325   list-style-type:none;
1326 }
1327
1328 .ac_results iframe {
1329         display:none;
1330         position:absolute;
1331         top:0;
1332         left:0;
1333         z-index:-1;
1334         filter:mask();
1335         width:3000px;
1336         height:3000px;
1337 }
1338
1339 .ac_results li {
1340         margin: 0px;
1341         padding: 2px 5px;
1342         cursor: pointer;
1343         display: block;
1344         width: 100%;
1345         overflow: hidden;
1346 }
1347 .ac_loading {
1348         background : url('../images/spinner.gif') right center no-repeat;
1349 }
1350 .ac_over {
1351   background-color: #ffb;
1352   /*color: #800;*/
1353 }
1354
1355 /* project autocompletion */
1356
1357 #project_slug_auto_complete .slug {
1358   font-weight: bold;
1359 }
1360
1361 #project_slug_auto_complete .title {
1362   font-style: italic;
1363   font-size: 10px;
1364 }
1365
1366 /* user login autocompletion */
1367 #user_login_auto_complete  li.committer {
1368   height: 32px;
1369 }
1370
1371 #user_login_auto_complete li.committer div.image {
1372   float: left;
1373   width: 32px;
1374   height: 32px;
1375   margin-right: 8px;
1376 }
1377
1378 #user_login_auto_complete li.committer div.name {
1379   font-weight: bold;
1380   font-size: 12px;
1381   line-height: 1.2em;
1382 }
1383
1384 #user_login_auto_complete li.committer div.email {
1385   font-size: 10px;
1386   color:#888;
1387   margin-top: -5px;
1388 }
1389
1390
1391
1392 span.tag {
1393   border: 1px solid #999;
1394   background: #dedede;
1395   padding: 0 4px 2px 4px;
1396 }
1397
1398 .link_to_more {
1399   border-top: 1px solid #aaa;
1400   padding: 2px;
1401   text-align: center;
1402 }
1403
1404 a.more_info img {
1405   display: inline;
1406   margin-right: 3px;
1407 }
1408
1409 table.tree tr td {
1410         padding: 5px;
1411 }
1412
1413
1414 table.tree tr td.meta {
1415   font-size: 85%;
1416 }
1417
1418 table.tree tr td.meta, table.tree tr td.commit_message a {
1419         color: #444;
1420 }
1421
1422 table.tree tr td.node a {
1423   padding-left:25px;
1424   background-position: 4px 50%;
1425   background-repeat: no-repeat;
1426   display: block;
1427   width: 100%;
1428   height: 100%;
1429 }
1430
1431 #site_greeting {
1432     text-align: right;
1433     font-size: 18px;
1434     margin-bottom: 20px;
1435 }
1436
1437 #site_intro {
1438   width: 65%;
1439   margin: 2em auto 2em auto;
1440   font-size: 1.5em;
1441 }
1442
1443 #site_intro .hint {
1444   font-size: 55%;
1445 }
1446 #site_project_list .tag_list{
1447   text-align: center;
1448 }
1449
1450 ul.tab_menu {
1451   border-bottom: 1px solid #888;
1452   list-style: none;
1453   padding: 3px;
1454   margin-top: 2em;
1455   margin-bottom: 1em;
1456 }
1457
1458 ul.tab_menu li {
1459   display:inline;
1460   margin-right: 1em;
1461   border-top: 1px solid #888;
1462   border-left: 1px solid #888;
1463   border-right: 1px solid #888;
1464   padding: 5px;
1465 }
1466
1467 ul.tab_menu.inline_tabs {
1468   border-bottom: 1px solid #888;
1469   margin-bottom: 10px;
1470   width: 50%;
1471 }
1472
1473 ul.tab_menu.inline_tabs li:hover {
1474   background: #eee;
1475 }
1476
1477 ul.tab_menu li.selected {
1478   border-bottom: 2px solid #fff;
1479 }
1480
1481 ul.tab_menu li.selected, ul.tab_menu li.selected a {
1482   color: #666;
1483 }
1484
1485 #sidebar li.comment {
1486   border-top: 1px solid #fff;
1487   border-bottom: 1px solid #ccc;
1488   padding-bottom: 5px;
1489   padding-top: 15px;
1490 }
1491
1492 #sidebar li.comment:first-child {
1493   padding-top: 0px;
1494   border-top: none;
1495 }
1496
1497 #sidebar li.comment:last-child {
1498     border-bottom: none;
1499 }
1500
1501 #sidebar li.comment .body {
1502   padding: 5px 8px 0px 8px;
1503 }
1504
1505 #sidebar li.comment .byline {
1506   font-size: 10px;
1507   margin-top: -15px;
1508   float: right;
1509 }
1510
1511 .hint {
1512   color: #666;
1513   font-size: 90%;
1514 }
1515 small.hint { font-size: 83%;}
1516
1517 .caps {
1518   font-variant: small-caps;
1519 }
1520
1521 #sidebar .hint {
1522   color: #868F97;
1523 }
1524
1525 .info_hint {
1526   font-size: 95%;
1527   color: #666;
1528   margin-top: 5px;
1529   margin-bottom: 5px;
1530   padding-top: 5px;
1531   padding-bottom: 5px;
1532   border-top: 1px dotted #888;
1533   border-bottom: 1px dotted #888;
1534 }
1535
1536 .info_hint pre {
1537   margin-bottom: 5px;
1538 }
1539
1540 /* diff mode selector */
1541 ul.mode_selector {
1542   float: right;
1543 }
1544 ul.mode_selector li {
1545   display:inline;
1546   margin-left: 1em;
1547 }
1548 ul.mode_selector li.list_header { font-weight: bold; }
1549 ul.mode_selector li.selected    { border-bottom: 1px solid #666; }
1550
1551 /* Diff rendering */
1552 tr.toggle_diff { border-top: 1px solid #999; }
1553 tr.toggle_diff td {
1554   background: #ddd;
1555   padding: 0 5px 2px 5px;
1556   margin-bottom: 5px;
1557 }
1558 tr.toggle_diff td small { float:right;}
1559 tr.raw_diff td {
1560   padding-top: 5px;
1561 }
1562
1563 table#codeblob {
1564   width: 100%;
1565 }
1566
1567 table tr .line-numbers {
1568  text-align: right;
1569  vertical-align: top;
1570  background: #eee;
1571  color: #777;
1572  font-size: 92%;
1573  padding: 0 3px 0 2px;
1574  width: 35px;
1575  border-right: 1px solid #ccc;
1576  border-bottom: 1px solid #cdcdcd;
1577 }
1578
1579 table tr .commentable {
1580     cursor: pointer;
1581 }
1582
1583 table tr.selected-for-commenting td,
1584 table tr.selected-for-commenting td.ins,
1585 table tr.selected-for-commenting td.del,
1586 table tr.selected-for-commenting td.mod {
1587   background: #ffc none;
1588 }
1589
1590 table tr .ui-selecting,
1591 table tr .ui-selected {
1592   background-color: #ddd;
1593   font-weight: bold;
1594 }
1595
1596 table tr td.inline_comments {
1597     text-align: right;
1598     vertical-align: top;
1599     background: #eee;
1600     color: #777;
1601     font-size: 92%;
1602     padding: 0;
1603     border:none;
1604     border-right: 1px solid #cdcdcd;
1605 }
1606 table tr td.inline_comments .diff-comment-count {
1607     background-color: orange;
1608     padding: 1px 4px;
1609     margin: 0 1px;
1610     background: #222;
1611     border: 1px solid #eee;
1612     opacity: 0.7;
1613     color: #FA8700;
1614 }
1615 table tr td.inline_comments .diff-comment-count:hover {
1616     background: #FA8700;
1617     color: #000;
1618     text-decoration: none;
1619 }
1620
1621 table tr td.code .diff-comments {
1622     display: none;
1623     border-top: 1px solid #cdcdcd;
1624     border-bottom: 1px solid #cdcdcd;
1625     background: #888;
1626     padding: 0;
1627     margin: 5px 0 0 -2px;
1628     line-height:100%;
1629     font-size: 100%;
1630     white-space: normal;
1631 }
1632
1633 table tr.highlighted td.code {
1634     background: #ff9;
1635 }
1636
1637 table tr td.code {
1638  width: 95%;
1639  padding-left: 10px;
1640  /*white-space: pre;*/
1641  white-space: pre-wrap;       /* CSS-3                  */
1642  white-space: -moz-pre-wrap;  /* Mozilla, since 1999    */
1643  white-space: -pre-wrap;      /* Opera 4-6              */
1644  white-space: -o-pre-wrap;    /* Opera 7                */
1645  word-wrap: break-word;       /* Internet Explorer 5.5+ */
1646  background: #fff;
1647  font: 95%/110% "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace;
1648  border-right: 1px solid #ccc;
1649 }
1650 table#codeblob tr td.code {
1651   border-right: none;
1652 }
1653
1654 table tr td.code pre {
1655   margin: 0;
1656   padding: 0;
1657   font-size: inherit;
1658   line-height: inherit;
1659 }
1660
1661 table tr td.unwrapped {
1662  white-space: pre;
1663 }
1664
1665 table tr td.softwrapped {
1666   white-space: pre-wrap;       /* CSS-3                  */
1667   white-space: -moz-pre-wrap;  /* Mozilla, since 1999    */
1668   white-space: -pre-wrap;      /* Opera 4-6              */
1669   white-space: -o-pre-wrap;    /* Opera 7                */
1670   word-wrap: break-word;       /* Internet Explorer 5.5+ */
1671 }
1672
1673 table tr td.marked {
1674   background: #ffc !important;
1675 }
1676
1677 table.sidebyside {
1678   empty-cells: show;
1679   table-layout: fixed;
1680 }
1681 table.sidebyside tr td.code {
1682   padding: 2px;
1683 }
1684
1685 table.codediff {
1686   border: 1px solid #ccc;
1687   width: 100%;
1688   border-collapse: collapse;
1689   font: 95%/105% "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace;
1690 }
1691 table.codediff .line-num-cut {
1692   background: #ccc;
1693   border-top: 1px dashed #ccc;
1694   border-bottom: 1px dashed #ccc;
1695 }
1696
1697 table.codediff thead .line-numbers, table.codediff thead { background: #ddd; }
1698 table.codediff td.code { padding-left: 2px; }
1699 table.codediff .cut-line {
1700   background: #eee;
1701   border-top: 1px dashed #aaa;
1702   border-bottom: 1px dashed #aaa;
1703 }
1704 table.codediff td.hidden del { display:none; }
1705 table.codediff td.del { background: #ffdddd; }
1706 table.codediff td.del span.idiff { background: #F2ACAD; }
1707 table.codediff td.ins { background: #ddffdd; }
1708 table.codediff td.ins span.idiff { background: #BAFBAD; }
1709 table.sidebyside tbody.mod td { background: #fe9; }
1710 table.sidebyside tbody.mod td { background: #fe9; }
1711 table.sidebyside tbody.mod td ins, table.sidebyside tbody.mod td del { background: inherit; }
1712 /*table.sidebyside tbody.mod td ins span.idiff,
1713   table.sidebyside tbody.mod td del span.idiff { background: #fd4; }*/
1714 table.codediff td.del del { text-decoration: none; }
1715 table.codediff td.ins ins { text-decoration: none; }
1716 table.sidebyside td.del del { background: #ffaaaa; }
1717 table.sidebyside td.ins ins { background: #aaffaa; }
1718 table.codediff col.lines {
1719   width: 3em;
1720 }
1721
1722 ul.diff_stats {
1723   font: 95%/105% "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace;
1724   color: #888;
1725 }
1726
1727 ul.diff_stats small {
1728   font-size: 10px;
1729   font-weight: bold;
1730 }
1731 ul.diff_stats small.insertions  { color: #00BF00; }
1732 ul.diff_stats small.deletions   { color: #DC0000; }
1733
1734 #newest_projects, #site_project_list {
1735   margin-bottom: 3em;
1736 }
1737
1738 #newest_projects ul li {
1739   margin-left: 5px;
1740   margin-bottom: 5px;
1741 }
1742
1743 #site_overview {
1744   margin-bottom: 4em;
1745   margin-left: auto;
1746   margin-right: auto;
1747   width: 888px;
1748   text-align:center;
1749 }
1750
1751 #site_columns ul, #site_columns p {
1752   text-align: left;
1753 }
1754
1755 #site_overview table td, #site_overview table th {
1756   text-align:center;
1757 }
1758
1759 #site_overview table td.left, #site_overview table th.left {
1760   border-right: 1px dotted #ccc;
1761   padding-right: 10px;
1762 }
1763 #site_overview table td.right, #site_overview table th.right {
1764  padding-left: 10px;
1765 }
1766
1767 #site_overview p.create_account_hint {
1768   margin-top: 10px;
1769 }
1770
1771 /* Comments */
1772
1773 .comments {
1774   margin-bottom: 20px;
1775 }
1776
1777 .comments .comment {
1778   padding: 10px;
1779   border-bottom: 1px solid #ddd;
1780   width: 80%;
1781   margin-bottom: 10px;
1782 }
1783
1784 .comments .comment .comment_form {
1785   padding: 0.4em 0.4em 0.4em 2em;
1786   margin: 0.4em 0.4em 0.4em 2em;
1787   width: 60%;
1788   border: 1px solid #000;
1789   background-color: #eee;
1790 }
1791 .comments .comment .comment_form h3 {
1792   margin: 0;
1793 }
1794
1795 .comments .comment .comment_form .default_action {
1796   font-weight: bold;
1797 }
1798
1799 /* When displaying commits side-by-side, do not display the links to the context*/
1800 .comments.sidebyside .comment.inline .inline_comment_link {
1801   display: none;
1802 }
1803
1804 .comments .comment.inline .inline_comment_link a {
1805     color: #333;
1806 }
1807
1808 .comments .comment img {
1809   max-width: 500px; max-height: 500px;
1810 }
1811
1812 .comments .comment .byline {
1813   margin-bottom: 0;
1814   font-size: 12px;
1815   color: #666;
1816 }
1817
1818 .comments .comment .byline .avatar {
1819   float: left;
1820   display: inline;
1821   padding-right: 5px;
1822 }
1823
1824 .comments .comment .byline .permalink a {
1825   color: #666;
1826 }
1827
1828 .comments .comment .body {
1829     max-width: 75%;
1830 }
1831
1832 .comment .body ul, .page ol, .diff-comment .body ul { margin-left: 30px; }
1833 .comment .body ul li, .diff-comment .body ul li         { list-style-type: disc; }
1834 .comment .body ol li, diff-comment .body ol li          { list-style-type: decimal; }
1835 .comment .body h1, .diff-comment .body h1                       { margin: 15px 0 10px 0; font-size: 140%;}
1836 .comment .body h2, .diff-comment .body h2                       { margin: 15px 0 10px 0; font-size: 120%;}
1837 .comment .body h3, .diff-comment .body h3                       { margin: 15px 0 10px 0; font-size: 110%;}
1838 .comment .body h4, .diff-comment .body h4                       { margin: 15px 0 10px 0; font-size: 105%;}
1839 .comment .body blockquote, .diff-comment .body blockquote {
1840     margin-left: 7px;
1841     border-left: 3px solid #ccc;
1842     color: #666;
1843     padding: 10px;
1844 }
1845 .comment .body pre.diff-comment-context,
1846 .diff-comment .body pre.diff-comment-context {
1847     margin: 0;
1848 }
1849 .comment .body blockquote p:first-child, .diff-comment .body blockquote p:first-child {
1850     margin-bottom: 0;
1851 }
1852 .comment .body blockquote p:last-child, .comment .body blockquote p:last-child {
1853     margin-bottom: 0;
1854 }
1855 h2#comments form {
1856   float: right;
1857 }
1858 h2#comments form label {
1859   font-size: 11px;
1860   font-weight: normal;
1861   color: #000;
1862 }
1863 /* inline diff comments */
1864
1865 .diff-comment .body p {
1866     margin-bottom: 5px;
1867 }
1868
1869 .diff-comment {
1870     font-size: 13px;
1871     font-family: "Helvetica", Arial, sans-serif;
1872     line-height:100%;
1873     white-space:normal;
1874     border-bottom: 1px solid #eee;
1875     padding: 5px 10px;
1876     background: #fff;
1877 }
1878 .diff-comment:last-child {
1879     border-bottom: none;
1880 }
1881 .diff-comment .byline {
1882     float:left;
1883 }
1884 .diff-comment .byline {
1885   margin-bottom: 0;
1886   font-size: 11px;
1887   color: #666;
1888 }
1889 .diff-comment .byline a {
1890     color: #666;
1891 }
1892
1893 .diff-comment .byline .avatar {
1894   display: inline;
1895   padding-right: 5px;
1896 }
1897 .diff-comment .body {
1898     float:left;
1899     margin-left: 75px;
1900     max-width: 550px;
1901 }
1902 .diff-comment .reply {
1903     float: right;
1904     margin-right: 20px;
1905     font-size: 11px;
1906     color: #666;
1907     display:none;
1908 }
1909 .diff-comment .timestamp {
1910     float: right;
1911     font-size: 11px;
1912     color: #666;
1913 }
1914
1915 .diff-comment.highlighted {
1916     background: #ffd;
1917 }
1918
1919 /* Markdown help */
1920
1921 .markdown_help_link {
1922   float: left;
1923   padding: 0;
1924   margin: -25px 0 0 355px;
1925 }
1926 table.markdown_help {
1927   margin-top: -20px;
1928   margin-bottom: 20px;
1929   font-size: 11px;
1930   width: 300px;
1931 }
1932 .markdown_help td {
1933   padding: 2px 10px 2px 10px;
1934   border-bottom: 1px solid #ccc;
1935 }
1936 .markdown_help td ul li {
1937   list-style: disc;
1938 }
1939 .markdown_help td ul, table.markdown_help td ol {
1940   margin: 0;
1941   padding: 0;
1942 }
1943 .markdown_help td li {
1944   padding: 0;
1945   margin: 0;
1946   margin-left: 15px;
1947 }
1948 .markdown_help td pre {
1949   margin: 0;
1950 }
1951
1952 #site #recent_comments {
1953   width: 48%;
1954   float: left;
1955   padding-right: 10px;
1956   border-right: 1px dotted #dedede;
1957 }
1958 #site #recent_comments p { margin-bottom: 0; }
1959 #site #recent_comments .comment { width: 100%;}
1960 #site #recent_comments .comment .body {
1961   font-size: 12px;
1962 }
1963
1964 #site #clone_list {
1965   width: 49%;
1966   float: right;
1967 }
1968
1969 #site #clone_list ul li.repos {
1970   padding-bottom: 10px;
1971   margin-bottom: 10px;
1972   border-bottom: 1px solid #ddd;
1973 }
1974
1975 #system_message {
1976   background: #ffc;
1977   border-bottom: 1px solid #333;
1978   margin: 0;
1979 }
1980 #system_message p {
1981   text-align: center;
1982   margin-bottom:0;
1983   padding: 5px;
1984 }
1985
1986 .project_list_item p {
1987   margin-top: 0;
1988   margin-bottom: 0;
1989 }
1990
1991 #left {
1992   float:left;
1993   width: 48%;
1994 }
1995
1996 #right {
1997   float:right;
1998   width: 48%;
1999   clear:right;
2000 }
2001
2002 #site #left {
2003   width: 53%;
2004 }
2005
2006 #site #right {
2007   width: 43%;
2008 }
2009
2010 .important_message {
2011   font-weight: bold;
2012   color: #9A0000;
2013 }
2014
2015 /* Page */
2016 .page                                   { margin-bottom: 0px; padding-bottom: 0px; /*border-bottom: 2px solid #666;*/}
2017 .page ul, .page ol { margin-left: 30px; }
2018 .page ul li             { list-style-type: disc; }
2019 .page ol li             { list-style-type: decimal; }
2020 .page h1                        { margin: 15px 0 10px 0; font-size: 150%;}
2021 .page h2                        { margin: 15px 0 10px 0; font-size: 130%;}
2022 .page h3                        { margin: 15px 0 10px 0; font-size: 120%;}
2023 .page h4                        { margin: 15px 0 10px 0; font-size: 110%;}
2024 .page blockquote { margin-left: 30px; background: #eee; border: 1px solid #ddd; padding: 10px;}
2025
2026 .repository-description .page {
2027   margin: 0;
2028   padding: 0;
2029 }
2030
2031 .repository-description .page > p:last-child {
2032   margin-bottom: 0;
2033 }
2034
2035
2036 /* Merge Requests */
2037
2038 .merge_request_summary h4 {
2039         color: #111;
2040         margin-bottom: 5px;
2041 }
2042
2043 .merge_request_summary .proposal {
2044         margin: 5px 0 5px 10px;
2045         font-style: oblique;
2046 }
2047
2048 .merge_request_summary {
2049         width: 75%;
2050         padding: 10px;
2051         border: 1px solid #ffe8cd;
2052         background-color: #FEFAE6;
2053         margin-bottom: 20px;
2054 }
2055
2056 .merge-request-reason {
2057         width: 75%;
2058         margin: 10px 0 20px 0;
2059         padding: 10px;
2060         border: 1px solid #D4D17E;
2061         background-color: #FEFCAB;
2062 }
2063
2064 .merge-request-reason p:last-child {
2065   margin-bottom: 0;
2066 }
2067
2068 .merge_request_overview {
2069     margin-bottom: 20px;
2070 }
2071 .merge_request_overview .meta {
2072     color: #666;
2073     font-size: 12px;
2074     margin-top: 10px;
2075 }
2076
2077  .merge_request_overview .meta .byline .avatar {
2078   display: inline;
2079   padding-right: 5px;
2080 }
2081
2082 .recently-closed-merge-requests { margin: 0; }
2083 .merge_request_summary_short {
2084   margin: 0;
2085         padding: 5px;
2086         border: 1px solid #ccc;
2087         background-color: #fff;
2088         margin-bottom: 5px;
2089         font-size: 11px;
2090 }
2091
2092 .merge_request_summary_short a { color: #666;}
2093
2094 .merge_request_summary .byline, .merge_request_summary pre {
2095         margin-bottom: 0;
2096 }
2097
2098 .merge_request_summary .byline strong {
2099   float: right;
2100   margin-top: -20px;
2101 }
2102 .merge_request_summary_short img {
2103   display: inline;
2104 }
2105
2106 .merge_request_summary .status, .merge_request_summary_short .status {
2107         float:right;
2108         color: #888;
2109         font-size: 11px;
2110         margin: 0;
2111 }
2112 .merge_request_summary.rejected, .merge_request_summary.merged {
2113         background: #eee;
2114         border: 1px solid #ddd;
2115 }
2116 .merge_request_summary.open .status span,
2117 .merge_request_summary_short.open .status span,
2118 .merge-request-reason   .open span      { color: #FF7F00; }
2119 .merge_request_summary.merged .status span,
2120 .merge_request_summary_short.merged .status span,
2121 .merge-request-reason   .merged span            { color: #48BA1C; }
2122 .merge_request_summary.rejected .status span,
2123 .merge_request_summary_short.rejected .status span,
2124 .merge-request-reason   .rejected span  { color: #F00; }
2125
2126 table.commits_in_event {
2127   margin-top: 1em
2128 }
2129
2130 table.commits_in_event .avatar {
2131   padding-right: 1em
2132 }
2133
2134 table.commits_in_event tr .commit_message {
2135   margin-bottom: 10px;
2136 }
2137
2138 table.select_commits_from_list {
2139   margin-right: 10px;
2140   width: 90%;
2141 }
2142
2143 table.select_commits_from_list th {
2144   background: #999;
2145   color: #fff;
2146   font-size: 11px;
2147   padding: 5px 10px 3px;
2148   text-transform: uppercase;
2149   font-weight: bold;
2150 }
2151 table.select_commits_from_list th.commit_list_status {
2152   font-weight: normal;
2153   text-transform: lowercase;
2154   padding-left: 10px;
2155   padding-right: 10px;
2156   text-align: right;
2157   font: 85%/95%  "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace;
2158 }
2159 table.select_commits_from_list tr.commit_row td, tr.selected td {
2160   padding: 5px 0 5px 0;
2161   border-bottom: 1px solid #ddd;
2162 }
2163 table.select_commits_from_list tr.selected td {
2164   background-color: #ffc;
2165 }
2166 table.select_commits_from_list td.merge_to_container {
2167   width: 40px;
2168   text-align: center;
2169 }
2170 table.select_commits_from_list tr.commit_row td.selection {
2171   background: url("../images/silk/brick.png") no-repeat center center;
2172   width: 40px;
2173 }
2174 table.select_commits_from_list tr.selected td.selection {
2175   background-image: url("../images/silk/brick_add.png");
2176   background-color: #ffc;
2177 }
2178
2179 table.select_commits_from_list tr.commit_row td.commit-details ul {
2180   margin: 0;
2181   padding: 0;
2182 }
2183
2184 table.select_commits_from_list tr.commit_row .commit-details ul li {
2185   margin-right: 5px;
2186   display: inline;
2187 }
2188 table.select_commits_from_list tr.commit_row .commit-details ul li img {
2189   display: inline;
2190 }
2191 table.select_commits_from_list tr.commit_row .commit-details.meta {
2192   width: 180px;
2193   vertical-align: top;
2194 }
2195 table.select_commits_from_list tr.commit_row .commit-details.message {
2196   vertical-align: top;
2197 }
2198 table.select_commits_from_list tr.commit_row .commit-details .commit_message {
2199   margin: 0;
2200 }
2201 table.select_commits_from_list tr.commit_comments .commit-details.body {
2202  vertical-align: top;
2203 }
2204
2205 table.select_commits_from_list tr.commit_row.with_comments td.meta,
2206 table.select_commits_from_list tr.commit_comments td.meta {
2207   border-left: 4px solid #888;
2208   padding-left: 5px;
2209 }
2210 table.select_commits_from_list tr.commit_comments .commit-details .author a {
2211   font-weight:bold;
2212 }
2213 table.select_commits_from_list tr.commit_comments .commit-details .author a,
2214 table.select_commits_from_list tr.commit_comments .commit-details .permalink a {
2215   color: #000;
2216 }
2217
2218 #commit_selection_error {
2219   border: 1px solid red;
2220   padding: 1em;
2221 }
2222
2223
2224 #repositories #branches {
2225   float: right;
2226   margin: 0 10px 10px 10px;
2227 }
2228
2229 .search_time {
2230   float: right;
2231 }
2232
2233 .search_results strong.highlight {
2234   background: #ff0;
2235   font-weight: normal;
2236 }
2237 .search_results strong {
2238   font-weight: normal;
2239 }
2240
2241 .search_results p, .search_results h3 {
2242   margin-bottom: 5px;
2243 }
2244
2245 .search_results .item {
2246   margin-top: 20px;
2247   padding-bottom: 10px;
2248   margin-bottom: 10px;
2249   border-bottom: 1px solid #ddd;
2250 }
2251
2252 .search_bar input {
2253   padding: 3px;
2254   margin:0;
2255 }
2256 .search_bar p { margin-bottom: 2px; }
2257 .search_bar { margin-bottom: 20px; }
2258
2259 #users .infobox {
2260   margin-bottom: 20px;
2261 }
2262
2263 .commits_by_author_graph {
2264   float: right;
2265   margin: 40px 0 10px 10px;
2266 }
2267
2268 .commit_graph {
2269   text-align:center;
2270 }
2271
2272 /* Events */
2273
2274 .events .date {
2275   background: #999;
2276   padding: 5px 10px 3px 10px;
2277   color: #fff;
2278   text-transform: uppercase;
2279   font-size: 11px;
2280 }
2281
2282 .events.inline {
2283   margin-left: 0;
2284   margin-bottom: 0;
2285 }
2286
2287 .events .event_instances, .events .event_instance {
2288   margin: 0px 0px 0px 5px;
2289   background-repeat: no-repeat;
2290   background-position: 2px 4px;
2291   padding-bottom: 1px;
2292   clear: both;
2293 }
2294
2295 .events.inline .event_instance {
2296   background-image: none !important;
2297   clear: both;
2298   margin: 0;
2299   margin-bottom: 20px;
2300 }
2301 .event_instance.push .event_instance {
2302     margin-bottom: 0;
2303 }
2304
2305 .events .event_instances strong, .events .event_instance strong {
2306   color: #555;
2307 }
2308
2309 .events .event_instance .event_date {
2310   float: left;
2311   width: 80px;
2312   text-align: center;
2313   padding-top: 4px;
2314   font-size: 11px;
2315   color: #898989;
2316 }
2317 .events.inline .event_instance .event_date {
2318   width: 77px;
2319   padding-right: 10px;
2320   margin-bottom: 0;
2321 }
2322 .events .event_instance img {
2323   float: left;
2324   margin-top: 3px;
2325 }
2326
2327 .events .event_instance .event_meta p { padding: 0; margin: 0;}
2328 .events .event_instance .event_meta .event_action {
2329     font-size: 12px;
2330 }
2331 .events .event_instance .event_meta {
2332   margin: 0 0 20px 105px;
2333 }
2334
2335 .events .event_instance .event_meta .meta_body, .comments .comment .meta_body {
2336     font-size: 12px;
2337 }
2338 .events .event_instance .event_meta .meta_body span.changed,
2339 .comments .comment .meta_body span.changed {
2340     background: #E0EFCF;
2341     padding: 1px 2px 1px 2px;
2342 }
2343
2344 .events.inline .event_instance .event_meta {
2345   margin: 0 0px 20px 112px;
2346   text-align: left;
2347 }
2348
2349 .events .event_instance.relative .event_meta {
2350     margin: 0 0px 0 30px;
2351 }
2352 .events .event_instance.relative .relative_date {
2353     font-size: 11px;
2354     color: #555;
2355     float: right;
2356 }
2357
2358 .events.inline .event_instance .event_meta * > p {
2359   text-align: left;
2360 }
2361
2362 .events .event_instance .event_category {
2363   float: right;
2364   min-width: 100px;
2365   text-align: center;
2366   padding: 2px 5px 0 5px;
2367   font-size: 11px;
2368   text-transform: uppercase;
2369   color: #fff;
2370   background: #b6babc;
2371 }
2372
2373 .events.inline .event_instance .event_category {
2374   width: 0;
2375   display: none;
2376   margin: 0;
2377   padding: 0;
2378 }
2379
2380 li.event_instance.create_project { background-image: url("../images/silk/report_add.png"); }
2381 li.event_instance.delete_project { background-image: url("../images/silk/report_delete.png"); }
2382 li.event_instance.update_project { background-image: url("../images/silk/report_edit.png"); }
2383 li.event_instance.create_repository { background-image: url("../images/silk/database_add.png"); }
2384 li.event_instance.clone_repository { background-image: url("../images/silk/database_clone.png"); }
2385 li.event_instance.delete_repository { background-image: url("../images/silk/database_delete.png"); }
2386 li.event_instance.update_repository { background-image: url("../images/silk/database_edit.png"); }
2387 li.event_instance.commit { background-image: url("../images/silk/brick.png"); }
2388 li.event_instance.create_branch { background-image: url("../images/silk/arrow_branch.png"); }
2389 li.event_instance.delete_branch { background-image: url("../images/silk/delete.png"); }
2390 li.event_instance.create_tag { background-image: url("../images/silk/tag_blue_add.png"); }
2391 li.event_instance.delete_tag { background-image: url("../images/silk/tag_blue_delete.png"); }
2392 li.event_instance.add_collaborator { background-image: url("../images/silk/group_add.png"); }
2393 li.event_instance.remove_committer { background-image: url("../images/silk/group_delete.png"); }
2394 li.event_instance.comment { background-image: url("../images/silk/comment.png"); }
2395 li.event_instance.request_merge { background-image: url("../images/silk/chart_line_add.png"); }
2396 li.event_instance.resolve_merge_request { background-image: url("../images/silk/arrow_merge.png"); }
2397 li.event_instance.update_merge_request { background-image: url("../images/silk/chart_line_edit.png"); }
2398 li.event_instance.delete_merge_request { background-image: url("../images/silk/chart_line_delete.png"); }
2399
2400 /* sidebar repository list */
2401
2402
2403 .event_instance .event_category.comment { background: #a49d98; }
2404 .event_instance .event_category.project  { background: #98a49f; }
2405 .event_instance .event_category.merge_request { background: #a2a498; }
2406
2407 /* repository meta (overview page) */
2408 .repository_meta {
2409 /*  border: 1px solid #ddd;*/
2410   padding: 10px;
2411   background: transparent url("../images/silver_fade.png") repeat-x 0 -15px;
2412   border: 1px solid #eee;
2413   margin: 0 10px 40px 0;
2414 }
2415
2416 .repository_meta .header {
2417   color: #888;
2418   font-size: 12px;
2419   margin-bottom: 10px;
2420 }
2421 .repository_meta .header h2 {
2422   margin: 0;
2423   padding: 0;
2424   font-size: 20px;
2425   display: inline;
2426 }
2427
2428 .repository_meta .header h2.mainline {
2429     font-weight: bold;
2430 }
2431 .repository_meta .header td h2 img{
2432   vertical-align: middle;
2433   margin-left: 3px;
2434   margin-right: 3px;
2435 }
2436
2437 .repository_meta .repository-description.page {
2438     margin: 0;
2439     padding: 0;
2440 }
2441
2442 .repository_meta .meta-links {
2443     margin: 0 0 10px 0;
2444     display: block;
2445 }
2446
2447 .repository_meta .meta {
2448   color: #888;
2449   width: 33%;
2450   text-align: center;
2451 }
2452
2453 .repository_meta .infobox ul {
2454     margin-bottom: 0;
2455 }
2456
2457 .repository_meta .branches ul li strong {
2458     color: #555;
2459 }
2460
2461 .repository_meta .branches { padding: 0 0 0 5px;}
2462 .repository_meta .branches ul {
2463   margin: 0;
2464   padding: 0;
2465 }
2466
2467 .repository_meta .branches ul li {
2468   display: inline;
2469   margin-right: 5px;
2470 }
2471 .repository_meta .branches ul li.head { font-weight: bold; }
2472
2473
2474 .feed_icon { margin: 0px 4px -1px 4px; }
2475
2476 /* Wiki Pages */
2477 .wiki-page {
2478   margin-left: 20px;
2479   margin-right: 20px;
2480 }
2481 .wiki-page .page-content { max-width: 750px;}
2482
2483 .wiki-page .toc {
2484   float: right;
2485   margin: 0 0 10px 10px;
2486   padding: 10px 10px 10px 0;
2487   background: #E9F1F6;
2488   border: 1px solid #ccc;
2489 }
2490 .wiki-page .toc ul { margin-left: 10px;}
2491 .wiki-page .toc ul li {
2492   list-style: none;
2493 }
2494 .page-meta {
2495   font-size:11px;
2496   color: #666;
2497   border-top: 1px solid #ccc;
2498   margin-top: 10px;
2499   padding-top: 10px;
2500 }
2501 .page-meta p { margin:0; padding:0;}
2502 .page-meta .page-actions, .page-header .page-actions { font-size:11px; float:right; color:#666;}
2503 .page-meta .page-actions li {
2504   padding:0;
2505   margin:0;
2506 }
2507
2508 .page-history .diff {
2509   margin-top: 10px;
2510 }
2511
2512 .page-header {
2513   border-bottom: 1px solid #ccc;
2514   padding-bottom: 10px;
2515   margin-bottom: 10px;
2516 }
2517 .page-header h1 {
2518   font-size: 175%;
2519   margin:0;
2520   padding:0;
2521 }
2522 .page-header .page-crumbs {
2523   margin: 0 0 10px 0;
2524   font-size: 11px;
2525 }
2526 .page-header .page-crumbs li {
2527   display: inline;
2528   padding: 0;
2529   margin: 0;
2530   margin-right: 5px;
2531   list-style-type: none;
2532 }
2533 .page-header .page-crumbs li a { margin-right: 5px;}
2534 .page-header .page-crumbs li.current { color: #666;}
2535
2536 .page                                   { margin-bottom: 20px; padding-bottom: 10px; /*border-bottom: 2px solid #666;*/}
2537 .page ul, .page ol { margin-left: 30px; }
2538 .page ul li             { list-style-type: disc; }
2539 .page ol li             { list-style-type: decimal; }
2540 .page h1                        { margin: 15px 0 10px 0; font-size: 150%;}
2541 .page h2                        { margin: 15px 0 10px 0; font-size: 130%;}
2542 .page h3                        { margin: 15px 0 10px 0; font-size: 120%;}
2543 .page h4                        { margin: 15px 0 10px 0; font-size: 110%;}
2544 .page blockquote { margin-left: 30px; background: #eee; border: 1px solid #ddd; padding: 10px;}
2545
2546 #project-description {
2547   margin: 0;
2548   padding: 0;
2549 }
2550
2551 div.archive-download-box {
2552   background: #eee;
2553   border: 2px solid #666;
2554   margin: 10px;
2555   padding: 10px;
2556   z-index: 100000;
2557 }
2558
2559 div.archive-download-box .spin {
2560   text-align: center;
2561   margin: 10px auto 10px auto;
2562 }
2563 div.archive-download-box h4 {
2564   text-align: center;
2565 }
2566
2567 div.archive-download-box ul.links {
2568   margin-left: 0 !important;
2569 }
2570
2571 div.archive-download-box p {
2572   margin: 0;
2573   padding: 0;
2574   text-align: center;
2575 }
2576
2577
2578 /*Styling of EULA*/
2579
2580 .eula
2581 {
2582   padding: 1em 2em;
2583   max-height: 20em;
2584   overflow-y: auto;
2585 }
2586
2587 .message_list {
2588   width: 100%;
2589   margin-bottom: 0;
2590 }
2591
2592 .message_list tr
2593 {
2594   border-bottom: 1px solid #ddd;
2595 }
2596 .message_list th
2597 {
2598   background-color: #eee;
2599   font-weight: bold;
2600 }
2601 .message_list td,
2602 .message_list th
2603 {
2604   padding: 0.2em 0.4em;
2605 }
2606 .message_list .preview
2607 {
2608   font-size: 80%;
2609   color: #333;
2610   font-weight: normal;
2611 }
2612 .message_list .unread
2613 {
2614   font-weight: bold;
2615 }
2616 .message_list td.timestamp {
2617   font-size: 11px;
2618   color: #555;
2619   text-align: center;
2620 }
2621 .message_list_actions {
2622   padding: 2px 5px 0 5px;
2623   font-size: 12px;
2624   background: #eee;
2625 }
2626 .message_list_actions p {
2627   margin: 0;
2628   padding: 0;
2629   display: inline;
2630   margin-right: 10px;
2631 }
2632 .message_list_actions input, .message_list_actions select {
2633   display: inline;
2634 }
2635 .message_list td.who
2636 {
2637   padding-left: 22px;
2638   background-position: 2px center;
2639   background-repeat: no-repeat;
2640 }
2641 .message_list tr.merge_request td.who,
2642 .message_list tr.membership td.who,
2643 .message_list tr.committership td.who
2644 {
2645   background-image: url(../images/silk/server.png);
2646 }
2647 .message_list tr.message td.who
2648 {
2649   background-image: url(../images/silk/comments.png);
2650 }
2651 .message_full
2652 {
2653   border: 1px solid #ddd;
2654   -moz-border-radius: 10px;
2655   -webkit-border-radius: 10px;
2656   padding: 0.4em;
2657   margin-bottom: 1em;
2658   -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
2659 }
2660 .message_full .avatar
2661 {
2662   float: left;
2663   width: 50px;
2664 }
2665 .message_full .message
2666 {
2667   margin: 0 0 0 50px;
2668 }
2669 .message_full .message .body
2670 {
2671   padding-left: 1em;
2672 }
2673 .message .meta {
2674   color: #555;
2675   font-size: 12px;
2676 }
2677 .message h2.subject {
2678   margin: 0 0 5px 0;
2679   padding: 0;
2680   font-size: 14px;
2681 }
2682 .unread
2683 {
2684   background-color: #D9E8FA;
2685 }
2686
2687
2688 /* pull boxes */
2689
2690 .pull-box {
2691   padding: 0;
2692   margin: 0;
2693   margin-bottom: 20px;
2694   background: #fff url("../images/silver_fade.png") repeat-x 0 0;
2695 }
2696 #sidebar .pull-box {
2697     background: transparent url("../images/silver_fade.png") repeat-x 0 0;
2698 }
2699 #sidebar .pull-box h3 {
2700     margin-bottom: 0;
2701 }
2702 #sidebar .pull-box .pull-box-content {
2703     border: 1px solid #ddd;
2704     border-top: none;
2705 }
2706
2707 .pull-box .pull-box-content {
2708   padding: 10px 10px 0 10px;
2709 }
2710
2711 .pull-box h3.pull-box-header {
2712   background: #eee url("../images/silver_light_gradient.png") repeat-x 0 0;
2713   text-align: center;
2714   padding: 6px 0 5px 0;
2715   margin: 0;
2716   color: #333;
2717   text-shadow:-1px 1px 2px #fff;
2718   font-size: 15px;
2719 }
2720
2721 .pull-box h3.pull-box-header a {
2722   color: #fff;
2723 }
2724
2725 .pull-box.expose { background-image: none; }
2726 .pull-box.expose p, .pull-box.expose li { font-size: 16px; }
2727 .pull-box.expose li                     { margin-bottom: 10px; }
2728
2729 /* Dialog boxes */
2730
2731 .dialog-box {
2732   padding: 0;
2733   margin: 20px auto 150px auto;
2734   width: 500px;
2735   background: transparent url("../images/dialog_bg_bottom.png") repeat-x left bottom;
2736 }
2737
2738 .dialog-box .dialog-box-content {
2739   padding: 20px;
2740   border: 2px solid #4e4e4e;
2741   background: transparent url("../images/dialog_bg_top.png") repeat-x left top;
2742 }
2743
2744 .dialog-box .dialog-box-header {
2745   background: #4e4e4e url("../images/dialog_header_bg.png") repeat-x;
2746   color: #fff;
2747   text-align: center;
2748   padding: 10px 0 5px 0;
2749   margin: 0;
2750 }
2751
2752
2753 #project-preview
2754 {
2755   max-height: 200px;
2756   padding: 10px;
2757   max-height: 200px;
2758   overflow-y: scroll;
2759 }
2760
2761 ul#commit_selector
2762 {
2763 }
2764 ul#commit_selector li
2765 {
2766 }
2767 ul#commit_selector li a.current
2768 {
2769   font-weight: bold;
2770 }
2771 table.select_commits_from_list tr.merged td.meta,
2772 table.select_commits_from_list tr.unmerged td.meta,
2773 table.select_commits_from_list tr.unknown-status td.meta
2774 {
2775     background-position: 7px 0;
2776     background-repeat: no-repeat;
2777     padding-left: 16px;
2778 }
2779 table.select_commits_from_list tr.unmerged td.meta
2780 {
2781     background-image: url(../images/merge_status/unmerged.png);
2782 }
2783 table.select_commits_from_list tr.merged td.meta
2784 {
2785     background-image: url(../images/merge_status/merged.png);
2786 }
2787 table.select_commits_from_list tr.unknown-status td.meta
2788 {
2789     background-image: url(../images/merge_status/unknown.png);
2790 }
2791 #commits_to_be_merged
2792 {
2793     position: relative;
2794 }
2795 #wait_for_commits
2796 {
2797     position: absolute;
2798 }
2799 .please_wait
2800 {
2801     background-color: #fff;
2802     font-size: 16px;
2803     border: 2px solid #ccc;
2804     margin: 20px 20px 20px 0;
2805     text-align: center;
2806     padding: 20px 20px;
2807     width: 50%;
2808 }
2809 #merge-requests-status-chooser {
2810     padding: 5px 10px;
2811     background: #E9F1F6;
2812     float: right;
2813     margin: 0 0 5px 0;
2814     color: #888;
2815 }
2816
2817 #merge-requests-status-chooser ul.horizontal {
2818     float:left;
2819     margin: 0;
2820 }
2821
2822 #merge-requests-status-chooser ul.horizontal li {
2823   padding-right: 0;
2824 }
2825
2826 #merge-requests-status-chooser ul.horizontal li > a {
2827     padding-left: 10px !important;
2828 }
2829
2830 .merge_request_status {
2831     border-bottom: 1px solid #ddd;
2832     margin-bottom: 5px;
2833 }
2834 .add_link {
2835     text-align:right;
2836 }
2837
2838 /* Styles for ColorPicker popUp */
2839
2840 #colorpicker {
2841   position: absolute;
2842   width: 145px;
2843   height: 135px;
2844   overflow: hidden;
2845   background: #F9F9F9;
2846   border: 2px #C0C0C0 outset;
2847   z-index: 1000;
2848 }
2849
2850 #colorpicker-hue-container {
2851     position: absolute;
2852     top: 4px;
2853     left: 120px;
2854     width: 18px;
2855     height: 110px;
2856 }
2857
2858 #colorpicker-hue-bg-img {
2859     width: 100%;
2860     height: 100%;
2861 }
2862
2863 #colorpicker-hue-slider {
2864     position: absolute;
2865     top: 0;
2866     left: 0;
2867     width: 100%;
2868     height: 100%;
2869 }
2870
2871 #colorpicker-hue-thumb {
2872     position: absolute;
2873     top: 0;
2874     left: 0;
2875     width: 18px;
2876     height: 18px;
2877     z-index: 1009;
2878     cursor: default;
2879 }
2880
2881 #colorpicker-bar {
2882   text-align: right;
2883   padding-right: 10px;
2884 }
2885
2886 #colorpicker-close {
2887   cursor: pointer;
2888   color: blue;
2889   font-size: 10px;
2890   font-family: Tahoma, Helvetica, Sans-Serif;
2891   font-weight: bold;
2892 }
2893
2894 #colorpicker-div {
2895   position: absolute;
2896   top: 8px;
2897   left: 8px;
2898   width: 100px;
2899   height: 100px;
2900   border: 1px solid #666;
2901 }
2902
2903 #colorpicker-bg,
2904 #colorpicker-bg-overlay {
2905   position: absolute;
2906   top: 0;
2907   left: 0;
2908   width: 100%;
2909   height: 100%;
2910   z-index: 1001;
2911   overflow: hidden;
2912 }
2913 #colorpicker-selector {
2914   position: absolute;
2915   top: 0px;
2916   left: 0px;
2917   width: 11px;
2918   height: 11px;
2919   z-index: 1009;
2920   margin-top: -6px;
2921   margin-left: -6px;
2922   cursor: default;
2923 }
2924 #colorpicker-selector img {
2925   position: absolute;
2926   left: 0;
2927   top: 0;
2928 }
2929 #colorpicker-footer {
2930   position: absolute;
2931   top: 114px;
2932   left: 10px;
2933   width: 127px;
2934 }
2935
2936 #colorpicker-value {
2937   float: left;
2938 }
2939
2940 #colorpicker-value,
2941 #colorpicker-value-input {
2942   font-size: 9px !important;
2943   font-family: Helvetica, Verdana, Sans-Serif;
2944   height: 10px;
2945 }
2946
2947 #colorpicker-value-input {
2948   width: 40px;
2949 }
2950 #colorpicker-okbutton {
2951   float: right;
2952   padding: 0 10px;
2953   background: #3366FF;
2954   font-size: 10px;
2955   font-family: Tahoma, Helvetica, Sans-Serif;
2956   border: 1px solid #666666;
2957   color: #ffffff;
2958 }
2959
2960
2961 /*
2962 Merge request commit selector
2963 */
2964
2965 .merge_request_diff_browser{
2966   margin-bottom: 20px;
2967   min-width: 800px;
2968 }
2969
2970 #merge_request_diff{
2971   min-height: 4em;
2972   padding: 0;
2973   margin-top: 20px;
2974 }
2975
2976 #merge_request_commit_selector {
2977   list-style: none;
2978   margin: 0;
2979   padding: 0 0 0 30px;
2980   background-image: url(../images/silver_gradient.png);
2981   background-position: top left;
2982   background-repeat: repeat-x;
2983   height: 23px;
2984   border-bottom: 1px solid #ddd;
2985   border-top: 1px solid #ddd;
2986   border-left: 1px solid #ddd;
2987   border-right: 1px solid #ddd;
2988   min-width: 850px;
2989 }
2990
2991 #merge_request_commit_selector .selectable-container {
2992     width: 720px;
2993     overflow:hidden;
2994     height:23px;
2995     float:left
2996 }
2997
2998 #merge_request_commit_selector li.single_commit {
2999   float: left;
3000   display: block;
3001   width: 107px;
3002   height: 23px;
3003   padding: 2px 0 0 15px;
3004   margin-left: -30px;
3005   background-position: top right;
3006   cursor: pointer;
3007   background-repeat: no-repeat;
3008   background-image: url(../images/commit_selector.png);
3009 }
3010 #merge_request_commit_selector.large li.single_commit.expander {
3011     width: 250px;
3012     padding-left: 25px;
3013 }
3014
3015 #merge_request_commit_selector li:last-child,
3016 #merge_request_commit_selector li:first-child{
3017   background-image: none; !important
3018 }
3019 #merge_request_commit_selector li:first-child.ui-selected,
3020 #merge_request_commit_selector li:first-child.ui-selecting{
3021   background-image: url(../images/silver_gradient_inverse.png);
3022   margin-left: -30px;
3023   padding-left: 37px;
3024   border-right: 2px solid #ddd;
3025   background-repeat: repeat-x;
3026 }
3027 #merge_request_commit_selector li a{
3028   padding: 0 0 0 15px;
3029   background-position: -5px 0;
3030   background-repeat: no-repeat;
3031   font-size: 12px;
3032   color: #000;
3033   margin: 0;
3034 }
3035
3036 #merge_request_commit_selector li.selected_shas{
3037   padding: 2px 20px;
3038   float: right;
3039 }
3040 #merge_request_commit_selector li.ui-selected,
3041 #merge_request_commit_selector li.ui-selecting{
3042   background-image: url(../images/commit_selector_selected.png);
3043 }
3044
3045 #merge_request_commit_selector li.single_commit a:hover {
3046   text-decoration: none;
3047   color: #000;
3048 }
3049
3050 #merge_request_commit_selector li.merged a
3051 {
3052   background-image: url("../images/silk/bullet_green.png");
3053 }
3054
3055 #merge_request_commit_selector li.unmerged a
3056 {
3057     background-image: url("../images/silk/bullet_red.png");
3058 }
3059
3060 #merge_request_commit_selector .version_selector
3061 {
3062     float: right;
3063 }
3064 #merge_request_current_version li.merge_base
3065 {
3066     font-weight: bold;
3067     background-color: #444;
3068     color: #ccc;
3069     font-weight: normal;
3070     float: left;
3071     padding: 0 5px 0 10px;
3072     margin: 2px 40px 0 -25px;
3073     font-size: 11px;
3074     width:&nbs