From 65208264d49e863d63e30d6d193fe28a6ec52601 Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <towerofnix@gmail.com>
Date: Tue, 3 Nov 2020 07:47:39 -0400
Subject: very wip list-style album view

---
 static/site.css | 62 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)

(limited to 'static')

diff --git a/static/site.css b/static/site.css
index 346c28a3..7a181b9d 100644
--- a/static/site.css
+++ b/static/site.css
@@ -343,6 +343,53 @@ h1 {
     font-size: 0.9em;
 }
 
+.table-listing {
+    display: flex;
+    flex-direction: column;
+}
+
+.table-row {
+    display: flex;
+    align-items: center;
+    margin: 5px;
+}
+
+.table-row img {
+    display: block;
+    height: 60px;
+    width: 60px;
+    padding: 2px;
+}
+
+.table-row-summary {
+    flex-grow: 1;
+    margin-left: 10px;
+}
+
+.table-row-info {
+    color: white;
+    white-space: nowrap;
+}
+
+.table-row-column {
+    width: 100px;
+    text-align: center;
+}
+
+.table-row:hover {
+    text-decoration: none;
+}
+
+.table-row:hover .table-row-name,
+.table-row:hover .table-row-column {
+    text-decoration: underline;
+}
+
+.table-row-summary > .table-row-info:not(:last-child)::after {
+    content: " \00b7 ";
+    font-weight: 800;
+}
+
 .square {
     position: relative;
     width: 100%;
@@ -360,6 +407,17 @@ h1 {
     height: 100%;
 }
 
+.vertical-square {
+    position: relative;
+    height: 100%;
+}
+
+.vertical-square::after {
+    content: "";
+    display: block;
+    padding-right: 100%;
+}
+
 #content.top-index h1,
 #content.flash-index h1 {
     text-align: center;
@@ -383,6 +441,10 @@ h1 {
     margin-bottom: 0;
 }
 
+#content.top-index p.quick-links {
+    text-align: center;
+}
+
 #intro-menu {
     margin: 24px 0;
     padding: 10px;
-- 
cgit 1.3.0-6-gf8a5