Let's try this again...

1 files changed, 94 insertions, 0 deletions

diff --git a/haunt/static/css/style.css b/haunt/static/css/style.css
index 02001ec..6cd9656 100644
--- a/haunt/static/css/style.css
+++ b/haunt/static/css/style.css
@@ -73,6 +73,20 @@ body > header > nav > ul {
     }
 }
 
+/* Horizontal lists. */
+
+.horizontal-list {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-around;
+
+    list-style-type: none;
+    text-align: center;
+
+    margin: 0;
+    padding: 8px 0;
+}
+
 /* Pagination. */
 
 #pagination {
@@ -209,3 +223,83 @@ body > footer > div > p {
     margin: 0;
     padding-right: 1rem;
 }
+
+/* About page. */
+
+#site-map {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    grid-gap: 1rem;
+
+    padding: 0 1rem;
+}
+
+#site-map > section {
+    text-align: center;
+}
+
+.overline {
+    border-top: 2px solid #d2d6dd;
+    margin-top: 0.5rem;
+}
+
+/* Tables. */
+
+table {
+    text-align: center;
+    width: 100%;
+}
+
+td {
+    padding: 0 1rem;
+}
+
+tr:nth-child(even) {
+    background-color: #f2f2f2;
+}
+
+
+td:nth-child(1) {
+    width: 20%;
+}
+
+td:nth-child(2) {
+    width: 10%;
+}
+
+td:nth-child(3) {
+    width: 70%;
+}
+
+/* Buttons. */
+
+button {
+    display: inline;
+    padding: .3em .6em .3em;
+    font-size: 75%;
+    font-weight: 700;
+    line-height: 1;
+    color: #fff;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: baseline;
+    border-radius: .25em;
+}
+
+.label-info {
+    background-color: #5bc0de;
+}
+
+.label-good {
+    background-color: #5cb85c;
+    border-color: #4cae4c;
+}
+
+.label-okay {
+    background-color: #ec971f;
+    border-color: #d58512;
+}
+
+.label-bad {
+    background-color: #dc3545;
+}