diff options
chore: initial commit
-rw-r--r-- | cgit.css | 1053 |
1 files changed, 1053 insertions, 0 deletions
diff --git a/cgit.css b/cgit.css new file mode 100644 index 0000000..d5bffed --- /dev/null +++ b/cgit.css @@ -0,0 +1,1053 @@ +@import url(https://rsms.me/inter/inter.css); + +* { + box-sizing: border-box; +} + +html { + color: #dedede; + background: #1a1b1c; + --radius-lg: 16px; + --radius-md: 12px; + --radius-smol: 8px; + --bg-headers: #121212bb; +} + +div#cgit { + padding: 0em; + margin: 0em; + font-family: Inter, sans-serif; + font-size: 10pt; + color: #dedede; + background: #2a2b2c; + padding: 1.1rem; + margin: 1rem; + border-radius: var(--radius-lg); +} + +div#cgit select, +div#cgit input[type="text"], +div#cgit input[type="search"], +div#cgit input[type="submit"], +div#cgit button, +div#cgit a.button { + padding: 6px; + border: none; + border-radius: var(--radius-md); + background: #fff1; + color: #dedede; + backdrop-filter: blur(8px); +} + +div#cgit tr td.ls-mode + td + td.ls-size + td > a.button { + border-radius: 0px; + padding: 6px 8px; + transition: background-color 0.3s; +} +div#cgit tr td.ls-mode + td + td.ls-size + td > a.button:nth-child(even) { + background: #fff2; +} +div#cgit tr td.ls-mode + td + td.ls-size + td > a.button:hover { + background: #fff3; +} +div#cgit tr td.ls-mode + td + td.ls-size + td > a.button:first-child { + border-top-left-radius: var(--radius-lg); + border-bottom-left-radius: var(--radius-lg); + padding-left: 12px; +} +div#cgit tr td.ls-mode + td + td.ls-size + td > a.button:last-child { + border-top-right-radius: var(--radius-lg); + border-bottom-right-radius: var(--radius-lg); + padding-right: 12px; +} + +div#cgit a { + color: #98abfe; + text-decoration: none; +} + +div#cgit a:hover { + text-decoration: underline; +} + +div#cgit table { + border-collapse: collapse; +} + +div#cgit table#header { + width: 100%; + margin-bottom: 1em; +} + +div#cgit table#header td.logo { + width: 96px; + vertical-align: top; +} + +div#cgit table#header td.main { + font-size: 250%; + padding-left: 10px; + white-space: nowrap; +} + +div#cgit table#header td.main a { + color: #deeeef; +} + +div#cgit table#header td.form { + text-align: right; + vertical-align: bottom; + padding-right: 1em; + padding-bottom: 2px; + white-space: nowrap; +} + +div#cgit table#header td.form form, +div#cgit table#header td.form input, +div#cgit table#header td.form select { + font-size: 90%; +} + +div#cgit table#header td.sub { + color: #aaa; + border-top: solid 1px #ccc; + padding-left: 10px; +} + +div#cgit table.tabs { + border-bottom: solid 3px #ccc; + border-collapse: collapse; + margin-top: 2rem; + margin-bottom: 0px; + width: 100%; +} + +div#cgit table.tabs td { + padding: 0px 1rem; + vertical-align: bottom; +} + +div#cgit table.tabs td a { + padding: 3px 0.5rem; + color: #aaa; + font-size: 110%; + border-top-left-radius: var(--radius-smol); + border-top-right-radius: var(--radius-smol); +} + +div#cgit table.tabs td a.active { + color: #000; + background-color: #ccc; +} + +div#cgit table.tabs a[href^="http://"]::after, +div#cgit table.tabs a[href^="https://"]::after { + /* TODO: replace with SVG */ + content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgAhcJDQY+gm2TAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAABbSURBVAhbY2BABs4MU4CwhYHBh2Erww4wrGFQZHjI8B8IgUIscJWyDHcggltQhI4zGDCcRwhChPggHIggP1QoAVmQkSETrGoHsiAEsACtBYN0oDAMbgU6EBcAAL2eHUt4XUU4AAAAAElFTkSuQmCC); + filter: invert(); + opacity: 0.5; + margin: 0 0 0 5px; +} + +div#cgit table.tabs td.form { + text-align: right; +} + +div#cgit table.tabs td.form form { + padding-bottom: 2px; + font-size: 90%; + white-space: nowrap; +} + +div#cgit table.tabs td.form input, +div#cgit table.tabs td.form select { + font-size: 90%; +} + +div#cgit div.path { + margin: 0px; + padding: 8px 2em 8px 2em; + color: #ababab; + background-color: #9999990a; + border-bottom-left-radius: var(--radius-md); + border-bottom-right-radius: var(--radius-md); +} + +div#cgit div.content { + margin: 0px; + padding: 2em; + border-bottom: solid 3px #ccc; +} + + +div#cgit table.list { + width: 100%; + border: none; + border-collapse: collapse; +} +div#cgit table.list, +div#cgit table.stats { + border-radius: var(--radius-md); + overflow: hidden; +} +/* +@media screen and (max-width: 900px) { + div#cgit table.list { + overflow-x: auto; + width: max-content; + max-width: calc(90vw - 10px); + } +} +*/ + +div#cgit table.list th, +div#cgit table.stats th { + background: var(--bg-headers); +} + +div#cgit table.list tr, +div#cgit table.stats tr { + background: #393a3aaa; +} + +div#cgit table.list tr.logheader { + background: #494a4aaa; +} + +div#cgit table.list tr:nth-child(even), +div#cgit table.stats tr:nth-child(even) { + background: #393a3aaa; +} + +div#cgit table.list tr:nth-child(odd), +div#cgit table.stats tr:nth-child(odd) { + background: #494a4aaa; +} + +div#cgit table.list tr:hover { + background: #3f3f3faa; +} + +div#cgit table.list tr.nohover, +div#cgit table.list tr.nohover:hover { + background: #4443; +} + +div#cgit table.list tr.nohover-highlight:hover:nth-child(even) { + background: #3a3e3e; +} + +div#cgit table.list tr.nohover-highlight:hover:nth-child(odd) { + background: #393a3a; +} + +div#cgit table.list th { + font-weight: bold; + /* color: #888; + border-top: dashed 1px #888; + border-bottom: dashed 1px #888; + */ + vertical-align: baseline; +} + +div#cgit table.list td { + border: none; +} + +div#cgit table.list td, +div#cgit table.list th { + padding: 0.7rem 1.2rem; +} + +div#cgit table.list td.commitgraph { + font-family: monospace; + white-space: pre; +} + +div#cgit table.list td.commitgraph .column1 { + color: #d77; +} + +div#cgit table.list td.commitgraph .column2 { + color: #7d7; +} + +div#cgit table.list td.commitgraph .column3 { + color: #dd7; +} + +div#cgit table.list td.commitgraph .column4 { + color: #77d; +} + +div#cgit table.list td.commitgraph .column5 { + color: #d7d; +} + +div#cgit table.list td.commitgraph .column6 { + color: #7dd; +} + +div#cgit table.list td.logsubject { + font-family: monospace; + font-weight: bold; +} + +div#cgit table.list td.logmsg { + font-family: monospace; + white-space: pre; + padding: 0 0.5em; +} + +div#cgit table.list td a:not(.deco):not(.branch-deco):not(.tag-deco):not(.tag-annotated-deco):not(.remote-deco) { + color: #cdd; +} + +div#cgit table.list td a.ls-dir { + font-weight: bold; + color: #99aaff; +} + +div#cgit table.list td a:hover { + color: var(--hover-colour, var(--link-colour-active, #99aaff)); +} + +div#cgit img { + border: none; +} + +div#cgit input#switch-btn { + margin: 2px 0px 0px 0px; +} + +div#cgit td#sidebar input.txt { + width: 100%; + margin: 2px 0px 0px 0px; +} + +div#cgit table#grid { + margin: 0px; +} + +div#cgit td#content { + vertical-align: top; + padding: 1em 2em 1em 1em; + border: none; +} + +div#cgit div#summary { + vertical-align: top; + margin-bottom: 1em; +} + +div#cgit table#downloads { + float: right; + border-collapse: collapse; + border: solid 1px #777; + margin-left: 0.5em; + margin-bottom: 0.5em; +} + +div#cgit table#downloads th { + background-color: #ccc; +} + +div#cgit div#blob { + border: solid 1px black; +} + +div#cgit div.error { + color: red; + font-weight: bold; + margin: 1em 2em; +} + +div#cgit a.ls-blob, +div#cgit a.ls-dir, +div#cgit .ls-mod { + font-family: monospace; +} + +div#cgit td.ls-size { + text-align: right; + font-family: monospace; + width: 10em; +} + +div#cgit td.ls-mode { + font-family: monospace; + width: 10em; +} + +div#cgit table.blob { + margin-top: 0.5em; + border-top: solid 1px black; +} + +div#cgit table.blob td.hashes, +div#cgit table.blob td.lines { + margin: 0; + padding: 0 0 0 0.5em; + vertical-align: top; + color: black; +} + +div#cgit table.blob td.linenumbers { + margin: 0; + padding: 0 0.5em 0 0.5em; + vertical-align: top; + text-align: right; + border-right: 1px solid gray; +} + +div#cgit table.blob pre { + padding: 0; + margin: 0; +} + +div#cgit table.blob td.linenumbers a, +div#cgit table.ssdiff td.lineno a { + color: gray; + text-align: right; + text-decoration: none; +} + +div#cgit table.blob td.linenumbers a:hover, +div#cgit table.ssdiff td.lineno a:hover { + color: black; +} + +div#cgit table.blame td.hashes, +div#cgit table.blame td.lines, +div#cgit table.blame td.linenumbers { + padding: 0; +} + +div#cgit table.blame td.hashes div.alt, +div#cgit table.blame td.lines div.alt { + padding: 0 0.5em 0 0.5em; +} + +div#cgit table.blame td.linenumbers div.alt { + padding: 0 0.5em 0 0; +} + +div#cgit table.blame div.alt:nth-child(even) { + background: #eee; +} + +div#cgit table.blame div.alt:nth-child(odd) { + background: white; +} + +div#cgit table.blame td.lines>div { + position: relative; +} + +div#cgit table.blame td.lines>div>pre { + padding: 0 0 0 0.5em; + position: absolute; + top: 0; +} + +div#cgit table.blame .oid { + font-size: 100%; +} + +div#cgit table.bin-blob { + margin-top: 0.5em; + border: solid 1px black; +} + +div#cgit table.bin-blob th { + font-family: monospace; + white-space: pre; + border: solid 1px #777; + padding: 0.5em 1em; +} + +div#cgit table.bin-blob td { + font-family: monospace; + white-space: pre; + border-left: solid 1px #777; + padding: 0em 1em; +} + +div#cgit table.nowrap td { + white-space: nowrap; +} + +div#cgit table.commit-info { + border-collapse: collapse; + margin-top: 1.5em; + --padding: calc(0.5rem + 1ch); + background-color: #4443; + border-radius: var(--radius-lg); +} + +div#cgit div.cgit-panel { + float: right; + margin-top: 1.5em; + position: sticky; + top: 16px; + background-color: #4443; + backdrop-filter: blur(12px); + padding: 12px; + border-radius: var(--radius-lg); + margin-bottom: -64px; +} + +div#cgit div.cgit-panel table { + border-collapse: collapse; + background-color: #0000; +} + +div#cgit div.cgit-panel th { + text-align: center; +} + +div#cgit div.cgit-panel td { + padding: 0.25em 0.5em; +} + +div#cgit div.cgit-panel td.label { + padding-right: 0.5em; +} + +div#cgit div.cgit-panel td.ctrl { + padding-left: 0.5em; +} + +div#cgit table.commit-info th { + text-align: left; + font-weight: normal; + padding: var(--padding); + vertical-align: top; +} +div#cgit table.commit-info td { + font-weight: normal; + padding: var(--padding); +} +div#cgit table.commit-info tr:first-child > :first-child { + border-top-left-radius: var(--radius-lg); +} +div#cgit table.commit-info tr:first-child > :last-child { + border-top-right-radius: var(--radius-lg); +} +div#cgit table.commit-info tr:last-child > :first-child { + border-bottom-left-radius: var(--radius-lg); +} +div#cgit table.commit-info tr:last-child > :last-child { + border-bottom-right-radius: var(--radius-lg); +} +div#cgit table.commit-info tr:nth-child(even) > * { + background-color: #494a4aaa; +} +div#cgit table.commit-info tr:nth-child(odd) > * { + background-color: #393a3aaa; +} +div#cgit table.commit-info tr:not(:nth-child(9999999)) th { + background-color: var(--bg-headers); +} + +div#cgit div.commit-subject { + font-weight: bold; + font-size: 125%; + margin: 1.5em 0em 0.5em 0em; + padding: 0em; +} + +div#cgit div.notes-header { + font-weight: bold; + padding-top: 1.5em; +} + +div#cgit div.notes { + white-space: pre; + font-family: monospace; + border: solid 1px #ee9; + background-color: #ffd; + padding: 0.3em 2em 0.3em 1em; + float: left; +} + +div#cgit div.notes-footer { + clear: left; +} + +div#cgit div.diffstat-header { + font-weight: bold; + padding-top: 1.5em; +} + +div#cgit table.diffstat { + border-collapse: collapse; + border-radius: var(--radius-smol); + background-color: #4443; +} + +div#cgit table.diffstat th { + font-weight: normal; + text-align: left; + text-decoration: underline; + padding: calc(0.5rem + 1ch); + font-size: 100%; +} + +div#cgit table.diffstat td { + padding: calc(0.5rem + 1ch); + font-size: 100%; + border: none; + font-family: var(--font-monospace, monospace); +} + +div#cgit table.diffstat td.mode { + white-space: nowrap; +} + +div#cgit table.diffstat td span.modechange { + padding-left: 1em; + color: red; +} + +div#cgit table.diffstat td.add a { + color: #99ffaa; +} + +div#cgit table.diffstat td.del a { + color: #ffaa99; +} + +div#cgit table.diffstat td.upd a { + color: #99aaff; +} + +div#cgit table.diffstat td.graph { + width: 500px; + vertical-align: middle; +} + +div#cgit table.diffstat td.graph table { + border: none; +} + +div#cgit table.diffstat td.graph td { + padding: 0px; + border: 0px; + height: 7pt; +} + +div#cgit table.diffstat td.graph td.add { + background-color: #5c5; +} + +div#cgit table.diffstat td.graph td.rem { + background-color: #c55; +} + +div#cgit div.diffstat-summary { + color: #888; + padding-top: 0.5em; +} + +div#cgit table.diff { + font-family: var(--font-monospace, monospace); + --table-padding: calc(0.5rem + 1ch); + border-radius: var(--radius-smol); + background-color: #4443; + width: 100%; + display: block; + overflow-x: auto; +} + +div#cgit table.diff td:first-child, +div#cgit table.diff th:first-child { + padding-top: var(--table-padding); +} +div#cgit table.diff td:last-child, +div#cgit table.diff th:last-child { + padding-bottom: var(--table-padding); +} +div#cgit table.diff th, +div#cgit table.diff td { + padding-left: var(--table-padding); + padding-right: var(--table-padding); + max-width: 100%; + overflow-x: scroll; + display: block; +} + +div#cgit table.diff td div { + white-space: pre; +} + +div#cgit table.diff td div.head { + font-weight: 600; + color: #fffe; +} + +div#cgit table.diff td div.hunk { + color: #57e; +} + +div#cgit table.diff td div.add { + color: #5e7; + margin-left: -1ch; +} + +div#cgit table.diff td div.del { + color: #e57; + margin-left: -1ch; +} + +div#cgit table.diff td div.ctx { + margin-left: -1ch; + opacity: 0.9; +} + +div#cgit .oid { + font-family: monospace; + font-size: 90%; +} + +div#cgit .left { + text-align: left; +} + +div#cgit .right { + text-align: right; +} + +div#cgit table.list td.reposection { + font-style: italic; + color: #888; +} + +div#cgit a.button { + font-size: 80%; +} + +div#cgit a.primary { + font-size: 100%; +} + +div#cgit a.secondary { + font-size: 90%; +} + +div#cgit td.toplevel-repo {} + +div#cgit table.list td.sublevel-repo { + padding-left: 1.7rem; +} + +div#cgit ul.pager { + list-style-type: none; + text-align: center; + margin: 1em 0em 0em 0em; + padding: 0; +} + +div#cgit ul.pager li { + display: inline-block; + margin: 0.25em 0.5em; +} + +div#cgit ul.pager a { + color: #777; +} + +div#cgit ul.pager .current { + font-weight: bold; +} + +div#cgit span.age-mins { + font-weight: 700; + color: #7f7; +} + +div#cgit span.age-hours { + font-weight: 600; + color: #8e8; +} + +div#cgit span.age-days { + color: #0a0; +} + +div#cgit span.age-weeks { + color: #bbb; +} + +div#cgit span.age-months { + color: #aaae; +} + +div#cgit span.age-years { + color: #888; +} + +div#cgit span.insertions { + color: #2d3; + font-family: var(--font-monospace, monospace); +} + +div#cgit span.deletions { + color: #d23; + font-family: var(--font-monospace, monospace); +} + +div#cgit div.footer { + margin-top: 0.5em; + text-align: center; + font-size: 80%; + color: #ccc; +} + +div#cgit div.footer a { + color: #ccc; + text-decoration: none; +} + +div#cgit div.footer a:hover { + text-decoration: underline; +} + +div#cgit a.branch-deco { + background-color: #88ff88; + border: solid 2px #007700; +} + +div#cgit a.tag-deco { + background-color: #ffff88; + border: solid 2px #777700; +} + +div#cgit a.tag-annotated-deco { + background-color: #ffcc88; + border: solid 2px #777700; +} + +div#cgit a.remote-deco { + background-color: #ccccff; + border: solid 2px #000077; +} + +div#cgit a.deco { + background-color: #ff8888; + border: solid 2px #ff4444; +} + +div#cgit div.commit-subject a.branch-deco, +div#cgit div.commit-subject a.tag-deco, +div#cgit div.commit-subject a.tag-annotated-deco, +div#cgit div.commit-subject a.remote-deco, +div#cgit div.commit-subject a.deco { + font-size: 75%; +} + +div#cgit a.branch-deco, +div#cgit a.tag-deco, +div#cgit a.tag-annotated-deco, +div#cgit a.remote-deco, +div#cgit a.deco { + color: #000; + margin: 0 0.15rem; + padding: 0px 0.25em; + border-radius: var(--radius-smol); + --hover-colour: #445588; +} + +div#cgit a.branch-deco:first-child, +div#cgit a.tag-deco:first-child, +div#cgit a.tag-annotated-deco:first-child, +div#cgit a.remote-deco:first-child, +div#cgit a.deco:first-child { + margin-left: 0.3rem; +} + +div#cgit a.branch-deco:last-child, +div#cgit a.tag-deco:last-child, +div#cgit a.tag-annotated-deco:last-child, +div#cgit a.remote-deco:last-child, +div#cgit a.deco:last-child { + margin-right: 0; +} + +div#cgit table.stats { + border: none; + border-collapse: collapse; +} + +div#cgit table.stats th { + text-align: left; + padding: 0.7rem 1.2rem; +} + +div#cgit table.stats td { + text-align: right; + padding: 0.7rem 1.2rem; +} + +div#cgit table.stats td.total { + font-weight: bold; + text-align: left; +} + +div#cgit table.stats td.sum { + color: #46f; + font-weight: bold; + /* background-color: #eee; */ +} + +div#cgit table.stats td.left { + text-align: left; +} + +div#cgit table.vgraph { + border-collapse: separate; + border: solid 1px black; + height: 200px; +} + +div#cgit table.vgraph th { + background-color: #eee; + font-weight: bold; + border: solid 1px white; + padding: 1px 0.5em; +} + +div#cgit table.vgraph td { + vertical-align: bottom; + padding: 0px 10px; +} + +div#cgit table.vgraph div.bar { + background-color: #eee; +} + +div#cgit table.hgraph { + border: solid 1px black; + width: 800px; +} + +div#cgit table.hgraph th { + background-color: #eee; + font-weight: bold; + border: solid 1px black; + padding: 1px 0.5em; +} + +div#cgit table.hgraph td { + vertical-align: middle; + padding: 2px 2px; +} + +div#cgit table.hgraph div.bar { + background-color: #eee; + height: 1em; +} + +div#cgit table.ssdiff { + width: 100%; +} + +div#cgit table.ssdiff td { + font-size: 75%; + font-family: monospace; + white-space: pre; + padding: 1px 4px 1px 4px; + border-left: solid 1px #aaa; + border-right: solid 1px #aaa; +} + +div#cgit table.ssdiff td.add { + color: black; + background: #cfc; + min-width: 50%; +} + +div#cgit table.ssdiff td.add_dark { + color: black; + background: #aca; + min-width: 50%; +} + +div#cgit table.ssdiff span.add { + background: #cfc; + font-weight: bold; +} + +div#cgit table.ssdiff td.del { + color: black; + background: #fcc; + min-width: 50%; +} + +div#cgit table.ssdiff td.del_dark { + color: black; + background: #caa; + min-width: 50%; +} + +div#cgit table.ssdiff span.del { + background: #fcc; + font-weight: bold; +} + +div#cgit table.ssdiff td.changed { + color: black; + background: #ffc; + min-width: 50%; +} + +div#cgit table.ssdiff td.changed_dark { + color: black; + background: #cca; + min-width: 50%; +} + +div#cgit table.ssdiff td.lineno { + color: black; + background: #eee; + text-align: right; + width: 3em; + min-width: 3em; +} + +div#cgit table.ssdiff td.hunk { + color: black; + background: #ccf; + border-top: solid 1px #aaa; + border-bottom: solid 1px #aaa; +} + +div#cgit table.ssdiff td.head { + border-top-left-radius: var(--radius-lg); + border-top-right-radius: var(--radius-lg); + border: none; + background: #4443; + padding: 1rem; +} + +div#cgit table.ssdiff td.head div.head { + font-weight: bold; + color: #dedede; +} + +div#cgit table.ssdiff td.foot { + border-top: solid 1px #aaa; + border-left: none; + border-right: none; + border-bottom: none; +} + +div#cgit table.ssdiff td.space { + border: none; +} + +div#cgit table.ssdiff td.space div { + min-height: 3em; +} + + |