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