stagit

commit: 261c7389213760c17d4f42365e8a5d420fd4acff
parent 45c5c8dcc1dd9e52544f10d24b2310730bad7bcc
Author: Haelwenn (lanodan) Monnier <contact@hacktivis.me>
Date:   Mon, 31 Jul 2017 09:12:55 +0200

style.css: Replace with my own

Diffstat:
M
style.css
160
++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------------

1 file changed, 101 insertions(+), 59 deletions(-)
diff --git a/style.css b/style.css
@@ -1,42 +1,103 @@
-body {
-	color: #000;
-	background-color: #fff;
-	font-family: monospace;
+:root {
+	/* gruvbox dark */
+	--dark-ansi00: #282828;
+	--dark-ansi00-hard: #1d2021;
+	--dark-ansi00-soft: #32302f;
+	--dark-ansi01: #cc241d;
+	--dark-ansi02: #98971a;
+	--dark-ansi03: #d79921;
+	--dark-ansi04: #458588;
+	--dark-ansi05: #b16286;
+	--dark-ansi06: #689d6a;
+	--dark-ansi07: #a89984;
+	--dark-ansi08: #928374;
+	--dark-ansi09: #fb4934;
+	--dark-ansi10: #b8bb26;
+	--dark-ansi11: #fabd2f;
+	--dark-ansi12: #83a598;
+	--dark-ansi13: #d3869b;
+	--dark-ansi14: #8ec07c;
+	--dark-ansi15: #ebdbb2;
+
+	/* gruvbox light */
+	--light-ansi-00: #fbf1c7;
+	--light-ansi-00-hard: #f9f5d7;
+	--light-ansi-00-soft: #f2e5bc;
+	--light-ansi-01: #cc241d;
+	--light-ansi-02: #98971a;
+	--light-ansi-03: #d79921;
+	--light-ansi-04: #458588;
+	--light-ansi-05: #b16286;
+	--light-ansi-06: #689d6a;
+	--light-ansi-07: #7c6f64;
+	--light-ansi-08: #928374;
+	--light-ansi-09: #9d0006;
+	--light-ansi-10: #79740e;
+	--light-ansi-11: #b57614;
+	--light-ansi-12: #076678;
+	--light-ansi-13: #8f3f71;
+	--light-ansi-14: #427b58;
+	--light-ansi-15: #3c3836;
+}
+
+html, body {
+	background-color: var(--dark-ansi00-soft);
+	color: var(--dark-ansi15);
+	margin: 0;
+	padding: 0;
+	font-family: sans;
+	overflow-wrap: break-word;
 }
 
-h1, h2, h3, h4, h5, h6 {
-	font-size: 1em;
-	margin: 0;
+header h1 {
+	display: inline;
+	margin: 0 1em;
 }
 
-img, h1, h2 {
-	vertical-align: middle;
+header {
+	background-color: var(--dark-ansi00);
+	padding: 1ch 2em;
 }
 
-img {
-	border: 0;
+footer {
+	margin: 2ch 2em;
 }
 
-a:target {
-	background-color: #ccc;
+main {
+	display: table;
+	margin: 0 auto;
+	max-width: 100vw;
 }
 
-a.d,
-a.h,
-a.i,
-a.line {
+a {
+	color: var(--dark-ansi13);
 	text-decoration: none;
+	outline-color: invert;
+	outline-color: var(--dark-ansi13);
 }
 
-#blob a {
-	color: #555;
+h1,h2,h3,h4,h5,h6 { font-family: serif; }
+pre {
+	white-space: pre-wrap;
+	font-family: monospace;
 }
 
-#blob a:hover {
-	color: blue;
-	text-decoration: none;
+nav, .line, tr:nth-child(even) {
+	background-color: var(--dark-ansi00);
 }
 
+nav {
+	font-size: larger;
+	font-weight: bold;
+	padding: 0.25rem;
+}
+
+/*
+* table {
+* 	max-width: 100%;
+* }
+*/
+
 table thead td {
 	font-weight: bold;
 }
@@ -45,62 +106,42 @@ table td {
 	padding: 0 0.4em;
 }
 
-#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: #eee;
+td.num {
+	text-align: right;
 }
 
-#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.date {
+	min-width: 8em;
 }
 
-td.num {
-	text-align: right;
-}
+td.index-name { max-width: 20em; }
 
-.desc {
-	color: #555;
+td.log-summary,
+td.index-description {
+	max-width: 50em;
+	break-word: break-all;
 }
 
-hr {
-	border: 0;
-	border-top: 1px solid #555;
-	height: 1px;
+td:nth-child(1) {
+	text-align: right;
 }
 
-pre {
-	font-family: monospace;
+tr td {
+	padding: 0.5em 1em;
 }
 
 pre a.h {
-	color: #00a;
+	color: var(--dark-ansi05);
 }
 
 .A,
 span.i,
 pre a.i {
-	color: #070;
+	color: var(--dark-ansi02);
 }
 
 .D,
 span.d,
 pre a.d {
-	color: #e00;
-}
-
-pre a.h:hover,
-pre a.i:hover,
-pre a.d:hover {
-	text-decoration: none;
-}
+	color: var(--dark-ansi01);
+}
+\ No newline at end of file