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