Mercurial > self-hosted

comparison CGIT/cgit.css @ 3:8e515a52c7a9

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