aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--cgit.css531
1 files changed, 507 insertions, 24 deletions
diff --git a/cgit.css b/cgit.css
index 1b848cf..b05f11e 100644
--- a/cgit.css
+++ b/cgit.css
@@ -1,3 +1,5 @@
+@import url(source-code-pro.css);
+
div#cgit {
padding: 0em;
margin: 0em;
@@ -85,7 +87,8 @@ div#cgit table.tabs td a.active {
background-color: #ccc;
}
-div#cgit table.tabs a[href^="http://"]:after, div#cgit table.tabs a[href^="https://"]:after {
+div#cgit table.tabs a[href^="http://"]:after,
+div#cgit table.tabs a[href^="https://"]:after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgAhcJDQY+gm2TAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAABbSURBVAhbY2BABs4MU4CwhYHBh2Erww4wrGFQZHjI8B8IgUIscJWyDHcggltQhI4zGDCcRwhChPggHIggP1QoAVmQkSETrGoHsiAEsACtBYN0oDAMbgU6EBcAAL2eHUt4XUU4AAAAAElFTkSuQmCC);
opacity: 0.5;
margin: 0 0 0 5px;
@@ -178,10 +181,14 @@ div#cgit table.list td {
}
div#cgit table.list td.commitgraph {
- font-family: monospace;
+ font-family: "Source Code Pro", "Courier New", monospace;
white-space: pre;
}
+div#cgit pre {
+ font-family: "Source Code Pro", "Courier New", monospace;
+}
+
div#cgit table.list td.commitgraph .column1 {
color: #a00;
}
@@ -207,12 +214,12 @@ div#cgit table.list td.commitgraph .column6 {
}
div#cgit table.list td.logsubject {
- font-family: monospace;
+ font-family: "Source Code Pro", "Courier New", monospace;
font-weight: bold;
}
div#cgit table.list td.logmsg {
- font-family: monospace;
+ font-family: "Source Code Pro", "Courier New", monospace;
white-space: pre;
padding: 0 0.5em;
}
@@ -280,18 +287,20 @@ div#cgit div.error {
margin: 1em 2em;
}
-div#cgit a.ls-blob, div#cgit a.ls-dir, div#cgit .ls-mod {
- font-family: monospace;
+div#cgit a.ls-blob,
+div#cgit a.ls-dir,
+div#cgit .ls-mod {
+ font-family: "Source Code Pro", "Courier New", monospace;
}
div#cgit td.ls-size {
text-align: right;
- font-family: monospace;
+ font-family: "Source Code Pro", "Courier New", monospace;
width: 10em;
}
div#cgit td.ls-mode {
- font-family: monospace;
+ font-family: "Source Code Pro", "Courier New", monospace;
width: 10em;
}
@@ -302,20 +311,23 @@ div#cgit table.blob {
div#cgit table.blob td.hashes,
div#cgit table.blob td.lines {
- margin: 0; padding: 0 0 0 0.5em;
+ 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;
+ 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;
+ padding: 0;
+ margin: 0;
}
div#cgit table.blob td.linenumbers a,
@@ -353,11 +365,11 @@ div#cgit table.blame div.alt:nth-child(odd) {
background: white;
}
-div#cgit table.blame td.lines > div {
+div#cgit table.blame td.lines>div {
position: relative;
}
-div#cgit table.blame td.lines > div > pre {
+div#cgit table.blame td.lines>div>pre {
padding: 0 0 0 0.5em;
position: absolute;
top: 0;
@@ -373,14 +385,14 @@ div#cgit table.bin-blob {
}
div#cgit table.bin-blob th {
- font-family: monospace;
+ font-family: "Source Code Pro", "Courier New", monospace;
white-space: pre;
border: solid 1px #777;
padding: 0.5em 1em;
}
div#cgit table.bin-blob td {
- font-family: monospace;
+ font-family: "Source Code Pro", "Courier New", monospace;
white-space: pre;
border-left: solid 1px #777;
padding: 0em 1em;
@@ -443,7 +455,7 @@ div#cgit div.commit-subject {
div#cgit div.commit-msg {
white-space: pre;
- font-family: monospace;
+ font-family: "Source Code Pro", "Courier New", monospace;
}
div#cgit div.notes-header {
@@ -453,7 +465,7 @@ div#cgit div.notes-header {
div#cgit div.notes {
white-space: pre;
- font-family: monospace;
+ font-family: "Source Code Pro", "Courier New", monospace;
border: solid 1px #ee9;
background-color: #ffd;
padding: 0.3em 2em 0.3em 1em;
@@ -543,7 +555,7 @@ div#cgit table.diff {
}
div#cgit table.diff td {
- font-family: monospace;
+ font-family: "Source Code Pro", "Courier New", monospace;
white-space: pre;
}
@@ -566,7 +578,7 @@ div#cgit table.diff td div.del {
}
div#cgit .oid {
- font-family: monospace;
+ font-family: "Source Code Pro", "Courier New", monospace;
font-size: 90%;
}
@@ -596,9 +608,7 @@ div#cgit a.secondary {
font-size: 90%;
}
-div#cgit td.toplevel-repo {
-
-}
+div#cgit td.toplevel-repo {}
div#cgit table.list td.sublevel-repo {
padding-left: 1.5em;
@@ -748,7 +758,7 @@ div#cgit table.stats td.total {
div#cgit table.stats td.sum {
color: #c00;
font-weight: bold;
-/* background-color: #eee; */
+ /* background-color: #eee; */
}
div#cgit table.stats td.left {
@@ -805,7 +815,7 @@ div#cgit table.ssdiff {
div#cgit table.ssdiff td {
font-size: 75%;
- font-family: monospace;
+ font-family: "Source Code Pro", "Courier New", monospace;
white-space: pre;
padding: 1px 4px 1px 4px;
border-left: solid 1px #aaa;
@@ -897,3 +907,476 @@ div#cgit table.ssdiff td.space {
div#cgit table.ssdiff td.space div {
min-height: 3em;
}
+
+div#cgit span.libravatar img.onhover {
+ display: none;
+ border: 1px solid gray;
+ padding: 0px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ width: 128px;
+ height: 128px;
+}
+
+div#cgit span.libravatar img.inline {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ width: 13px;
+ height: 13px;
+ margin-right: 0.2em;
+ opacity: 0.6;
+}
+
+div#cgit span.libravatar:hover>img.onhover {
+ display: block;
+ position: absolute;
+ margin-left: 1.5em;
+ background-color: #eeeeee;
+ box-shadow: 2px 2px 7px rgba(100, 100, 100, 0.75);
+}
+
+/*
+ Color overrides for browsers running in dark mode.
+ "only all and ..." forces very old browsers to ignore the media query:
+ https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries#improving_compatibility_with_older_browsers
+*/
+:root {
+ color-scheme: light dark;
+}
+
+@media only all and (prefers-color-scheme: dark) {
+
+ html,
+ div#cgit {
+ color: #eee;
+ background: #171717;
+ }
+
+ div#cgit a {
+ color: #3af;
+ }
+
+ div#cgit .diffstat-header a {
+ color: #28d;
+ }
+
+ div#cgit table#header td.main a {
+ color: #eee;
+ }
+
+ div#cgit table#header td.sub {
+ color: #999;
+ }
+
+ div#cgit table.tabs {
+ border-bottom-color: #444;
+ }
+
+ div#cgit table.tabs td a {
+ color: #888;
+ }
+
+ div#cgit table.tabs td a.active {
+ color: #fff;
+ background-color: #444;
+ }
+
+ div#cgit div.path {
+ color: #eee;
+ background-color: #333;
+ }
+
+ div#cgit div.content {
+ border-bottom-color: #bbb;
+ }
+
+ div#cgit table.list tr {
+ background: #171717;
+ }
+
+ div#cgit table.list tr.logheader {
+ background: #171717;
+ }
+
+ div#cgit table.list tr:nth-child(even) {
+ background: #171717;
+ }
+
+ div#cgit table.list tr:nth-child(odd) {
+ background: #1f1f1f;
+ }
+
+ div#cgit table.list tr:hover {
+ background: #333;
+ }
+
+ div#cgit table.list tr.nohover {
+ background: #171717;
+ }
+
+ div#cgit table.list tr.nohover:hover {
+ background: #171717;
+ }
+
+ div#cgit table.list tr.nohover-highlight:hover:nth-child(even) {
+ background: #171717;
+ }
+
+ div#cgit table.list tr.nohover-highlight:hover:nth-child(odd) {
+ background: #1f1f1f;
+ }
+
+ div#cgit table.list td.commitgraph .column1 {
+ color: #f55;
+ }
+
+ div#cgit table.list td.commitgraph .column2 {
+ color: #5f5;
+ }
+
+ div#cgit table.list td.commitgraph .column3 {
+ color: #ff5;
+ }
+
+ div#cgit table.list td.commitgraph .column4 {
+ color: #55f;
+ }
+
+ div#cgit table.list td.commitgraph .column5 {
+ color: #f5f;
+ }
+
+ div#cgit table.list td.commitgraph .column6 {
+ color: #5ff;
+ }
+
+ div#cgit table.list td a {
+ color: #eee;
+ }
+
+ div#cgit table.list td a.ls-dir {
+ color: #28d;
+ }
+
+ div#cgit table.list td a:hover {
+ color: #3af;
+ }
+
+ div#cgit table#downloads {
+ border-color: #888;
+ }
+
+ div#cgit table#downloads th {
+ background-color: #333;
+ }
+
+ div#cgit div#blob {
+ border-color: #eee;
+ }
+
+ div#cgit table.blob {
+ border-top-color: #eee;
+ }
+
+ div#cgit table.blob td.hashes,
+ div#cgit table.blob td.lines {
+ color: #eee;
+ }
+
+ div#cgit table.blob td.linenumbers {
+ border-right-color: gray;
+ }
+
+ div#cgit table.blob td.linenumbers a,
+ div#cgit table.ssdiff td.lineno a {
+ color: gray;
+ }
+
+ div#cgit table.blob td.linenumbers a:hover,
+ div#cgit table.ssdiff td.lineno a:hover {
+ color: #eee;
+ }
+
+ div#cgit table.blame div.alt:nth-child(even) {
+ background: #171717;
+ }
+
+ div#cgit table.blame div.alt:nth-child(odd) {
+ background: #1f1f1f;
+ }
+
+ div#cgit table.bin-blob {
+ border-color: #eee;
+ }
+
+ div#cgit table.bin-blob th {
+ border-color: #888;
+ }
+
+ div#cgit table.bin-blob td {
+ border-left-color: #888;
+ }
+
+ div#cgit div.cgit-panel table {
+ border-color: #555;
+ background-color: #282828;
+ }
+
+ div#cgit div.notes {
+ border-color: #661;
+ background-color: #220;
+ }
+
+ div#cgit table.diffstat {
+ border-color: #555;
+ background-color: #282828;
+ }
+
+ div#cgit table.diffstat td span.modechange {
+ color: #c66;
+ }
+
+ div#cgit table.diffstat td.add a {
+ color: #6c6;
+ }
+
+ div#cgit table.diffstat td.del a {
+ color: #c66;
+ }
+
+ div#cgit table.diffstat td.upd a {
+ color: #3af;
+ }
+
+ div#cgit table.diffstat td.graph td.add {
+ background-color: #3a3;
+ }
+
+ div#cgit table.diffstat td.graph td.rem {
+ background-color: #a33;
+ }
+
+ div#cgit div.diffstat-summary {
+ color: #777;
+ }
+
+ div#cgit table.diff td div.head {
+ color: #eee;
+ }
+
+ div#cgit table.diff td div.hunk {
+ color: #28d;
+ }
+
+ div#cgit table.diff td div.add {
+ color: #6c6;
+ }
+
+ div#cgit table.diff td div.del {
+ color: #c66;
+ }
+
+ div#cgit table.list td.reposection {
+ color: #777;
+ }
+
+ div#cgit ul.pager a {
+ color: #888;
+ }
+
+ div#cgit span.age-mins {
+ color: #7f7;
+ }
+
+ div#cgit span.age-hours {
+ color: #7f7;
+ }
+
+ div#cgit span.age-days {
+ color: #9d9;
+ }
+
+ div#cgit span.age-weeks {
+ color: #bbb;
+ }
+
+ div#cgit span.age-months {
+ color: #888;
+ }
+
+ div#cgit span.age-years {
+ color: #666;
+ }
+
+ div#cgit span.insertions {
+ color: #7f7;
+ }
+
+ div#cgit span.deletions {
+ color: #e33;
+ }
+
+ div#cgit div.footer {
+ color: #555;
+ }
+
+ div#cgit div.footer a {
+ color: #555;
+ }
+
+ div#cgit a.branch-deco {
+ color: #fff;
+ background-color: #361;
+ border-color: #3b2;
+ }
+
+ div#cgit a.tag-deco {
+ color: #fff;
+ background-color: #650;
+ border-color: #ba3;
+ }
+
+ div#cgit a.tag-annotated-deco {
+ color: #fff;
+ background-color: #840;
+ border-color: #b96;
+ }
+
+ div#cgit a.remote-deco {
+ color: #fff;
+ background-color: #348;
+ border-color: #67c;
+ }
+
+ div#cgit a.deco {
+ color: #fff;
+ background-color: #922;
+ border-color: #d55;
+ }
+
+ div#cgit a.branch-deco:hover,
+ div#cgit table.list td a.branch-deco:hover,
+ div#cgit a.tag-deco:hover,
+ div#cgit table.list td a.tag-deco:hover,
+ div#cgit a.tag-annotated-deco:hover,
+ div#cgit table.list td a.tag-annotated-deco:hover,
+ div#cgit a.remote-deco:hover,
+ div#cgit table.list td a.remote-deco:hover,
+ div#cgit a.deco:hover,
+ div#cgit table.list td a.deco:hover {
+ color: #fff;
+ }
+
+ div#cgit table.stats {
+ border-color: #555;
+ }
+
+ div#cgit table.stats th {
+ background-color: #333;
+ border-color: #555;
+ }
+
+ div#cgit table.stats td {
+ border-color: #555;
+ }
+
+ div#cgit table.stats td.sum {
+ color: #5C7E9B;
+ }
+
+ div#cgit table.vgraph {
+ border-color: #eee;
+ }
+
+ div#cgit table.vgraph th {
+ background-color: #1f1f1f;
+ border-color: black;
+ }
+
+ div#cgit table.vgraph div.bar {
+ background-color: #1f1f1f;
+ }
+
+ div#cgit table.hgraph {
+ border-color: #eee;
+ }
+
+ div#cgit table.hgraph th {
+ background-color: #1f1f1f;
+ border-color: #eee;
+ }
+
+ div#cgit table.hgraph div.bar {
+ background-color: #1f1f1f;
+ }
+
+ div#cgit table.ssdiff td {
+ border-left-color: #555;
+ border-right-color: #555;
+ }
+
+ div#cgit table.ssdiff td.add {
+ color: #eee;
+ background: #353;
+ }
+
+ div#cgit table.ssdiff td.add_dark {
+ color: #eee;
+ background: #030;
+ }
+
+ div#cgit table.ssdiff span.add {
+ background: #030;
+ }
+
+ div#cgit table.ssdiff td.del {
+ color: #eee;
+ background: #533;
+ }
+
+ div#cgit table.ssdiff td.del_dark {
+ color: #eee;
+ background: #411;
+ }
+
+ div#cgit table.ssdiff span.del {
+ background: #300;
+ }
+
+ div#cgit table.ssdiff td.changed {
+ color: #eee;
+ background: #553;
+ }
+
+ div#cgit table.ssdiff td.changed_dark {
+ color: #eee;
+ background: #330;
+ }
+
+ div#cgit table.ssdiff td.lineno {
+ color: #eee;
+ background: #1f1f1f;
+ }
+
+ div#cgit table.ssdiff td.hunk {
+ color: #eee;
+ background: #0D3D64;
+ border-top-color: #555;
+ border-bottom-color: #555;
+ }
+
+ div#cgit table.ssdiff td.head {
+ border-top-color: #555;
+ border-bottom-color: #555;
+ }
+
+ div#cgit table.ssdiff td.head div.head {
+ color: #eee;
+ }
+
+ div#cgit table.ssdiff td.foot {
+ border-top-color: #555;
+ }
+} \ No newline at end of file