From b3b83bda4f7385cf9b4e23c39ad85e2710c4ccbf Mon Sep 17 00:00:00 2001 From: Zak Bearman Date: Sun, 13 Sep 2026 19:27:05 +1200 Subject: [PATCH] Feather request artwork into the page at the sides and bottom --- frontend/app/ops-redesign.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/frontend/app/ops-redesign.css b/frontend/app/ops-redesign.css index 5031909..cc763cd 100644 --- a/frontend/app/ops-redesign.css +++ b/frontend/app/ops-redesign.css @@ -4979,3 +4979,11 @@ textarea:focus { .request-cinematic-title .request-poster { width: 68px; height: 102px; } .request-cinematic-title .page-heading h1 { font-size: clamp(1.8rem, 7vw, 2.5rem); } } + +/* Fade the entire artwork layer, including its tint, into the page surface. */ +.request-cinematic-art { + -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 38%, transparent 100%), linear-gradient(to right, transparent 0%, #000 9%, #000 91%, transparent 100%); + -webkit-mask-composite: source-in; + mask-image: linear-gradient(to bottom, #000 0%, #000 38%, transparent 100%), linear-gradient(to right, transparent 0%, #000 9%, #000 91%, transparent 100%); + mask-composite: intersect; +}