very wip list-style album view

1 files changed, 62 insertions, 0 deletions

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;