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