X-Git-Url: https://git.armaanb.net/?a=blobdiff_plain;f=style.css;h=c35d6e967a4909d04f917ea425ef8ecc539c8bc7;hb=503398bd5f325447f7d801306222e5fc142cacae;hp=970ac9997ae244ae69a245d6343d6ba56d4794cf;hpb=52520a4289cb5a74381d4dbaf22deff01d00c67c;p=stagit.git

diff --git a/style.css b/style.css
index 970ac99..c35d6e9 100644
--- a/style.css
+++ b/style.css
@@ -1,10 +1,18 @@
+html {
+	font-size: 12px;
+	height: 100%;
+}
+
 body {
-	font-family: monospace, sans-serif;
-	color: #333;
+	margin: 5rem auto;
+	color: #222;
 	background-color: #fff;
+	font-family: monospace;
+	width: 66rem;
 }
 
 h1, h2, h3, h4, h5, h6 {
+	font-size: 1em;
 	margin: 0;
 }
 
@@ -12,56 +20,126 @@ img, h1, h2 {
 	vertical-align: middle;
 }
 
+img {
+	border: 0;
+}
+
+a:target {
+	background-color: #ccc;
+}
+
+a.d,
+a.h,
+a.i,
+a.line {
+	text-decoration: none;
+}
+
+#blob {
+    display: block;
+    max-width: 100%;
+    overflow-x: scroll;
+}
+
+.linenos {
+	user-select: none;
+}
+
+.linenos a {
+	margin-right: 0.9em;
+	user-select: none;
+	text-decoration: none;
+}
+
+#blob a {
+	color: #777;
+}
+
+#blob a:hover {
+	color: blue;
+	text-decoration: none;
+}
+
 table thead td {
 	font-weight: bold;
 }
 
 table td {
-	padding: 0 3px;
+	padding: 0 0.4em;
+}
+
+#content table td {
+	vertical-align: top;
+	white-space: nowrap;
 }
 
-#content table tr:hover td {
+#branches tr:hover td,
+#tags tr:hover td,
+#index tr:hover td,
+#log tr:hover td,
+#files tr:hover td {
 	background-color: #eee;
 }
 
-h1, h2, h3, h4, h5, h6 {
-	font-size: 100%;
+#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;
 }
 
-.desc {
-	font-size: 100%;
-	color: #777;
+td.num {
+	text-align: right;
 }
 
-h1 img {
-	width: 32px;
-	height: 32px;
+.desc {
+	color: #777;
 }
 
 hr {
-	color: #777;
-	background-color: #777;
 	border: 0;
 	border-top: 1px solid #777;
+	height: 1px;
 }
 
 pre {
 	font-family: monospace;
 }
 
-pre span.h {
-	color: blue;
+pre a.h {
+	color: #00a;
 }
 
-pre span.i {
-	color: green;
+.A,
+span.i,
+pre a.i {
+	color: #070;
 }
 
-pre span.d {
-	color: red;
+.D,
+span.d,
+pre a.d {
+	color: #e00;
 }
 
-pre span a {
+pre a.h:hover,
+pre a.i:hover,
+pre a.d:hover {
 	text-decoration: none;
-	color: inherit;
+}
+
+.url td:nth-child(2) {
+	padding-top:    0.2em;
+	padding-bottom: 0.9em;
+}
+
+.url td:nth-child(2) span {
+	padding: 1px 5px;
+	background-color: #eee;
+	border: 1px solid #ddd;
+	border-radius: 5px;
+}
+
+.url td:nth-child(2) span a {
+	color: #444;
 }