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

Generated with cgit - Back to sebastiano.tronto.net