stagit

commit f839df4fd27a8db16a0709dcee389edb02fc42ee
parent 70541c5e2cbdc141ba94e76899aba5f07047cecf
Author: deurzen <max@deurzen.net>
Date:   Wed, 25 May 2022 04:20:18 +0200

updates style

Diffstat:
M
favicon.png
 | 
0

M
logo.png
 | 
0

M
style.css
 | 
91
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------

3 files changed, 80 insertions(+), 11 deletions(-)
diff --git a/favicon.png b/favicon.png
Binary files differ.
diff --git a/logo.png b/logo.png
Binary files differ.
diff --git a/style.css b/style.css
@@ -2,6 +2,10 @@ body {
 	color: #000;
 	background-color: #fff;
 	font-family: monospace;
+	font-size: larger;
+	margin: 0 auto;
+	max-width: 1000px;
+	padding: 20px;
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -15,6 +19,7 @@ img, h1, h2 {
 
 img {
 	border: 0;
+	border-radius: 32px;
 }
 
 a:target {
@@ -33,10 +38,35 @@ a.line {
 }
 
 #blob a:hover {
-	color: blue;
+	color: #FF2079;
 	text-decoration: none;
 }
 
+a {
+	color: #FF2079;
+	text-decoration: none;
+}
+a:visited {
+	color: #FF2079;
+}
+a:hover {
+	color: #8a54ed;
+	text-decoration: underline;
+}
+
+#blob a {
+	color: #777777;
+	padding: 0 5px 0 0;
+}
+
+#blob a:hover {
+	text-decoration: none;
+}
+
+#index {
+	table-layout: fixed;
+}
+
 table thead td {
 	font-weight: bold;
 }
@@ -46,7 +76,11 @@ table td {
 }
 
 #content table td {
+	white-space: nowrap;
 	vertical-align: top;
+}
+
+#content tbody table td {
 	white-space: nowrap;
 }
 
@@ -84,19 +118,19 @@ pre {
 }
 
 pre a.h {
-	color: #00a;
+	color: #8a54ed;
 }
 
 .A,
 span.i,
 pre a.i {
-	color: #070;
+	color: #000000;
 }
 
 .D,
 span.d,
 pre a.d {
-	color: #e00;
+	color: #808080;
 }
 
 pre a.h:hover,
@@ -105,16 +139,51 @@ pre a.d:hover {
 	text-decoration: none;
 }
 
+@media (max-width: 768px) {
+	#content {
+		width: 100%;
+		overflow-x: auto;
+		-ms-overflow-style: -ms-autohiding-scrollbar;
+		padding-bottom: 8px;
+	}
+
+	#tags tr td:nth-child(3),
+	#branches tr td:nth-child(3),
+	#log tr td:nth-child(2) {
+		white-space: nowrap;
+	}
+
+	#index tr td:nth-child(2) {
+		min-width: 300px;
+	}
+
+	#index {
+		border-collapse: collapse;
+	}
+
+	#index tbody td {
+		padding-top: .5em;
+		padding-bottom: .5em;
+	}
+}
+
 @media (prefers-color-scheme: dark) {
 	body {
-		background-color: #000;
+		background-color: #060723;
 		color: #bdbdbd;
 	}
 	hr {
 		border-color: #222;
 	}
 	a {
-		color: #56c8ff;
+		color: #35ffd4;
+	}
+	a:visited {
+		color: #35ffd4;
+	}
+	a:hover {
+		color: #FF2079;
+		text-decoration: underline;
 	}
 	a:target {
 		background-color: #222;
@@ -129,26 +198,26 @@ pre a.d:hover {
 		color: #eee;
 	}
 	#blob a:hover {
-		color: #56c8ff;
+		color: #FF2079;
 	}
 	pre a.h {
-		color: #00cdcd;
+		color: #8a54ed;
 	}
 	.A,
 	span.i,
 	pre a.i {
-		color: #00cd00;
+		color: #ffffff;
 	}
 	.D,
 	span.d,
 	pre a.d {
-		color: #cd0000;
+		color: #808080;
 	}
 	#branches tr:hover td,
 	#tags tr:hover td,
 	#index tr:hover td,
 	#log tr:hover td,
 	#files tr:hover td {
-		background-color: #111;
+		background-color: #141433;
 	}
 }