From 012e29630fa0bddfd49faf97caf84585109e07ad Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Sun, 29 Dec 2024 13:53:25 -0400
Subject: replacer, content, css: videos in content text

---
 src/static/css/site.css | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

(limited to 'src/static/css/site.css')

diff --git a/src/static/css/site.css b/src/static/css/site.css
index 7fe6f915..56a6ad40 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -1399,12 +1399,14 @@ p.image-details.illustrator-details {
   display: none;
 }
 
-.content-image-container {
+.content-image-container,
+.content-video-container {
   margin-top: 1em;
   margin-bottom: 1em;
 }
 
-.content-image-container.align-center {
+.content-image-container.align-center,
+.content-video-container.align-center {
   text-align: center;
   margin-top: 1.5em;
   margin-bottom: 1.5em;
@@ -1944,6 +1946,15 @@ h1 a[href="#additional-names-box"]:hover {
   color: white;
 }
 
+/* Videos (in content) get a lite version of image-container. */
+.content-video-container {
+  width: min-content;
+  background-color: var(--dark-color);
+  border: 2px solid var(--primary-color);
+  border-radius: 2.5px 2.5px 3px 3px;
+  padding: 5px;
+}
+
 .image-text-area {
   position: absolute;
   top: 0;
@@ -2013,7 +2024,8 @@ img {
     6px -6px 2px -4px white inset;
 }
 
-img.pixelate, .pixelate img {
+img.pixelate, .pixelate img,
+video.pixelate, .pixelate video {
   image-rendering: crisp-edges;
 }
 
-- 
cgit 1.3.0-6-gf8a5