]> git.cameronkatri.com Git - cgit.git/blob - cgit.css
git.ckatri.com / cgit.git / blob
? search:
summary | shortlog | log | commit | commitdiff | tree
history | raw | HEAD
ui-blame: Make each column into a single table cell
[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.hashes,
304 div#cgit table.blob td.lines {
305 margin: 0; padding: 0 0 0 0.5em;
306 vertical-align: top;
307 color: black;
308 }
309
310 div#cgit table.blob td.linenumbers {
311 margin: 0; padding: 0 0.5em 0 0.5em;
312 vertical-align: top;
313 text-align: right;
314 border-right: 1px solid gray;
315 }
316
317 div#cgit table.blob pre {
318 padding: 0; margin: 0;
319 }
320
321 div#cgit table.blob td.linenumbers a,
322 div#cgit table.ssdiff td.lineno a {
323 color: gray;
324 text-align: right;
325 text-decoration: none;
326 }
327
328 div#cgit table.blob td.linenumbers a:hover,
329 div#cgit table.ssdiff td.lineno a:hover {
330 color: black;
331 }
332
333 div#cgit table.blame td.hashes,
334 div#cgit table.blame td.lines,
335 div#cgit table.blame td.linenumbers {
336 padding: 0;
337 }
338
339 div#cgit table.blame td.hashes div.alt,
340 div#cgit table.blame td.lines div.alt {
341 padding: 0 0.5em 0 0.5em;
342 }
343
344 div#cgit table.blame td.linenumbers div.alt {
345 padding: 0 0.5em 0 0;
346 }
347
348 div#cgit table.blame div.alt:nth-child(even) {
349 background: #eee;
350 }
351
352 div#cgit table.blame div.alt:nth-child(odd) {
353 background: white;
354 }
355
356 div#cgit table.bin-blob {
357 margin-top: 0.5em;
358 border: solid 1px black;
359 }
360
361 div#cgit table.bin-blob th {
362 font-family: monospace;
363 white-space: pre;
364 border: solid 1px #777;
365 padding: 0.5em 1em;
366 }
367
368 div#cgit table.bin-blob td {
369 font-family: monospace;
370 white-space: pre;
371 border-left: solid 1px #777;
372 padding: 0em 1em;
373 }
374
375 div#cgit table.nowrap td {
376 white-space: nowrap;
377 }
378
379 div#cgit table.commit-info {
380 border-collapse: collapse;
381 margin-top: 1.5em;
382 }
383
384 div#cgit div.cgit-panel {
385 float: right;
386 margin-top: 1.5em;
387 }
388
389 div#cgit div.cgit-panel table {
390 border-collapse: collapse;
391 border: solid 1px #aaa;
392 background-color: #eee;
393 }
394
395 div#cgit div.cgit-panel th {
396 text-align: center;
397 }
398
399 div#cgit div.cgit-panel td {
400 padding: 0.25em 0.5em;
401 }
402
403 div#cgit div.cgit-panel td.label {
404 padding-right: 0.5em;
405 }
406
407 div#cgit div.cgit-panel td.ctrl {
408 padding-left: 0.5em;
409 }
410
411 div#cgit table.commit-info th {
412 text-align: left;
413 font-weight: normal;
414 padding: 0.1em 1em 0.1em 0.1em;
415 vertical-align: top;
416 }
417
418 div#cgit table.commit-info td {
419 font-weight: normal;
420 padding: 0.1em 1em 0.1em 0.1em;
421 }
422
423 div#cgit div.commit-subject {
424 font-weight: bold;
425 font-size: 125%;
426 margin: 1.5em 0em 0.5em 0em;
427 padding: 0em;
428 }
429
430 div#cgit div.commit-msg {
431 white-space: pre;
432 font-family: monospace;
433 }
434
435 div#cgit div.notes-header {
436 font-weight: bold;
437 padding-top: 1.5em;
438 }
439
440 div#cgit div.notes {
441 white-space: pre;
442 font-family: monospace;
443 border: solid 1px #ee9;
444 background-color: #ffd;
445 padding: 0.3em 2em 0.3em 1em;
446 float: left;
447 }
448
449 div#cgit div.notes-footer {
450 clear: left;
451 }
452
453 div#cgit div.diffstat-header {
454 font-weight: bold;
455 padding-top: 1.5em;
456 }
457
458 div#cgit table.diffstat {
459 border-collapse: collapse;
460 border: solid 1px #aaa;
461 background-color: #eee;
462 }
463
464 div#cgit table.diffstat th {
465 font-weight: normal;
466 text-align: left;
467 text-decoration: underline;
468 padding: 0.1em 1em 0.1em 0.1em;
469 font-size: 100%;
470 }
471
472 div#cgit table.diffstat td {
473 padding: 0.2em 0.2em 0.1em 0.1em;
474 font-size: 100%;
475 border: none;
476 }
477
478 div#cgit table.diffstat td.mode {
479 white-space: nowrap;
480 }
481
482 div#cgit table.diffstat td span.modechange {
483 padding-left: 1em;
484 color: red;
485 }
486
487 div#cgit table.diffstat td.add a {
488 color: green;
489 }
490
491 div#cgit table.diffstat td.del a {
492 color: red;
493 }
494
495 div#cgit table.diffstat td.upd a {
496 color: blue;
497 }
498
499 div#cgit table.diffstat td.graph {
500 width: 500px;
501 vertical-align: middle;
502 }
503
504 div#cgit table.diffstat td.graph table {
505 border: none;
506 }
507
508 div#cgit table.diffstat td.graph td {
509 padding: 0px;
510 border: 0px;
511 height: 7pt;
512 }
513
514 div#cgit table.diffstat td.graph td.add {
515 background-color: #5c5;
516 }
517
518 div#cgit table.diffstat td.graph td.rem {
519 background-color: #c55;
520 }
521
522 div#cgit div.diffstat-summary {
523 color: #888;
524 padding-top: 0.5em;
525 }
526
527 div#cgit table.diff {
528 width: 100%;
529 }
530
531 div#cgit table.diff td {
532 font-family: monospace;
533 white-space: pre;
534 }
535
536 div#cgit table.diff td div.head {
537 font-weight: bold;
538 margin-top: 1em;
539 color: black;
540 }
541
542 div#cgit table.diff td div.hunk {
543 color: #009;
544 }
545
546 div#cgit table.diff td div.add {
547 color: green;
548 }
549
550 div#cgit table.diff td div.del {
551 color: red;
552 }
553
554 div#cgit .sha1 {
555 font-family: monospace;
556 font-size: 90%;
557 }
558
559 div#cgit .left {
560 text-align: left;
561 }
562
563 div#cgit .right {
564 text-align: right;
565 }
566
567 div#cgit table.list td.reposection {
568 font-style: italic;
569 color: #888;
570 }
571
572 div#cgit a.button {
573 font-size: 80%;
574 padding: 0em 0.5em;
575 }
576
577 div#cgit a.primary {
578 font-size: 100%;
579 }
580
581 div#cgit a.secondary {
582 font-size: 90%;
583 }
584
585 div#cgit td.toplevel-repo {
586
587 }
588
589 div#cgit table.list td.sublevel-repo {
590 padding-left: 1.5em;
591 }
592
593 div#cgit ul.pager {
594 list-style-type: none;
595 text-align: center;
596 margin: 1em 0em 0em 0em;
597 padding: 0;
598 }
599
600 div#cgit ul.pager li {
601 display: inline-block;
602 margin: 0.25em 0.5em;
603 }
604
605 div#cgit ul.pager a {
606 color: #777;
607 }
608
609 div#cgit ul.pager .current {
610 font-weight: bold;
611 }
612
613 div#cgit span.age-mins {
614 font-weight: bold;
615 color: #080;
616 }
617
618 div#cgit span.age-hours {
619 color: #080;
620 }
621
622 div#cgit span.age-days {
623 color: #040;
624 }
625
626 div#cgit span.age-weeks {
627 color: #444;
628 }
629
630 div#cgit span.age-months {
631 color: #888;
632 }
633
634 div#cgit span.age-years {
635 color: #bbb;
636 }
637
638 div#cgit span.insertions {
639 color: #080;
640 }
641
642 div#cgit span.deletions {
643 color: #800;
644 }
645
646 div#cgit div.footer {
647 margin-top: 0.5em;
648 text-align: center;
649 font-size: 80%;
650 color: #ccc;
651 }
652
653 div#cgit div.footer a {
654 color: #ccc;
655 text-decoration: none;
656 }
657
658 div#cgit div.footer a:hover {
659 text-decoration: underline;
660 }
661
662 div#cgit a.branch-deco {
663 color: #000;
664 margin: 0px 0.5em;
665 padding: 0px 0.25em;
666 background-color: #88ff88;
667 border: solid 1px #007700;
668 }
669
670 div#cgit a.tag-deco {
671 color: #000;
672 margin: 0px 0.5em;
673 padding: 0px 0.25em;
674 background-color: #ffff88;
675 border: solid 1px #777700;
676 }
677
678 div#cgit a.remote-deco {
679 color: #000;
680 margin: 0px 0.5em;
681 padding: 0px 0.25em;
682 background-color: #ccccff;
683 border: solid 1px #000077;
684 }
685
686 div#cgit a.deco {
687 color: #000;
688 margin: 0px 0.5em;
689 padding: 0px 0.25em;
690 background-color: #ff8888;
691 border: solid 1px #770000;
692 }
693
694 div#cgit div.commit-subject a.branch-deco,
695 div#cgit div.commit-subject a.tag-deco,
696 div#cgit div.commit-subject a.remote-deco,
697 div#cgit div.commit-subject a.deco {
698 margin-left: 1em;
699 font-size: 75%;
700 }
701
702 div#cgit table.stats {
703 border: solid 1px black;
704 border-collapse: collapse;
705 }
706
707 div#cgit table.stats th {
708 text-align: left;
709 padding: 1px 0.5em;
710 background-color: #eee;
711 border: solid 1px black;
712 }
713
714 div#cgit table.stats td {
715 text-align: right;
716 padding: 1px 0.5em;
717 border: solid 1px black;
718 }
719
720 div#cgit table.stats td.total {
721 font-weight: bold;
722 text-align: left;
723 }
724
725 div#cgit table.stats td.sum {
726 color: #c00;
727 font-weight: bold;
728 /* background-color: #eee; */
729 }
730
731 div#cgit table.stats td.left {
732 text-align: left;
733 }
734
735 div#cgit table.vgraph {
736 border-collapse: separate;
737 border: solid 1px black;
738 height: 200px;
739 }
740
741 div#cgit table.vgraph th {
742 background-color: #eee;
743 font-weight: bold;
744 border: solid 1px white;
745 padding: 1px 0.5em;
746 }
747
748 div#cgit table.vgraph td {
749 vertical-align: bottom;
750 padding: 0px 10px;
751 }
752
753 div#cgit table.vgraph div.bar {
754 background-color: #eee;
755 }
756
757 div#cgit table.hgraph {
758 border: solid 1px black;
759 width: 800px;
760 }
761
762 div#cgit table.hgraph th {
763 background-color: #eee;
764 font-weight: bold;
765 border: solid 1px black;
766 padding: 1px 0.5em;
767 }
768
769 div#cgit table.hgraph td {
770 vertical-align: middle;
771 padding: 2px 2px;
772 }
773
774 div#cgit table.hgraph div.bar {
775 background-color: #eee;
776 height: 1em;
777 }
778
779 div#cgit table.ssdiff {
780 width: 100%;
781 }
782
783 div#cgit table.ssdiff td {
784 font-size: 75%;
785 font-family: monospace;
786 white-space: pre;
787 padding: 1px 4px 1px 4px;
788 border-left: solid 1px #aaa;
789 border-right: solid 1px #aaa;
790 }
791
792 div#cgit table.ssdiff td.add {
793 color: black;
794 background: #cfc;
795 min-width: 50%;
796 }
797
798 div#cgit table.ssdiff td.add_dark {
799 color: black;
800 background: #aca;
801 min-width: 50%;
802 }
803
804 div#cgit table.ssdiff span.add {
805 background: #cfc;
806 font-weight: bold;
807 }
808
809 div#cgit table.ssdiff td.del {
810 color: black;
811 background: #fcc;
812 min-width: 50%;
813 }
814
815 div#cgit table.ssdiff td.del_dark {
816 color: black;
817 background: #caa;
818 min-width: 50%;
819 }
820
821 div#cgit table.ssdiff span.del {
822 background: #fcc;
823 font-weight: bold;
824 }
825
826 div#cgit table.ssdiff td.changed {
827 color: black;
828 background: #ffc;
829 min-width: 50%;
830 }
831
832 div#cgit table.ssdiff td.changed_dark {
833 color: black;
834 background: #cca;
835 min-width: 50%;
836 }
837
838 div#cgit table.ssdiff td.lineno {
839 color: black;
840 background: #eee;
841 text-align: right;
842 width: 3em;
843 min-width: 3em;
844 }
845
846 div#cgit table.ssdiff td.hunk {
847 color: black;
848 background: #ccf;
849 border-top: solid 1px #aaa;
850 border-bottom: solid 1px #aaa;
851 }
852
853 div#cgit table.ssdiff td.head {
854 border-top: solid 1px #aaa;
855 border-bottom: solid 1px #aaa;
856 }
857
858 div#cgit table.ssdiff td.head div.head {
859 font-weight: bold;
860 color: black;
861 }
862
863 div#cgit table.ssdiff td.foot {
864 border-top: solid 1px #aaa;
865 border-left: none;
866 border-right: none;
867 border-bottom: none;
868 }
869
870 div#cgit table.ssdiff td.space {
871 border: none;
872 }
873
874 div#cgit table.ssdiff td.space div {
875 min-height: 3em;
876 }
A hyperfast web frontend for git repositories written in C.