X-Git-Url: https://git.armaanb.net/?a=blobdiff_plain;f=style.css;h=af0d598f286445f0b4e52ccc651c26d0a9d698da;hb=92dbe7e9ac04fcc6fec6b963538d059cdc8202fc;hp=54a9a5619009eb0f62899773f834aa076052689d;hpb=304c896bd497414429224249d3756c64632e59e5;p=stagit.git

diff --git a/style.css b/style.css
index 54a9a56..af0d598 100644
--- a/style.css
+++ b/style.css
@@ -1,11 +1,17 @@
 body {
+	font-size: 0.8rem;
 	font-family: monospace;
-	color: #000;
-	background-color: #fff;
+	color: #ebdbb2;
+	background-color: #282828;
+	max-width: max-content;
+	min-width: min-content;
+}
+
+pre {
+	tab-size: 4;
 }
 
 h1, h2, h3, h4, h5, h6 {
-	font-size: 1em;
 	margin: 0;
 }
 
@@ -13,12 +19,99 @@ img, h1, h2 {
 	vertical-align: middle;
 }
 
-a {
+img {
+	border: 0;
+}
+
+a:target {
+	background-color: #eee;
+}
+
+a.d,
+a.h,
+a.i,
+a.line {
 	text-decoration: none;
 }
 
-a:hover {
-	text-decoration: underline;
+#blob {
+	display: block;
+	max-width: 100%;
+}
+
+article.markup {
+	font-size: 15px;
+	border: 2px solid #eee;
+	border-radius: 10px;
+	font-family: sans-serif;
+	padding: 2.5em;
+	margin: 2em 0;
+}
+
+article.markup code {
+	font-size: 0.9em;
+	border: 1px solid #dbdbdb;
+	background-color: #f7f7f7;
+	padding: 0 0.3em;
+	border-radius: 0.3em
+}
+
+article.markup pre code {
+	border: none;
+	background: none;
+	padding: 0;
+	border-radius: 0;
+}
+
+article.markup pre {
+	background-color: #f7f7f7;
+	padding: 1em;
+	border: 1px solid #dbdbdb;
+	border-radius: 0.3em;
+}
+
+article.markup h1 {
+	font-size: 2.4em;
+	padding-bottom: 6px;
+	border-bottom: 5px solid #0000000a;
+}
+
+article.markup h2 {
+	font-size: 1.9em;
+	padding-bottom: 5px;
+	border-bottom: 2px solid #00000014;
+}
+
+article.markup h3 {
+	font-size: 1.5em;
+}
+
+article.markup h4 {
+	font-size: 1.3em;
+}
+
+article.markup h5 {
+	font-size: 1.1em;
+}
+
+article.markup h6 {
+	font-size: 1em;
+}
+
+article img {
+	max-width: 100%;
+}
+
+.linenos {
+	margin-right: 0;
+	border-right: 1px solid rgb(0 0 0 / 8%);
+	user-select: none;
+}
+
+.linenos a {
+	margin-right: 0.9em;
+	user-select: none;
+	text-decoration: none;
 }
 
 #blob a {
@@ -26,10 +119,14 @@ a:hover {
 }
 
 #blob a:hover {
-	color: blue;
+	color: #eee;
 	text-decoration: none;
 }
 
+a {
+	color: #83a598;
+}
+
 table thead td {
 	font-weight: bold;
 }
@@ -38,8 +135,24 @@ table td {
 	padding: 0 0.4em;
 }
 
-#log tr:hover td, #files tr:hover td {
-	background-color: #eee;
+#content table td {
+	vertical-align: top;
+	white-space: nowrap;
+}
+
+#branches tr:hover td,
+#tags tr:hover td,
+#index tr:hover td,
+#log tr:hover td,
+#files tr:hover td {
+	background-color: #333;
+}
+
+#index tr td:nth-child(2),
+#tags tr td:nth-child(3),
+#branches tr td:nth-child(3),
+#log tr td:nth-child(2) {
+	white-space: normal;
 }
 
 td.num {
@@ -47,30 +160,52 @@ td.num {
 }
 
 .desc {
-	color: #777;
+	color: #928374;
 }
 
 hr {
 	border: 0;
-	border-top: 1px solid #777;
+	border-top: 1px solid #928374;
+	height: 1px;
 }
 
 pre {
 	font-family: monospace;
 }
 
-pre .h {
-	color: darkcyan;
+pre a.h {
+	color: #fe8019;
 }
 
+.A,
+span.i,
 pre a.i {
-	color: green;
+	color: #b8bb26;
 }
 
+.D,
+span.d,
 pre a.d {
-	color: red;
+	color: #fb4934;
 }
 
-pre a.i:hover, pre a.d:hover {
+pre a.h:hover,
+pre a.i:hover,
+pre a.d:hover {
 	text-decoration: none;
 }
+
+.url td:nth-child(2) {
+	padding-top:    0.2em;
+	padding-bottom: 0.9em;
+}
+
+.url td:nth-child(2) span {
+	padding: 1px 5px;
+	border: 1px solid #ebdbb2;
+	border-radius: 5px;
+}
+
+.url td:nth-child(2) span a {
+	color: #ebdbb2;
+}