Rev Author Line No. Line
4988 kaklik 1 html,body {
2 background:#FFF;
3 color:gray;
4 font-family: 'Trebuchet MS', Verdana, sans-serif;
5 font-size:13px;
6 line-height:1.3em;
7 margin:0; padding:0;
8 text-align:center;
9 height: 95%;
10 }
11  
12 #container {
13 position: relative;
14 min-height: 100%;
15 padding-bottom:40px;
16 }
17 * html #container {
18 height: 95%;
19 }
20 #footer {
21 height:40px;
22 position: relative;
23 margin:0;padding:0;
24 margin-top: -40px;
25 }
26  
27 a {
28 color:#000;
29 text-decoration:none;
30 outline: none !important;
31 }
32 a:hover {
33 background-color:#F0E68C;
34 }
35 a img {
36 border:0;
37 }
38  
39 #select {
40 margin:1em 2% 0 2%;
41 text-align:right;
42 padding:10px 10px 0 10px;
43 min-height:2em;
44 }
45 #select form, #select div {
46 display: inline;
47 }
48 #revjump {
49 text-align:right;
50 height:2em;
51 padding: 10px 10px 0;
52 }
53 #wrap {
54 text-align:left;
55 background:#FFF;
56 padding:5px 0;
57 }
58 #index #wrap tr {
59 border-top:1px dotted lightgrey;
60 }
61 #index #wrap tr:first-child {
62 border-width:0;
63 }
64 #index #wrap td, #index #wrap th {
65 border-width:0;
66 padding:4px;
67 text-align:right;
68 white-space:pre;
69 }
70 #index #wrap td.project {
71 text-align:left;
72 width:100%;
73 }
74 #index #wrap td.project a {
75 background-image:url(images/cube_green.png);
76 background-repeat:no-repeat;
77 background-position:2px 50%;
78 }
79 #index #wrap td.project a, #index #wrap td.group {
80 padding-left:22px;
81 }
82 #index #wrap th {
83 background-color:white;
84 background-repeat:no-repeat;
85 background-position:6px 50%;
86 padding-left:26px;
87 text-align:left;
88 }
89 #index #wrap th.closed {
90 background-image:url(images/toggle-up.png);
91 }
92 #index #wrap th.open {
93 background-image:url(images/toggle-down.png);
94 }
95 #index #info dl {
96 margin:2px 0;
97 }
98 #index #info dl dd:first-child {
99 border-width: 0;
100 }
101 #info {
102 margin-left:2%;
103 text-align:left;
104 padding:5px 0;
105 }
106 h1, h2 {
107 color:gray;
108 text-align:left;
109 text-transform:uppercase;
110 line-height:1em;
111 font-weight:normal;
112 }
113 h1 {
114 line-height:1.7em;
115 font-size:1.7em;
116 border-bottom:1px solid gray;
117 padding:10px 5px 10px 5px;
118 text-align:left;
119 font-weight:normal;
120 letter-spacing: -0.018em;
121 }
122 h1 span {
123 padding-left:22px;
124 background:url(images/cube_green.png) no-repeat 0 50%;
125 }
126 h1 span a, h1 span a:link {
127 color:gray;
128 }
129 h2 a {
130 background:#FFF;
131 margin:0;
132 }
133 h2 a:link,
134 h2 a:visited {
135 font-weight:normal;
136 letter-spacing: -0.018em;
137 color: #b00
138 }
139 h2 a:hover {
140 background:#f2f2f2;
141 }
142 h2 {
143 font-weight:normal;
144 letter-spacing: -0.018em;
145 color:#666;
146 padding:0 .1em;
147 }
148  
149 #info h2 {
150 border-bottom:1px solid gray;
151 padding:0 5px 10px;
152 margin:0;
153 text-align:left;
154 font-size:1.7em;
155 font-weight:normal;
156 letter-spacing: -0.018em;
157 }
158  
159 #wrap h2 {
160 padding:0 0 10px 0;
161 margin:0;
162 text-align:left;
163 font-size:1.7em;
164 text-transform:none;
165 letter-spacing: -0.018em;
166 }
167 #wrap h2.regular {
168 padding:0 5px 10px 5px;
169 margin:0;
170 text-align:left;
171 font-size:1.7em;
172 text-transform:uppercase;
173 border-bottom:1px solid gray;
174 }
175 #wrap h2.regular .links {
176 float:right;
177 padding:0 5px 10px 5px;
178 margin:0;
179 text-align:right;
180 font-size:13px;
181 text-transform:none;
182 }
183 #wrap h2.regular .links a {
184 color: #000000;
185 font-weight: normal;
186 letter-spacing: 0;
187 }
188 /*
189 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Forms
190 */
191  
192 input, select {
193 padding:1px;
194 margin:1px;
195 font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;
196 border-right:1px solid #000;
197 border-bottom:1px solid #000;
198 border-left:1px solid #b2b2b2;
199 border-top:1px solid #b2b2b2;
200 background-color:#FFF8DC;
201 }
202  
203 input {
204 padding:2px 5px;
205 font-size:1.1em;
206 background-color:#FFF;
207 background-image:url(images/textbg.png);
208 background-repeat:repeat-x;
209 background-position:0 100%;
210 border:1px solid #b2b2b2;
211 }
212 input:hover,
213 input:active,
214 input:focus {
215 border:1px solid #666;
216 background-color:#FFF;
217 }
218 #info ul li input {
219 background-color:#FFF;
220 background-image:url(images/textbg.png);
221 background-repeat:repeat-x;
222 background-position:0 100%;
223 border:1px solid #b2b2b2;
224 }
225 span.submit input,
226 #info span.submit input,
227 #info p.submit input,
228 #wrap p.submit input {
229 background-image:url(images/submitbg.png);
230 }
231 #info table tr td input {
232 font-size:1em;
233 width:92%;
234 background:#FFF url(images/textbg.png) repeat-x 0 0;
235 }
236 #info table tr td.revcomp input {
237 width:50px;
238 }
239 #info table tr td.all input {
240 width:auto;
241 }
242 select {
243 padding:2px 2px 2px 21px;
244 border:1px solid #cccccc;
245 background-color:#FFF;
246 background-image:url(images/cube_green.png);
247 background-repeat:no-repeat;
248 background-position:2px 50%;
249 }
250  
251 select:hover,
252 select:active,
253 select:focus {
254 border:1px solid #666;
255 background-color:#F5F5DC;
256 background-repeat:no-repeat;
257 background-position:2px 50%;
258 background-image:url(images/cube_green.png);
259 }
260 option,
261 option:hover,
262 option:focus,
263 option:active {
264 padding-left:25px;
265 background-image:url(images/cube_green.png);
266 background-repeat:no-repeat;
267 background-position:2px 50%;
268 }
269  
270 #index #projectform {
271 display: none;
272 }
273  
274 /*
275 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Left Column
276 */
277  
278 /* index elements */
279 #info dl {
280 margin-left:0;
281 }
282 #info dt, #wrap dt {
283 margin:0;
284 padding:0 0 5px 0;
285 }
286 #info dd, #wrap dd {
287 margin:0;
288 padding:3px 0 5px 10px;
289 border-top:1px dotted #D3D3D3;
290 }
291 #info ul {
292 list-style-type:none;
293 padding:0 0;
294 margin:0;
295 }
296 #info ul li {
297 padding:5px;
298 margin:3px 0;
299 border-bottom:1px dotted #D3D3D3;
300 overflow:hidden;
301 }
302  
303 li.mod a, li.new a, #info li.del {
304 padding:5px 5px 5px 26px;
305 margin:2px 0 2px -2px;
306 background-position:5px 50%;
307 background-repeat:no-repeat;
308 }
309 li.mod a {
310 display:block;
311 color:#545400;
312 border:1px solid #f2f2c7;
313 background-color:#FFFFE0;
314 background-image:url(images/page_white_edit.png);
315 }
316 li.mod a:hover {
317 color:#000;
318 border:1px solid #BDB76B;
319 background-color:#F0E68C;
320 }
321 li.new a {
322 display:block;
323 color:#545400;
324 border:1px solid #d5f2c7;
325 background-color:#f2ffd9;
326 background-image:url(images/page_white_add.png);
327 }
328 li.new a:hover {
329 color:#000;
330 border:1px solid #669900;
331 background-color:#9ACD32;
332 }
333  
334 #info ul li.del {
335 display:block;
336 color:#BC8F8F;
337 border:1px solid #BC8F8F;
338 padding:5px 5px 5px 26px;
339 margin:5px;
340 background-color:#FFEFD5;
341 background-image:url(images/page_white_delete.png);
342 background-position:5px 5px;
343 text-align:left;
344 }
345 #info ul li a {
346 overflow:hidden;
347 }
348 /*
349 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ main content: Directories
350 */
351  
352 table {
353 border-collapse:collapse;
354 width:100%;
355 }
356 td {
357 padding:0;
358 text-align:left;
359 }
360 th {
361 text-align:center;
362 }
363 td, th {
364 border: 1px solid #eeeeee;
365 }
366 #info th, #info td {
367 border: none;
368 text-align: left;
369 }
370 #diff td, #blame td, table.diff td {
371 vertical-align:top;
372 }
373 thead th a {
374 color:white;
375 }
376 thead th a:hover {
377 text-decoration:underline;
378 color:white;
379 background:none;
380 }
381 thead tr {
382 background:#4d4d4d;
383 }
384 thead th {
385 background:#4d4d4d;
386 border-bottom:2px solid #000;
387 border-top:2px solid #808080;
388 border-right:1px solid #808080;
389 color:#FFF;
390 margin:3px 2px;
391 padding:3px 5px;
392 }
393 thead th.open {
394 background-image:url(images/toggle-down.png);
395 background-repeat:no-repeat;
396 }
397 thead th.closed {
398 background-image:url(images/toggle-up.png);
399 background-repeat:no-repeat;
400 }
401 thead th.path {
402 text-align:left;
403 width:50%;
404 }
405 thead th.collno, thead th.colrev, thead th.colauth {
406 width:6%;
407 }
408 thead th.colcode {
409 width:73%;
410 }
411 tbody th {
412 background-color: #ddd;
413 }
414 tbody th.info {
415 background-color: #d0dfea;
416 }
417 tr td.code {
418 text-align:left;
419 }
420 td.code, td td.diff {
421 border: 1px solid #eee;
422 }
423 tr td.code pre {
424 padding: 1px 2px 0;
425 background-color:#f8f8f8;
426 }
427 tr:hover td.code pre {
428 background-color:#e8e8e8;
429 }
430 tr:hover td.code {
431 background-color:#FFF;
432 }
433 tr td.path, tr th.path {
434 text-align:left;
435 width: 100%;
436 }
437 tr td.path {
438 padding:0;
439 }
440 tr.row0 td {
441 background-color:#f0f0f0;
442 }
443 tr.row1 td {
444 background-color:#f8f8f8;
445 }
446 tr.row0:hover td, tr.row1:hover td {
447 background-color:#e8e8e8;
448 }
449 span.listing a, a.listing {
450 padding-left:22px;
451 background-image:url(images/sitemap_color.png);
452 background-repeat:no-repeat;
453 background-position:3px 50%;
454 }
455 span.detail a {
456 padding-left:22px;
457 background-image:url(images/file.png);
458 background-repeat:no-repeat;
459 background-position:3px 50%;
460 }
461 span.changes a {
462 padding-left:22px;
463 background-image:url(images/page_white_edit.png);
464 background-repeat:no-repeat;
465 background-position:3px 50%;
466 }
467 span.compact a {
468 padding-left:22px;
469 background-image:url(images/arrow_in.png);
470 background-repeat:no-repeat;
471 background-position:3px 50%;
472 }
473 span.full a {
474 padding-left:22px;
475 background-image:url(images/arrow_out.png);
476 background-repeat:no-repeat;
477 background-position:3px 50%;
478 }
479 span.ignorews a {
480 padding-left:22px;
481 background-image:url(images/pilcrow_delete.png);
482 background-repeat:no-repeat;
483 background-position:3px 50%;
484 }
485 span.regardws a {
486 padding-left:22px;
487 background-image:url(images/pilcrow.png);
488 background-repeat:no-repeat;
489 background-position:3px 50%;
490 }
491 span.log a,
492 td.log a {
493 padding-left:22px;
494 background-image:url(images/log.png);
495 background-repeat:no-repeat;
496 background-position:3px 50%;
497 }
498 span.blame a,
499 td.blame a {
500 padding-left:22px;
501 background-image:url(images/blame.png);
502 background-repeat:no-repeat;
503 background-position:3px 50%;
504 }
505 span.mime a,
506 td.mime a {
507 padding-left:22px;
508 background-image:url(images/eye.png);
509 background-repeat:no-repeat;
510 background-position:3px 50%;
511 }
512 span.svn a,
513 td.svn a {
514 padding-left:22px;
515 background-image:url(images/link.png);
516 background-repeat:no-repeat;
517 background-position:3px 50%;
518 }
519 span.next a,
520 td.next a {
521 padding-left:15px;
522 background-image:url(images/next.png);
523 background-repeat:no-repeat;
524 background-position:0px 50%;
525 }
526 span.prev a,
527 td.prev a {
528 padding-left:15px;
529 background-image:url(images/previous.png);
530 background-repeat:no-repeat;
531 background-position:0px 50%;
532 }
533  
534 li.compress a,
535 span.compress a,
536 tr td.compress a:link,
537 tr td.compress a:visited,
538 tr td.compress a:link {
539 padding-left:22px;
540 background-image:url(images/compress.png);
541 background-repeat:no-repeat;
542 background-position:3px 50%;
543 }
544 li.feed a,
545 span.feed a,
546 tr td.feed a,
547 tr td.feed a:link,
548 tr td.feed a:visited,
549 tr td.feed a:link {
550 padding-left:22px;
551 background-image:url(images/xml.gif);
552 background-repeat:no-repeat;
553 background-position:3px 50%;
554 }
555 .goyoungest a {
556 color:#e25f53;
557 padding-left:22px;
558 background-image:url(images/exclamation.png);
559 background-repeat:no-repeat;
560 background-position:3px 50%;
561 }
562 .goyoungest a:hover {
563 background-color:#fad4c8;
564 color:#000;
565 }
566 .icon {
567 vertical-align: middle;
568 }
569  
570 /*
571 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ File, Blame, Diff
572 */
573 h2#path_links {
574 text-transform:none;
575 margin:0 2% 15px;
576 }
577 div.listing {
578 overflow:auto;
579 border:1px solid #D3D3D3;
580 text-align:left;
581 margin:0 2%;
582 padding:3px;
583 background:#f8f8f8;
584 }
585 pre a, td.code pre a {
586 color:blue;
587 font-style:italic;
588 }
589 pre {
590 margin: 0;
591 white-space: pre-wrap;
592 }
593 code, pre, table.diff td, #file div.listing {
594 font-family:Consolas, monospace;
595 }
596 .new a {color:green}
597 .del a {color:red}
598 .toggleup a:link,
599 .toggleup a:visited,
600 .toggleup a:focus {
601 padding-left:22px;
602 background:url(images/toggle-up.png) no-repeat 2px 50%;
603 }
604 .toggleup a:hover {
605 background:#F0E68C url(images/toggle-up.png) no-repeat 2px 50%;
606 }
607 .toggledown a:link,
608 .toggledown a:visited,
609 .toggledown a:focus {
610 padding-left:22px;
611 background:url(images/toggle-down.png) no-repeat 2px 50%;
612 }
613 .toggledown a:hover {
614 background:#F0E68C url(images/toggle-down.png) no-repeat 2px 50%;
615 }
616 span.diff a:link,
617 span.diff a:visited,
618 span.diff a:focus {
619 padding-left:22px;
620 background:url(images/diff.png) no-repeat 2px 50%;
621 }
622 span.diff a:hover {
623 background:#F0E68C url(images/diff.png) no-repeat 2px 50%;
624 }
625 .geshi a:link,
626 .geshi a:visited,
627 .geshi a:focus,
628 .geshi a:hover {
629 padding-left:0;
630 background: none;
631 }
632 .geshi a:hover {
633 text-decoration: underline;
634 }
635 tr td.lineno {
636 text-align: right;
637 vertical-align: top;
638 padding: 0 2px;
639 }
640 tr td.row1 {
641 padding: 3px;
642 border: none;
643 }
644 tr td code, tr td pre {
645 display:block;
646 height:100%;
647 }
648 /* compare table */
649 table.diff {
650 margin:10px 0 20px;
651 border-spacing:0;
652 border-collapse:separate;
653 }
654 table.diff td {
655 color:black;
656 padding:0;
657 margin:0;
658 border-color:#f0f0f0;
659 }
660 table.diff td, table td pre {
661 padding-left:16px;
662 background-position: 0 0;
663 background-repeat:no-repeat;
664 white-space:pre-wrap;
665 }
666 table td pre {
667 border:1px solid white;
668 }
669 table tr:hover {
670 background:white;
671 }
672 td.diffempty {
673 background-color:#f8f8f8;
674 }
675 table tr:hover td.diff, table tr:hover td.diffempty {
676 background-color:#e8e8e8;
677 }
678 table td.diff pre {
679 background-position:2px 50%;
680 background-repeat:no-repeat;
681 }
682 table.diff td.diffdeleted,
683 table td.diffdeleted pre {
684 background-color:#f8e4cc;
685 background-image:url(images/bullet_delete.png);
686 border:1px solid #e8d4bc;
687 }
688 table.diff tr:hover td.diffdeleted,
689 table tr:hover td.diffdeleted pre {
690 background-color:#ffccaa;
691 border-color:#bb9977;
692 }
693 table.diff td.diffadded,
694 table td.diffadded pre {
695 border:1px solid #cdf0cd;
696 background-color:#ddffdd;
697 background-image:url(images/bullet_add.png);
698 }
699 table.diff tr:hover td.diffadded,
700 table tr:hover td.diffadded pre {
701 background-color:#bbffbb;
702 border-color:#88bb88;
703 }
704 table td.diffchanged pre {
705 border:1px solid #f0f0bc;
706 background-color:#ffffcc;
707 background-image:url(images/bullet_yellow.png);
708 }
709 table tr:hover td.diffchanged pre {
710 background-color:#ffff99;
711 border-color:#bbbb55;
712 }
713  
714 ins {
715 background-color: #bbffbb;
716 text-decoration: none;
717 }
718 tr:hover ins {
719 background-color: #99ff99;
720 }
721 del {
722 background-color: #ffccaa;
723 text-decoration: none;
724 }
725 tr:hover del {
726 background-color: #ffaa88;
727 }
728  
729 code {
730 white-space: pre-wrap;
731 }
732  
733 /* Whitespace hacks for IE 4-7 */
734  
735 * html code, *:first-child+html code {
736 white-space: pre;
737 }
738  
739 * html table.diff td, *:first-child+html table.diff td {
740 white-space: pre;
741 }
742  
743 /* Log View */
744  
745 table tr td.logmsg {
746 text-align:left;
747 padding: 3px 0 3px 3px;
748 }
749  
750 /* sidebar form without css-bg-colors */
751 #info table tr td,
752 #info table tr th {
753 background:#FFF;
754 padding:0;
755 margin:0;
756 font-weight:normal;
757 }
758 #info table tr:hover td,
759 #info table tr:hover th {
760 background:#FFF;
761 padding:0;
762 margin:0;
763 }
764 /* inputs see -> forms */
765  
766 div.blame-popup {
767 position: absolute;
768 text-align: left;
769 background-color: white;
770 padding: 5px;
771 border:1px solid #BDB76B;
772 background-color: #F0E68C;
773 max-width: 600px;
774 }
775  
776 div.blame-popup .date {
777 font-weight: bold;
778 }
779  
780 #wrap td.log, #wrap td.feed {
781 white-space: nowrap;
782 }
783  
784 #wrap td.age, #wrap td.date {
785 padding-left: 3px;
786 padding-right: 8px;
787 }
788  
789 #wrap td.age, #wrap td.date, #wrap td.rev {
790 text-align: right;
791 white-space: nowrap;
792 }
793  
794 #wrap p.pagelinks > * {
795 padding: 0 3px;
796 }
797  
798 div#error, div#warning {
799 font-weight: bold;
800 display: table;
801 padding: 5px;
802 margin: 0 auto;
803 border: 1px solid;
804 }
805  
806 div#error {
807 border-color: #cb6565;
808 background-color: #ffe2e2;
809 }
810  
811 div#warning {
812 border-color: #d5ce00;
813 background-color: #ffd;
814 }
815  
816 table td {
817 vertical-align: top;
818 padding: 2px;
819 }
820  
821 div#wrap table td.changes div {
822 background-repeat: no-repeat;
823 padding-left: 18px;
824 }
825  
826 td.changes .add {
827 background-image: url(images/add.png);
828 }
829  
830 td.changes .del {
831 background-image: url(images/delete.png);
832 }
833  
834 td.changes .mod {
835 background-image: url(images/page_white_edit.png);
836 }
837  
838 #blame table td {
839 text-align: right;
840 padding-right: 4px;
841 border-color: white;
842 }
843  
844 #blame table td.code {
845 text-align: left;
846 padding: 0;
847 border-color: #eeeeee;
848 }
849  
850 #blame table td.code pre {
851 border: none;
852 }
853  
854 #revision td.path a {
855 background-position:5px 50%;
856 background-repeat:no-repeat;
857 padding-left: 26px;
858 top: 2px;
859 position: relative;
860 }
861  
862 #revision td.path a.notinpath {
863 color: #b00;
864 }
865  
866 #revision tr.M td.path a {
867 background-image:url(images/page_white_edit.png);
868 }
869  
870 #revision tr.A td.path a {
871 background-image:url(images/page_white_add.png);
872 }
873  
874 #revision tr.D td.path a {
875 background-image:url(images/page_white_delete.png);
876 }
877  
878 #revision del {
879 padding-left: 26px;
880 background: none;
881 }
882  
883 .table-responsive {
884 display: block;
885 width: 100%;
886 overflow-x: auto;
887 -webkit-overflow-scrolling: touch;
888 }
889  
890 /*
891 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Media Queries (responsivity)
892 */
893  
894 /* every screens excepts small ones */
895 @media only screen and (min-width: 800px) {
896 #info {
897 float:left;
898 width:28%;
899 }
900  
901 #wrap {
902 margin:0 2% 0 32%;
903 width:65%;
904 }
905 h1 {
906 margin:-1.7em 2% 1em 2%;
907 }
908 #revjump {
909 margin:-3.7em 2% 0;
910 }
911 }
912  
913 /* small screens only */
914 @media only screen and (max-width: 799px) {
915 tr td.path {
916 white-space: nowrap;
917 }
918 h2#path_links {
919 overflow-x: auto;
920 overflow-y: hidden;
921 }
922 #wrap {
923 margin:1em 2% 0 2%;
924 }
925 h1 {
926 margin:0 2% 1em 2%;
927 }
928 /*** Always show scrollbar on webkit mobiles */
929 ::-webkit-scrollbar {
930 -webkit-appearance: none;
931 width: .5rem;
932 height: .5rem;
933 }
934 ::-webkit-scrollbar-thumb {
935 border-radius: 4px;
936 background-color: rgba(0, 0, 0, .25);
937 }
938 }