1 files changed, 207 insertions, 0 deletions
diff --git a/assets/styles.css b/assets/styles.css
new file mode 100644
index 0000000..f87db3a
--- /dev/null
+++ b/assets/styles.css
@@ -0,0 +1,207 @@
+/* Fira Code and the dark palette from the supplied cgit theme. */
+@font-face {
+  font-family: "Fira Code";
+  src:
+    url("https://s3.d-04.de/static/_fonts/Fira_Code_v6.2/woff2/FiraCode-VF.woff2")
+      format("woff2-variations"),
+    url("https://s3.d-04.de/static/_fonts/Fira_Code_v6.2/woff2/FiraCode-VF.woff2")
+      format("woff2");
+  font-weight: 300 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+:root {
+  color-scheme: dark;
+  --background: #212529;
+  --stripe: #343a40;
+  --inset: #131618;
+  --foreground: #f8f9fa;
+  --secondary: #ced4da;
+  --muted: #78828a;
+  --border: #495057;
+  --link: #3af;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html,
+body {
+  margin: 0;
+  color: var(--foreground);
+  background: var(--background);
+  font-family: "Fira Code", monospace;
+  font-variant-ligatures: contextual;
+}
+
+body {
+  padding: 4px;
+  font-size: 10pt;
+  line-height: 1.4;
+}
+
+main {
+  padding: 2em;
+  border-bottom: 3px solid #bbb;
+  overflow-x: auto;
+}
+
+h1,
+h2 {
+  color: var(--foreground);
+  line-height: 1.3;
+}
+
+h1 {
+  margin: 0 0 .75em;
+  font-size: 180%;
+}
+
+h2 {
+  margin: 0 0 .5em;
+  font-size: 125%;
+}
+
+p {
+  margin: 0 0 1em;
+}
+
+a {
+  color: var(--link);
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+/* Compact, full-width listings with the cgit alternating row colors. */
+table {
+  width: 100%;
+  border: none;
+  border-collapse: collapse;
+}
+
+th,
+td {
+  border: none;
+  text-align: left;
+  vertical-align: baseline;
+}
+
+th {
+  padding: .1em .5em .05em;
+  font-weight: bold;
+}
+
+td {
+  padding: .1em .5em;
+}
+
+thead,
+tfoot {
+  background: var(--inset);
+}
+
+tbody tr:nth-child(odd) {
+  background: var(--stripe);
+}
+
+tbody tr:nth-child(even) {
+  background: var(--background);
+}
+
+td a {
+  color: var(--foreground);
+}
+
+td a:hover,
+td a:focus-visible {
+  color: var(--link);
+}
+
+td[title] {
+  white-space: nowrap;
+}
+
+code,
+pre,
+.monospace {
+  font-family: "Fira Code", monospace;
+  font-feature-settings: "calt" 1;
+}
+
+.literal {
+  max-width: 100%;
+  margin: 0;
+  padding: .5em 1em;
+  color: var(--foreground);
+  background: var(--inset);
+  border: 1px solid var(--border);
+  border-radius: 0;
+  font-size: inherit;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  tab-size: 4;
+}
+
+/* Keep any form controls consistent with the supplied square-edged theme. */
+input,
+select,
+textarea,
+button {
+  margin: 0;
+  padding: 3px 8px;
+  color: var(--secondary);
+  background: var(--inset);
+  border: 1px solid var(--border);
+  border-radius: 0;
+  font-family: inherit;
+  font-variant-ligatures: contextual;
+  font-size: 9pt;
+}
+
+input,
+select,
+button {
+  min-height: 26px;
+}
+
+button,
+input[type="submit"] {
+  padding: 3px 12px;
+  background: var(--stripe);
+  cursor: pointer;
+}
+
+button:hover,
+input[type="submit"]:hover {
+  background: var(--border);
+  border-color: var(--muted);
+}
+
+input:focus,
+select:focus,
+textarea:focus {
+  background: #000;
+  border-color: var(--link);
+}
+
+:focus-visible {
+  outline: 2px solid var(--link);
+  outline-offset: 2px;
+}
+
+::selection {
+  color: var(--foreground);
+  background: #0d3d64;
+}
+
+/* Wide digest tables scroll instead of squeezing their columns on phones. */
+@media (max-width: 640px) {
+  main {
+    padding: 1em;
+  }
+}