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