]> git.cameronkatri.com Git - cgit.git/blob - cgit.css
ui-tree: move set_title_from_path to ui-shared
[cgit.git] / cgit.css
1 div#cgit {
2 padding: 0em;
3 margin: 0em;
4 font-family: sans-serif;
5 font-size: 10pt;
6 color: #333;
7 background: white;
8 padding: 4px;
9 }
10
11 div#cgit a {
12 color: blue;
13 text-decoration: none;
14 }
15
16 div#cgit a:hover {
17 text-decoration: underline;
18 }
19
20 div#cgit table {
21 border-collapse: collapse;
22 }
23
24 div#cgit table#header {
25 width: 100%;
26 margin-bottom: 1em;
27 }
28
29 div#cgit table#header td.logo {
30 width: 96px;
31 vertical-align: top;
32 }
33
34 div#cgit table#header td.main {
35 font-size: 250%;
36 padding-left: 10px;
37 white-space: nowrap;
38 }
39
40 div#cgit table#header td.main a {
41 color: #000;
42 }
43
44 div#cgit table#header td.form {
45 text-align: right;
46 vertical-align: bottom;
47 padding-right: 1em;
48 padding-bottom: 2px;
49 white-space: nowrap;
50 }
51
52 div#cgit table#header td.form form,
53 div#cgit table#header td.form input,
54 div#cgit table#header td.form select {
55 font-size: 90%;
56 }
57
58 div#cgit table#header td.sub {
59 color: #777;
60 border-top: solid 1px #ccc;
61 padding-left: 10px;
62 }
63
64 div#cgit table.tabs {
65 border-bottom: solid 3px #ccc;
66 border-collapse: collapse;
67 margin-top: 2em;
68 margin-bottom: 0px;
69 width: 100%;
70 }
71
72 div#cgit table.tabs td {
73 padding: 0px 1em;
74 vertical-align: bottom;
75 }
76
77 div#cgit table.tabs td a {
78 padding: 2px 0.75em;
79 color: #777;
80 font-size: 110%;
81 }
82
83 div#cgit table.tabs td a.active {
84 color: #000;
85 background-color: #ccc;
86 }
87
88 div#cgit table.tabs a[href^="http://"]:after, div#cgit table.tabs a[href^="https://"]:after {
89 content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgAhcJDQY+gm2TAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAABbSURBVAhbY2BABs4MU4CwhYHBh2Erww4wrGFQZHjI8B8IgUIscJWyDHcggltQhI4zGDCcRwhChPggHIggP1QoAVmQkSETrGoHsiAEsACtBYN0oDAMbgU6EBcAAL2eHUt4XUU4AAAAAElFTkSuQmCC);
90 opacity: 0.5;
91 margin: 0 0 0 5px;
92 }
93
94 div#cgit table.tabs td.form {
95 text-align: right;
96 }
97
98 div#cgit table.tabs td.form form {
99 padding-bottom: 2px;
100 font-size: 90%;
101 white-space: nowrap;
102 }
103
104 div#cgit table.tabs td.form input,
105 div#cgit table.tabs td.form select {
106 font-size: 90%;
107 }
108
109 div#cgit div.path {
110 margin: 0px;
111 padding: 5px 2em 2px 2em;
112 color: #000;
113 background-color: #eee;
114 }
115
116 div#cgit div.content {
117 margin: 0px;
118 padding: 2em;
119 border-bottom: solid 3px #ccc;
120 }
121
122
123 div#cgit table.list {
124 width: 100%;
125 border: none;
126 border-collapse: collapse;
127 }
128
129 div#cgit table.list tr {
130 background: white;
131 }
132
133 div#cgit table.list tr.logheader {
134 background: #eee;
135 }
136
137 div#cgit table.list tr:nth-child(even) {
138 background: #f7f7f7;
139 }
140
141 div#cgit table.list tr:nth-child(odd) {
142 background: white;
143 }
144
145 div#cgit table.list tr:hover {
146 background: #eee;
147 }
148
149 div#cgit table.list tr.nohover {
150 background: white;
151 }
152
153 div#cgit table.list tr.nohover:hover {
154 background: white;
155 }
156
157 div#cgit table.list tr.nohover-highlight:hover:nth-child(even) {
158 background: #f7f7f7;
159 }
160
161 div#cgit table.list tr.nohover-highlight:hover:nth-child(odd) {
162 background: white;
163 }
164
165 div#cgit table.list th {
166 font-weight: bold;
167 /* color: #888;
168 border-top: dashed 1px #888;
169 border-bottom: dashed 1px #888;
170 */
171 padding: 0.1em 0.5em 0.05em 0.5em;
172 vertical-align: baseline;
173 }
174
175 div#cgit table.list td {
176 border: none;
177 padding: 0.1em 0.5em 0.1em 0.5em;
178 }
179
180 div#cgit table.list td.commitgraph {
181 font-family: monospace;
182 white-space: pre;
183 }
184
185 div#cgit table.list td.commitgraph .column1 {
186 color: #a00;
187 }
188
189 div#cgit table.list td.commitgraph .column2 {
190 color: #0a0;
191 }
192
193 div#cgit table.list td.commitgraph .column3 {
194 color: #aa0;
195 }
196
197 div#cgit table.list td.commitgraph .column4 {
198 color: #00a;
199 }
200
201 div#cgit table.list td.commitgraph .column5 {
202 color: #a0a;
203 }
204
205 div#cgit table.list td.commitgraph .column6 {
206 color: #0aa;
207 }
208
209 div#cgit table.list td.logsubject {
210 font-family: monospace;
211 font-weight: bold;
212 }
213
214 div#cgit table.list td.logmsg {
215 font-family: monospace;
216 white-space: pre;
217 padding: 0 0.5em;
218 }
219
220 div#cgit table.list td a {
221 color: black;
222 }
223
224 div#cgit table.list td a.ls-dir {
225 font-weight: bold;
226 color: #00f;
227 }
228
229 div#cgit table.list td a:hover {
230 color: #00f;
231 }
232
233 div#cgit img {
234 border: none;
235 }
236
237 div#cgit input#switch-btn {
238 margin: 2px 0px 0px 0px;
239 }
240
241 div#cgit td#sidebar input.txt {
242 width: 100%;
243 margin: 2px 0px 0px 0px;
244 }
245
246 div#cgit table#grid {
247 margin: 0px;
248 }
249
250 div#cgit td#content {
251 vertical-align: top;
252 padding: 1em 2em 1em 1em;
253 border: none;
254 }
255
256 div#cgit div#summary {
257 vertical-align: top;
258 margin-bottom: 1em;
259 }
260
261 div#cgit table#downloads {
262 float: right;
263 border-collapse: collapse;
264 border: solid 1px #777;
265 margin-left: 0.5em;
266 margin-bottom: 0.5em;
267 }
268
269 div#cgit table#downloads th {
270 background-color: #ccc;
271 }
272
273 div#cgit div#blob {
274 border: solid 1px black;
275 }
276
277 div#cgit div.error {
278 color: red;
279 font-weight: bold;
280 margin: 1em 2em;
281 }
282
283 div#cgit a.ls-blob, div#cgit a.ls-dir, div#cgit .ls-mod {
284 font-family: monospace;
285 }
286
287 div#cgit td.ls-size {
288 text-align: right;
289 font-family: monospace;
290 width: 10em;
291 }
292
293 div#cgit td.ls-mode {
294 font-family: monospace;
295 width: 10em;
296 }
297
298 div#cgit table.blob {
299 margin-top: 0.5em;
300 border-top: solid 1px black;
301 }
302
303 div#cgit table.blob td.lines {
304 margin: 0; padding: 0 0 0 0.5em;
305 vertical-align: top;
306 color: black;
307 }
308
309 div#cgit table.blob td.linenumbers {
310 margin: 0; padding: 0 0.5em 0 0.5em;
311 vertical-align: top;
312 text-align: right;
313 border-right: 1px solid gray;
314 }
315
316 div#cgit table.blob pre {
317 padding: 0; margin: 0;
318 }
319
320 div#cgit table.blob td.linenumbers a,
321 div#cgit table.ssdiff td.lineno a {
322 color: gray;
323 text-align: right;
324 text-decoration: none;
325 }
326
327 div#cgit table.blob td.linenumbers a:hover,
328 div#cgit table.ssdiff td.lineno a:hover {
329 color: black;
330 }
331
332 div#cgit table.bin-blob {
333 margin-top: 0.5em;
334 border: solid 1px black;
335 }
336
337 div#cgit table.bin-blob th {
338 font-family: monospace;
339 white-space: pre;
340 border: solid 1px #777;
341 padding: 0.5em 1em;
342 }
343
344 div#cgit table.bin-blob td {
345 font-family: monospace;
346 white-space: pre;
347 border-left: solid 1px #777;
348 padding: 0em 1em;
349 }
350
351 div#cgit table.nowrap td {
352 white-space: nowrap;
353 }
354
355 div#cgit table.commit-info {
356 border-collapse: collapse;
357 margin-top: 1.5em;
358 }
359
360 div#cgit div.cgit-panel {
361 float: right;
362 margin-top: 1.5em;
363 }
364
365 div#cgit div.cgit-panel table {
366 border-collapse: collapse;
367 border: solid 1px #aaa;
368 background-color: #eee;
369 }
370
371 div#cgit div.cgit-panel th {
372 text-align: center;
373 }
374
375 div#cgit div.cgit-panel td {
376 padding: 0.25em 0.5em;
377 }
378
379 div#cgit div.cgit-panel td.label {
380 padding-right: 0.5em;
381 }
382
383 div#cgit div.cgit-panel td.ctrl {
384 padding-left: 0.5em;
385 }
386
387 div#cgit table.commit-info th {
388 text-align: left;
389 font-weight: normal;
390 padding: 0.1em 1em 0.1em 0.1em;
391 vertical-align: top;
392 }
393
394 div#cgit table.commit-info td {
395 font-weight: normal;
396 padding: 0.1em 1em 0.1em 0.1em;
397 }
398
399 div#cgit div.commit-subject {
400 font-weight: bold;
401 font-size: 125%;
402 margin: 1.5em 0em 0.5em 0em;
403 padding: 0em;
404 }
405
406 div#cgit div.commit-msg {
407 white-space: pre;
408 font-family: monospace;
409 }
410
411 div#cgit div.notes-header {
412 font-weight: bold;
413 padding-top: 1.5em;
414 }
415
416 div#cgit div.notes {
417 white-space: pre;
418 font-family: monospace;
419 border: solid 1px #ee9;
420 background-color: #ffd;
421 padding: 0.3em 2em 0.3em 1em;
422 float: left;
423 }
424
425 div#cgit div.notes-footer {
426 clear: left;
427 }
428
429 div#cgit div.diffstat-header {
430 font-weight: bold;
431 padding-top: 1.5em;
432 }
433
434 div#cgit table.diffstat {
435 border-collapse: collapse;
436 border: solid 1px #aaa;
437 background-color: #eee;
438 }
439
440 div#cgit table.diffstat th {
441 font-weight: normal;
442 text-align: left;
443 text-decoration: underline;
444 padding: 0.1em 1em 0.1em 0.1em;
445 font-size: 100%;
446 }
447
448 div#cgit table.diffstat td {
449 padding: 0.2em 0.2em 0.1em 0.1em;
450 font-size: 100%;
451 border: none;
452 }
453
454 div#cgit table.diffstat td.mode {
455 white-space: nowrap;
456 }
457
458 div#cgit table.diffstat td span.modechange {
459 padding-left: 1em;
460 color: red;
461 }
462
463 div#cgit table.diffstat td.add a {
464 color: green;
465 }
466
467 div#cgit table.diffstat td.del a {
468 color: red;
469 }
470
471 div#cgit table.diffstat td.upd a {
472 color: blue;
473 }
474
475 div#cgit table.diffstat td.graph {
476 width: 500px;
477 vertical-align: middle;
478 }
479
480 div#cgit table.diffstat td.graph table {
481 border: none;
482 }
483
484 div#cgit table.diffstat td.graph td {
485 padding: 0px;
486 border: 0px;
487 height: 7pt;
488 }
489
490 div#cgit table.diffstat td.graph td.add {
491 background-color: #5c5;
492 }
493
494 div#cgit table.diffstat td.graph td.rem {
495 background-color: #c55;
496 }
497
498 div#cgit div.diffstat-summary {
499 color: #888;
500 padding-top: 0.5em;
501 }
502
503 div#cgit table.diff {
504 width: 100%;
505 }
506
507 div#cgit table.diff td {
508 font-family: monospace;
509 white-space: pre;
510 }
511
512 div#cgit table.diff td div.head {
513 font-weight: bold;
514 margin-top: 1em;
515 color: black;
516 }
517
518 div#cgit table.diff td div.hunk {
519 color: #009;
520 }
521
522 div#cgit table.diff td div.add {
523 color: green;
524 }
525
526 div#cgit table.diff td div.del {
527 color: red;
528 }
529
530 div#cgit .sha1 {
531 font-family: monospace;
532 font-size: 90%;
533 }
534
535 div#cgit .left {
536 text-align: left;
537 }
538
539 div#cgit .right {
540 text-align: right;
541 }
542
543 div#cgit table.list td.reposection {
544 font-style: italic;
545 color: #888;
546 }
547
548 div#cgit a.button {
549 font-size: 80%;
550 padding: 0em 0.5em;
551 }
552
553 div#cgit a.primary {
554 font-size: 100%;
555 }
556
557 div#cgit a.secondary {
558 font-size: 90%;
559 }
560
561 div#cgit td.toplevel-repo {
562
563 }
564
565 div#cgit table.list td.sublevel-repo {
566 padding-left: 1.5em;
567 }
568
569 div#cgit ul.pager {
570 list-style-type: none;
571 text-align: center;
572 margin: 1em 0em 0em 0em;
573 padding: 0;
574 }
575
576 div#cgit ul.pager li {
577 display: inline-block;
578 margin: 0.25em 0.5em;
579 }
580
581 div#cgit ul.pager a {
582 color: #777;
583 }
584
585 div#cgit ul.pager .current {
586 font-weight: bold;
587 }
588
589 div#cgit span.age-mins {
590 font-weight: bold;
591 color: #080;
592 }
593
594 div#cgit span.age-hours {
595 color: #080;
596 }
597
598 div#cgit span.age-days {
599 color: #040;
600 }
601
602 div#cgit span.age-weeks {
603 color: #444;
604 }
605
606 div#cgit span.age-months {
607 color: #888;
608 }
609
610 div#cgit span.age-years {
611 color: #bbb;
612 }
613
614 div#cgit span.insertions {
615 color: #080;
616 }
617
618 div#cgit span.deletions {
619 color: #800;
620 }
621
622 div#cgit div.footer {
623 margin-top: 0.5em;
624 text-align: center;
625 font-size: 80%;
626 color: #ccc;
627 }
628
629 div#cgit div.footer a {
630 color: #ccc;
631 text-decoration: none;
632 }
633
634 div#cgit div.footer a:hover {
635 text-decoration: underline;
636 }
637
638 div#cgit a.branch-deco {
639 color: #000;
640 margin: 0px 0.5em;
641 padding: 0px 0.25em;
642 background-color: #88ff88;
643 border: solid 1px #007700;
644 }
645
646 div#cgit a.tag-deco {
647 color: #000;
648 margin: 0px 0.5em;
649 padding: 0px 0.25em;
650 background-color: #ffff88;
651 border: solid 1px #777700;
652 }
653
654 div#cgit a.remote-deco {
655 color: #000;
656 margin: 0px 0.5em;
657 padding: 0px 0.25em;
658 background-color: #ccccff;
659 border: solid 1px #000077;
660 }
661
662 div#cgit a.deco {
663 color: #000;
664 margin: 0px 0.5em;
665 padding: 0px 0.25em;
666 background-color: #ff8888;
667 border: solid 1px #770000;
668 }
669
670 div#cgit div.commit-subject a.branch-deco,
671 div#cgit div.commit-subject a.tag-deco,
672 div#cgit div.commit-subject a.remote-deco,
673 div#cgit div.commit-subject a.deco {
674 margin-left: 1em;
675 font-size: 75%;
676 }
677
678 div#cgit table.stats {
679 border: solid 1px black;
680 border-collapse: collapse;
681 }
682
683 div#cgit table.stats th {
684 text-align: left;
685 padding: 1px 0.5em;
686 background-color: #eee;
687 border: solid 1px black;
688 }
689
690 div#cgit table.stats td {
691 text-align: right;
692 padding: 1px 0.5em;
693 border: solid 1px black;
694 }
695
696 div#cgit table.stats td.total {
697 font-weight: bold;
698 text-align: left;
699 }
700
701 div#cgit table.stats td.sum {
702 color: #c00;
703 font-weight: bold;
704 /* background-color: #eee; */
705 }
706
707 div#cgit table.stats td.left {
708 text-align: left;
709 }
710
711 div#cgit table.vgraph {
712 border-collapse: separate;
713 border: solid 1px black;
714 height: 200px;
715 }
716
717 div#cgit table.vgraph th {
718 background-color: #eee;
719 font-weight: bold;
720 border: solid 1px white;
721 padding: 1px 0.5em;
722 }
723
724 div#cgit table.vgraph td {
725 vertical-align: bottom;
726 padding: 0px 10px;
727 }
728
729 div#cgit table.vgraph div.bar {
730 background-color: #eee;
731 }
732
733 div#cgit table.hgraph {
734 border: solid 1px black;
735 width: 800px;
736 }
737
738 div#cgit table.hgraph th {
739 background-color: #eee;
740 font-weight: bold;
741 border: solid 1px black;
742 padding: 1px 0.5em;
743 }
744
745 div#cgit table.hgraph td {
746 vertical-align: middle;
747 padding: 2px 2px;
748 }
749
750 div#cgit table.hgraph div.bar {
751 background-color: #eee;
752 height: 1em;
753 }
754
755 div#cgit table.ssdiff {
756 width: 100%;
757 }
758
759 div#cgit table.ssdiff td {
760 font-size: 75%;
761 font-family: monospace;
762 white-space: pre;
763 padding: 1px 4px 1px 4px;
764 border-left: solid 1px #aaa;
765 border-right: solid 1px #aaa;
766 }
767
768 div#cgit table.ssdiff td.add {
769 color: black;
770 background: #cfc;
771 min-width: 50%;
772 }
773
774 div#cgit table.ssdiff td.add_dark {
775 color: black;
776 background: #aca;
777 min-width: 50%;
778 }
779
780 div#cgit table.ssdiff span.add {
781 background: #cfc;
782 font-weight: bold;
783 }
784
785 div#cgit table.ssdiff td.del {
786 color: black;
787 background: #fcc;
788 min-width: 50%;
789 }
790
791 div#cgit table.ssdiff td.del_dark {
792 color: black;
793 background: #caa;
794 min-width: 50%;
795 }
796
797 div#cgit table.ssdiff span.del {
798 background: #fcc;
799 font-weight: bold;
800 }
801
802 div#cgit table.ssdiff td.changed {
803 color: black;
804 background: #ffc;
805 min-width: 50%;
806 }
807
808 div#cgit table.ssdiff td.changed_dark {
809 color: black;
810 background: #cca;
811 min-width: 50%;
812 }
813
814 div#cgit table.ssdiff td.lineno {
815 color: black;
816 background: #eee;
817 text-align: right;
818 width: 3em;
819 min-width: 3em;
820 }
821
822 div#cgit table.ssdiff td.hunk {
823 color: black;
824 background: #ccf;
825 border-top: solid 1px #aaa;
826 border-bottom: solid 1px #aaa;
827 }
828
829 div#cgit table.ssdiff td.head {
830 border-top: solid 1px #aaa;
831 border-bottom: solid 1px #aaa;
832 }
833
834 div#cgit table.ssdiff td.head div.head {
835 font-weight: bold;
836 color: black;
837 }
838
839 div#cgit table.ssdiff td.foot {
840 border-top: solid 1px #aaa;
841 border-left: none;
842 border-right: none;
843 border-bottom: none;
844 }
845
846 div#cgit table.ssdiff td.space {
847 border: none;
848 }
849
850 div#cgit table.ssdiff td.space div {
851 min-height: 3em;
852 }