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