:root {
background-color: #222;
--bg: #222;
--bg-light: #333;
--fg: #ccc;
--fg-muted: #888;
--fg-link: #aaa;
--border: #444;
--add: #6a6;
--del: #a66;
}

div#cgit {
padding: 4px;
font-family: sans-serif;
font-size: small;
background: var(--bg);
color: var(--fg);
}

div#cgit a {
color: var(--fg-link);
}

div#cgit a:hover {
color: var(--fg);
}

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;
font-weight: bold;
}

div#cgit table#header td.main a {
color: var(--fg);
}

div#cgit table#header td.form {
text-align: right;
vertical-align: bottom;
padding-right: 1em;
padding-bottom: 2px;
}

div#cgit table#header td.sub {
color: var(--fg-muted);
border-top: solid 1px var(--border);
padding-left: 10px;
font-size: 75%;
}

div#cgit table.tabs {
border-bottom: solid 3px var(--fg-muted);
margin-top: 2em;
margin-bottom: 0;
width: 100%;
}

div#cgit table.tabs td {
padding: 0 1em;
vertical-align: bottom;
}

div#cgit table.tabs td a {
padding: 2px 0.75em;
color: var(--fg-muted);
font-size: 110%;
}

div#cgit table.tabs td a.active {
color: var(--bg);
background: var(--fg-muted);
}

div#cgit table.tabs td.form {
text-align: right;
}

div#cgit table.tabs td.form form {
padding-bottom: 2px;
font-size: 90%;
}

div#cgit div.path {
margin: 0;
padding: 5px 2em 2px 2em;
color: var(--fg);
background: var(--bg-light);
}

div#cgit div.content {
margin: 0;
padding: 2em;
background: var(--bg);
border-bottom: solid 3px var(--border);
}

div#cgit table.list {
width: 100%;
border: none;
}

div#cgit table.list tr {
background: var(--bg);
}

div#cgit table.list tr.logheader {
background: var(--bg-light);
}

div#cgit table.list tr:hover {
background: var(--bg-light);
}

div#cgit table.list tr.nohover:hover {
background: var(--bg);
}

div#cgit table.list th {
font-weight: bold;
padding: 0 0.5em;
padding-top: 4px;
text-align: left;
vertical-align: baseline;
border-bottom: solid 1px var(--border);
}

div#cgit table.list td {
border: none;
padding: 0.25em 0.5em;
}

div#cgit table.list td.commitgraph {
font-family: monospace;
white-space: pre;
}

div#cgit table.list td.logsubject {
font-family: monospace;
}

div#cgit table.list td.logmsg {
font-family: monospace;
white-space: pre;
padding: 0 0.5em;
}

div#cgit table.list td a.ls-dir {
font-weight: bold;
}

div#cgit img {
border: none;
max-width: 90px;
image-rendering: pixelated;
image-rendering: crisp-edges;
}

div#cgit .sha1 {
font-family: monospace;
font-size: 90%;
color: var(--fg-muted);
}

div#cgit span.age-mins {
font-weight: bold;
color: #8a8;
}

div#cgit span.age-hours {
color: #8a8;
}

div#cgit span.age-days {
color: #7a7;
}

div#cgit span.age-weeks {
color: var(--fg-muted);
}

div#cgit span.age-months {
color: #666;
}

div#cgit span.age-years {
color: #555;
}

div#cgit a.branch-deco {
color: var(--bg);
margin: 0 0.5em;
padding: 0 0.25em;
background: #668;
border: solid 1px #668;
}

div#cgit a.tag-deco {
color: var(--bg);
margin: 0 0.5em;
padding: 0 0.25em;
background: #886;
border: solid 1px #886;
}

div#cgit a.tag-annotated-deco {
color: var(--bg);
margin: 0 0.5em;
padding: 0 0.25em;
background: #864;
border: solid 1px #864;
}

div#cgit a.remote-deco {
color: var(--bg);
margin: 0 0.5em;
padding: 0 0.25em;
background: #686;
border: solid 1px #686;
}

div#cgit a.deco {
color: var(--bg);
margin: 0 0.5em;
padding: 0 0.25em;
background: var(--fg-muted);
border: solid 1px var(--fg-muted);
}

div#cgit div.commit-subject {
font-weight: bold;
font-size: 125%;
margin: 2em 0 0 0;
padding: 0;
}

div#cgit div.commit-msg {
white-space: pre;
font-family: monospace;
}

div#cgit div.diffstat-header {
font-weight: bold;
padding-top: 1.5em;
}

div#cgit table.diffstat {
border-collapse: collapse;
border: solid 1px var(--border);
}

div#cgit table.diffstat th {
font-weight: normal;
text-align: left;
background: var(--bg-light);
padding: 0.1em 0.5em;
border-bottom: solid 1px var(--border);
}

div#cgit table.diffstat td {
padding: 0.2em 0.5em;
border: none;
}

div#cgit table.diffstat td.add a {
color: var(--add);
}

div#cgit table.diffstat td.del a {
color: var(--del);
}

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: 0;
border: 0;
height: 7pt;
}

div#cgit table.diffstat td.graph td.add {
background: var(--add);
}

div#cgit table.diffstat td.graph td.rem {
background: var(--del);
}

div#cgit div.footer {
margin-top: 0.5em;
text-align: center;
font-size: 80%;
color: var(--fg-muted);
}

div#cgit div.footer a {
color: var(--fg-muted);
}

div#cgit table.blob {
margin-top: 0.5em;
border-top: solid 1px var(--border);
}

div#cgit table.blob td.hashes,
div#cgit table.blob td.lines {
margin: 0;
padding: 0 0 0 0.5em;
vertical-align: top;
}

div#cgit table.blob td.linenumbers {
margin: 0;
padding: 0 0.5em;
text-align: right;
vertical-align: top;
border-right: 1px solid var(--border);
}

div#cgit table.blob pre {
padding: 0;
margin: 0;
}

div#cgit table.blob a.no,
div#cgit table.blob a.oid {
color: var(--fg-muted);
text-align: right;
text-decoration: none;
}

div#cgit table.blob a.no:hover,
div#cgit table.blob a.oid:hover {
color: var(--fg);
}

div#cgit table.diff td {
font-family: monospace;
white-space: pre;
}

div#cgit table.diff td div.head {
font-weight: bold;
margin-top: 1em;
color: var(--fg);
}

div#cgit table.diff td div.hunk {
color: #68a;
}

div#cgit table.diff td div.add {
color: var(--add);
}

div#cgit table.diff td div.del {
color: var(--del);
}

div#cgit div.error {
color: var(--del);
font-weight: bold;
margin: 1em 2em;
}

div#cgit ul.pager {
list-style-type: none;
text-align: center;
margin: 1em 0 0 0;
padding: 0;
}

div#cgit ul.pager li {
display: inline-block;
margin: 0.25em 0.5em;
}

div#cgit ul.pager a {
color: var(--fg-muted);
}

div#cgit ul.pager .current {
font-weight: bold;
color: var(--fg);
}

div#cgit span.insertions {
color: var(--add);
}

div#cgit span.deletions {
color: var(--del);
}