Support pretty display of submodules in the tree view
[gitorious:dysinger.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 a {
99 /*  color: #e7371a;*/
100   color: #390;
101   text-decoration: none;
102 }
103 a:hover {
104   text-decoration: underline;
105 }
106 strong, b {
107   font-weight: bold;
108 }
109 em, i {
110   font-style: italic;
111 }
112 ul {
113   margin-left: 0.5em;
114   margin-right: 0.5em;
115 }
116 pre {
117   margin-left: 2em;
118   margin-right: 2em;
119 }
120
121 ul li h1, ul li h2, ul li h3, ul li h4 {
122   margin-bottom: 0.5em;
123 }
124
125 abbr {
126   border-bottom: 1px dotted #333;
127 }
128 /* boxes */
129
130 .clear {
131   clear: both;
132   height: 0;
133 }
134
135 .clear_left {
136   clear: left;
137   height: 0;
138 }
139
140 #header {
141   background: #292929;
142   padding-left: 20px;
143   height: 125px;
144 /*  overflow:hidden;*/
145 }
146
147 #header #logo {
148   padding: 10px 0 15px 0;
149   line-height: 25px;
150   margin:0;
151   border:0;
152 }
153 #header #logo a { color: #666; }
154
155 #header .search_bar {
156   float: right;
157   margin-right: 20px;
158 }
159 #header .search_bar .search-hint { display: none;}
160 #header .search_bar .search-field {
161   width: 250px;
162 }
163 #header .search_bar .search-field, #header .search_bar .search-submit {
164   background: #2F2F2F;
165   color: #fff;
166   border: 1px solid #666;
167 }
168 #header .search_bar .search-submit { color: #aaa; }
169
170 #header #project_title {
171   font-size: 19px;
172   line-height: 19px;
173   margin: 0 0 17px 0;
174   padding: 0;
175 }
176 #header #project_title  a {
177   color: #aaa;
178   letter-spacing: 0.05em;
179 }
180
181 #container {
182   min-height: 300px;
183   margin-right: 40px;
184   background: #fff url("/images/maincontent-border-right.gif") top right repeat-y;
185 }
186 #container.in-context-mode {
187   border-top: 1px solid #a7afb5;
188 }
189
190 #container #content {
191   padding: 20px;
192   min-height: 300px;
193 }
194
195 #container #content.with_sidebar {
196   float: left;
197   position: relative;
198   width: 67%;
199   margin: 20px 0 20px 20px;
200   padding:0;
201 }
202
203 #container #sidebar {
204   border-left: 1px solid #d1d5d8;
205   position: relative;
206   margin: 0 2px 0 70%;
207   padding: 20px;
208   background: #eef2f5;
209   color: #555;
210 }
211
212 #container #sidebar:after {
213   clear: left;
214   display: block;
215   visibility: hidden;
216   height: 0;
217   content: "";
218 }
219
220 #sidebar ul.links {
221   margin-left: -5px;
222   padding:0;
223 }
224 #sidebar ul.links li {
225   border-bottom: 1px dotted #888;
226 }
227 #sidebar ul.links li a {
228   display: block;
229   padding: 5px 5px 5px 10px; 
230 }
231 #sidebar ul.links li a:hover {
232   color: #fff;
233   background: #390;
234   text-decoration: none;
235 }
236
237 #container #footer {
238   padding: 10px 30px 0 10px;
239   font-size: 11px;
240   color: #666;
241   text-align: center;
242   clear:both;
243   background: #DEE7ED; 
244 }
245
246 #container #footer ul li {
247   display: inline;
248 }
249
250 .flash_message {
251   clear: both;
252   padding: 5px 5px 5px 20px;
253   margin-bottom: 20px;
254   border-top:1px solid #ccc;
255   border-bottom:1px solid #ccc;
256 }
257 .flash_message p { margin: 0; }
258 .flash_message.notice {
259   color: #588e03;
260   background: #e9fad9;
261   border-color: #588e03; 
262 }
263
264 .flash_message.error {
265   color: #c30000;
266   background: #f2dcdc;
267   border-color: #c30000;
268 }
269
270 /* menu */
271
272 #menu {
273   float: right;
274   margin-top: -50px;
275   margin-right: 20px;
276   list-style: none;
277   padding-top: 2px;
278 }
279
280 #menu li {
281   display: inline;
282   margin-right: 20px;
283 }
284 #menu li.secondary {
285   margin-right: 5px;
286   color: #666;
287 }
288 #menu li a { 
289   font-size: 14px;
290   color: #92B92D;
291 }
292
293 #menu li.secondary a { 
294  font-size: 11px; 
295 }
296
297 #menu li a:hover {
298   text-decoration: none;
299   border-bottom: 2px solid #92B92D;
300 }
301
302 /* Round corners */
303 .round-top-5 {
304   -moz-border-radius-topleft: 5px;
305   -moz-border-radius-topright: 5px;
306   -webkit-border-top-left-radius: 5px;
307   -webkit-border-top-right-radius: 5px;
308 }
309 .round-bottom-5 {
310   -moz-border-radius-bottomleft: 5px;
311   -moz-border-radius-bottomright: 5px;
312   -webkit-border-bottom-left-radius: 5px;
313   -webkit-border-bottom-right-radius: 5px;
314 }
315 .round-5 {
316   -moz-border-radius: 5px;
317   -webkit-border-radius: 5px;
318 }
319
320
321 /* submenu */
322 #submenu {
323 /*  font-size: 90%;*/
324   list-style: none;
325   margin: 0;
326   padding-top: 11px;
327   line-height:100%;
328 }
329
330 #submenu li {
331   display: inline;
332   margin-right: 20px;
333 }
334
335 #submenu li a { 
336   float:none;
337   font-size: 12px;
338   background: #555;
339   color: #fff;
340   padding: 10px 15px 8px 15px;
341 }
342 #submenu li.selected a {
343   background: #dee7ed;
344   color: #000;
345 }
346
347 #submenu.white li.selected a {
348   background: #fff;
349 }
350
351 #submenu li a:hover {
352   text-decoration: none;
353   background: #92B92D;
354   color: #fff;
355 }
356
357 #submenu li.selected a:hover {
358   background: #dee7ed;
359   color: #000;
360 }
361
362 #submenu.white li.selected a:hover {
363   background: #fff;
364   color: #000;
365 }
366
367 /* context menu */
368
369 #contextmenu {
370   list-style: none;
371   margin: 0;
372   line-height: 100%;
373   margin-left: 10px;
374   background: #dee7ed;
375   height: 30px;
376 }
377
378 #contextmenu li {
379   float: left;
380   position: relative;
381   display: block;
382 }
383
384 #contextmenu li a {
385   padding: 10px 10px 7px 10px;
386   float: left;
387   position: relative;
388   display: block;
389   color: #555;
390 }
391 #contextmenu li a:hover {
392   text-decoration: none;
393   color: #390; /* #62b0e4 */
394 }
395
396 /* Forms */
397
398 textarea {
399   width: 90%;
400 }
401
402 fieldset { 
403   padding: 3px; 
404   margin: 0 0 10px 0; 
405   width: 100%;
406 }
407
408 legend { 
409   font-weight: bold; 
410   font-size:12px; 
411 }
412
413 label { 
414   font-weight: bold; 
415 }
416
417 .required {
418   color: #aaa;
419   font-size: 10px;
420   font-weight: normal;
421 }
422
423 form {
424   margin-bottom: 1.5em;
425 }
426
427 input.text { 
428   padding: 3px; 
429   width: 350px; 
430 }
431
432 textarea { 
433   width: 350px; 
434   height: 150px; 
435   padding: 3px; 
436 }
437 textarea.text { height: 60px; }
438 textarea.wide { width: 100%; }
439 textarea.shorter { height: 250px; }
440 textarea.tall { height: 500px; }
441 textarea.medium { width: 450px; height: 250px; }
442 select        { width: 200px; }
443
444 input.text, textarea, select {
445   margin: 5px 0 10px 0;
446   border: 1px solid #bbb;
447 }
448
449 input.text:focus, input.title:focus,
450 textarea:focus, select:focus {
451   border: 1px solid #666;
452 }
453
454 /* embeds the openid image in the text field */
455 input#openid_url {
456    background: url(/images/login-bg.gif) no-repeat;
457    background-color: #fff;
458    background-position: 0 50%;
459    color: #000;
460    padding-left: 18px;
461 }
462
463 .fieldWithErrors { margin: 0; display: block;}
464 .fieldWithErrors input, .fieldWithErrors textarea,
465 .fieldWithErrors select {
466   border: 1px solid #c30000;
467 }
468
469 .errorExplanation {
470   background: #fbe3e4; 
471   border: 1px solid #c30000;
472   width: 400px;
473   margin: 0 0 10px 0;
474 }
475
476 .errorExplanation h2 {
477   font-size: 120%;
478   line-height: 120%;
479   font-weight: normal;
480   padding: 5px;
481   color: #fff;
482   background: #c30000;
483   margin-bottom: 0.2em;
484 }
485 .errorExplanation p { 
486   padding: 2px 2px 2px 5px;
487   margin-bottom: 0;
488   margin-top: 0;
489 }
490 .errorExplanation ul {
491   padding: 5px 10px 10px 25px;
492   margin-bottom: 0;
493 }
494 .errorExplanation ul li{
495     list-style-type: disc;
496 }
497
498 table.listing {
499   width: 100%;
500 }
501
502 table.listing tr td {
503   padding: 3px;
504 }
505
506 table.listing tr.odd {
507   background: #efefef;
508 }
509 table.listing thead th {
510   font-weight: bold;
511   padding: 3px;
512   border-bottom: 2px solid #888;
513 }
514
515 /* sidebar repository list */
516
517 #sidebar ul.repository_list li {
518   padding-left: 25px;
519   margin-bottom: 10px;
520 }
521 #sidebar ul.repository_list li.mainline {
522   background: url("/images/repocube_main.png") 0 0 no-repeat;
523 }
524
525 #sidebar ul.repository_list li.clone {
526   background: url("/images/repocube.png") 0 0 no-repeat;
527 }
528
529 #sidebar ul.repository_list ul {
530   margin-left: 20px;
531 }
532 #sidebar ul.repository_list .user img {
533   float: left;
534   margin-top: 1px;
535 }
536
537 #sidebar ul.repository_list .user a {
538   color: #555;
539   margin: 0 0 0 5px;
540   padding:0;
541   font-size: 11px;
542 }
543
544 /* info boxes */
545
546 .infobox {
547   background: #efefef;
548   padding: 10px;
549   border: 1px solid #ccc;
550 }
551
552 .infobox li {
553   margin-bottom: 0.2em;
554 }
555
556 #projects .infobox {
557         float: right;
558         margin: 0 0 10px 10px;
559         font-size: 93%;
560 }
561
562 #projects .infobox ul {
563         margin-bottom:0;
564 }
565
566 .commit_list .commit_item {
567   clear:left;
568   margin-bottom: 15px;
569 }
570
571 .commit_message, .commit_message p {
572   margin-top: 10px;
573   margin-left: 10px;
574   font: 95%/105%  "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace;  
575 }
576 .event_instance .commit_message, .event_instance .commit_message p {
577   margin: 2px 0 0 0;
578 }
579
580 .commit_list .commit_item .commit_message {
581   margin-left: 40px;
582 }
583
584 small.commit_message {
585   margin: 0;
586   font: 85%/95%  "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace;  
587 }
588
589 .commit_message a {
590   color: #000;
591 }
592
593 .gravatar {
594   background-color: white;
595   border: 1px solid #CCCCCC;
596   float: left;
597   margin-right: 10px;
598   padding: 2px;
599 }
600
601 .gravatar_tiny {
602   background: transparent;
603   border: none;
604   margin-right: 5px;
605 }
606
607 .commit_list .commit_item .gravatar {
608   margin-top: 5px;
609 }
610
611 ul.project_list li {
612   padding-bottom: 1em;
613   margin-bottom: 1em;
614   border-bottom: 1px solid #dedede;
615 }
616
617 ul.bullet_list li {
618   list-style: disc;
619   margin-left: 2.5em;
620 }
621
622 .pagination {
623   padding: 3px;
624   margin: 3px;
625   text-align: center;
626 }
627 .pagination a {
628   padding: 3px 5px 2px 5px;
629   margin: 2px;
630   border: 1px solid #ddd;
631   text-decoration: none;
632 }
633 .pagination a:hover, .pagination a:active {
634   background: #390;
635   color: #fff;
636 }
637 .pagination span.current {
638   padding: 3px 5px 2px 5px;
639   margin: 2px;
640   border: 1px solid #999;
641   font-weight: bold;
642   color: #000;
643 }
644 .pagination span.disabled {
645   padding: 1px 5px 2px 5px;
646   margin: 2px;
647   border: 1px solid #eee;
648   color: #ddd;
649 }
650
651 .section {
652   margin-bottom: 3em;
653 }
654
655 ul.path_breadcrumbs { margin: 0 0 5px 0; }
656 ul.path_breadcrumbs li {
657   display: inline;
658   margin:0;
659   font-size: 11px;
660 }
661
662 /* tags */
663
664 ul.tag_list li {
665   display:inline;
666 }
667
668 .tag_size_1 { font-size: 1.0em; }
669 .tag_size_2 { font-size: 1.2em; }
670 .tag_size_3 { font-size: 1.4em; }
671 .tag_size_4 { font-size: 1.6em; }
672
673 .large_tags .tag_size_1 { font-size: 1.0em; }
674 .large_tags .tag_size_2 { font-size: 1.3em; }
675 .large_tags .tag_size_3 { font-size: 1.6em; }
676 .large_tags .tag_size_4 { font-size: 1.9em; }
677
678 /* "un-ready" objects */
679
680 .constructing {
681   color: #999;
682   background: transparent;
683 }
684
685 div.being_constructed p {
686   padding: 0;
687   padding-top: 2px;
688   margin: 0;
689   color: #333;
690         font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
691         font-size: 90%;
692 }
693
694 div.being_constructed {
695   text-align:center;
696   margin: 1em;
697   padding: 1em;
698   border: 1px solid #A74B42;
699   background: #eee;
700 }
701
702
703 /* auto completions */
704
705 div.auto_complete {
706   width: 350px;
707   background: #fff;
708 }
709 div.auto_complete ul {
710   border:1px solid #888;
711   margin:0;
712   padding:0;
713   width:100%;
714   list-style-type:none;
715 }
716 div.auto_complete ul li {
717   margin:0;
718   padding:3px;
719 }
720 div.auto_complete ul li.selected { 
721   background-color: #ffb; 
722 }
723 div.auto_complete ul strong.highlight { 
724   color: #800; 
725   margin:0;
726   padding:0;
727 }
728
729 span.tag {
730   border: 1px solid #999;
731   background: #dedede;
732   padding: 0 4px 2px 4px;
733 }
734
735 .link_to_more {
736   border-top: 1px solid #aaa;
737   padding: 2px;
738   text-align: center;
739 }
740
741 table.tree tr td {
742         padding: 5px;
743 }
744
745 table.tree tr:hover {
746         background: #EFECE0;
747 }
748
749 table.tree tr td.meta {
750   font-size: 85%;
751 }
752
753 table.tree tr td.meta, table.tree tr td.commit_message a {
754         color: #444;
755 }
756
757 table.tree tr td.node a {
758   padding-left:25px;
759   background-position: 4px 50%;
760   background-repeat: no-repeat;
761 }
762 table.tree tr td.file a { background-image: url("/images/icon_file.gif"); }
763 table.tree tr td.tree a { background-image: url("/images/folder_grey.png"); }
764 table.tree tr td.submodule { 
765   background-image: url("/images/folder_grey.png");
766   padding-left:25px;
767   background-position: 4px 50%;
768   background-repeat: no-repeat;
769   font-style: italic;
770 }
771
772 #site_intro {
773   width: 65%;
774   margin: 2em auto 2em auto;
775   font-size: 1.5em;
776 }
777 #site_intro .hint {
778   font-size: 55%;
779 }
780 #site_project_list .tag_list{
781   text-align: center;
782 }
783
784 ul.tab_menu {
785   border-bottom: 1px solid #888;
786   list-style: none;
787   padding: 3px;
788   margin-top: 2em;
789   margin-bottom: 1em;
790 }
791
792 ul.tab_menu li {
793   display:inline; 
794   margin-right: 1em;
795   border-top: 1px solid #888;
796   border-left: 1px solid #888;
797   border-right: 1px solid #888;
798   padding: 5px;
799 }
800 ul.tab_menu li.selected {
801   border-bottom: 1px solid #fff;
802   color: #666;
803 }
804
805 div.comment {
806   border-bottom: 1px solid #ccc;
807   margin-bottom: 10px;
808   padding-bottom: 10px;
809   width: 63%;
810 }
811 div.comment .body {
812   margin-bottom: 0.2em;
813 }
814
815 p.byline {
816   font-size: 10px;
817 }
818
819 .hint {
820   color: #666;
821   font-size: 90%;
822 }
823 small.hint { font-size: 83%;}
824
825 .info_hint {
826   font-size: 95%;
827   color: #666;
828   margin-top: 5px;
829   margin-bottom: 5px;
830   padding-top: 5px;
831   padding-bottom: 5px;
832   border-top: 1px dotted #888;
833   border-bottom: 1px dotted #888;
834 }
835
836 .info_hint pre {
837   margin-bottom: 5px;
838 }
839
840 /* diff mode selector */
841 ul.mode_selector { 
842   float: right;
843 }
844 ul.mode_selector li {
845   display:inline;
846   margin-left: 1em;
847 }
848 ul.mode_selector li.list_header { font-weight: bold; }
849 ul.mode_selector li.selected    { border-bottom: 1px solid #666; }
850
851 /* Diff rendering */ 
852 tr.toggle_diff { border-top: 1px solid #999; }
853 tr.toggle_diff td {
854   background: #ddd;
855   padding: 0 5px 2px 5px;
856   margin-bottom: 5px;
857 }
858 tr.toggle_diff td small { float:right;}
859 tr.raw_diff td { 
860   padding-top: 5px;
861 }
862
863 table#codeblob {
864   width: 100%;
865 }
866
867 table tr .line-numbers {
868  text-align: right;
869  vertical-align: top;
870  background: #eee;
871  color: #555;
872  font-size: 92%;  
873  padding: 0 3px 0 2px;
874  width: 35px;
875  border-right: 1px solid #ccc;
876 /* border-bottom: 1px solid #ddd;*/
877 }
878 table tr td.code {
879  width: 95%;
880  padding-left: 10px;
881  /*white-space: pre;*/
882  white-space: pre-wrap;       /* CSS-3                  */
883  white-space: -moz-pre-wrap;  /* Mozilla, since 1999    */
884  white-space: -pre-wrap;      /* Opera 4-6              */
885  white-space: -o-pre-wrap;    /* Opera 7                */
886  word-wrap: break-word;       /* Internet Explorer 5.5+ */
887  background: #fff;
888  font: 95%/110% "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace;
889  border-right: 1px solid #999;
890 }
891
892 table tr td.unwrapped {
893  white-space: pre;
894 }
895
896 table tr td.softwrapped {
897   white-space: pre-wrap;       /* CSS-3                  */
898   white-space: -moz-pre-wrap;  /* Mozilla, since 1999    */
899   white-space: -pre-wrap;      /* Opera 4-6              */
900   white-space: -o-pre-wrap;    /* Opera 7                */
901   word-wrap: break-word;       /* Internet Explorer 5.5+ */
902 }
903
904 table tr td.marked {
905   background: #ffc !important;
906 }
907
908 table.sidebyside {
909   empty-cells: show;
910   table-layout: fixed;
911 }
912 table.sidebyside tr td.code {
913   white-space: normal;
914   padding: 2px;
915 }
916
917 table.codediff {
918   border: 1px solid #ccc;
919   width: 100%;
920   border-collapse: collapse;
921   font: 95%/105% "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace;
922 }
923 table.codediff .line-num-cut { 
924   background: #ccc; 
925   border-top: 1px dashed #ccc; 
926   border-bottom: 1px dashed #ccc; 
927 }
928
929 table.codediff thead .line-numbers, table.codediff thead { background: #ddd; }
930 table.codediff td.code { padding-left: 2px; }
931 table.codediff .cut-line { 
932   background: #eee; 
933   border-top: 1px dashed #aaa; 
934   border-bottom: 1px dashed #aaa; 
935 }
936 table.codediff td.hidden del { display:none; }
937 table.codediff td.del { background: #ffa3a3; }
938 table.codediff td.ins { background: #a3ffa3; }
939 table.sidebyside tbody.mod td { background: #fe9; }
940 table.sidebyside tbody.mod td { background: #fe9; }
941 table.sidebyside tbody.mod td ins, table.sidebyside tbody.mod td del{ background: #fd4; }
942 table.codediff td.del del { text-decoration: none; }
943 table.codediff td.ins ins { text-decoration: none; }
944 table.sidebyside td.del del { background: #fbb; }
945 table.sidebyside td.ins ins { background: #afa; }
946 table.codediff col.lines {
947   width: 3em;
948 }
949
950 ul.diff_stats {
951   margin-left: 20px;
952   font: 95%/105% "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace;
953   color: #888;
954 }
955
956 ul.diff_stats small {
957   font-size: 10px;
958   font-weight: bold;
959 }
960 ul.diff_stats small.insertions  { color: #00BF00; }
961 ul.diff_stats small.deletions   { color: #DC0000; }
962
963 #newest_projects, #site_project_list {
964   margin-bottom: 3em;
965 }
966
967 #newest_projects ul li {
968   margin-left: 5px;
969   margin-bottom: 5px;
970 }
971
972 #site_overview {
973   margin-bottom: 4em;
974   margin-left: auto;
975   margin-right: auto;
976   width: 888px;
977   text-align:center;
978 }
979
980 #site_overview table td, #site_overview table th {
981   text-align:center;
982 }
983
984 #site_overview table td.left, #site_overview table th.left {
985   border-right: 1px dotted #ccc;
986   padding-right: 10px;
987 }
988 #site_overview table td.right, #site_overview table th.right {
989  padding-left: 10px; 
990 }
991
992 #site_overview p.create_account_hint {
993   margin-top: 1.5em;
994 }
995
996
997 #site #recent_comments {
998   width: 48%;
999   float: left;
1000   padding-right: 10px;
1001   border-right: 1px dotted #dedede;
1002 }
1003 #site #recent_comments p { margin-bottom: 0; }
1004 #site #recent_comments .comment { width: 100%;}
1005 #site #recent_comments .comment .body {
1006   font-size: 12px;
1007 }
1008
1009 #site #clone_list {
1010   width: 49%;
1011   float: right;
1012 }
1013
1014 #site #clone_list ul li.repos {
1015   padding-bottom: 10px;
1016   margin-bottom: 10px;
1017   border-bottom: 1px solid #ddd;
1018 }
1019
1020 #system_message {
1021   background: #ffc;
1022   border-bottom: 1px solid #aaa;
1023   margin-bottom: 1em;
1024 }
1025 #system_message p {
1026   text-align: center;
1027   margin-bottom:0;
1028   padding: 5px;
1029 }
1030
1031 .project_list_item p {
1032   margin-top: 0;
1033   margin-bottom: 0;
1034 }
1035
1036 #left {
1037   float:left;
1038   width: 48%; 
1039 }
1040
1041 #right {
1042   float:right;
1043   width: 48%;
1044   clear:right; 
1045 }
1046
1047 .important_message {
1048   font-weight: bold;
1049   color: #9A0000;
1050 }
1051
1052 /* Page */
1053 .wiki-page {
1054   margin-left: 20px;
1055   margin-right: 20px;
1056 }
1057 .wiki-page .page-content { max-width: 750px;}
1058
1059 .wiki-page .toc {
1060   float: right;
1061   margin: 0 0 10px 10px;
1062   padding: 10px 10px 10px 0;
1063   background: #E9F1F6;
1064   border: 1px solid #ccc;
1065 }
1066 .wiki-page .toc ul { margin-left: 10px;}
1067 .wiki-page .toc ul li {
1068   list-style: none;
1069 }
1070 .page-meta { 
1071   font-size:11px; 
1072   color: #666; 
1073   border-top: 1px solid #ccc;
1074   margin-top: 10px;
1075   padding-top: 10px;
1076 }
1077 .page-meta p { margin:0; padding:0;}
1078 .page-meta .page-actions, .page-header .page-actions { font-size:11px; float:right; color:#666;}
1079 .page-meta .page-actions li {
1080   padding:0;
1081   margin:0;
1082 }
1083
1084 .page-history .diff {
1085   margin-top: 10px;
1086 }
1087
1088 .page-header {
1089   border-bottom: 1px solid #ccc;
1090   padding-bottom: 10px;
1091   margin-bottom: 10px;
1092 }
1093 .page-header h1 {
1094   font-size: 175%; 
1095   margin:0;
1096   padding:0;
1097 }
1098 .page-header .page-crumbs {
1099   margin: 0 0 10px 0;
1100   font-size: 11px;
1101 }
1102 .page-header .page-crumbs li {
1103   display: inline;
1104   padding: 0;
1105   margin: 0;
1106   margin-right: 5px;
1107   list-style-type: none;
1108 }
1109 .page-header .page-crumbs li a { margin-right: 5px;}
1110 .page-header .page-crumbs li.current { color: #666;}
1111
1112 .page                                   { margin-bottom: 20px; padding-bottom: 10px; /*border-bottom: 2px solid #666;*/}
1113 .page ul, .page ol { margin-left: 30px; }
1114 .page ul li             { list-style-type: disc; }
1115 .page ol li             { list-style-type: decimal; }
1116 .page h1                        { margin: 15px 0 10px 0; font-size: 150%;}
1117 .page h2                        { margin: 15px 0 10px 0; font-size: 130%;}
1118 .page h3                        { margin: 15px 0 10px 0; font-size: 120%;}
1119 .page h4                        { margin: 15px 0 10px 0; font-size: 110%;}
1120 .page blockquote { margin-left: 30px; background: #eee; border: 1px solid #ddd; padding: 10px;}
1121
1122
1123 /* Merge Requests */
1124
1125 .merge_request_summary h4 {
1126         color: #111;
1127         margin-bottom: 5px;
1128 }
1129
1130 .merge_request_summary .proposal {
1131         margin: 5px 0 5px 10px;
1132         font-style: oblique;
1133 }
1134
1135 .merge_request_summary {
1136         width: 50%;
1137         padding: 10px;
1138         border: 1px solid #ffe8cd;
1139         background-color: #FEFAE6;
1140         margin-bottom: 20px;
1141 }
1142 .merge_request_summary p.byline, .merge_request_summary pre {
1143         margin-bottom: 0;
1144 }
1145
1146 .merge_request_summary .status {
1147         float:right;
1148         color: #888;
1149         font-size: 11px;
1150 }
1151 .merge_request_summary.rejected, .merge_request_summary.merged {
1152         background: #eee;
1153         border: 1px solid #ddd;
1154 }
1155 .merge_request_summary.open .status span                        { color: #FF7F00; }
1156 .merge_request_summary.merged .status span              { color: #48BA1C; }
1157 .merge_request_summary.rejected .status span    { color: #F00; }
1158
1159 #repositories #branches {
1160   float: right;
1161   margin: 0 10px 10px 10px;
1162 }
1163
1164 .search_results strong.highlight {
1165   background: #ff0;
1166   font-weight: normal;
1167 }
1168 .search_results strong {
1169   font-weight: normal;
1170 }
1171
1172 .search_results p, .search_results h3 {
1173   margin-bottom: 5px;
1174 }
1175
1176 .search_results .item {
1177   margin-top: 20px;
1178   padding-bottom: 10px;
1179   margin-bottom: 10px;
1180   border-bottom: 1px solid #ddd;
1181 }
1182
1183 .search_bar input {
1184   padding: 3px;
1185   margin:0;
1186 }
1187 .search_bar p { margin-bottom: 2px; }
1188 .search_bar { margin-bottom: 20px; }
1189
1190 #users .infobox {
1191   margin-bottom: 20px;
1192 }
1193
1194 .commits_by_author_graph {
1195   float: right;
1196   margin: 40px 0 10px 10px;
1197 }
1198
1199 .commit_graph {
1200   text-align:center;
1201 }
1202
1203 /* Events */
1204
1205 .events .date {
1206   background: #999;
1207   padding: 5px 10px 3px 10px;
1208   color: #fff;
1209   text-transform: uppercase;
1210   font-size: 11px;
1211 }
1212
1213 .events .event_instances {
1214   margin: 0;
1215 }
1216
1217 .events .event_instances strong { 
1218   color: #555; 
1219 }
1220
1221 .events .event_instance .event_date {
1222   float: left;
1223   width: 80px;
1224   text-align: center;
1225   padding-top: 5px;
1226   font-size: 11px;
1227   color: #898989;
1228 }
1229 .events .event_instance img {
1230   float: left;
1231   margin-top: 3px;
1232 }
1233
1234 .events .event_instance .event_meta p { padding: 0; margin: 0;}
1235 .events .event_instance .event_meta {
1236   margin: 0 100px 20px 105px;
1237 }
1238
1239 .events .event_instance .event_category {
1240   float: right;
1241   min-width: 100px;
1242   text-align: center;
1243   padding: 2px 5px 0 5px;
1244   font-size: 11px;
1245   text-transform: uppercase;
1246   color: #fff;
1247   background: #b6babc;
1248 }
1249
1250 .event_instance .event_category.comment { background: #a49d98; }
1251 .event_instance .event_category.project  { background: #98a49f; }
1252 .event_instance .event_category.merge_request { background: #a2a498; }
1253 .event_instance .event_category.wiki { background: #94A499; }
1254
1255 /* repository meta (overview apge) */
1256 table.repository_meta {
1257 /*  border: 1px solid #ddd;*/
1258   padding: 0;
1259   margin-bottom: 40px;
1260   width: 100%;
1261 }
1262
1263 table.repository_meta .name td h2 {
1264   margin: 0;
1265   padding: 0;
1266   font-size: 20px;
1267 }
1268
1269 table.repository_meta .name td.mainline h2 { font-weight: bold; }
1270
1271 table.repository_meta td {
1272   padding: 10px;
1273   border-bottom: 1px solid #ddd;
1274 }
1275 table.repository_meta .name td { 
1276   border-bottom: 2px solid #ddd; 
1277   color: #888;
1278   font-size: 12px;
1279 }
1280
1281 table.repository_meta .meta td {
1282   color: #888;
1283   width: 33%;
1284   text-align: center;
1285 }
1286 table.repository_meta .meta td.commit_count, table.repository_meta .meta td.branch_count {
1287   border-right: 1px solid #ddd;
1288 }
1289
1290 table.repository_meta .meta td .bignum {
1291   font-size: 20px;
1292 }
1293 table.repository_meta .graph td { text-align:center; }
1294
1295 .feed_icon { margin: 0 4px 0 4px; }