1 files changed, 30 insertions, 4 deletions

diff --git a/src/static/css/site.css b/src/static/css/site.css
index 7fe6f915..ed409930 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -40,6 +40,9 @@ body {
 
 body::before {
   content: "";
+}
+
+body::before, .wallpaper-part {
   position: fixed;
   top: 0;
   left: 0;
@@ -231,6 +234,9 @@ body {
 
 body::before {
   background-image: url("../../media/bg.jpg");
+}
+
+body::before, .wallpaper-part {
   background-position: center;
   background-size: cover;
   opacity: 0.5;
@@ -851,10 +857,18 @@ a:not([href]):hover {
 }
 
 .series-nav-link:not(:first-child)::before {
-  content: "\0020»\0020";
+  content: "\00a0»\00a0";
   font-weight: normal;
 }
 
+.series-nav-link:not(:last-child)::after {
+  content: ",\00a0";
+}
+
+.series-nav-link + .series-nav-link::before {
+  content: "";
+}
+
 .dot-switcher > span:not(:first-child)::before {
   content: "\0020\00b7\0020";
   font-weight: 800;
@@ -1399,12 +1413,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 +1960,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 +2038,8 @@ img {
     6px -6px 2px -4px white inset;
 }
 
-img.pixelate, .pixelate img {
+img.pixelate, .pixelate img,
+video.pixelate, .pixelate video {
   image-rendering: crisp-edges;
 }