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