borrow css from symlinx because its betterHEADmain

1 files changed, 175 insertions, 29 deletions

diff --git a/cgit.css.bak2 b/cgit.css.bak2
index 2bd4cab..81952aa 100644
--- a/cgit.css.bak2
+++ b/cgit.css.bak2
@@ -1,3 +1,8 @@
+@font-face {
+    font-family: "CgitFont";
+    src: url("./font.ttf") format("truetype");
+}
+
 div#cgit {
 	padding: 0em;
 	margin: 0em;
@@ -8,6 +13,10 @@ div#cgit {
 	padding: 4px;
 }
 
+div#cgit code {
+    font-family: "CgitFont";
+}
+
 div#cgit a {
 	color: blue;
 	text-decoration: none;
@@ -178,9 +187,12 @@ div#cgit table.list td {
 }
 
 div#cgit table.list td.commitgraph {
-	font-family: monospace;
+	font-family: "CgitFont", "Courier New", monospace;
 	white-space: pre;
 }
+div#cgit pre {
+	font-family: "CgitFont", "Courier New", monospace;
+}
 
 div#cgit table.list td.commitgraph .column1 {
 	color: #a00;
@@ -207,12 +219,12 @@ div#cgit table.list td.commitgraph .column6 {
 }
 
 div#cgit table.list td.logsubject {
-	font-family: monospace;
+	font-family: "CgitFont", "Courier New", monospace;
 	font-weight: bold;
 }
 
 div#cgit table.list td.logmsg {
-	font-family: monospace;
+	font-family: "CgitFont", "Courier New", monospace;
 	white-space: pre;
 	padding: 0 0.5em;
 }
@@ -281,17 +293,17 @@ div#cgit div.error {
 }
 
 div#cgit a.ls-blob, div#cgit a.ls-dir, div#cgit .ls-mod {
-	font-family: monospace;
+	font-family: "CgitFont", "Courier New", monospace;
 }
 
 div#cgit td.ls-size {
 	text-align: right;
-	font-family: monospace;
+	font-family: "CgitFont", "Courier New", monospace;
 	width: 10em;
 }
 
 div#cgit td.ls-mode {
-	font-family: monospace;
+	font-family: "CgitFont", "Courier New", monospace;
 	width: 10em;
 }
 
@@ -330,6 +342,11 @@ div#cgit table.ssdiff td.lineno a:hover {
 	color: black;
 }
 
+div#cgit table.blob td.linenumbers a:target:before {
+	color: red;
+	content: "\2BA9";
+}
+
 div#cgit table.blame td.hashes,
 div#cgit table.blame td.lines,
 div#cgit table.blame td.linenumbers {
@@ -373,14 +390,14 @@ div#cgit table.bin-blob {
 }
 
 div#cgit table.bin-blob th {
-	font-family: monospace;
+	font-family: "CgitFont", "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: "CgitFont", "Courier New", monospace;
 	white-space: pre;
 	border-left: solid 1px #777;
 	padding: 0em 1em;
@@ -443,7 +460,7 @@ div#cgit div.commit-subject {
 
 div#cgit div.commit-msg {
 	white-space: pre;
-	font-family: monospace;
+	font-family: "CgitFont", "Courier New", monospace;
 }
 
 div#cgit div.notes-header {
@@ -453,7 +470,7 @@ div#cgit div.notes-header {
 
 div#cgit div.notes {
 	white-space: pre;
-	font-family: monospace;
+	font-family: "CgitFont", "Courier New", monospace;
 	border: solid 1px #ee9;
 	background-color: #ffd;
 	padding: 0.3em 2em 0.3em 1em;
@@ -543,7 +560,7 @@ div#cgit table.diff {
 }
 
 div#cgit table.diff td {
-	font-family: monospace;
+	font-family: "CgitFont", "Courier New", monospace;
 	white-space: pre;
 }
 
@@ -566,7 +583,7 @@ div#cgit table.diff td div.del {
 }
 
 div#cgit .oid {
-	font-family: monospace;
+	font-family: "CgitFont", "Courier New", monospace;
 	font-size: 90%;
 }
 
@@ -679,6 +696,7 @@ div#cgit a.branch-deco {
 	padding: 0px 0.25em;
 	background-color: #88ff88;
 	border: solid 1px #007700;
+	border-radius: 2px;
 }
 
 div#cgit a.tag-deco {
@@ -687,6 +705,7 @@ div#cgit a.tag-deco {
 	padding: 0px 0.25em;
 	background-color: #ffff88;
 	border: solid 1px #777700;
+	border-radius: 2px;
 }
 
 div#cgit a.tag-annotated-deco {
@@ -695,6 +714,7 @@ div#cgit a.tag-annotated-deco {
 	padding: 0px 0.25em;
 	background-color: #ffcc88;
 	border: solid 1px #777700;
+	border-radius: 2px;
 }
 
 div#cgit a.remote-deco {
@@ -703,6 +723,7 @@ div#cgit a.remote-deco {
 	padding: 0px 0.25em;
 	background-color: #ccccff;
 	border: solid 1px #000077;
+	border-radius: 2px;
 }
 
 div#cgit a.deco {
@@ -711,6 +732,7 @@ div#cgit a.deco {
 	padding: 0px 0.25em;
 	background-color: #ff8888;
 	border: solid 1px #770000;
+	border-radius: 2px;
 }
 
 div#cgit div.commit-subject a.branch-deco,
@@ -805,7 +827,7 @@ div#cgit table.ssdiff {
 
 div#cgit table.ssdiff td {
 	font-size: 75%;
-	font-family: monospace;
+	font-family: "CgitFont", "Courier New", monospace;
 	white-space: pre;
 	padding: 1px 4px 1px 4px;
 	border-left: solid 1px #aaa;
@@ -897,20 +919,144 @@ 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;
+}
 
-/* Style definition file generated by highlight 3.9, http://www.andre-simon.de/ */
-/* Highlighting theme: Kwrite Editor */
-/* adapted for cgit */
-div#cgit table.blob .num { color:#b07e00; }
-div#cgit table.blob .esc { color:#ff00ff; }
-div#cgit table.blob .str { color:#bf0303; }
-div#cgit table.blob .pps { color:#818100; }
-div#cgit table.blob .slc { color:#838183; font-style:italic; }
-div#cgit table.blob .com { color:#838183; font-style:italic; }
-div#cgit table.blob .ppc { color:#008200; }
-div#cgit table.blob .opt { color:#000000; }
-div#cgit table.blob .lin { color:#555555; }
-div#cgit table.blob .kwa { color:#000000; font-weight:bold; }
-div#cgit table.blob .kwb { color:#0057ae; }
-div#cgit table.blob .kwc { color:#000000; font-weight:bold; }
-div#cgit table.blob .kwd { color:#010181; }
+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; }
+}