mtrack.css
[Pman.MTrack] / mtrack.css
1
2 @import url("../../roojs1/colorbrewer/colorbrewer-bg.css.css");
3
4  
5  
6 blockquote:before, blockquote:after,
7 q:before, q:after {
8   content: '';
9   content: none;
10 }
11
12 /* remember to highlight inserts somehow! */
13 ins {
14   text-decoration: none;
15 }
16 del {
17   text-decoration: line-through;
18 }
19
20 /* tables still need 'cellspacing="0"' in the markup
21 table {
22   border-collapse: collapse;
23   border-spacing: 0;
24 }
25 */
26
27 body {
28   background: #fff;
29   color: #000;
30   margin: 0;
31   padding: 0;
32 }
33
34 body, th, td {
35   font: normal 10pt
36    /* Cambria, */
37     'Lucida Grande', 'Lucida Sans Unicode',
38       Verdana, Arial, 'Bitstream Vera Sans',
39       Helvetica, sans-serif;
40 }
41  
42
43 h1 {
44   font-size: 18pt;
45 }
46
47 h2 { font-size: 14pt; }
48 h3 { font-size: 12pt; }
49
50 hr {
51   border: none;
52   border-top: 1px solid #ccb;
53   margin: 4px 0;
54 }
55
56 address {
57   font-style: normal;
58 }
59 img {
60   border: none;
61 }
62
63 ol.wikilist li, ul.wikilist li {
64   width: 50em;
65 }
66
67 .underline { text-decoration: underline; }
68 ol.loweralpha { list-style-type: lower-alpha; }
69 ol.upperalpha { list-style-type: upper-alpha; }
70 ol.lowerroman { list-style-type: lower-roman; }
71 ol.upperroman { list-style-type: upper-roman; }
72 ol.arabic { list-style-type: decimal; }
73
74 :link, :visited {
75   text-decoration: none;
76   /* color: #b00; */
77   color: rgb(43, 84, 125);
78   border-bottom: 1px dotted #bbb;
79 }
80
81 :link:hover, :visited:hover {
82   background-color: #eee;
83   color: #555;
84 }
85
86 h1 :link, h1 :visited,
87 h2 :link, h2 :visited,
88 h3 :link, h3 :visited,
89 h4 :link, h4 :visited,
90 h5 :link, h5 :visited,
91 h6 :link, h6 :visited {
92   color: inherit;
93 }
94
95 .anchor:link, .anchor:visited {
96   border: none;
97   color: #d7d7d7;
98   font-size: 0.8em;
99   vertical-align: text-top;
100 }
101
102 * > .anchor:link, * > .anchor:visited {
103   visibility: hidden;
104 }
105
106 h1:hover .anchor,
107 h2:hover .anchor,
108 h3:hover .anchor,
109 h4:hover .anchor,
110 h5:hover .anchor,
111 h6:hover .anchor {
112   visibility: visible;
113 }
114
115 .nav h2, .nav hr {
116   display: none;
117 }
118
119 .nav ul {
120   font-size: 9pt;
121   list-style: none;
122   margin: 0;
123   text-align: right;
124 }
125 .nav li {
126   border-right: 1px solid #d7d7d7;
127   display: inline;
128   padding: 0 0.75em;
129   white-space: nowrap;
130 }
131 .nav li.last {
132   border-right: none;
133 }
134
135 #wikinav {
136   float: right;
137   clear: both;
138 }
139
140 #wikinav ul {
141   text-align: left;
142 }
143
144 #wikinav li {
145   display: block;
146   padding: 0.25em 0px;
147   margin-left: 0.5em;
148   border: none;
149 }
150
151 #mainnav {
152   font-size: 9pt;
153   margin: 1em 0 0.33em;
154   padding: 0.2em 0;
155 }
156
157 #mainnav li {
158   padding: 0.25em 0px;
159   margin-left: 0.5em;
160   border: none;
161 }
162 #mainnav li a {
163   background: #eee;
164 }
165
166 #mainnav :link,
167 #mainnav :visited ,
168 .footnav :visited ,
169 .footnav :link{
170   color: #000 !important;
171   padding: 0.2em 1em;
172   border: 1px solid lightGrey;
173   border-radius: 8px;
174   -webkit-border-radius: 8px;
175   -moz-border-radius: 8px;
176 }
177
178 #mainnav :link:hover,
179 #mainnav :visited:hover ,
180 .footnav :link:hover,
181 .footnav :visited:hover
182 {
183   background-color: #ccc;
184 }
185
186 .footnav ul {
187     list-style: none;
188 }
189 .footnav  {
190     display: inline;
191     float: left;
192     margin-right: 10px
193 }
194 #mainnav .active :link,
195 #mainnav .active :visited ,
196 .footnav :visited {
197   border: 1px solid #777;
198   background: #333;
199   color: #eee;
200   font-weight: bold;
201 }
202
203 #content {
204   margin: 1em;
205   
206 }
207
208 #content p {
209   width: 50em;
210   margin-top: 1em;
211 }
212
213 #content td p:first-child {
214   margin-top: 0;
215 }
216
217 input, textarea, select {
218   margin: 2px;
219 }
220 input, select {
221   vertical-align: middle;
222 }
223 .button, input[type=button], input[type=submit], input[type=reset] {
224   /* background: #eee; */
225   color: #222;
226   border: 1px outset #ccc;
227   padding: 0.1em 0.5em;
228 }
229 .button:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
230   background: #ccb;
231 }
232 .button[disabled], input[type=button][disabled], input[type=submit][disabled],
233 input[type=reset][disabled] {
234  background: #f6f6f6;
235  border-style: solid;
236  color: #999;
237 }
238 input[type=text], input[type=password], input.textwidget, textarea { border: 1px solid #d7d7d7 }
239 input[type=text], input[type=password],input.textwidget { padding: .25em .5em }
240 input[type=text]:focus, input[type=password]:focus, input.textwidget:focus, textarea:focus {
241  border: 1px solid #886;
242 }
243 option { border-bottom: 1px dotted #d7d7d7 }
244 fieldset { border: 1px solid #d7d7d7; padding: .5em; margin: 1em 0 }
245 form p.hint, form span.hint { color: #666; font-size: 85%; font-style: italic; margin: .5em 0;
246   padding-left: 1em;
247 }
248 fieldset.iefix {
249   background: transparent;
250   border: none;
251   padding: 0;
252   margin: 0;
253 }
254 * html fieldset.iefix { width: 98% }
255 fieldset.iefix p { margin: 0 }
256 legend { color: #999; padding: 0 .25em; font-size: 90%; font-weight: bold }
257 label.disabled { color: #d7d7d7 }
258 .buttons { margin: .5em .5em .5em 0 }
259 .buttons form, .buttons form div { display: inline }
260 .buttons input { margin: 1em .5em .1em 0 }
261 .inlinebuttons input {
262  font-size: 70%;
263  border-width: 1px;
264  border-style: dotted;
265  margin: 0 .1em;
266  padding: 0.1em;
267  background: none;
268 }
269
270 div.wikipreview {
271   background-color: #eee;
272   margin-bottom: 2em;
273 }
274
275 div.error, textarea.error, input.error {
276   border: solid 1px red;
277 }
278
279 div#motd {
280   float: right;
281 }
282
283 table.history {
284   border-collapse: collapse;
285 }
286
287 table.history tr {
288   vertical-align: text-top;
289 }
290 table.history tr th {
291   text-align: left;
292 }
293
294 table.history tr td.diff {
295   border-bottom: solid 1px #bbb;
296   padding: 1em 4em;
297 }
298
299 table.codeann {
300   border-collapse: collapse;
301   border: solid 1px #bbb;
302 }
303
304 tt, pre, td.code {
305   font-family: 'Consolas', 'Bitstream Vera Sans Mono',
306     'Monaco', 'Courier New', 'Courier', monospace;
307 }
308
309 pre, td.code {
310   border: solid 1px #bbb;
311   padding: 0.2em;
312   margin: 0.4em;
313   background-color: #eee;
314   overflow-x: auto;
315   word-wrap: break-word;
316 }
317
318 td.code {
319   overflow-x: auto;
320   word-wrap: break-word;
321   border-top: none;
322   border-bottom: none;
323   border-left: solid 1px #bbb;
324   border-right: solid 1px #bbb;
325   font-size: 9pt;
326 }
327
328 td.source-code {
329   overflow-x: auto;
330   white-space: pre;
331   font-family: 'Consolas', 'Bitstream Vera Sans Mono',
332     'Monaco', 'Courier New', 'Courier', monospace;
333   word-wrap: break-word;
334   /* line-height: 1.6em; */
335   line-height: 17px;     
336   border: solid 1px #bbb;
337   background-color: #eee;
338   vertical-align: top;
339 }
340
341 table.codeann {
342   width: 100%;
343 }
344
345 table.codeann tr th {
346   border-bottom: solid 1px #bbb;
347 }
348
349 table.codeann tr th.code {
350   text-align: left;
351 }
352 table.codeann tr td{
353   font-family: 'Consolas', 'Bitstream Vera Sans Mono',
354     'Monaco', 'Courier New', 'Courier', monospace !important;;
355   font-size: 8pt !important;
356   
357 }
358 able.codeann tr td a {
359     
360 }
361  
362  
363 table.codeann tr th, table.codeann tr td {
364   padding-left: 0.5em;
365   padding-right: 0.5em;
366 }
367
368 table.codeann tr th.line,
369   table.codeann tr td.line
370   {
371     text-align: right;
372   line-height: 17px;
373   }
374   table.codeann tr th.changeset,
375   table.codeann tr td.changeset,
376   table.codeann tr td.user,
377   table.codeann tr th.user
378   {
379   text-align: right;
380   line-height: 15px;
381 }
382
383 table.codeann tr td.line a:link,
384 table.codeann tr td.user a:link,
385 table.codeann tr td.changeset a.changesetlink:link {
386   text-decoration: none;
387   border: none;
388   padding: 0;
389   margin: 0;
390   display: inline;
391 }
392
393 table.codeann tr th.user, table.codeann tr td.user {
394   padding-left: 0.5em;
395   padding-right: 0.5em;
396   white-space: nowrap;
397 }
398
399 /* by default, when showing an annotated file, hide annotations, but show
400  * the line numbers */
401 /** this seems to cause havoc with our show hide stuff...
402
403 table.codeann tr th.changeset, table.codeann tr td.changeset,
404 table.codeann tr th.user, table.codeann tr td.user {
405   display: none;
406 }
407 */
408
409
410 pre {
411   font-size: 9pt;
412 }
413
414
415
416 blockquote.citation {
417   border-left: solid 2px #b00;
418   padding-left: 0.5em;
419   margin-left: inherit;
420   font-style: italic;
421   color: #444;
422 }
423
424 a.pmark {
425   color: inherit;
426 }
427
428 table.wiki {
429   border-collapse: collapse;
430 }
431
432 table.wiki tr td {
433   border: solid 1px #bbb;
434   padding: 0.2em 0.5em;
435 }
436
437 table.report {
438   border-collapse: collapse;
439   width: 100%;
440   clear: both;
441 }
442
443 table.report tr th {
444    border-bottom: 2px solid #666666;
445   padding: 0.2em 0.5em;
446   font-weight: bold;
447   text-align: left;
448 }
449
450 table.report tr td {
451   border-bottom: solid 1px #bbb;
452   padding: 0.2em 0.5em;
453 }
454
455 h2.reportgroup {
456 }
457
458 table.progress {
459   width: 20em;
460   height: 1em;
461   border: solid 1px green;
462   border-collapse: collapse;
463 }
464
465 table.progress tr td.closed {
466   background-color: #8b8;
467   padding: 0;
468 }
469
470 table.esthours {
471   border: solid 1px blue;
472 }
473
474 table.esthours tr td.closed {
475   background-color: #88b;
476 }
477
478 div.milestone {
479   margin-bottom: 3em;
480 }
481
482 dt {
483   font-weight: bold;
484 }
485
486 dd {
487   margin-bottom: 1.2em;
488 }
489
490 textarea.code {
491   font-family: monospace;
492   font-size: 1em;
493 }
494
495 textarea.wiki {
496   width: 500px;
497   font-family: monospace;
498   font-size: 1em;
499   height: 150px;
500 }
501
502 .banner-username { 
503   float: right;
504   margin: 10px;
505   font-size: 14px;
506   font-weight: bold;
507 }
508 .banner-title {
509     float: left;
510   margin: 10px;
511   font-size: 14px;
512   font-weight: bold;
513 }
514 /*
515 #banner-back {
516    
517   background-image: url(../gradient-header.png);
518   background-repeat: repeat-x;
519   background-position: center bottom;
520   background-color: rgb(229,229,229);
521  
522   
523 }
524 */
525
526      
527
528 #banner {
529   display: inline;
530   font-family: Calibri, Arial, Verdana, 'Bitstream Vera Sans',
531     Helvetica, sans-serif;
532   font-weight: bolder;
533   font-size: 1.1em;
534   clear: both;
535 }
536
537 #header {
538   clear: both;
539 }
540
541 #mainsearch {
542   float: right;
543   margin: 0;
544 }
545
546 #mainsearch input.search {
547   margin-left: 1em;
548   width: 30em;
549 }
550
551 /* approximate Safari input type=search */
552 input.roundsearch {
553   border-radius: 12px;
554   -moz-border-radius: 12px;
555   border-style: inset;
556   border-width: 1px;
557   border-color: #777;
558   color: black;
559   padding-left: 1em;
560   padding-right: 1em;
561 }
562
563 input.watermark {
564   color: #999;
565 }
566
567
568 div.excerpt span.hl {
569   background-color: yellow;
570 }
571
572 table.searchresults tr td {
573   padding-bottom: 0.8em;
574 }
575
576 table.searchresults tr {
577   vertical-align: top;
578 }
579
580 div.flotgraph div {
581 }
582
583 h1.timelineday {
584   font-size: 1.2em;
585   margin-top: 1.5em;
586   margin-bottom: 0.5em;
587   border-bottom: solid 1px #bbb;
588   color: #999;
589 }
590
591 div.timelineevent {
592   padding-bottom: 0.25em;
593   margin-top: 0.5em;
594   width: 100%;
595   overflow: hidden;
596   border-bottom: solid 1px #eee;
597 }
598
599 div.timelineevent a.userlink.timelineface {
600   float: left;
601   margin: 0;
602 /*  padding: 0 1em 1em 0; */
603   border-bottom-style: none;
604 }
605
606 div.timelineevent span.time {
607   color: #999;
608   font-size: 0.9em;
609 }
610
611 div.timelinetext {
612   padding-left: 20px;
613   padding-right: 10px;
614   padding-bottom: 0;
615 }
616
617 div.timelinereason {
618   color: rgb(84,84,84);
619   font-size: 0.8em;
620   margin-bottom: 0;
621 }
622
623
624
625 .newticket {
626   background: url(images/newticket.png) no-repeat;
627 }
628 .editticket {
629   background: url(images/editedticket.png) no-repeat;
630 }
631 .closedticket {
632   background: url(images/closedticket.png) no-repeat;
633 }
634 .editwiki {
635   background: url(images/wiki.png) no-repeat;
636 }
637 .editmilestone {
638   background: url(images/milestone.png) no-repeat;
639 }
640 .newchangeset {
641   background: url(images/changeset.png) no-repeat;
642 }
643
644 a.changesetlink {
645     
646   
647     border: 1px solid #CCCCCC;
648     color: #999999;
649     font-family: monospace;
650     font-size: 0.8em;
651     margin-bottom: 0;
652     text-decoration: underline;
653     white-space: normal;
654     text-overflow: ellipsis;
655     width: 100px;
656     overflow: hidden;
657     display: inline-block;
658 }
659
660 table.codeann tr td.changeset a.changesetlink {
661   background-image: none;
662   padding-left: 2px;
663   font-size: 0.8em;
664 }
665
666 a.ticketlink {
667  /* background: rgb(255, 255, 170); */
668   border-bottom: 1px dashed blue;
669   /*border-left: 1px solid rgb(255, 255, 204);
670   border-right: 1px solid rgb(255, 238, 0);
671   border-top: 1px solid rgb(255, 255, 204); */
672   color: black;
673   white-space: normal;
674   padding-top: 1px;
675   padding-bottom: 1px;
676   padding-left: 2px;
677   padding-right: 2px;
678   font-size: 0.9em;
679 /*
680   -webkit-border-radius: 8px;
681   -moz-border-radius: 8px;
682   border-radius: 8px; */
683 }
684
685 a.wikilink {
686   background: rgb(170, 255, 170);
687   border-bottom: 1px solid rgb(0, 204, 51);
688   border-left: 1px solid rgb(204, 255, 204);
689   border-right: 1px solid rgb(0, 204, 51);
690   border-top: 1px solid rgb(204, 255, 204);
691   color: black;
692   white-space: normal;
693   padding-top: 1px;
694   padding-bottom: 1px;
695   padding-left: 2px;
696   padding-right: 2px;
697   font-size: 0.9em;
698   -webkit-border-radius: 8px;
699   -moz-border-radius: 8px;
700   border-radius: 8px;
701
702   background-image: url(images/wiki.png);
703   background-repeat: no-repeat;
704   background-position-y: 2;
705   background-position-x: 2;
706   padding-left: 16px;
707 }
708 /* Styles for tabular listings such as those used for displaying directory
709    contents and report results. */
710 table.listing {
711  clear: both;
712  border-bottom: 1px solid #d7d7d7;
713  border-collapse: collapse;
714  border-spacing: 0;
715  margin-top: 1em;
716  width: 100%;
717 }
718 table.listing th { text-align: left; padding: 0 1em .1em 0; font-size: 12px }
719 table.listing thead { background: #f7f7f0 }
720 table.listing thead th {
721  border: 1px solid #d7d7d7;
722  border-bottom-color: #999;
723  font-size: 11px;
724  font-weight: bold;
725  padding: 2px .5em;
726  vertical-align: bottom;
727 }
728 table.listing thead th :link:hover, table.listing thead th :visited:hover {
729  background-color: transparent;
730 }
731 table.listing thead th a { border: none; padding-right: 12px }
732 table.listing th.asc a, table.listing th.desc a { font-weight: bold }
733 table.listing th.asc a, table.listing th.desc a {
734  background-position: 100% 50%;
735  background-repeat: no-repeat;
736 }
737 table.listing th.asc a { }
738 table.listing th.desc a { }
739 table.listing tbody td, table.listing tbody th {
740  border: 1px dotted #ddd;
741  padding: .33em .5em;
742  vertical-align: top;
743 }
744 table.listing tbody td a:hover, table.listing tbody th a:hover {
745  background-color: transparent;
746 }
747 table.listing tbody tr { border-top: 1px solid #ddd }
748 table.listing tbody tr.even { background-color: #fcfcfc }
749 table.listing tbody tr.odd { background-color: #f7f7f7 }
750 table.listing tbody tr:hover { background: #eed !important }
751
752
753 /* Styles for the directory entries table
754    (extends the styles for "table.listing") */
755 #dirlist { margin-top: 0 }
756 #dirlist td.rev, #dirlist td.age, #dirlist td.change, #dirlist td.size {
757  color: #888;
758  white-space: nowrap;
759 }
760 #dirlist td.size { text-align: right; }
761 /* #dirlist td.name { width: 30% } */
762 #dirlist td.name a, #dirlist td.name span {
763  background-position: 0% 50%;
764  background-repeat: no-repeat;
765  padding-left: 20px;
766  white-space: nowrap;
767 }
768
769 #dirlist td.name a.parent { background-image: url(images/parent.png) }
770 #dirlist td.name a.dir { background-image: url(images/treeview/folder-closed.gif) }
771 #dirlist td.name span.dir { background-image: url(images/treeview/folder-closed.gif) }
772 #dirlist td.name a.file { background-image: url(images/file.png) }
773 #dirlist td.name span.file { background-image: url(images/filedeny.png) }
774 #dirlist td.name a, #dirlist td.rev a { border-bottom: none; display: block }
775 #dirlist td.change {
776     height: 14px;
777     overflow: hidden;
778     display: block;
779     white-space: normal;
780
781 }
782 #dirlist td.change  * {
783     display: inline;
784 }
785 table.code.diff {
786   border-collapse: collapse;
787   border: 1px solid #d3d3d0;
788   width: 100%;
789   margin-bottom: 3em;
790 }
791
792 table.code.diff tr.removed {
793   background-color: rgb(255, 221, 221);
794 }
795 table.code.diff tr.added {
796   background-color: rgb(221, 255, 221);
797 }
798
799 table.code.diff tr td {
800   white-space: pre;
801   font-family: 'Consolas', 'Bitstream Vera Sans Mono',
802     'Monaco', 'Courier New', 'Courier', monospace;
803   color: black;
804   line-height: 1.5em;
805   overflow-x: auto;
806   word-wrap: break-word;
807   font-size: 8pt;
808 }
809
810 table.code.diff tr td.line {
811   padding-left: 1.5em;
812   border-left: 1px solid #d3d3d0;
813 }
814 table.code.diff tr.first {
815   border-top: 1px solid #d3d3d0;
816 }
817
818 table.code.diff tr td.lineno {
819   text-align: right;
820   padding-right: 1em;
821   width: 1%;
822 }
823
824 table.code.diff tr.meta td.line {
825   border: none;
826 }
827
828 pre.code.diff {
829   border: 1px solid #d3d3d0;
830   color: #939399;
831 }
832
833 .code.diff code {
834   width: 100%;
835   margin: 0;
836   padding: 0;
837   color: black;
838   line-height: 1.5em;
839   display: inline-block;
840   overflow-x: auto;
841   word-wrap: break-word;
842 }
843
844 /*
845 .code.diff code.odd {
846   background-color: #f7f7f7;
847 }
848 .code.diff code.even {
849   background-color: #fcfcfc;
850 }
851 .code.diff code.removed {
852   background-color: rgb(255, 221, 221);
853 }
854 .code.diff code.added {
855   background-color: rgb(221, 255, 221);
856 }
857 */
858
859 ol.code {
860   text-align: left;
861   border: 1px solid #d3d3d0;
862   color: #939399;
863 }
864
865 ol.code li {
866   white-space: nowrap;
867   list-style-type: none;
868   margin: 0;
869   margin-left: 2em;
870   padding: 0 0 0 0em;
871   text-align: left;
872   border-left: 1px solid #d3d3d0;
873 }
874
875 ol.code li.even { background-color: #fcfcfc }
876 ol.code li.odd { background-color: #f7f7f7 }
877 ol.code li code {
878   white-space: pre;
879   padding-left: 1em;
880   line-height: 1.5em;
881   color: black;
882 }
883 ol.code {
884   overflow-x: auto;
885   word-wrap: break-word;
886 }
887 div.changesets {
888   background-color: #ddd;
889 }
890
891 div.changeset, div.changesetodd {
892     clear: both;
893   margin: 0;
894   padding: 0;
895   border-bottom: solid 1px #bbb;
896   
897 }
898 div.changeset-committed  div.changelog { 
899   background-color:#fdd;
900 }
901 div.changeset-good-to-go  div.changelog {
902   background-color:#585;
903 }
904 div.changeset-pending-review  div.changelog {
905   background-color:#855;
906 }
907
908 div.changeset-live div.changelog {
909   background-color:#336;
910 }
911  
912
913  
914 div.changesets img.gravatar, div.revinfo img.gravatar
915 {
916   float: left;
917   margin: 0 0.5em 0.5em 0;
918 }
919
920 div.changelog {
921   padding: 0.5em;
922   padding-left: 1em;
923   float: left;
924   
925 }
926 #content div.changelog  p {
927     margin-top: 0;
928     width:auto;
929 }
930 div.changeinfo {
931   /* border-bottom: solid 1px #bbb; */
932   margin: 0;
933   padding: 0.5em 0px 0px 0.5em;
934   float: left;
935   width: 250px;
936 }
937
938 div.changesetday {
939   font-size: 1.2em;
940   background-color: #ccc;
941   border-bottom: solid 1px #bbb;
942   margin: 0;
943   padding: 0;
944   padding-bottom: 0.3em;
945   padding-top: 0.3em;
946   padding-left: 1em;
947   color: #777;
948   clear:both;
949 }
950
951
952 span.branchname, span.milestone {
953   background: rgb(170, 255, 170);
954   border-bottom: 1px solid rgb(0, 204, 51);
955   border-left: 1px solid rgb(204, 255, 204);
956   border-right: 1px solid rgb(0, 204, 51);
957   border-top: 1px solid rgb(204, 255, 204);
958   color: black;
959   white-space: normal;
960   padding-top: 1px;
961   padding-bottom: 1px;
962   padding-left: 2px;
963   padding-right: 2px;
964   font-size: 0.9em;
965   -webkit-border-radius: 8px;
966   -moz-border-radius: 8px;
967   border-radius: 8px;
968 }
969
970 a.keyword {
971   background: rgb(170, 255, 170);
972   border-bottom: 1px solid rgb(0, 204, 51);
973   border-left: 1px solid rgb(204, 255, 204);
974   border-right: 1px solid rgb(0, 204, 51);
975   border-top: 1px solid rgb(204, 255, 204);
976   color: black;
977   white-space: normal;
978   padding-top: 1px;
979   padding-bottom: 1px;
980   padding-left: 4px;
981   padding-right: 4px;
982   margin-right: 0.5em;
983   font-size: 0.9em;
984   -webkit-border-radius: 8px;
985   -moz-border-radius: 8px;
986   border-radius: 8px;
987 }
988
989 span.milestone {
990   background-image: url(images/milestone.png);
991   background-repeat: no-repeat;
992   background-position-x: 2px;
993   padding-left: 16px;
994 }
995
996 span.tagname {
997   background: rgb(255, 255, 170);
998   border-bottom: 1px solid rgb(255, 238, 0);
999   border-left: 1px solid rgb(255, 255, 204);
1000   border-right: 1px solid rgb(255, 238, 0);
1001   border-top: 1px solid rgb(255, 255, 204);
1002   color: black;
1003   white-space: normal;
1004   padding-top: 1px;
1005   padding-bottom: 1px;
1006   padding-left: 2px;
1007   padding-right: 2px;
1008   font-size: 0.9em;
1009 }
1010
1011 .completed {
1012   text-decoration: line-through;
1013 }
1014
1015 ol.code li code.removed {
1016   background-color: rgb(255, 221, 221);
1017   display: block;
1018   padding-right: 0;
1019 }
1020
1021 ol.code li code.added {
1022   background-color: rgb(221, 255, 221);
1023   display: block;
1024   padding-right: 0;
1025 }
1026
1027 div.difffiles {
1028   margin-top: 2em;
1029   margin-bottom: 1em;
1030 }
1031
1032 table.fields {
1033   width: 45em;
1034 }
1035
1036 input.summaryedit {
1037   font-size: 1.1em;
1038   font-weight: bold;
1039 }
1040
1041 select.asmSelect {
1042   display: inline;
1043 }
1044
1045 div.asmContainer {
1046  border: 1px solid #d7d7d7;
1047  padding: .5em;
1048 }
1049
1050 /* disabled options in the asmSelect */
1051 select.asmSelect option.asmOptionDisabled {
1052   color: #999;
1053 }
1054
1055 ol.asmList, ul.asmList {
1056   /* html list constructed around selected items */
1057   margin: 0.25em 0 1em 1em;
1058   position: relative;
1059   display: block;
1060   padding: 0.4em 0 0 0;
1061 }
1062
1063 li.asmListItem {
1064   margin-left: 0.5em;
1065   line-height: 1.6em;
1066   list-style: disc;
1067 }
1068
1069 a.asmListItemRemove {
1070   padding: 0.2em 0.2em 0.2em 0.5em;
1071   border: none;
1072 }
1073
1074 div.ticketchangeinfo img.gravatar {
1075   float: right;
1076   margin: 0 0em 1em 1em;
1077 }
1078 div.timelinereason img.gravatar {
1079   float: left;
1080   margin: 0 1em 1em 0em;
1081 }
1082 div.ticketevent, div.timelineevent, h1.timelineday {
1083   clear: both;
1084 }
1085
1086 div.userinfo img.gravatar {
1087   float: right;
1088 }
1089
1090 div.ui-state-highlight, div.ui-state-error {
1091   padding: 0.4em;
1092 }
1093 .ui-widget {
1094   font-size: 1em;
1095 }
1096 .ui-widget p {
1097   margin-bottom: 1.2em;
1098 }
1099
1100 span.ui-icon-info, span.ui-icon-alert {
1101   margin-right: 0.6em;
1102   float: left;
1103 }
1104
1105 #changelog-container {
1106   margin-left: 2em;
1107 }
1108
1109 div.attachment-list {
1110   clear: both;
1111   margin-top: 1em;
1112   margin-bottom: 1em;
1113   padding: 0;
1114 }
1115
1116 .treeview, .treeview ul {
1117   padding: 0;
1118   margin: 0;
1119   list-style: none;
1120 }
1121
1122 .treeview ul {
1123   margin-top: 4px;
1124 }
1125
1126 .treeview .hitarea {
1127 /*  background: url(images/treeview/treeview-gray.gif) -64px -25px no-repeat; */
1128   height: 16px;
1129   width: 16px;
1130   margin-left: -16px;
1131   float: left;
1132   cursor: pointer;
1133 }
1134
1135 /* fix for IE6 */
1136 * html .hitarea {
1137   display: inline;
1138   float: none;
1139 }
1140 .treeview li {
1141   margin: 0;
1142   padding: 3px 0pt 3px 20px;
1143 }
1144
1145 .treeview li {
1146   background-image: none;
1147   /* url(images/treeview/treeview-gray-line.gif) 0 0 no-repeat; */
1148 }
1149 .treeview li.collapsable {
1150   background: url(images/treeview/folder.gif) no-repeat;
1151 }
1152 .treeview li.expandable {
1153   background: url(images/treeview/folder-closed.gif) no-repeat;
1154 }
1155
1156 #wikilastchange {
1157   float: right;
1158   padding: 0.5em;
1159   margin: 1em 0 1.5em 1.5em;
1160   -webkit-border-radius: 8px;
1161   -moz-border-radius: 8px;
1162   border-radius: 8px;
1163   border: solid 1px #bbb;
1164   background-color: #eee;
1165   font-size: 0.8em;
1166   width: 15em;
1167 }
1168
1169 #wikilastchange a.userlink.wikilastchange {
1170   float: left;
1171   padding: 0 0.5em 0.5em 0;
1172   border: none;
1173 }
1174
1175 #footer {
1176   
1177   background-image: url(images/gradient-footer.png);
1178   background-position: center top;
1179   background-repeat: repeat-x;
1180   
1181   background-color: rgb(229,229,229);
1182 /*  clear: both;
1183   border-top: 1px solid #eee;
1184   width: 100%;
1185   margin-top: 1em;
1186   position: fixed;
1187   bottom: 0px;
1188   z-index: 10000;
1189 */
1190 }
1191
1192 div.navfoot {
1193   color: #999;
1194   font-size: 0.8em;
1195   padding-left: 1em;
1196   padding-top: 1em;
1197   height: 2.5em;
1198 }
1199
1200 #openid_identifier {
1201   font-size: 2em;
1202 }
1203
1204 #openid-sign-in {
1205   font-size: 2em;
1206 }
1207
1208 #openidlink {
1209   border: none;
1210 }
1211
1212 @media print {
1213   #header, #banner, #mainsearch, div.navfoot {
1214     display: none;
1215   }
1216   #qform {
1217     margin-bottom: 0em;
1218   }
1219   #qtable tr td, #qtable tr td input {
1220     font-size: 0.5em;
1221   }
1222   #qtable tr td select {
1223     font-size: 1em;
1224   }
1225   input {
1226     border: none;
1227   }
1228   input[type=submit], button, #customqryaddfilter {
1229     display: none;
1230   }
1231   h1 {
1232     font-size: 1.2em;
1233   }
1234   #wikinav, #wikilastchange {
1235     display: none;
1236   }
1237 }
1238
1239 span.fulldate {
1240     display: block;
1241   color: #999;
1242   padding-left: 1.5em;
1243   padding-right: 1.5em;
1244 }
1245
1246 div.ticketevent abbr.timeinterval {
1247   color: #777;
1248 }
1249
1250 tr.inactiveuser {
1251   text-decoration: line-through;
1252 }
1253
1254 /*
1255
1256 .button, button, input[type=button], input[type=submit], input[type=file] {
1257   border-radius: 4px;
1258   -webkit-border-radius: 4px;
1259   -moz-border-radius: 4px;
1260   background: #e6e6e6
1261     url(smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png);
1262   border: 1px solid lightGrey;
1263   color: #555;
1264   cursor: pointer;
1265 }
1266 */
1267 .button:hover, button:hover, input[type=button]:hover, input[type=submit]:hover, input[type=file]:hover {
1268   background: #dadada
1269     url(smoothness/images/ui-bg_glass_75_dadada_1x400.png);
1270   border: 1px solid #999;
1271   color: #212121;
1272 }
1273
1274 .button[disabled], button[disabled], input[type=button][disabled], input[type=submit][disabled], input[type=file][disabled] {
1275  /* background: #fff; */
1276   border: 1px solid #ddd;
1277   color: #999;
1278 }
1279
1280 textarea.shortwiki.markItUpEditor {
1281   height: 5em;
1282 }
1283
1284 #snippetmug {
1285   float: right;
1286 }
1287
1288 #recentsnippets {
1289   font-size: smaller;
1290   width: 10em;
1291   vertical-align: top;
1292 }
1293
1294 form.snippetform,
1295 div.snippetview {
1296 }
1297
1298 div.snippetsummary {
1299   margin-top: 1em;
1300 }
1301
1302 #newsnippet {
1303   margin-bottom: 1em;
1304 }
1305
1306 div.permissioneditor th {
1307   font-weight: bold;
1308 }
1309
1310 div.permissioneditor tr.inheritedacl {
1311   color: #999;
1312 }
1313
1314 div.button-float {
1315      background-color: #CC3;
1316   width: 100%;
1317    padding: 0.5em;
1318 }
1319
1320 div.button-float-floating {
1321     background-color: #CC3;
1322   border: solid 1px #ccc;
1323   left: -1em;
1324   padding-left: 2.3em;
1325 }
1326 .clear {
1327     float: left;
1328     clear:both;
1329     display: block;
1330 }
1331 /* vim:ts=2:sw=2:et:
1332  */
1333
1334
1335
1336
1337 .showdown { font-size: 62.5%; }
1338
1339
1340 .showdown {
1341         font-family: Helvetica, Arial, sans-serif;
1342         font-size: 100%;
1343         line-height: 1.1;
1344         color: #222; 
1345         /*width: 700px;*/
1346         margin: auto;
1347         background: #FCFCFC;
1348         position: relative;
1349         border: solid 1px #BBB;
1350         padding: 10px !important;
1351         margin: 0.4em;
1352 }
1353
1354 .showdown p,.showdown ul,.showdown ol,.showdown dl,.showdown table,.showdown pre { margin-bottom: 1em; }
1355 .showdown ul { margin-left: 20px; }
1356 .showdown li { display: list-item; }
1357 .showdown ul li { list-style: disc; }
1358 .showdown ol li { list-style: decimal; }
1359 .showdown strong, .showdown b {
1360 font-weight: bolder;
1361 }
1362 .showdown i, .showdown cite, .showdown em, .showdown var, .showdown address {
1363 font-style: italic;
1364 }
1365
1366
1367 .showdown a { text-decoration: none; cursor: pointer; color: #ba832c; font-weight: bold; }
1368 .showdown a:focus { outline: 1px dotted; }
1369 .showdown a:visited {  }
1370 .showdown a:hover, .showdown a:focus { color: #d3a459; text-decoration: none; }
1371 .showdown a *, .showdown button * { cursor: pointer; }
1372 /* .showdown hr { display: none; } */
1373 .showdown small { font-size: 90%; }
1374 .showdown input, .showdown select, .showdown button, .showdown textarea, .showdown option { font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 100%; }
1375 .showdown button, .showdown label, .showdown select, .showdown option, .showdown input[type=submit] { cursor: pointer; }
1376 .showdown .group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
1377 .showdown .group {display: inline-block;}
1378 /* Hides from IE-mac \*/ * html .group {height: 1%;} .group {display: block;} /* End hide from IE-mac */
1379 .showdown sup { font-size: 80%; line-height: 1; vertical-align: super; }
1380 .showdown button::-moz-focus-inner { border: 0; padding: 1px; }
1381 .showdown span.amp { font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-weight: normal; font-style: italic; font-size: 1.2em; line-height: 0.8; }
1382
1383 .showdown h1,.showdown h2,.showdown h3,.showdown h4,.showdown h5,.showdown h6 { 
1384     line-height: 1.4; 
1385     font-family: 'Trebuchet MS', verdana, sans-serif;
1386 }
1387 .showdown h1 { font-size: 24pt; }
1388 .showdown h2 { font-size: 22pt; }
1389 .showdown h3 { font-size: 20pt; }
1390 .showdown h4 { font-size: 18pt; }
1391 .showdown h5 { font-size: 16pt; }
1392 .showdown h6 { font-size: 14pt; }
1393
1394 .showdown ::selection { background: #745626; }
1395 .showdown ::-moz-selection { background: #745626; }
1396   
1397
1398 .showdown h1 a,
1399 .showdown h1 a:hover {
1400         color: #d7af72;
1401         font-weight: normal;
1402         text-decoration: none;
1403 }
1404
1405 .showdown pre {
1406     background: #EEE;
1407     color: blue;
1408     padding: 8px 10px;
1409     border-radius: 0.4em;
1410     -moz-border-radius: 0.4em;
1411     -webkit-border-radius: 0.4em;
1412     overflow-x: hidden;
1413     font-weight: bold;
1414 }
1415
1416 .showdown pre code {
1417         font-size: 10pt;
1418 }
1419
1420 .showdown .thumb { 
1421     float:left;
1422     margin: 10px;
1423 }
1424 .showdown  blockquote { 
1425     -webkit-margin-before: 1em;
1426     -webkit-margin-after: 1em;
1427     -webkit-margin-start: 40px;
1428     -webkit-margin-end: 40px;
1429 }
1430
1431 /** our speech bubles.. */
1432 .bubble-wrap >  div {
1433     
1434     position: relative;
1435     padding: 15px;
1436     margin: 1em 0 1em;
1437     color: black;
1438     background: #FFF;
1439     background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#CEC));
1440     background: -moz-linear-gradient(#FFF, #CEC);
1441     background: -o-linear-gradient(#FFF, #CEC);
1442     background: linear-gradient(#FFF, #CEC);
1443     -webkit-border-radius: 10px;
1444     -moz-border-radius: 10px;
1445     border-radius: 10px;
1446     border-color: #CEC;
1447     }
1448
1449 .bubble-wrap > div::after {
1450     content: "";
1451     position: absolute;
1452     bottom: -15px;
1453     left: 15px;
1454     border-width: 15px 15px 0;
1455     border-style: solid;
1456     border-color: #CEC transparent;
1457     display: block;
1458     width: 0;
1459 }
1460 .bubble-wrap > p {
1461     position: relative;
1462     top: -0.8em ;
1463     left: 45px;
1464 }
1465 .bubble-wrap-commit > div {
1466     position: relative;
1467     padding: 4px;
1468     margin: 1em 0 3em;
1469     border: 5px solid #5A8F00;
1470     color: #333;
1471     background: white;
1472     -webkit-border-radius: 10px;
1473     -moz-border-radius: 10px;
1474     border-radius: 10px;
1475 }
1476
1477 .bubble-wrap-commit > p {
1478     position: relative;
1479     top: -29px;
1480     left: 90px;
1481 }
1482     
1483 .bubble-wrap-commit > div::after {
1484     content: "";
1485     position: absolute;
1486     bottom: -13px;
1487     left: 47px;
1488     border-width: 13px 13px 0;
1489     border-style: solid;
1490     border-color: white transparent;
1491     display: block;
1492     width: 0;
1493 }
1494 .bubble-wrap-commit > div::before {
1495     content: "";
1496     position: absolute;
1497     bottom: -20px;
1498     left: 40px;
1499     border-width: 20px 20px 0;
1500     border-style: solid;
1501     border-color: #5A8F00 transparent;
1502     display: block;
1503     width: 0;
1504 }