« get me outta code hell

very wip list-style album view - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/static
diff options
context:
space:
mode:
author(quasar) nebula <towerofnix@gmail.com>2020-11-03 07:47:39 -0400
committer(quasar) nebula <towerofnix@gmail.com>2020-11-03 07:47:39 -0400
commit65208264d49e863d63e30d6d193fe28a6ec52601 (patch)
tree1b946cb8f30fab68782bea2a601abf8ea69187b1 /static
parent7b3d3631924d202eb9d7a54548b327bb22195a68 (diff)
very wip list-style album view
Diffstat (limited to 'static')
-rw-r--r--static/site.css62
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;