git-selfhost

commit 41ebdcf68173e36a53d166103618d3dd575e9177
parent 59c6502253bea1eca4071a60ca0c1c33b29a2dea
Author: deurzen <max@deurzen.net>
Date:   Wed, 25 May 2022 18:21:40 +0200

updates style

Diffstat:
M
style.css
 | 
95
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------

1 file changed, 80 insertions(+), 15 deletions(-)
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,7 +38,28 @@ 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;
 }
 
@@ -49,14 +75,12 @@ table td {
 	padding: 0 0.4em;
 }
 
-#content table td
-{
+#content table td {
 	white-space: nowrap;
 	vertical-align: top;
 }
 
-#content tbody table td
-{
+#content tbody table td {
 	white-space: nowrap;
 }
 
@@ -94,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,
@@ -115,6 +139,23 @@ pre a.d:hover {
 	text-decoration: none;
 }
 
+.url td:nth-child(2) {
+	padding-top:    0.4em;
+	padding-bottom: 0.4em;
+}
+
+.url td:nth-child(2) span {
+	padding: 1px 5px;
+	margin-left: -6px;
+	background-color: #f7f7f7;
+	border: 1px solid #ddd;
+	border-radius: 5px;
+}
+
+.url td:nth-child(2) span a {
+	color: #8a54ed;
+}
+
 @media (max-width: 768px) {
 	#content {
 		width: 100%;
@@ -145,14 +186,21 @@ pre a.d:hover {
 
 @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;
@@ -167,26 +215,43 @@ 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;
+	}
+
+	.url td:nth-child(2) {
+		padding-top:    0.4em;
+		padding-bottom: 0.4em;
+	}
+
+	.url td:nth-child(2) span {
+		padding: 1px 5px;
+		margin-left: -6px;
+		background-color: #141433;
+		border: 1px solid #808080;
+		border-radius: 5px;
+	}
+
+	.url td:nth-child(2) span a {
+		color: #FF2079;
 	}
 }