Merge pull request #678 from themepark-dev/develop

1.20.1
Unraid login addon:
- Fixed broken video URL to preferred domain
- Unraid Fallout Addon: video scaling fix

Audiobookshelf: Updated Audiobookshelf CSS

Author: GilbN

css/addons/unraid/login-page/alien/js/isolation.js

@@ -1,6 +1,6 @@
 // Adds a video background
 
 let video = `
-<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/gilbn.github.io\/theme.park\/css\/addons\/unraid\/login-page\/alien\/video\/isolation.mp4" type="video\/mp4">Video not supported</video></div>
+<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/theme-park.dev\/css\/addons\/unraid\/login-page\/alien\/video\/isolation.mp4" type="video\/mp4">Video not supported</video></div>
 `
-document.body.innerHTML += video
+document.body.innerHTML += video

css/addons/unraid/login-page/fallout/fallout-base.css

@@ -7,7 +7,7 @@
     outline: none;
 }
 
-@media (max-width: 500px) {
+@media only screen and (max-width: 500px) {
     #login {
         -webkit-backdrop-filter: blur(0px);
         backdrop-filter: blur(0px);
@@ -53,12 +53,11 @@ body {
     left: 0;
 }
 #video-bg-elem {
-    display: block;
     position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    z-index: 1;
+    top: 0;
+    left: 0;
+    min-height: 100%;
+    min-width: 100%;
 }
 /*TEXT COLOR*/
 #login h1,

css/addons/unraid/login-page/fallout/fallout_video.css

@@ -25,11 +25,12 @@
     https://www.colourlovers.com/palette/3428762/Fallout?widths=1
     */
 }
-@media (max-width: 500px) {
+@media only screen and (max-width: 500px) {
     body {
         background: url(/css/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed !important;
     }
     :root {
-        --div-background-color-15: transparent; 
+        --div-background-color-15: transparent;
+        --main-bg-color: url(/css/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed;
     }
 }

css/addons/unraid/login-page/fallout/js/please_stand_by.js

@@ -2,6 +2,6 @@
 // Source: https://www.youtube.com/watch?v=ehvduomE0AU
 
 let video = `
-<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/gilbn.github.io\/theme.park\/css\/addons\/unraid\/login-page\/fallout\/video\/please_stand_by.mp4" type="video\/mp4">Video not supported</video></div>
+<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/theme-park.dev\/css\/addons\/unraid\/login-page\/fallout\/video\/please_stand_by.mp4" type="video\/mp4">Video not supported</video></div>
 `
 document.body.innerHTML += video

css/addons/unraid/login-page/fallout/js/vault-tec-crt.js

@@ -2,6 +2,6 @@
 // Source: https://steamcommunity.com/sharedfiles/filedetails/?id=920035918
 
 let video = `
-<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/gilbn.github.io\/theme.park\/css\/addons\/unraid\/login-page\/fallout\/video\/VaultTecCRTLoop.mp4" type="video\/mp4">Video not supported</video></div>
+<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/theme-park.dev\/css\/addons\/unraid\/login-page\/fallout\/video\/VaultTecCRTLoop.mp4" type="video\/mp4">Video not supported</video></div>
 `
 document.body.innerHTML += video;

css/addons/unraid/login-page/fallout/js/vault-tec-crt_no-scanline.js

@@ -2,6 +2,6 @@
 // Source: https://www.youtube.com/watch?v=ehvduomE0AU
 
 let video = `
-<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/gilbn.github.io\/theme.park\/css\/addons\/unraid\/login-page\/fallout\/video\/VaultTecCRTLoopNoScanline.mp4" type="video\/mp4">Video not supported</video></div>
+<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/theme-park.dev\/css\/addons\/unraid\/login-page\/fallout\/video\/VaultTecCRTLoopNoScanline.mp4" type="video\/mp4">Video not supported</video></div>
 `
 document.body.innerHTML += video