support albums without cover art

1 files changed, 29 insertions, 2 deletions

diff --git a/src/static/site.css b/src/static/site.css
index c88343e5..5122f3fa 100644
--- a/src/static/site.css
+++ b/src/static/site.css
@@ -439,6 +439,26 @@ footer > :last-child {
     overflow: hidden;
     width: 100%;
     height: 100%;
+    position: relative;
+}
+
+.image-text-area {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    padding: 5px 15px;
+    background: rgba(0, 0, 0, 0.65);
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
+    line-height: 1.35em;
+    color: var(--primary-color);
+    font-style: oblique;
+    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
 }
 
 img {
@@ -520,11 +540,18 @@ h1 {
     text-decoration: underline;
 }
 
-.grid-item > span:first-of-type {
-    margin-top: 0.45em;
+.grid-item > span {
     display: block;
 }
 
+.grid-item > span:not(:first-child) {
+    margin-top: 2px;
+}
+
+.grid-item > span:first-of-type {
+    margin-top: 6px;
+}
+
 .grid-item:hover > span:first-of-type {
     text-decoration: underline;
 }