Browse Source

sonarr docker mod test

pull/149/head
Marius 5 years ago
parent
commit
ba11a18a6e
  1. 8
      CSS/addons/README.md
  2. 3
      CSS/addons/organizr/README.md
  3. 112
      CSS/addons/organizr/glass/README.md
  4. BIN
      CSS/addons/organizr/glass/example.jpg
  5. 710
      CSS/addons/organizr/glass/glass-base.css
  6. 192
      CSS/addons/organizr/glass/glass-login.css
  7. BIN
      CSS/addons/organizr/glass/screenshots/homepage.jpg
  8. BIN
      CSS/addons/organizr/glass/screenshots/lockscreen.png
  9. BIN
      CSS/addons/organizr/glass/screenshots/login.png
  10. BIN
      CSS/addons/organizr/glass/screenshots/settings.jpg
  11. 54
      CSS/addons/radarr/README.md
  12. BIN
      CSS/addons/radarr/desktop.png
  13. BIN
      CSS/addons/radarr/mobile.png
  14. 73
      CSS/addons/radarr/radarr-4k-logo.css
  15. BIN
      CSS/addons/radarr/radarr-v3-mobile.png
  16. BIN
      CSS/addons/radarr/radarr4k-v3.png
  17. BIN
      CSS/addons/radarr/radarr4k.png
  18. BIN
      CSS/addons/radarr/v3-desktop.png
  19. BIN
      CSS/addons/radarr/v3-mobile.png
  20. 54
      CSS/addons/sonarr/README.md
  21. BIN
      CSS/addons/sonarr/desktop.png
  22. BIN
      CSS/addons/sonarr/mobile.png
  23. 95
      CSS/addons/sonarr/sonarr-4k-logo.css
  24. BIN
      CSS/addons/sonarr/sonarr-4k.png
  25. BIN
      CSS/addons/sonarr/v3-desktop.png
  26. BIN
      CSS/addons/sonarr/v3-mobile.png
  27. 245
      CSS/addons/unraid/login-page/alien/alien_base.css
  28. 22
      CSS/addons/unraid/login-page/alien/custom.css
  29. 22
      CSS/addons/unraid/login-page/alien/hallway.css
  30. 22
      CSS/addons/unraid/login-page/alien/hallway2.css
  31. 22
      CSS/addons/unraid/login-page/alien/hallway3.css
  32. 22
      CSS/addons/unraid/login-page/alien/hallway4.css
  33. 22
      CSS/addons/unraid/login-page/alien/isolation.css
  34. 21
      CSS/addons/unraid/login-page/alien/isolation_video.css
  35. 6
      CSS/addons/unraid/login-page/alien/js/isolation.js
  36. BIN
      CSS/addons/unraid/login-page/alien/logo/uscss_3nostromo.png
  37. BIN
      CSS/addons/unraid/login-page/alien/logo/uscss_nostromo.jpg
  38. BIN
      CSS/addons/unraid/login-page/alien/logo/uscss_nostromo2.jpg
  39. BIN
      CSS/addons/unraid/login-page/alien/logo/weyland-yutani-logo-by-synthetic-dreamer1.png
  40. BIN
      CSS/addons/unraid/login-page/alien/logo/wings.png
  41. BIN
      CSS/addons/unraid/login-page/alien/logo/wings_blue.png
  42. BIN
      CSS/addons/unraid/login-page/alien/logo/wings_green.png
  43. BIN
      CSS/addons/unraid/login-page/alien/logo/wings_green2.png
  44. BIN
      CSS/addons/unraid/login-page/alien/logo/wings_red.png
  45. BIN
      CSS/addons/unraid/login-page/alien/logo/wings_shadow.png
  46. BIN
      CSS/addons/unraid/login-page/alien/logo/wings_yellow.png
  47. 22
      CSS/addons/unraid/login-page/alien/nightmare.css
  48. 22
      CSS/addons/unraid/login-page/alien/scanner.css
  49. BIN
      CSS/addons/unraid/login-page/alien/screenshots/alien-mobile.png
  50. BIN
      CSS/addons/unraid/login-page/alien/screenshots/hallway.png
  51. BIN
      CSS/addons/unraid/login-page/alien/screenshots/hallway2.png
  52. BIN
      CSS/addons/unraid/login-page/alien/screenshots/hallway3.png
  53. BIN
      CSS/addons/unraid/login-page/alien/screenshots/hallway4.png
  54. BIN
      CSS/addons/unraid/login-page/alien/screenshots/isolation.mp4
  55. BIN
      CSS/addons/unraid/login-page/alien/screenshots/isolation.png
  56. BIN
      CSS/addons/unraid/login-page/alien/screenshots/nightmare.png
  57. BIN
      CSS/addons/unraid/login-page/alien/screenshots/scanner.png
  58. BIN
      CSS/addons/unraid/login-page/alien/video/isolation.mp4
  59. BIN
      CSS/addons/unraid/login-page/alien/wallpaper/hallway.jpg
  60. BIN
      CSS/addons/unraid/login-page/alien/wallpaper/hallway2.jpg
  61. BIN
      CSS/addons/unraid/login-page/alien/wallpaper/hallway3.jpg
  62. BIN
      CSS/addons/unraid/login-page/alien/wallpaper/hallway4.jpg
  63. BIN
      CSS/addons/unraid/login-page/alien/wallpaper/isolation.png
  64. BIN
      CSS/addons/unraid/login-page/alien/wallpaper/nightmare.png
  65. BIN
      CSS/addons/unraid/login-page/alien/wallpaper/noise.png
  66. BIN
      CSS/addons/unraid/login-page/alien/wallpaper/ripley.jpg
  67. BIN
      CSS/addons/unraid/login-page/alien/wallpaper/scanner.jpg
  68. BIN
      CSS/addons/unraid/login-page/alien/wallpaper/xeno.jpg
  69. 59
      CSS/addons/unraid/login-page/custom_login.sh
  70. 218
      CSS/addons/unraid/login-page/fallout/custom.css
  71. 28
      CSS/addons/unraid/login-page/fallout/dirty_terminal.css
  72. 28
      CSS/addons/unraid/login-page/fallout/dirty_terminal2.css
  73. 194
      CSS/addons/unraid/login-page/fallout/fallout_base.css
  74. 35
      CSS/addons/unraid/login-page/fallout/fallout_video.css
  75. 7
      CSS/addons/unraid/login-page/fallout/js/please_stand_by.js
  76. 7
      CSS/addons/unraid/login-page/fallout/js/vault-tec-crt.js
  77. 7
      CSS/addons/unraid/login-page/fallout/js/vault-tec-crt_no-scanline.js
  78. BIN
      CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png
  79. BIN
      CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.psd
  80. BIN
      CSS/addons/unraid/login-page/fallout/logo/vault-tec_white.png
  81. BIN
      CSS/addons/unraid/login-page/fallout/screenshots/dirty_terminal.png
  82. BIN
      CSS/addons/unraid/login-page/fallout/screenshots/dirty_terminal2.png
  83. BIN
      CSS/addons/unraid/login-page/fallout/screenshots/please_stand_by.mp4
  84. BIN
      CSS/addons/unraid/login-page/fallout/screenshots/terminal-mobile.png
  85. BIN
      CSS/addons/unraid/login-page/fallout/screenshots/terminal.png
  86. BIN
      CSS/addons/unraid/login-page/fallout/screenshots/terminal2-mobile.png
  87. BIN
      CSS/addons/unraid/login-page/fallout/screenshots/terminal2.png
  88. 27
      CSS/addons/unraid/login-page/fallout/terminal.css
  89. 27
      CSS/addons/unraid/login-page/fallout/terminal2.css
  90. BIN
      CSS/addons/unraid/login-page/fallout/video/VaultTecCRTLoop.mp4
  91. BIN
      CSS/addons/unraid/login-page/fallout/video/VaultTecCRTLoopNoScanline.mp4
  92. BIN
      CSS/addons/unraid/login-page/fallout/video/please_stand_by.mp4
  93. BIN
      CSS/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png
  94. BIN
      CSS/addons/unraid/login-page/fallout/wallpaper/terminal.jpg
  95. BIN
      CSS/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg
  96. 33
      CSS/addons/unraid/login-page/retro-terminal/amber.css
  97. 33
      CSS/addons/unraid/login-page/retro-terminal/blue.css
  98. 33
      CSS/addons/unraid/login-page/retro-terminal/custom.css
  99. 33
      CSS/addons/unraid/login-page/retro-terminal/green.css
  100. 14
      CSS/addons/unraid/login-page/retro-terminal/js/custom_text_header.js

8
CSS/addons/README.md

@ -1,8 +0,0 @@
# CSS Addons
## [Organizr](https://github.com/gilbN/theme.park/tree/master/CSS/addons/organizr/)
## [Radarr](https://github.com/gilbN/theme.park/tree/master/CSS/addons/radarr)
## [Sonarr](https://github.com/gilbN/theme.park/tree/master/CSS/addons/sonarr)

3
CSS/addons/organizr/README.md

@ -1,3 +0,0 @@
# Organizr Addons
## [Glass](https://github.com/gilbN/theme.park/tree/master/CSS/addons/organizr/glass)

112
CSS/addons/organizr/glass/README.md

@ -1,112 +0,0 @@
# Organizr - Glass addon
## Installation
* [Full](https://github.com/gilbN/theme.park/tree/master/CSS/addons/organizr/glass#Full)
* [Login - Lockscreen only](https://github.com/gilbN/theme.park/tree/master/CSS/addons/organizr/glass#login---lockscreen-only)
***
### `Tip!`
If you're on Docker use the `php-fpm` tag to speed up load times, like so: `organizrtools/organizr-v2:php-fpm`
***
### NOTE
**Firefox:** `From version 70: this feature is behind the layout.css.backdrop-filter.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.`
## Full
1. Set the Organizr theme to either Aquamarine, Hotline or Space Gray
2. Import the `glass-base.css` and root variables in the Custom Theme CSS box like below.
Replace `--main-bg-color` with a wallpaper you have uploaded to Organizr
```css
@import "https://gilbn.github.io/theme.park/CSS/addons/organizr/glass/glass-base.css";
:root {
--main-bg-color: url(https://gilbn.github.io/theme.park/CSS/addons/organizr/glass/example.jpg) center center/cover no-repeat fixed;
--mobile-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--link-color: #fff;
--custom-buttons-color: radial-gradient(ellipse at center, #3F51B5 0%, #009688 100%) center center/cover no-repeat fixed;
--hompage-item-hover: radial-gradient(ellipse at center, rgba(0, 150, 136, 0.33) 0%, #b53f3f73 100%) center center/cover no-repeat fixed;
--notification-box-line: #000;
--div-background-color-10: rgba(0, 0, 0, 0.15);
--div-background-color-15: rgba(0, 0, 0, 0.25);
--div-background-color-25: rgba(0, 0, 0, 0.35);
--div-background-color-35: rgba(0, 0, 0, 0.45);
}
```
On mobile the background is replaced with `--mobile-bg-color`. Find a background you like here https://cssgradient.io/gradient-backgrounds/ or just set it to a regualar color e.g. `#1f1f1f`
Here are the other theme colors if you want to use that instead:
<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/aquamarine_banner.png" width="600px" />
`--mobile-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;`
<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/hotline_banner.png" width="600px" />
` --mobile-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;`
<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/spacegray_banner.png" width="600px" />
`--mobile-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;`
<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/dark_banner.png" width="600px" />
`--mobile-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;`
<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/plex_banner.png" width="600px" />
`--mobile-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;`
### Replace the variables if you have a dark background.
* Light blur colors for dark backgrounds.
```css
--div-background-color-10: rgba(255, 255, 255, 0.10);
--div-background-color-15: rgba(255, 255, 255, 0.15);
--div-background-color-25: rgba(255, 255, 255, 0.25);
--div-background-color-35: rgba(255, 255, 255, 0.35);
```
* Dark blur colors for bright backgrounds
```css
--div-background-color-10: rgba(0, 0, 0, 0.15);
--div-background-color-15: rgba(0, 0, 0, 0.25);
--div-background-color-25: rgba(0, 0, 0, 0.35);
--div-background-color-35: rgba(0, 0, 0, 0.45);
```
## Login - Lockscreen only
If you just want the login and lockscreen css, just add this in custom CSS:
```css
@import "https://gilbn.github.io/theme.park/CSS/addons/organizr/glass/glass-login.css";
```
You can change the blur background color by adding the variables above. The default is dark.
```css
@import "https://gilbn.github.io/theme.park/CSS/addons/organizr/glass/glass-login.css";
:root {
--div-background-color-10: rgba(255, 255, 255, 0.10);
--div-background-color-15: rgba(255, 255, 255, 0.15);
--div-background-color-25: rgba(255, 255, 255, 0.25);
--div-background-color-35: rgba(255, 255, 255, 0.35);
}
```
# Screenshots
![](https://raw.githubusercontent.com/gilbN/theme.park/master/CSS/addons/organizr/glass/screenshots/login.png)
![](https://raw.githubusercontent.com/gilbN/theme.park/master/CSS/addons/organizr/glass/screenshots/lockscreen.png)
![](https://raw.githubusercontent.com/gilbN/theme.park/master/CSS/addons/organizr/glass/screenshots/homepage.jpg)
![](https://raw.githubusercontent.com/gilbN/theme.park/master/CSS/addons/organizr/glass/screenshots/settings.jpg)

BIN
CSS/addons/organizr/glass/example.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 MiB

710
CSS/addons/organizr/glass/glass-base.css

@ -1,710 +0,0 @@
/* Set the Organizr theme to either Aquamarine or Hotline */
/* Import the glass-base.css and root variables in the Custom Theme CSS box like below */
/*
@import "https://gilbn.github.io/theme.park/CSS/addons/organizr/glass-base.css";
:root {
--main-bg-color: url(https://domain.com/your/hosted/wallpaper.jpg) center center/cover no-repeat fixed;
--mobile-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--link-color: #fff;
--custom-buttons-color: radial-gradient(ellipse at center, #3F51B5 0%, #009688 100%) center center/cover no-repeat fixed;
--hompage-item-hover: radial-gradient(ellipse at center, rgba(0, 150, 136, 0.33) 0%, #b53f3f73 100%) center center/cover no-repeat fixed;
--notification-box-line: #000;
--div-background-color-10: rgba(0, 0, 0, 0.15);
--div-background-color-15: rgba(0, 0, 0, 0.25);
--div-background-color-25: rgba(0, 0, 0, 0.35);
--div-background-color-35: rgba(0, 0, 0, 0.45);
}
*/
/* Replace the variables if you have a dark background */
/* Light colors for dark backgrounds */
/*
--div-background-color-10: rgba(255, 255, 255, 0.1);
--div-background-color-15: rgba(255, 255, 255, 0.15);
--div-background-color-25: rgba(255, 255, 255, 0.25);
--div-background-color-35: rgba(255, 255, 255, 0.35);
*/
/* Dark blur colors for bright backgrounds */
/*
--div-background-color-10: rgba(0, 0, 0, 0.15);
--div-background-color-15: rgba(0, 0, 0, 0.25);
--div-background-color-25: rgba(0, 0, 0, 0.35);
--div-background-color-35: rgba(0, 0, 0, 0.45);
*/
/*Settings */
.feeds li>div i {
color: black !important;
}
.row-in i {
font-size: 24px;
color: black;
}
.profile-social-icons a {
color: #eee;
}
.btn-info.btn-outline {
color: #eee !important;
}
.btn-info.btn-outline:hover {
background: var(--div-background-color-15);
color: #fff;
}
.content-wrap {
background: var(--div-background-color-15) !important;
border-radius: 0 0 15px 15px;
}
.content-wrap section.content-current {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: rgba(0, 0, 0, 0);
border-radius: 0 0 15px 15px;
}
.panel-blue .panel-heading, .panel-info .panel-heading {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: transparent;
}
.panel .table {
background: transparent !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.sttabs nav ul {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-radius: 15px 15px 0 0;
}
.sttabs nav {
background: var(--div-background-color-25);
border-radius: 15px 15px 0 0;
}
#settings-main-system-settings-anchor > .sttabs nav ul li{
border-radius: 15px;
}
.tab-content>.active {
background: transparent;
}
.bg-title {
background: var(--div-background-color-10);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.white-box {
background: transparent;
}
.white-popup-block {
background: var(--div-background-color-10) !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.user-bg {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
#internal-Settings .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover {
padding-top: 10px;
}
/* Nav bar
.navbar-header {
background: transparent !important;
}
*/
@media (min-width: 768px) {
.navbar-static-top {
background: var(--main-bg) !important;
}
}
/* Dropdown */
.dropdown-menu {
background: var(--div-background-color-25);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.open>.dropdown-menu {
display: block;
border-radius: 15px;
}
.navbar-top-links .dropdown-user {
border-radius: 15px;
}
#plexRecent .recent-filter {
background: var(--div-background-color-25) !important;
border-radius: 15px;
}
/* Side bar */
.sidebar {
background: var(--div-background-color-15) !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
box-shadow: none;
}
.sidebar-head {
background: transparent !important;
}
/*Calendar */
.fc-toolbar {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: var(--div-background-color-15) !important;
}
.fc-view {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: var(--div-background-color-15) !important;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.fc-popover {
background: var(--div-background-color-25);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
#homepageOrdercalendar .fc-toolbar {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.fc-row, .fc-unthemed {
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
/* Calendar mobile*/
.fc th.fc-widget-header {
padding-left: 5px;
}
/*Error page */
.error-body {
padding-top: 15%;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
height: -webkit-fill-available;
margin-top: -10%;
}
/* notify - popup */
.iziToast.update-notify.iziToast-layout2, .iziToast.success-notify.iziToast-layout2 {
border: none;
background: var(--div-background-color-25) !important;
border-bottom: transparent;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.iziToast.warning-notify.iziToast-layout2 {
background: var(--div-background-color-25);
border: 1px solid transparent;
border-bottom: transparent;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.iziToast:after {
background: transparent !important;
}
.mfp-container {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
opacity: 1 !important;
background: var(--main-bg-color) !important;
}
.mfp-wrap {
background: var(--main-bg-color);
}
.main-email-panel .panel-body {
background: var(--div-background-color-25) !important;
border-bottom-right-radius: 15px !important;
border-bottom-left-radius: 15px !important;
}
.white-popup-block {
background: var(--div-background-color-25) !important;
}
.white-popup .panel-footer {
background: var(--div-background-color-25);
border-top: 1px solid #fff;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.panel>.table-responsive:last-child>.table:last-child, .panel>.table:last-child {
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
/* Homepage downloader */
#homepageOrderdownloader {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: var(--div-background-color-15);
padding: 10px;
border-radius: 15px;
}
#homepageOrderdownloader .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover {
padding-top: 14px;
}
#homepageOrderdownloader .nav-tabs>li>a {
padding-top: 14px;
}
/* Homepage card */
.nowPlayingItem > .white-box > .el-card-item {
background: var(--div-background-color-15) !important;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-radius: 15px;
}
.active-tab-Homepage .white-popup .panel-body, .white-popup>.col-md-6>.white-box:nth-child(2) {
background: var(--div-background-color-25) !important;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
#plexStreams .el-element-overlay .el-card-item .el-overlay-1 img, #plexStreams .el-element-overlay:hover .el-card-item:hover .el-overlay-1:hover img:hover {
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.el-element-overlay .el-card-item .el-overlay-1 {
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.el-element-overlay .el-card-item .el-overlay {
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.white-popup .panel-heading, .white-popup>.col-md-6>.white-box:first-child {
background: var(--div-background-color-25) !important;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.label-info {
background: var(--div-background-color-25);
}
#plexRecent, #homepageOrderplexplaylist, #homepageOrdercalendar, #homepageOrderembyrecent, #ombi-requests, #homepageOrderdeluge, #homepageOrdernzbget, #homepageOrdertransmission, #homepageOrderrTorrent, #homepageOrderjdownloader, #homepageOrdersabnzbd,#homepageOrderqBittorrent {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: var(--div-background-color-15);
margin: 5px;
border-radius: 15px;
}
.bg-info {
background-color: transparent !important;
}
/* Health checks */
.card-body {
background: var(--div-background-color-25) !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.bg-inverse .healthPosition {
background: var(--div-background-color-25) !important;
-webkit-backdrop-filter: saturate(180%) blur(30px);
backdrop-filter: saturate(180%) blur(30px);
}
/* Unifi cards */
.unifiCards .panel-wrapper.collapse.in {
background: var(--div-background-color-15);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.unifiCards .panel-heading {
background: var(--div-background-color-35) !important;
color: #fff !important;
border-color: transparent !important;
text-align: inherit !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom: 0px;
}
.unifiCards .panel-warning .panel-heading, .unifiCards .panel-success .panel-heading {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
#allUnifi .unifiCards .panel .panel-warning {
border-radius: 15px !important;
}
.unifiCards .ti-close:before {
content: "\f111";
font-family: FontAwesome;
font-size: 20px;
color: rgba(255, 69, 58, 1);
}
.unifiCards .ti-minus:before {
content: "\f111";
font-family: FontAwesome;
font-size: 20px;
color: rgba(255, 204, 0, 1);
}
.unifiCards .ti-plus:before {
content: "\f111";
font-family: FontAwesome;
font-size: 20px;
color: rgba(40, 205, 65, 1);
}
/* Custom HTML */
#homepageOrdercustomhtmlTwo, #homepageOrdercustomhtml {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: var(--div-background-color-15);
border-radius: 15px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 5px;
}
/* Invite */
#invite-area .bg-org {
background: var(--div-background-color-15) !important;
border-radius: 15px;
}
#new-invite-area .white-popup .panel-body,#new-invite-area .white-popup>.col-md-6>.white-box:nth-child(2) {
background: var(--div-background-color-15) !important;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.white-popup .panel-body, .white-popup>.col-md-6>.white-box:nth-child(2) {
background: var(--div-background-color-15) !important;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
/* Email users */
.email-div .panel-body {
border-radius: 0px !important;
}
/* Speedtest popup */
#speedtest-area .white-popup .panel-footer {
background: var(--div-background-color-25) !important;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
#speedtest-area .white-popup .panel-body,#speedtest-area .white-popup>.col-md-6>.white-box:nth-child(2) {
border-bottom-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}
/* Modal */
.modal-content, .modal-header, .modal-footer, .modal-body {
background: var(--div-background-color-10) !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-color: transparent;
}
.modal-body {
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.modal-header {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.modal-open .modal {
background: var(--main-bg-color);
}
.modal-content {
border-radius: 15px;
box-shadow: none;
}
/* loginpage sidemenu */
@media (max-width: 480px) {
#wrapper .login-register > .login-box > .white-box {
background: transparent !important;
margin-top: auto !important;
width: 100% !important;
-webkit-backdrop-filter: blur(0px) !important;
backdrop-filter: blur(0px) !important;
}
}
@media (max-width: 480px) {
.login-box.login-sidebar {
background: var(--div-background-color-15) !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
}
/* logo */
.white-box .visible-xs {
display: block!important;
}
.loginLogo {
border: 0;
margin-top: -60%;
transform: translateY(-10%);
}
@media (max-width: 480px) {
.loginLogo {
margin-top: -10% !important;
}
}
.blockUI {
opacity: 1 !important;
background-color: transparent !important;
}
.blockMsg {
background: rgba(0, 0, 0, 0.9) !important;
border: none !important;
}
.login-register > .login-box > .white-box {
background: var(--div-background-color-25) !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-radius: 15px;
-webkit-box-shadow: none;
box-shadow: none;
}
.login-register {
height: 100%;
position: fixed;
}
.slideInRight {
-webkit-animation-name: none;
animation-name: none;
}
.login-register .login-box .white-box .bg-org {
background-color: transparent !important;
}
/*2FA login button*/
.panel-wrapper .panel-body > .btn-warning, .btn-warning.disabled {
background: var(--div-background-color-15) !important;
border: 1px solid #ffc36d00 !important;
}
/*2FA animation header*/
.panel-warning .panel-heading, .panel-yellow .panel-heading {
color: #fff;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.3);
border-color: #00000000;
}
/*oAuth Successful*/
.panel-green .panel-heading, .panel-success .panel-heading {
color: #53e69d;
text-align: center;
text-transform: uppercase;
border-radius: 3px;
background-color: transparent;
border-color: transparent;
}
/*Login sidebar*/
.login-box.login-sidebar,
#login-panels .panel-body,
#login-panels .panel {
background: transparent;
}
#login-panels .form-control , #login-panels .btn {
background: rgba(255, 255, 255, 0.35);
color: white;
border-radius: 25px;
border: none;
}
/* #login-panels {
height: 44px;
}*/
#login-panles .btn-info.disabled.focus .btn-info.disabled:focus .btn-info.disabled:hover .btn-info.focus .btn-info:focus .btn-info:hover .btn:hover {
background: rgba(255,255, 255, 0.65);
border:none;
}
/*Center login Box*/
.login-sidebar {
position: relative;
right: initial;
}
#lockScreen .white-box {
width: 400px;
height: 345px;
}
.login-sidebar .white-box {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
#lockScreen .white-box {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: var(--div-background-color-25);
-webkit-box-shadow: none;
box-shadow: none;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-radius: 15px;
}
.form-control::placeholder {
color: white;
}
#login-username-Input, #login-password-Input {
text-align: center;
}
.panel .panel-heading .panel-title, label, span, .fa-lock:before {
color: #ffffff;
}
/* Lock screen */
#lockScreen .form-material .form-control, .form-material .form-control:focus {
background: rgba(255, 255, 255, 0.35);
border-radius: 25px;
padding: inherit;
text-align: center;
}
#lockScreen .btn-info {
background: rgba(255, 255, 255, 0.35);
border-radius: 25px;
}
/* Extra */
.cbutton {
background-color: var(--div-background-color-25) !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-radius: 15px !important;
border: none !important;
padding: 4px !important;
}
.cbutton:hover {
background: var(--div-background-color-25) !important;
-webkit-backdrop-filter: saturate(180%) blur(30px) !important;
backdrop-filter: saturate(180%) blur(30px)!important;
opacity: 1 !important;
}
/* Debug modal */
.mdi-package-variant-closed:before {
content: "\F3D7";
color: black;
}
.mdi-receipt:before {
content: "\F449";
color: black;
}
.debugModal .modal-body{
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.debugModal .modal-footer {
background: var(--div-background-color-10) !important;
border-bottom-left-radius: 15px !important;
border-bottom-right-radius: 15px !important;
}
#debugPreInfo .slimScrollDiv, #debugResults .slimScrollDiv {
background: var(--div-background-color-15);
}
/* Swal popup */
.swal-overlay--show-modal .swal-modal {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: var(--div-background-color-25);
border-radius: 15px;
}
.swal-title {
color: white;
}
.swal-overlay--show-modal {
background: var(--main-bg-color);
}
/* Mobile*/
@media (max-width: 480px) {
#page-wrapper {
background: var(--mobile-bg-color) !important;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
#side-menu {
-webkit-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(10px) !important;
}
.navbar-header {
background: var(--div-background-color-25) !important;
-webkit-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(10px) !important;
}
.navbar-default {
background: var(--mobile-bg-color);
border-color: #e7e7e7;
}
#internal-Settings {
-webkit-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(10px) !important;
background: var(--mobile-bg-color) !important;
}
.mfp-zoom-out.mfp-ready.mfp-bg {
opacity: 1 !important;
background: var(--mobile-bg-color) !important;
}
.mfp-wrap {
background: var(--mobile-bg-color)!important;
}
.modal-open .modal {
background: var(--mobile-bg-color)!important;
}
#page-wrapper {
background: var(--mobile-bg-color) !important;
}
#internal-Settings, #preloader, .preloader, .active-tab-Settings, .error-page {
background: var(--mobile-bg-color) !important;
}
html {
background: var(--mobile-bg-color) !important;
}
}

192
CSS/addons/organizr/glass/glass-login.css

@ -1,192 +0,0 @@
:root {
--div-background-color-10: rgba(0, 0, 0, 0.15);
--div-background-color-15: rgba(0, 0, 0, 0.25);
--div-background-color-25: rgba(0, 0, 0, 0.35);
--div-background-color-35: rgba(0, 0, 0, 0.45);
}
/* Replace the variables if you have a dark background */
/* Light colors for dark backgrounds */
/*
--div-background-color-10: rgba(255, 255, 255, 0.1);
--div-background-color-15: rgba(255, 255, 255, 0.15);
--div-background-color-25: rgba(255, 255, 255, 0.25);
--div-background-color-35: rgba(255, 255, 255, 0.35);
*/
/* Dark blur colors for bright backgrounds */
/*
--div-background-color-10: rgba(0, 0, 0, 0.15);
--div-background-color-15: rgba(0, 0, 0, 0.25);
--div-background-color-25: rgba(0, 0, 0, 0.35);
--div-background-color-35: rgba(0, 0, 0, 0.45);
*/
/* loginpage sidemenu */
@media (max-width: 480px) {
#wrapper .login-register > .login-box > .white-box {
background: transparent !important;
margin-top: auto !important;
width: 100% !important;
-webkit-backdrop-filter: blur(0px) !important;
backdrop-filter: blur(0px) !important;
}
}
@media (max-width: 480px) {
.login-box.login-sidebar {
background: var(--div-background-color-15) !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
}
/* logo */
.white-box .visible-xs {
display: block!important;
}
.loginLogo {
border: 0;
margin-top: -60%;
transform: translateY(-10%);
}
@media (max-width: 480px) {
.loginLogo {
margin-top: -10% !important;
}
}
.blockUI {
opacity: 1 !important;
background-color: transparent !important;
}
.blockMsg {
background: rgba(0, 0, 0, 0.9) !important;
border: none !important;
}
.login-register > .login-box > .white-box {
background: var(--div-background-color-25) !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-radius: 15px;
-webkit-box-shadow: none;
box-shadow: none;
}
.login-register {
height: 100%;
position: fixed;
}
.slideInRight {
-webkit-animation-name: none;
animation-name: none;
}
.login-register .login-box .white-box .bg-org {
background-color: transparent !important;
}
/*2FA login button*/
.panel-wrapper .panel-body > .btn-warning, .btn-warning.disabled {
background: var(--div-background-color-15) !important;
border: 1px solid #ffc36d00 !important;
}
/*2FA animation header*/
.panel-warning .panel-heading, .panel-yellow .panel-heading {
color: #fff;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.3);
border-color: #00000000;
}
/*oAuth Successful*/
.panel-green .panel-heading, .panel-success .panel-heading {
color: #53e69d;
text-align: center;
text-transform: uppercase;
border-radius: 3px;
background-color: transparent;
border-color: transparent;
}
/*Login sidebar*/
.login-box.login-sidebar,
#login-panels .panel-body,
#login-panels .panel {
background: transparent;
}
#login-panels .form-control , #login-panels .btn {
background: rgba(255, 255, 255, 0.35);
color: white;
border-radius: 25px;
border: none;
}
/* #login-panels {
height: 44px;
}*/
#login-panles .btn-info.disabled.focus .btn-info.disabled:focus .btn-info.disabled:hover .btn-info.focus .btn-info:focus .btn-info:hover .btn:hover {
background: rgba(255,255, 255, 0.65);
border:none;
}
/*Center login Box*/
.login-sidebar {
position: relative;
right: initial;
}
#lockScreen .white-box {
width: 400px;
height: 345px;
}
.login-sidebar .white-box {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
#lockScreen .white-box {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: var(--div-background-color-25);
-webkit-box-shadow: none;
box-shadow: none;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-radius: 15px;
}
.form-control::placeholder {
color: white;
}
#login-username-Input, #login-password-Input {
text-align: center;
}
.panel .panel-heading .panel-title, label, span, .fa-lock:before {
color: #ffffff;
}
/* Lock screen */
#lockScreen .form-material .form-control, .form-material .form-control:focus {
background: rgba(255, 255, 255, 0.35);
border-radius: 25px;
padding: inherit;
text-align: center;
}
#lockScreen .btn-info {
background: rgba(255, 255, 255, 0.35);
border-radius: 25px;
border: 1px solid transparent;
}
#lockScreen .btn-info:hover {
border: 1px solid transparent;
}

BIN
CSS/addons/organizr/glass/screenshots/homepage.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 380 KiB

BIN
CSS/addons/organizr/glass/screenshots/lockscreen.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 MiB

BIN
CSS/addons/organizr/glass/screenshots/login.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 MiB

BIN
CSS/addons/organizr/glass/screenshots/settings.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 458 KiB

54
CSS/addons/radarr/README.md

@ -1,54 +0,0 @@
# Radarr 4K logo
Add a 4K logo to your Radarr css.
### Desktop
![](desktop.png)
![](v3-desktop.png)
### Mobile
![](mobile.png)
![](v3-mobile.png)
## Setup
#### Nginx
Examples of how to add it:
```nginx
proxy_set_header Accept-Encoding "";
sub_filter
'</head>'
'<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/radarr/THEME.css">
<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-4k-logo.css">
</head>';
sub_filter_once on;
```
#### Apache
```nginx
AddOutputFilterByType SUBSTITUTE text/html
Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/radarr/THEME.css"><link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-4k-logo.css">
</head>';|'
```
#### Caddy
```nginx
filter rule {
content_type text/html.*
search_pattern </head>
replacement "<link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/themes/<APP_NAME>/<THEME>.css'><link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-4k-logo.css'></head>"
}
```
#### Stylus
Just add another import line.
```css
@import "https://gilbn.github.io/theme.park/CSS/themes/radarr/THEME.css";
@import "https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-4k-logo.css";
```

BIN
CSS/addons/radarr/desktop.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 41 KiB

BIN
CSS/addons/radarr/mobile.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 790 KiB

73
CSS/addons/radarr/radarr-4k-logo.css

@ -1,73 +0,0 @@
/* Desktop */
@media (min-width: 752px) {
.navbar-brand>img {
display:none !important;
}
.navbar > .container-fluid .navbar-brand:before {
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr4k.png");
display: inline-block;
width: 128px;
height: 128px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}
/* Mobile */
@media (max-width: 767px) {
.navbar-brand .visible-xs img {
display: none !important;
}
.navbar-brand .visible-xs {
display: inline !important;
}
.navbar > .container-fluid .navbar-brand:before {
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr4k.png");
display: inline-block;
width: 32px;
height: 32px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin-bottom: -12px;
}
}
/* Radarr V3*/
@media (min-width: 752px) {
.PageHeader-logoFull-2z6pD {
display: none !important;
}
.PageHeader-logoContainer-3bOb3:before {
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr4k-v3.png");
display: inline-block;
width: 148px;
height: 48px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}
@media (max-width: 767px) {
.PageHeader-logo-2y8vm {
display: none !important;
}
.PageHeader-logoContainer-3bOb3:before {
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-v3-mobile.png");
display: inline-block;
width: 32px;
height: 32px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}

BIN
CSS/addons/radarr/radarr-v3-mobile.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 167 KiB

BIN
CSS/addons/radarr/radarr4k-v3.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 55 KiB

BIN
CSS/addons/radarr/radarr4k.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

BIN
CSS/addons/radarr/v3-desktop.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 40 KiB

BIN
CSS/addons/radarr/v3-mobile.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 122 KiB

54
CSS/addons/sonarr/README.md

@ -1,54 +0,0 @@
# Sonarr 4K logo
Add a 4K logo to your Sonarr css.
### Desktop
![](desktop.png)
![](v3-desktop.png)
### Mobile
![](mobile.png)
![](v3-mobile.png)
## Setup
#### Nginx
Examples of how to add it:
```nginx
proxy_set_header Accept-Encoding "";
sub_filter
'</head>'
'<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/sonarr/THEME.css">
<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css">
</head>';
sub_filter_once on;
```
#### Apache
```nginx
AddOutputFilterByType SUBSTITUTE text/html
Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/sonarr/THEME.css"><link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css">
</head>';|'
```
#### Caddy
```nginx
filter rule {
content_type text/html.*
search_pattern </head>
replacement "<link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/themes/<APP_NAME>/<THEME>.css'><link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css'></head>"
}
```
#### Stylus
Just add another import line.
```css
@import "https://gilbn.github.io/theme.park/CSS/themes/sonarr/THEME.css";
@import "https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css";
```

BIN
CSS/addons/sonarr/desktop.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

BIN
CSS/addons/sonarr/mobile.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

95
CSS/addons/sonarr/sonarr-4k-logo.css

@ -1,95 +0,0 @@
/* Desktop */
@media (min-width: 752px) {
.navbar-brand>img {
display:none !important;
}
.navbar > .container-fluid .navbar-brand:before {
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png");
display: inline-block;
width: 128px;
height: 128px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}
/* Mobile */
@media (max-width: 1200px) {
.navbar-brand .visible-xs img, .logo-text {
display: none !important;
}
.navbar-brand .visible-xs {
display: inline !important;
}
.navbar > .container-fluid .navbar-brand:before {
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png");
display: inline-block;
width: 64px;
height: 64px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin-bottom: -12px;
}
}
@media (max-width: 767px) {
.navbar-brand .visible-xs img {
display: none !important;
}
.navbar-brand .visible-xs {
display: inline !important;
}
.navbar > .container-fluid .navbar-brand:before {
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png");
display: inline-block;
width: 32px;
height: 32px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin-bottom: -12px;
}
}
/* Sonarr V3*/
@media (min-width: 752px) {
.PageHeader\/logo\/2y8vm {
display: none !important;
}
.PageHeader\/logoContainer\/3bOb3:before {
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png");
display: inline-block;
width: 32px;
height: 32px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}
@media (max-width: 767px) {
.PageHeader\/logo\/2y8vm {
display: none !important;
}
.PageHeader\/logoContainer\/3bOb3:before {
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png");
display: inline-block;
width: 32px;
height: 32px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}

BIN
CSS/addons/sonarr/sonarr-4k.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 45 KiB

BIN
CSS/addons/sonarr/v3-desktop.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

BIN
CSS/addons/sonarr/v3-mobile.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

245
CSS/addons/unraid/login-page/alien/alien_base.css

@ -1,245 +0,0 @@
@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css";
@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap";
@import "https://fonts.googleapis.com/css?family=VT323";
/* Replace the variables if you have a dark background */
/* Light colors for dark backgrounds */
/*
--div-background-color-10: rgba(255, 255, 255, 0.1);
--div-background-color-15: rgba(255, 255, 255, 0.15);
--div-background-color-25: rgba(255, 255, 255, 0.25);
--div-background-color-35: rgba(255, 255, 255, 0.35);
https://www.transparenttextures.com/patterns/hexellence.png
https://www.transparenttextures.com/patterns/gplay.png
https://www.transparenttextures.com/patterns/simple-horizontal-light.png
https://www.colourlovers.com/palette/3428762/Fallout?widths=1
https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES
https://brennan.io/2017/06/14/alien-computer-card/
https://www.cssmatic.com/noise-texture
https://codepen.io/somethingformed/pen/raWJXV
radial-gradient(ellipse at center,#0f7 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,
*/
* {
outline: none;
}
@media only screen and (max-width: 500px) {
#login {
-webkit-backdrop-filter: blur(0px);
backdrop-filter: blur(0px);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
border-radius: none !important;
}
.background-wrap,#video-bg-elem {display: none;}
#login {
-webkit-box-shadow: inset 0px 0px 0px 2px #F000 !important;
box-shadow: inset 0px 0px 0px 2px #F000 !important;
}
}
html {
background: var(--main-bg) !important;
}
body {
background: var(--main-bg) !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
overflow: hidden;
}
@media only screen and (max-width: 768px) {
#login {
min-width: 300px;
}
}
/*FOR VIDEO BACKGROUND*/
.background-wrap {
position: fixed;
z-index: -1000;
width: 100%;
height: 100%;
overflow: hidden;
top: 0;
left: 0;
}
#video-bg-elem {
position: absolute;
top: 0;
left: 0;
min-height: 100%;
min-width: 100%;
}
/*TEXT COLOR*/
#login h1,
#login h2,
#login .error {
color: var(--text-color) !important;
text-shadow: var(--text-shadow) var(--text-color);
font-size: 20px;
}
#login a {
color: var(--link-color);
text-shadow: var(--text-shadow) var(--text-color);
}
#login a:hover {
color: var(--link-color-hover);
text-shadow: var(--text-shadow) var(--text-color);
}
#login input {
color: var(--input-color);
text-shadow: 0 0 5px var(--text-color);
}
#login ::placeholder {
color: var(--input-color);
text-shadow: 0 0 5px var(--text-color);
}
#login ::-webkit-input-placeholder {
color: var(--input-color);
text-shadow: 0 0 5px var(--text-color);
}
#login ::-moz-placeholder {
color: var(--input-color);
text-shadow: 0 0 5px var(--text-color);
}
#login :-ms-input-placeholder {
color: var(--input-color);
text-shadow: 0 0 5px var(--text-color);
}
#login :-moz-placeholder {
color: var(--input-color);
text-shadow: 0 0 5px var(--text-color);
}
#login input:focus::-webkit-input-placeholder {
color: transparent !important;
text-shadow: 0 0 0px transparent;
}
#login input:focus:-moz-placeholder {
color: transparent !important;
text-shadow: 0 0 0px transparent;
}
#login input:focus::-moz-placeholder {
color: transparent !important;
text-shadow: 0 0 0px transparent;
}
#login input:focus:-ms-input-placeholder {
color: transparent !important;
text-shadow: 0 0 0px transparent;
}
/*TEXT FONT*/
#login h1,
#login h2,
#login a,
#login .button,
#login .error {
font-family: var(--text-font);
-webkit-font-smoothing: none;
line-height: 1.2;
}
/* CASE COLOR */
#login [class^='case-'],
#login [class*=' case-'] {
font-family: cases!important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: var(--case-color);
text-shadow: var(--text-shadow) var(--text-color);
}
/*INPUT FORMS*/
#login [type=text],
#login [type=password] {
font-family: var(--input-font);
background-color: rgba(0, 0, 0, 0.25);
border: 2px solid transparent;
text-transform: uppercase;
border-radius: 5px;
}
#login [type=text]:active,
#login [type=text]:focus,
#login [type=password]:active,
#login [type=password]:focus {
font-family: var(--input-font);
background-color: rgba(0, 0, 0, 0.25);
border: 2px solid transparent;
text-transform: uppercase;
}
/*BUTTON*/
#login .button {
color: var(--button-text-color);
text-shadow: var(--text-shadow) var(--text-color);
background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color2) 0, var(--button-color2)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color2)), to(var(--button-color2))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat;
background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
}
#login .button:hover {
color: var(--button-text-color-hover);
text-shadow: var(--text-shadow) var(--button-color-hover);
box-shadow: var(--box-shadow) var(--button-color-hover);
background-color: var(--button-color-hover);
background: -webkit-gradient(linear, left top, right top, from(var(--button-color2-hover)), to(var(--button-color-hover)));
background: linear-gradient(90deg, var(--button-color2-hover) 0, var(--button-color-hover));
}
#login {
background: var(--div-background-color-15) !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
padding-top: 1rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) !;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
margin: 0 !important;
text-transform: uppercase;
min-width: 300px;
}
#login .angle:after {
display: none;
}
#login .wordmark {
display: none;
}
#login .logo {
background: var(--logo);
background-size: contain;
padding: 2rem;
border-radius: 0;
margin: 0rem 1rem 0rem 1rem;
}
#login .error {
animation-name: shake;
animation-duration: .8s;
}
/*LOGIN BOX SHADOW*/
.shadow {
-webkit-box-shadow: inset 0px 0px 0px 2px var(--text-color) !important;
box-shadow: inset 0px 0px 0px 2px var(--text-color) !important;
}

22
CSS/addons/unraid/login-page/alien/custom.css

@ -1,22 +0,0 @@
@import url("https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/alien_base.css");
:root {
--main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,
url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/nostromogreen2.png) center no-repeat;
--text-color: #37f592;
--input-color: #37f592;
--link-color: #37f592;
--link-color-hover: #68ffff;
--case-color: #37f592;
--button-text-color: #37f592;
--button-text-color-hover: #000;
--button-color: #37f592;
--button-color2: #0C833D;
--button-color-hover: #68ffff;
--button-color2-hover: #68ffff;
--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/
--div-background-color-15: rgba(0, 255, 111, 0.03);
--text-shadow: 0 0 8px;
--box-shadow: 0 0 15px;
}

22
CSS/addons/unraid/login-page/alien/hallway.css

@ -1,22 +0,0 @@
@import url("https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/alien_base.css");
:root {
--main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,
url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/wallpaper/hallway.jpg) center center/cover no-repeat fixed;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
--text-color: #37f592;
--input-color: #37f592;
--link-color: #37f592;
--link-color-hover: #68ffff;
--case-color: #37f592;
--button-text-color: #37f592;
--button-text-color-hover: #000;
--button-color: #37f592;
--button-color2: #0C833D;
--button-color-hover: #68ffff;
--button-color2-hover: #68ffff;
--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/
--div-background-color-15: rgba(0, 255, 111, 0.03);
--text-shadow: 0 0 8px;
--box-shadow: 0 0 15px;
}

22
CSS/addons/unraid/login-page/alien/hallway2.css

@ -1,22 +0,0 @@
@import url("https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/alien_base.css");
:root {
--main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,
url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
--text-color: #37f592;
--input-color: #37f592;
--link-color: #37f592;
--link-color-hover: #68ffff;
--case-color: #37f592;
--button-text-color: #37f592;
--button-text-color-hover: #000;
--button-color: #37f592;
--button-color2: #0C833D;
--button-color-hover: #68ffff;
--button-color2-hover: #68ffff;
--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/
--div-background-color-15: rgba(0, 255, 111, 0.03);
--text-shadow: 0 0 8px;
--box-shadow: 0 0 15px;
}

22
CSS/addons/unraid/login-page/alien/hallway3.css

@ -1,22 +0,0 @@
@import url("https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/alien_base.css");
:root {
--main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,
url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/wallpaper/hallway3.jpg) center center/cover no-repeat fixed;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
--text-color: #37f592;
--input-color: #37f592;
--link-color: #37f592;
--link-color-hover: #68ffff;
--case-color: #37f592;
--button-text-color: #37f592;
--button-text-color-hover: #000;
--button-color: #37f592;
--button-color2: #0C833D;
--button-color-hover: #68ffff;
--button-color2-hover: #68ffff;
--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/
--div-background-color-15: rgba(0, 255, 111, 0.03);
--text-shadow: 0 0 8px;
--box-shadow: 0 0 15px;
}

22
CSS/addons/unraid/login-page/alien/hallway4.css

@ -1,22 +0,0 @@
@import url("https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/alien_base.css");
:root {
--main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,
url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/wallpaper/hallway4.jpg) center center/cover no-repeat fixed;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
--text-color: #37f592;
--input-color: #37f592;
--link-color: #37f592;
--link-color-hover: #68ffff;
--case-color: #37f592;
--button-text-color: #37f592;
--button-text-color-hover: #000;
--button-color: #37f592;
--button-color2: #0C833D;
--button-color-hover: #68ffff;
--button-color2-hover: #68ffff;
--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/
--div-background-color-15: rgba(0, 255, 111, 0.03);
--text-shadow: 0 0 8px;
--box-shadow: 0 0 15px;
}

22
CSS/addons/unraid/login-page/alien/isolation.css

@ -1,22 +0,0 @@
@import url("https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/alien_base.css");
:root {
--main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,
url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/wallpaper/isolation.png) center center/cover no-repeat fixed;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
--text-color: #37f592;
--input-color: #37f592;
--link-color: #37f592;
--link-color-hover: #68ffff;
--case-color: #37f592;
--button-text-color: #37f592;
--button-text-color-hover: #000;
--button-color: #37f592;
--button-color2: #0C833D;
--button-color-hover: #68ffff;
--button-color2-hover: #68ffff;
--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/
--div-background-color-15: rgba(0, 255, 111, 0.03);
--text-shadow: 0 0 8px;
--box-shadow: 0 0 15px;
}

21
CSS/addons/unraid/login-page/alien/isolation_video.css

@ -1,21 +0,0 @@
@import url("https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/alien_base.css");
:root {
--main-bg: transparent;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
--text-color: #37f592;
--input-color: #37f592;
--link-color: #37f592;
--link-color-hover: #68ffff;
--case-color: #37f592;
--button-text-color: #37f592;
--button-text-color-hover: #000;
--button-color: #37f592;
--button-color2: #0C833D;
--button-color-hover: #68ffff;
--button-color2-hover: #68ffff;
--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/
--div-background-color-15: rgba(0, 255, 111, 0.03);
--text-shadow: 0 0 8px;
--box-shadow: 0 0 15px;
}

6
CSS/addons/unraid/login-page/alien/js/isolation.js

@ -1,6 +0,0 @@
// 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>
`
document.body.innerHTML += video

BIN
CSS/addons/unraid/login-page/alien/logo/uscss_3nostromo.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 102 KiB

BIN
CSS/addons/unraid/login-page/alien/logo/uscss_nostromo.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 127 KiB

BIN
CSS/addons/unraid/login-page/alien/logo/uscss_nostromo2.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 32 KiB

BIN
CSS/addons/unraid/login-page/alien/logo/weyland-yutani-logo-by-synthetic-dreamer1.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

BIN
CSS/addons/unraid/login-page/alien/logo/wings.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 41 KiB

BIN
CSS/addons/unraid/login-page/alien/logo/wings_blue.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 366 KiB

BIN
CSS/addons/unraid/login-page/alien/logo/wings_green.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 682 KiB

BIN
CSS/addons/unraid/login-page/alien/logo/wings_green2.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 364 KiB

BIN
CSS/addons/unraid/login-page/alien/logo/wings_red.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 607 KiB

BIN
CSS/addons/unraid/login-page/alien/logo/wings_shadow.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 243 KiB

BIN
CSS/addons/unraid/login-page/alien/logo/wings_yellow.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 356 KiB

22
CSS/addons/unraid/login-page/alien/nightmare.css

@ -1,22 +0,0 @@
@import url("https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/alien_base.css");
:root {
--main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,
url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/wallpaper/nightmare.png) center center/cover no-repeat fixed;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_red.png) center no-repeat;
--text-color: #e22828;
--input-color: #e22828;
--link-color: #e22828;
--link-color-hover: #f07777;
--case-color: #e22828;
--button-text-color: #e22828;
--button-text-color-hover: #000;
--button-color: #e22828;
--button-color2: #e22828;
--button-color-hover: #db3232;
--button-color2-hover: #db3232;
--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/
--div-background-color-15: rgba(0, 0, 0, 0.55);
--text-shadow: 0 0 8px;
--box-shadow: 0 0 15px;
}

22
CSS/addons/unraid/login-page/alien/scanner.css

@ -1,22 +0,0 @@
@import url("https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/alien_base.css");
:root {
--main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,
url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/wallpaper/scanner.jpg) center center/cover no-repeat fixed;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/nostromogreen2.png) center no-repeat;
--text-color: #37f592;
--input-color: #37f592;
--link-color: #37f592;
--link-color-hover: #68ffff;
--case-color: #37f592;
--button-text-color: #37f592;
--button-text-color-hover: #000;
--button-color: #37f592;
--button-color2: #0C833D;
--button-color-hover: #68ffff;
--button-color2-hover: #68ffff;
--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/
--div-background-color-15: rgba(0, 255, 111, 0.03);
--text-shadow: 0 0 8px;
--box-shadow: 0 0 15px;
}

BIN
CSS/addons/unraid/login-page/alien/screenshots/alien-mobile.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 940 KiB

BIN
CSS/addons/unraid/login-page/alien/screenshots/hallway.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.3 MiB

BIN
CSS/addons/unraid/login-page/alien/screenshots/hallway2.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 MiB

BIN
CSS/addons/unraid/login-page/alien/screenshots/hallway3.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 MiB

BIN
CSS/addons/unraid/login-page/alien/screenshots/hallway4.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.0 MiB

BIN
CSS/addons/unraid/login-page/alien/screenshots/isolation.mp4

Binary file not shown.

BIN
CSS/addons/unraid/login-page/alien/screenshots/isolation.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 MiB

BIN
CSS/addons/unraid/login-page/alien/screenshots/nightmare.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 809 KiB

BIN
CSS/addons/unraid/login-page/alien/screenshots/scanner.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 MiB

BIN
CSS/addons/unraid/login-page/alien/video/isolation.mp4

Binary file not shown.

BIN
CSS/addons/unraid/login-page/alien/wallpaper/hallway.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 272 KiB

BIN
CSS/addons/unraid/login-page/alien/wallpaper/hallway2.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 192 KiB

BIN
CSS/addons/unraid/login-page/alien/wallpaper/hallway3.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 326 KiB

BIN
CSS/addons/unraid/login-page/alien/wallpaper/hallway4.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.8 MiB

BIN
CSS/addons/unraid/login-page/alien/wallpaper/isolation.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 MiB

BIN
CSS/addons/unraid/login-page/alien/wallpaper/nightmare.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.0 MiB

BIN
CSS/addons/unraid/login-page/alien/wallpaper/noise.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 39 KiB

BIN
CSS/addons/unraid/login-page/alien/wallpaper/ripley.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 219 KiB

BIN
CSS/addons/unraid/login-page/alien/wallpaper/scanner.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 137 KiB

BIN
CSS/addons/unraid/login-page/alien/wallpaper/xeno.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 80 KiB

59
CSS/addons/unraid/login-page/custom_login.sh

@ -1,59 +0,0 @@
#!/bin/bash
TYPE="retro-terminal"
THEME="green.css"
DOMAIN="gilbn.github.io"
ADD_JS="true"
JS="custom_text_header.js"
DISABLE_THEME="false"
echo -e "Variables set:\\n\
THEME = ${THEME}\\n\
DOMAIN = ${DOMAIN}\\n\
ADD_JS = ${ADD_JS}\\n\
JS = ${JS}\\n\
DISABLE_THEME = ${DISABLE_THEME}\\n"
# Restore login.php
if [ ${DISABLE_THEME} = "true" ]; then
echo "Restoring backup of login.php"
cp -p /usr/local/emhttp/login.php.backup /usr/local/emhttp/login.php
exit 0
fi
# Backup login page if needed.
if [ ! -f /usr/local/emhttp/login.php.backup ]; then
echo "Creating backup of login.php"
cp -p /usr/local/emhttp/login.php /usr/local/emhttp/login.php.backup
fi
# Adding stylesheets
if ! grep -q ${DOMAIN} /usr/local/emhttp/login.php; then
echo "Adding stylesheet"
sed -i -e "\@<style>@i\ <link rel='stylesheet' href='https://${DOMAIN}/theme.park/CSS/addons/unraid/login-page/${TYPE}/${THEME}'>" /usr/local/emhttp/login.php
echo 'Stylesheet set to' ${THEME}
fi
# Adding/Removing javascript
if [ ${ADD_JS} = "true" ]; then
if ! grep -q ${JS} /usr/local/emhttp/login.php; then
if grep -q "<script type='text/javascript' src='https://${DOMAIN}/theme.park/CSS/addons/unraid/login-page/" /usr/local/emhttp/login.php; then
echo "Replacing Javascript"
sed -i "/<script type='text\/javascript' src='https:\/\/${DOMAIN}\/theme.park\/CSS\/addons\/unraid\/login-page/c <script type='text/javascript' src='https://${DOMAIN}/theme.park/CSS/addons/unraid/login-page/${TYPE}/js/${JS}'></script>" /usr/local/emhttp/login.php
else
echo "Adding javascript"
sed -i -e "\@</body>@i\ <script type='text/javascript' src='https://${DOMAIN}/theme.park/CSS/addons/unraid/login-page/${TYPE}/js/${JS}'></script>" /usr/local/emhttp/login.php
fi
fi
else
if grep -q ${JS} /usr/local/emhttp/login.php; then
echo "Removing javascript.."
sed -i "/<script type='text\/javascript' src='https:\/\/${DOMAIN}\/theme.park\/CSS\/addons\/unraid\/login-page/d" /usr/local/emhttp/login.php
fi
fi
# Changing stylesheet
if ! grep -q ${TYPE}"/"${THEME} /usr/local/emhttp/login.php; then
echo "Changing existing custom stylesheet.."
sed -i "/<link rel='stylesheet' href='https:\/\/${DOMAIN}\/theme.park\/CSS\/addons\/unraid\/login-page/c <link rel='stylesheet' href='https://${DOMAIN}/theme.park/CSS/addons/unraid/login-page/${TYPE}/${THEME}'>" /usr/local/emhttp/login.php
echo 'Stylesheet set to' ${THEME}
fi

218
CSS/addons/unraid/login-page/fallout/custom.css

@ -1,218 +0,0 @@
@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css";
@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap";
@import "https://fonts.googleapis.com/css?family=VT323";
:root {
--main-bg-color: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png), url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/fallout/wallpaper/6Ua3u8.jpg) center center/cover no-repeat fixed;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/fallout/logo/vault.png) center no-repeat;
--text-color: #14F074;
--input-color: #14F074;
--link-color: #14F074;
--link-color-hover: #0C833D;
--case-color: #14F074;
--button-text-color: #14F074;
--button-text-color-hover: #FFFFFF;
--button-color: #14F074;
--button-color2: #0C833D;
--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace;
--div-background-color-15: rgba(0, 0, 0, 0.25);
/* Replace the variables if you have a dark background */
/* Light colors for dark backgrounds */
/*
--div-background-color-10: rgba(255, 255, 255, 0.1);
--div-background-color-15: rgba(255, 255, 255, 0.15);
--div-background-color-25: rgba(255, 255, 255, 0.25);
--div-background-color-35: rgba(255, 255, 255, 0.35);
https://www.transparenttextures.com/patterns/hexellence.png
https://www.transparenttextures.com/patterns/gplay.png
https://www.transparenttextures.com/patterns/simple-horizontal-light.png
https://www.colourlovers.com/palette/3428762/Fallout?widths=1
*/
}
@media (max-width: 500px) {
#login {
-webkit-backdrop-filter: blur(0px);
backdrop-filter: blur(0px);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
border-radius: none !important;
}
.background-wrap,#video-bg-elem {display: none;}
}
html {
background: var(--main-bg-color) !important;
}
body {
background: var(--main-bg-color) !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
overflow: hidden;
}
@media only screen and (max-width: 768px) {
#login {
min-width: 300px;
}
}
/*FOR VIDEO BACKGROUND*/
.background-wrap {
position: fixed;
z-index: -1000;
width: 100%;
height: 100%;
overflow: hidden;
top: 0;
left: 0;
}
#video-bg-elem {
position: absolute;
top: 0;
left: 0;
min-height: 100%;
min-width: 100%;
}
/*TEXT COLOR*/
#login h1,
#login h2,
#login .error {
color: var(--text-color) !important;
}
#login a {
color: var(--link-color);
}
#login a:hover {
color: var(--link-color-hover);
}
#login input {
color: var(--input-color);
}
#login ::placeholder {
color: var(--input-color);
}
#login ::-webkit-input-placeholder {
color: var(--input-color);
}
#login ::-moz-placeholder {
color: var(--input-color);
}
#login :-ms-input-placeholder {
color: var(--input-color);
}
#login :-moz-placeholder {
color: var(--input-color);
}
#login input:focus::-webkit-input-placeholder {
color: transparent !important;
}
#login input:focus:-moz-placeholder {
color: transparent !important;
}
#login input:focus::-moz-placeholder {
color: transparent !important;
}
#login input:focus:-ms-input-placeholder {
color: transparent !important;
}
/*TEXT FONT*/
#login h1,
#login h2,
#login a,
#login .button,
#login .error {
font-family: var(--text-font);
}
/* CASE COLOR */
#login [class^='case-'],
#login [class*=' case-'] {
font-family: cases!important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: var(--case-color);
}
/*INPUT FORMS*/
#login [type=text],
#login [type=password] {
font-family: var(--input-font);
background-color: rgba(0, 0, 0, 0.25);
border: 2px solid transparent;
text-transform: uppercase;
border-radius: 5px;
}
#login [type=text]:active,
#login [type=text]:focus,
#login [type=password]:active,
#login [type=password]:focus {
font-family: var(--input-font);
background-color: rgba(0, 0, 0, 0.25);
border: 2px solid transparent;
text-transform: uppercase;
}
/*BUTTON*/
#login .button {
color: var(--button-text-color);
background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color2) 0, var(--button-color2)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color2)), to(var(--button-color2))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat;
background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
}
#login .button:hover {
color: var(--button-text-color-hover);
background-color: var(--button-color);
background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color)));
background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color));
}
#login {
background: var(--div-background-color-15) !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
padding-top: 1rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) !;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
margin: 0 !important;
text-transform: uppercase;
min-width: 300px;
}
#login .angle:after {
display: none;
}
#login .wordmark {
display: none;
}
#login .logo {
background: var(--logo);
background-size: contain;
padding: 2rem;
border-radius: 0;
margin: 0rem 1rem 0rem 1rem;
}
#login .error {
animation-name: shake;
animation-duration: .8s;
}

28
CSS/addons/unraid/login-page/fallout/dirty_terminal.css

@ -1,28 +0,0 @@
@import url("https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/fallout/fallout_base.css");
:root {
--main-bg-color: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png),
url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
--text-color: #14F074;
--input-color: #14F074;
--link-color: #14F074;
--link-color-hover: #0C833D;
--case-color: #14F074;
--button-text-color: #14F074;
--button-text-color-hover: #FFFFFF;
--button-color: #14F074;
--button-color2: #0C833D;
--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace;
--div-background-color-15: rgba(0, 0, 0, 0.25);
/* Replace the variables if you have a dark background */
/* Light colors for dark backgrounds */
/*
--div-background-color-15: rgba(255, 255, 255, 0.15);
https://www.transparenttextures.com/patterns/hexellence.png
https://www.transparenttextures.com/patterns/gplay.png
https://www.transparenttextures.com/patterns/simple-horizontal-light.png
https://www.colourlovers.com/palette/3428762/Fallout?widths=1
*/
}

28
CSS/addons/unraid/login-page/fallout/dirty_terminal2.css

@ -1,28 +0,0 @@
@import url("https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/fallout/fallout_base.css");
:root {
--main-bg-color: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png),
url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg) center center/cover no-repeat fixed;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
--text-color: #14F074;
--input-color: #14F074;
--link-color: #14F074;
--link-color-hover: #0C833D;
--case-color: #14F074;
--button-text-color: #14F074;
--button-text-color-hover: #FFFFFF;
--button-color: #14F074;
--button-color2: #0C833D;
--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace;
--div-background-color-15: rgba(0, 0, 0, 0.25);
/* Replace the variables if you have a dark background */
/* Light colors for dark backgrounds */
/*
--div-background-color-15: rgba(255, 255, 255, 0.15);
https://www.transparenttextures.com/patterns/hexellence.png
https://www.transparenttextures.com/patterns/gplay.png
https://www.transparenttextures.com/patterns/simple-horizontal-light.png
https://www.colourlovers.com/palette/3428762/Fallout?widths=1
*/
}

194
CSS/addons/unraid/login-page/fallout/fallout_base.css

@ -1,194 +0,0 @@
@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css";
@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap";
@import "https://fonts.googleapis.com/css?family=VT323";
* {
outline: none;
}
@media (max-width: 500px) {
#login {
-webkit-backdrop-filter: blur(0px);
backdrop-filter: blur(0px);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
border-radius: none !important;
}
.background-wrap,#video-bg-elem {display: none;}
}
html {
background: var(--main-bg-color) !important;
}
body {
background: var(--main-bg-color) !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
overflow: hidden;
}
@media only screen and (max-width: 768px) {
#login {
min-width: 300px;
}
}
/*FOR VIDEO BACKGROUND*/
.background-wrap {
position: fixed;
z-index: -1000;
width: 100%;
height: 100%;
overflow: hidden;
top: 0;
left: 0;
}
#video-bg-elem {
position: absolute;
top: 0;
left: 0;
min-height: 100%;
min-width: 100%;
}
/*TEXT COLOR*/
#login h1,
#login h2,
#login .error {
color: var(--text-color) !important;
}
#login a {
color: var(--link-color);
}
#login a:hover {
color: var(--link-color-hover);
}
#login input {
color: var(--input-color);
}
#login ::placeholder {
color: var(--input-color);
}
#login ::-webkit-input-placeholder {
color: var(--input-color);
}
#login ::-moz-placeholder {
color: var(--input-color);
}
#login :-ms-input-placeholder {
color: var(--input-color);
}
#login :-moz-placeholder {
color: var(--input-color);
}
#login input:focus::-webkit-input-placeholder {
color: transparent !important;
}
#login input:focus:-moz-placeholder {
color: transparent !important;
}
#login input:focus::-moz-placeholder {
color: transparent !important;
}
#login input:focus:-ms-input-placeholder {
color: transparent !important;
}
/*TEXT FONT*/
#login h1,
#login h2,
#login a,
#login .button,
#login .error {
font-family: var(--text-font);
}
/* CASE COLOR */
#login [class^='case-'],
#login [class*=' case-'] {
font-family: cases!important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: var(--case-color);
}
/*INPUT FORMS*/
#login [type=text],
#login [type=password] {
font-family: var(--input-font);
background-color: rgba(0, 0, 0, 0.25);
border: 2px solid transparent;
text-transform: uppercase;
border-radius: 5px;
}
#login [type=text]:active,
#login [type=text]:focus,
#login [type=password]:active,
#login [type=password]:focus {
font-family: var(--input-font);
background-color: rgba(0, 0, 0, 0.25);
border: 2px solid transparent;
text-transform: uppercase;
}
/*BUTTON*/
#login .button {
color: var(--button-text-color);
background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color2) 0, var(--button-color2)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color2)), to(var(--button-color2))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat;
background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
}
#login .button:hover {
color: var(--button-text-color-hover);
background-color: var(--button-color);
background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color)));
background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color));
}
#login {
background: var(--div-background-color-15) !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
padding-top: 1rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) !;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
margin: 0 !important;
text-transform: uppercase;
min-width: 300px;
}
#login .angle:after {
display: none;
}
#login .wordmark {
display: none;
}
#login .logo {
background: var(--logo);
background-size: contain;
padding: 2rem;
border-radius: 0;
margin: 0rem 1rem 0rem 1rem;
}
#login .error {
animation-name: shake;
animation-duration: .8s;
}

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

@ -1,35 +0,0 @@
@import url("https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/fallout/fallout_base.css");
:root {
--main-bg-color: transparent;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
--text-color: #14F074;
--input-color: #14F074;
--link-color: #14F074;
--link-color-hover: #0C833D;
--case-color: #14F074;
--button-text-color: #14F074;
--button-text-color-hover: #FFFFFF;
--button-color: #14F074;
--button-color2: #0C833D;
--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace;
--div-background-color-15: #0ea85118;
/* Replace the variables if you have a dark background */
/* Light colors for dark backgrounds */
/*
--div-background-color-15: rgba(255, 255, 255, 0.15);
https://www.transparenttextures.com/patterns/hexellence.png
https://www.transparenttextures.com/patterns/gplay.png
https://www.transparenttextures.com/patterns/simple-horizontal-light.png
https://www.colourlovers.com/palette/3428762/Fallout?widths=1
*/
}
@media (max-width: 500px) {
body {
background: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed !important;
}
:root {
--div-background-color-15: transparent;
}
}

7
CSS/addons/unraid/login-page/fallout/js/please_stand_by.js

@ -1,7 +0,0 @@
// Adds a video background
// 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>
`
document.body.innerHTML += video

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

@ -1,7 +0,0 @@
// Adds a video background
// 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>
`
document.body.innerHTML += video

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

@ -1,7 +0,0 @@
// Adds a video background
// 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>
`
document.body.innerHTML += video

BIN
CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 56 KiB

BIN
CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.psd

Binary file not shown.

BIN
CSS/addons/unraid/login-page/fallout/logo/vault-tec_white.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 86 KiB

BIN
CSS/addons/unraid/login-page/fallout/screenshots/dirty_terminal.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.5 MiB

BIN
CSS/addons/unraid/login-page/fallout/screenshots/dirty_terminal2.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 MiB

BIN
CSS/addons/unraid/login-page/fallout/screenshots/please_stand_by.mp4

Binary file not shown.

BIN
CSS/addons/unraid/login-page/fallout/screenshots/terminal-mobile.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 665 KiB

BIN
CSS/addons/unraid/login-page/fallout/screenshots/terminal.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 MiB

BIN
CSS/addons/unraid/login-page/fallout/screenshots/terminal2-mobile.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 603 KiB

BIN
CSS/addons/unraid/login-page/fallout/screenshots/terminal2.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 MiB

27
CSS/addons/unraid/login-page/fallout/terminal.css

@ -1,27 +0,0 @@
@import url("https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/fallout/fallout_base.css");
:root {
--main-bg-color: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
--text-color: #14F074;
--input-color: #14F074;
--link-color: #14F074;
--link-color-hover: #0C833D;
--case-color: #14F074;
--button-text-color: #14F074;
--button-text-color-hover: #FFFFFF;
--button-color: #14F074;
--button-color2: #0C833D;
--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace;
--div-background-color-15: rgba(0, 0, 0, 0.25);
/* Replace the variables if you have a dark background */
/* Light colors for dark backgrounds */
/*
--div-background-color-15: rgba(255, 255, 255, 0.15);
https://www.transparenttextures.com/patterns/hexellence.png
https://www.transparenttextures.com/patterns/gplay.png
https://www.transparenttextures.com/patterns/simple-horizontal-light.png
https://www.colourlovers.com/palette/3428762/Fallout?widths=1
*/
}

27
CSS/addons/unraid/login-page/fallout/terminal2.css

@ -1,27 +0,0 @@
@import url("https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/fallout/fallout_base.css");
:root {
--main-bg-color: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg) center center/cover no-repeat fixed;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
--text-color: #14F074;
--input-color: #14F074;
--link-color: #14F074;
--link-color-hover: #0C833D;
--case-color: #14F074;
--button-text-color: #14F074;
--button-text-color-hover: #FFFFFF;
--button-color: #14F074;
--button-color2: #0C833D;
--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace;
--div-background-color-15: rgba(0, 0, 0, 0.25);
/* Replace the variables if you have a dark background */
/* Light colors for dark backgrounds */
/*
--div-background-color-15: rgba(255, 255, 255, 0.15);
https://www.transparenttextures.com/patterns/hexellence.png
https://www.transparenttextures.com/patterns/gplay.png
https://www.transparenttextures.com/patterns/simple-horizontal-light.png
https://www.colourlovers.com/palette/3428762/Fallout?widths=1
*/
}

BIN
CSS/addons/unraid/login-page/fallout/video/VaultTecCRTLoop.mp4

Binary file not shown.

BIN
CSS/addons/unraid/login-page/fallout/video/VaultTecCRTLoopNoScanline.mp4

Binary file not shown.

BIN
CSS/addons/unraid/login-page/fallout/video/please_stand_by.mp4

Binary file not shown.

BIN
CSS/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 100 KiB

BIN
CSS/addons/unraid/login-page/fallout/wallpaper/terminal.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 424 KiB

BIN
CSS/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 MiB

33
CSS/addons/unraid/login-page/retro-terminal/amber.css

@ -1,33 +0,0 @@
/*_____________________AMBER_THEME______________________*/
/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
:root {
--main-bg-color:black;
--body-before:#ffb52a1a;
--body-after: #ffb52a33;
--body-animation: flicker;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_yellow.png) center no-repeat;
--text-color: #ffb52a;
--input-color: #ffb52a;
--link-color: #ffb52a;
--link-color-hover: #ff6868;
--case-color: #ffb52a;
--button-text-color: #ffb52a;
--button-text-color-hover: #000;
--button-color: #ffb52a;
--button-color-hover: #ff6868;
--selection-color: #ff6868;
--custom-text-header:#ffb52a;
--custom-text-header-shadow:#ffb52a;
--custom-text-header-animation: textflicker;
--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace;
--loginbox-background-color: transparent;
--text-shadow: 0 0 8px;
--text-shadow-color: #ffb52a;
--box-shadow: 0 0 15px;
}

33
CSS/addons/unraid/login-page/retro-terminal/blue.css

@ -1,33 +0,0 @@
/*_____________________BLUE_THEME______________________*/
/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
:root {
--main-bg-color:black;
--body-before:#70d7f61a;
--body-after: #70d7f633;
--body-animation: flicker;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_blue.png) center no-repeat;
--text-color: #70d7f6;
--input-color: #70d7f6;
--link-color: #70d7f6;
--link-color-hover: #8f2809;
--case-color: #70d7f6;
--button-text-color: #70d7f6;
--button-text-color-hover: #000;
--button-color: #70d7f6;
--button-color-hover: #8f2809;
--selection-color: #8f2809;
--custom-text-header:#70d7f6;
--custom-text-header-shadow:#70d7f6;
--custom-text-header-animation: textflicker;
--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace;
--loginbox-background-color: transparent;
--text-shadow: 0 0 8px;
--text-shadow-color: #70d7f6;
--box-shadow: 0 0 15px;
}

33
CSS/addons/unraid/login-page/retro-terminal/custom.css

@ -1,33 +0,0 @@
/*_____________________CUSTOM_THEME______________________*/
/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
:root {
--main-bg-color:black;
--body-before:#70d7f61a;
--body-after: #70d7f633;
--body-animation: flicker;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_shadow.png) center no-repeat;
--text-color: #ffffff;
--input-color: #ffffff;
--link-color: #ffffff;
--link-color-hover: #8f2809;
--case-color: #ffffff;
--button-text-color: #ffffff;
--button-text-color-hover: #000;
--button-color: #ffffff;
--button-color-hover: #af0606;
--selection-color: #8f2809;
--custom-text-header:#ffffff;
--custom-text-header-shadow:#ffffff;
--custom-text-header-animation: textflicker;
--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace;
--loginbox-background-color: transparent;
--text-shadow: 0 0 8px;
--text-shadow-color: #ffffff;
--box-shadow: 0 0 15px;
}

33
CSS/addons/unraid/login-page/retro-terminal/green.css

@ -1,33 +0,0 @@
/*_____________________GREEN_THEME______________________*/
/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
:root {
--main-bg-color:black;
--body-before:#00ff771a;
--body-after: #00ff7733;
--body-animation: flicker;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
--text-color: #37f592;
--input-color: #37f592;
--link-color: #37f592;
--link-color-hover: #68ffff;
--case-color: #37f592;
--button-text-color: #37f592;
--button-text-color-hover: #000;
--button-color: #37f592;
--button-color-hover: #68ffff;
--selection-color: #68ffff;
--custom-text-header:#37f592;
--custom-text-header-shadow:#37f592;
--custom-text-header-animation: textflicker;
--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace;
--loginbox-background-color: transparent;
--text-shadow: 0 0 8px;
--text-shadow-color: #37f592;
--box-shadow: 0 0 15px;
}

14
CSS/addons/unraid/login-page/retro-terminal/js/custom_text_header.js

@ -1,14 +0,0 @@
//Custom Text Header //
// Needs to be inside <section id="login" class="shadow">
let custom_text_header = `
<div class="custom-text-header"> <pre> __ ___ __
____ ____ _____/ /__________ ____ ___ ____ / (_)___ / /__
/ __ \\/ __ \\/ ___/ __/ ___/ __ \\/ __ '__ \\/ __ \\/ / / __ \\/ //_/
/ / / / /_/ (__ ) /_/ / / /_/ / / / / / / /_/ / / / / / / ,&lt;
/_/ /_/\\____/____/\\__/_/ \\____/_/ /_/ /_/\\____/_/_/_/ /_/_/|_|
</pre> </div>
`;
document.getElementById("login").innerHTML += custom_text_header

Some files were not shown because too many files changed in this diff

Loading…
Cancel
Save