From 39640a916645d74cf93f3efe42ca7d91be1c689b Mon Sep 17 00:00:00 2001
From: Case Duckworth
Date: Mon, 25 Jul 2022 09:49:12 -0500
Subject: Color extra links; prettier

---
 style.css | 285 +++++++++++++++++++++++++++++++++++---------------------------
 1 file changed, 159 insertions(+), 126 deletions(-)

diff --git a/style.css b/style.css
index 3d90bd1..1e8f46c 100644
--- a/style.css
+++ b/style.css
@@ -1,224 +1,257 @@
 :root {
-    --main-background: white;
-    --main-foreground: black;
-    --alt-background: #eee;
-    --alt-foreground: black;
-    --fresh-background: inherit;
-    --fresh-foreground: inherit;
-    --stale-background: inherit;
-    --stale-foreground: inherit;
-    --hover-background: yellow;
-    --hover-foreground: inherit;
-    --active-background: cyan;
-    --active-foreground: inherit;
+  --main-background: white;
+  --main-foreground: black;
+  --alt-background: #eee;
+  --alt-foreground: black;
+  --fresh-background: inherit;
+  --fresh-foreground: inherit;
+  --stale-background: inherit;
+  --stale-foreground: inherit;
+  --hover-background: yellow;
+  --hover-foreground: inherit;
+  --active-background: cyan;
+  --active-foreground: inherit;
+  --extra-foreground: blue;
 }
 
 body {
-    background: var(--main-background);
-    color: var(--main-foreground);
-    font: 16px/1.2 sans-serif;
-    margin: auto;
-    max-width: 150ch;
+  background: var(--main-background);
+  color: var(--main-foreground);
+  font: 16px/1.2 sans-serif;
+  margin: auto;
+  max-width: 150ch;
 }
 
 main {
-    display: flex;
-    flex-flow: row nowrap;
-    justify-content: space-around;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: space-around;
 }
 
 main section {
-    max-width: 100ch;
+  max-width: 100ch;
 }
 
 main aside {
-    flex-grow: 1;
-    text-align: right;
-    max-width: 40ch;
+  flex-grow: 1;
+  text-align: right;
+  max-width: 40ch;
 }
 
 header {
-    display: flex;
-    flex-flow: row wrap;
-    align-items: baseline;
-    justify-content: space-between;
-    margin-bottom: 1ch;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: baseline;
+  justify-content: space-between;
+  margin-bottom: 1ch;
 }
 
 h2 {
-    margin: 0;
+  margin: 0;
 }
 
 time {
-    font-family: monospace;
+  font-family: monospace;
 }
 
 #page-nav {
-    border-bottom: 1px solid;
-    padding-bottom: 4px;
+  border-bottom: 1px solid;
+  padding-bottom: 4px;
 }
 
 #last-updated,
 nav,
 footer {
-    font-size: 80%;
-    text-align: right;
+  font-size: 80%;
+  text-align: right;
 }
 
-#last-update, footer {
-    flex-grow: 1;
+#last-update,
+footer {
+  flex-grow: 1;
 }
 
 footer {
-    border-top: 1px solid;
-    margin: 1ch 0;
-    padding: 1ch 0;
+  border-top: 1px solid;
+  margin: 1ch 0;
+  padding: 1ch 0;
 }
 
-table, .entry-title {
-    width: 100%;
-    border-collapse: collapse;
+table,
+.entry-title {
+  width: 100%;
+  border-collapse: collapse;
 }
 
 td.entry-timestamp {
-    font: 50%/1.1 monospace;
-    text-align: right;
-    padding: 4px;
+  font: 50%/1.1 monospace;
+  text-align: right;
+  padding: 4px;
 }
 
 td.entry-extra {
-    font-family: monospace;
-    text-align: right;
-    white-space: nowrap;
+  font-family: monospace;
+  text-align: right;
+  white-space: nowrap;
+}
+
+td.entry-extra a {
+  color: var(--extra-foreground);
 }
 
 td.entry-extra a,
 nav.flinks a {
-    display: inline-block;
+  display: inline-block;
 }
 
 td {
-    margin: 0; padding: 0;
+  margin: 0;
+  padding: 0;
 }
 
 tr:nth-child(even),
-#feedlist li:nth-child(even)
-{
-    background: var(--main-background);
+#feedlist li:nth-child(even) {
+  background: var(--main-background);
 }
 
 tr:nth-child(even):last-child {
-    border-bottom: 1px solid var(--alt-background);
+  border-bottom: 1px solid var(--alt-background);
 }
 
 tr:nth-child(odd),
-#feedlist li:nth-child(odd)
-{
-    background: var(--alt-background);
+#feedlist li:nth-child(odd) {
+  background: var(--alt-background);
 }
 
 aside li {
-    list-style: none;
+  list-style: none;
 }
 
 .fresh {
-    font-weight: bold;
-    background: var(--fresh-background);
-    color: var(--fresh-foreground);
+  font-weight: bold;
+  background: var(--fresh-background);
+  color: var(--fresh-foreground);
 }
 .fresh nav,
 .stale {
-    font-weight: normal;
-    background: var(--stale-background);
-    color: var(--stale-foreground);
+  font-weight: normal;
+  background: var(--stale-background);
+  color: var(--stale-foreground);
 }
 
 a {
-    display: block;
-    padding: 4px 8px;
-    color: inherit;
+  display: block;
+  padding: 4px 8px;
+  color: inherit;
 }
 
 a:link {
-    text-decoration: none;
+  text-decoration: none;
 }
 
-a:visited { color: inherit; }
+a:visited {
+  color: inherit;
+}
 
 a:hover {
-    background: var(--hover-background);
-    color: var(--hover-foreground);
+  background: var(--hover-background);
+  color: var(--hover-foreground);
 }
 
 a:active {
-    background: var(--active-background);
-    color: var(--active-foreground);
+  background: var(--active-background);
+  color: var(--active-foreground);
 }
 
-.yt a { color: #ff0000; }
-.youtube { border-left: 1px solid #ff0000; }
-.reddit { border-left: 3px double #ff3000; }
-.twitter { border-left: 1px solid #179cf0; }
-.facebook { border-left: 3px double #4267b2; }
+.yt a {
+  color: #ff0000;
+}
+.youtube {
+  border-left: 1px solid #ff0000;
+}
+.reddit {
+  border-left: 3px double #ff3000;
+}
+.twitter {
+  border-left: 1px solid #179cf0;
+}
+.facebook {
+  border-left: 3px double #4267b2;
+}
 
 a#logo,
 a.anchor,
 footer a,
 #page-nav a {
-    padding: 0;
-    display: inline;
+  padding: 0;
+  display: inline;
 }
 
 footer a:link {
-    text-decoration: underline;
+  text-decoration: underline;
 }
 
 @media screen and (max-width: 720px) {
-    * { border: none; padding: 0; margin: 0; }
-    .entries, .entry-title { width: 100%; }
-    main, header {
-        flex-flow: row wrap;
-    }
-    header, nav { padding: 4px; }
-    main aside {
-        padding: 2ch;
-        order: 1;
-        border-bottom: 1px solid;
-        text-align: left;
-        max-width: none;
-    }
-    main aside li {
-        display: inline;
-        background: inherit !important;
-    }
-    main aside li::after {
-        content: " //";
-        background: inherit;
-        font-weight: normal;
-    }
-    main aside a { display: inline; }
-    main aside li:last-child::after {
-        content: "";
-    }
-    #list { order: 2; }
-    .entry-timestamp {
-        display: none;
-    }
+  * {
+    border: none;
+    padding: 0;
+    margin: 0;
+  }
+  .entries,
+  .entry-title {
+    width: 100%;
+  }
+  main,
+  header {
+    flex-flow: row wrap;
+  }
+  header,
+  nav {
+    padding: 4px;
+  }
+  main aside {
+    padding: 2ch;
+    order: 1;
+    border-bottom: 1px solid;
+    text-align: left;
+    max-width: none;
+  }
+  main aside li {
+    display: inline;
+    background: inherit !important;
+  }
+  main aside li::after {
+    content: " //";
+    background: inherit;
+    font-weight: normal;
+  }
+  main aside a {
+    display: inline;
+  }
+  main aside li:last-child::after {
+    content: "";
+  }
+  #list {
+    order: 2;
+  }
+  .entry-timestamp {
+    display: none;
+  }
 }
 
 @media screen and (prefers-color-scheme: dark) {
-    :root {
-        --main-background: black;
-        --main-foreground: white;
-        --alt-background: #222;
-        --alt-foreground: white;
-        --fresh-background: inherit;
-        --fresh-foreground: inherit;
-        --stale-background: inherit;
-        --stale-foreground: inherit;
-        --hover-background: inherit;
-        --hover-foreground: yellow;
-        --active-background: inherit;
-        --active-foreground: cyan;
-    }
+  :root {
+    --main-background: black;
+    --main-foreground: white;
+    --alt-background: #222;
+    --alt-foreground: white;
+    --fresh-background: inherit;
+    --fresh-foreground: inherit;
+    --stale-background: inherit;
+    --stale-foreground: inherit;
+    --hover-background: inherit;
+    --hover-foreground: yellow;
+    --active-background: inherit;
+    --active-foreground: cyan;
+  }
 }
-- 
cgit 1.4.1-21-gabe81