commit: 0c055a347a3fa1ed921f534183315e3ec45eff0d
parent 438dc792f01165c8d78fbacb99688ce34824a218
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 | 205 | ++++++++++++++++++++++++++++++++++++++----------------------------------------- |
1 file changed, 99 insertions(+), 106 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,110 +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;
-}
-
-@media (prefers-color-scheme: dark) {
- body {
- background-color: #000;
- color: #bdbdbd;
- }
- hr {
- border-color: #222;
- }
- a {
- color: #56c8ff;
- }
- a:target {
- background-color: #222;
- }
- .desc {
- color: #aaa;
- }
- #blob a {
- color: #555;
- }
- #blob a:target {
- color: #eee;
- }
- #blob a:hover {
- color: #56c8ff;
- }
- pre a.h {
- color: #00cdcd;
- }
- .A,
- span.i,
- pre a.i {
- color: #00cd00;
- }
- .D,
- span.d,
- pre a.d {
- color: #cd0000;
- }
- #branches tr:hover td,
- #tags tr:hover td,
- #index tr:hover td,
- #log tr:hover td,
- #files tr:hover td {
- background-color: #111;
- }
+ color: var(--dark-ansi01);
}
