From 485afee14f88d5ff30eda2e2185531d4b1695c30 Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Wed, 21 Dec 2022 20:58:48 -0400 Subject: quick tweaks to sticky & cover art styling --- src/static/site2.css | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/src/static/site2.css b/src/static/site2.css index 9e8849e..1146b0d 100644 --- a/src/static/site2.css +++ b/src/static/site2.css @@ -591,8 +591,8 @@ a:hover { font-size: 0.8em; } -#cover-art { - box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.25); +#cover-art .square { + box-shadow: 0 0 3px 6px rgba(0, 0, 0, 0.35); } #cover-art img { @@ -1119,6 +1119,8 @@ img { margin: calc(-1 * var(--content-padding)); margin-bottom: calc(0.5 * var(--content-padding)); + + transform: translateY(-5px); } .content-sticky-heading-container.long-content { @@ -1135,11 +1137,14 @@ img { .content-sticky-heading-row { box-sizing: border-box; padding: - calc(1.25 * var(--content-padding)) + calc(1.25 * var(--content-padding) + 5px) 20px calc(0.75 * var(--content-padding)) 20px; + width: 100%; + margin: 0; + background: var(--bg-black-color); border-bottom: 1px dotted rgba(220, 220, 220, 0.4); @@ -1147,11 +1152,6 @@ img { backdrop-filter: blur(6px); } -.content-sticky-heading-row { - width: 100%; - margin: 0; -} - .content-sticky-heading-container.has-cover .content-sticky-heading-row, .content-sticky-heading-container.has-cover .content-sticky-subheading-row { display: grid; -- cgit 1.3.0-6-gf8a5