diff --git a/CSS/addons/bazarr/bazarr-4k-logo.css b/CSS/addons/bazarr/bazarr-4k-logo.css new file mode 100644 index 00000000..15edba18 --- /dev/null +++ b/CSS/addons/bazarr/bazarr-4k-logo.css @@ -0,0 +1,35 @@ +/* Desktop */ +@media (min-width: 752px) { + .header-icon.px-3.m-0.d-none.d-md-block img { + display: none !important; + } + .header-icon.px-3.m-0.d-none.d-md-block:before { + background-image: url("https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/CSS/addons/bazarr/bazarr4k.png"); + display: inline-block; + width: 32px; + height: 32px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-backgroun-.dev + } +} + +/* Mobile */ +@media (max-width: 767px) { + .sidebar-title.d-flex.align-items-center.d-md-none.container img { + display: none !important; + } + .sidebar-title.d-flex.align-items-center.d-md-none.container:before { + background-image: url("https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/CSS/addons/bazarr/bazarr4k.png"); + display: inline-block; + width: 32px; + height: 32px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + } +} \ No newline at end of file diff --git a/CSS/addons/bazarr/bazarr4k.png b/CSS/addons/bazarr/bazarr4k.png new file mode 100644 index 00000000..7c6c7924 Binary files /dev/null and b/CSS/addons/bazarr/bazarr4k.png differ diff --git a/CSS/addons/organizr/glass/glass-base.css b/CSS/addons/organizr/glass/glass-base.css index b39c0261..d1b3106e 100644 --- a/CSS/addons/organizr/glass/glass-base.css +++ b/CSS/addons/organizr/glass/glass-base.css @@ -2,7 +2,7 @@ /* Import the glass-base.css and root variables in the Custom Theme CSS box like below */ /* -@import "https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/organizr/glass-base.css"; +@import "https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/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; @@ -41,67 +41,83 @@ .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 { + +.btn-info.btn-outline { color: #eee !important; } - .btn-info.btn-outline:hover { + +.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; + 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; + border-radius: 0 0 15px 15px; } -.panel-blue .panel-heading, .panel-info .panel-heading { + +.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; + border-radius: 15px 15px 0 0; } + .sttabs nav { background: var(--div-background-color-25); - border-radius: 15px 15px 0 0; + border-radius: 15px 15px 0 0; } -#settings-main-system-settings-anchor > .sttabs nav ul li{ - border-radius: 15px; + +#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); @@ -109,23 +125,26 @@ } .user-bg { - border-top-left-radius: 15px; + border-top-left-radius: 15px; border-top-right-radius: 15px; } -#internal-Settings .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover { +#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; -} + .navbar-static-top { + background: var(--main-bg) !important; + } } + /* Dropdown */ .dropdown-menu { background: var(--div-background-color-25); @@ -133,17 +152,21 @@ backdrop-filter: blur(10px); } + .open>.dropdown-menu { display: block; - border-radius: 15px; + border-radius: 15px; } + .navbar-top-links .dropdown-user { border-radius: 15px; } -#plexRecent .recent-filter { - background: var(--div-background-color-25) !important; - 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; @@ -152,43 +175,51 @@ box-shadow: none; } + .sidebar-head { background: transparent !important; } /*Calendar */ - .fc-toolbar { +.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-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-left-radius: 15px; border-top-right-radius: 15px; } - .fc-row, .fc-unthemed { - border-bottom-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%; @@ -201,7 +232,8 @@ /* notify - popup */ -.iziToast.update-notify.iziToast-layout2, .iziToast.success-notify.iziToast-layout2 { +.iziToast.update-notify.iziToast-layout2, +.iziToast.success-notify.iziToast-layout2 { border: none; background: var(--div-background-color-25) !important; border-bottom: transparent; @@ -209,6 +241,7 @@ backdrop-filter: blur(10px); } + .iziToast.warning-notify.iziToast-layout2 { background: var(--div-background-color-25); border: 1px solid transparent; @@ -217,39 +250,49 @@ 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; + border-bottom-right-radius: 15px !important; + border-bottom-left-radius: 15px !important; } + .white-popup-block { - background: var(--div-background-color-25) !important; + 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 { + +.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 { @@ -257,47 +300,58 @@ backdrop-filter: blur(10px); background: var(--div-background-color-15); padding: 10px; - border-radius: 15px; + border-radius: 15px; } -#homepageOrderdownloader .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover { + +#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 { +.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; + border-radius: 15px; } -.active-tab-Homepage .white-popup .panel-body, .white-popup>.col-md-6>.white-box:nth-child(2) { + +.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; + 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 { + +#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 { + +.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; + border-top-right-radius: 15px; + border-top-left-radius: 15px; } @@ -305,7 +359,18 @@ background: var(--div-background-color-25); } -#plexRecent, #homepageOrderplexplaylist, #homepageOrdercalendar, #homepageOrderembyrecent, #ombi-requests, #homepageOrderdeluge, #homepageOrdernzbget, #homepageOrdertransmission, #homepageOrderrTorrent, #homepageOrderjdownloader, #homepageOrdersabnzbd,#homepageOrderqBittorrent { +#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); @@ -313,9 +378,11 @@ border-radius: 15px; } + .bg-info { background-color: transparent !important; } + /* Health checks */ .card-body { background: var(--div-background-color-25) !important; @@ -323,6 +390,7 @@ backdrop-filter: blur(10px); } + .bg-inverse .healthPosition { background: var(--div-background-color-25) !important; -webkit-backdrop-filter: saturate(180%) blur(30px); @@ -335,10 +403,11 @@ 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; + border-bottom-right-radius: 15px; + border-bottom-left-radius: 15px; } + .unifiCards .panel-heading { background: var(--div-background-color-35) !important; color: #fff !important; @@ -346,62 +415,83 @@ text-align: inherit !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); - border-top-left-radius: 15px; + border-top-left-radius: 15px; border-top-right-radius: 15px; - border-bottom: 0px; + border-bottom: 0px; } -.unifiCards .panel-warning .panel-heading, .unifiCards .panel-success .panel-heading { - border-top-left-radius: 15px; +.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; + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; } + #allUnifi .unifiCards .panel .panel-warning { - border-radius: 15px !important; + 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; - } + +.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); +} + +/* Weather boxes */ +#homepageOrderWeatherAndAir .col-lg-2 .white-box, +#homepageOrderWeatherAndAir>div:nth-child(1)>div.col-lg-4.col-sm-12.col-xs-12>div, +#homepageOrderWeatherAndAir>div:nth-child(2)>div.col-lg-4.col-sm-12.col-xs-12>div { + background: var(--div-background-color-25) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px) +} + +/* 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; + border-radius: 15px; } -#new-invite-area .white-popup .panel-body,#new-invite-area .white-popup>.col-md-6>.white-box:nth-child(2) { + +#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-right-radius: 15px; border-bottom-left-radius: 15px; } -.white-popup .panel-body, .white-popup>.col-md-6>.white-box:nth-child(2) { + +.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-right-radius: 15px; border-bottom-left-radius: 15px; } @@ -409,218 +499,251 @@ .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; + 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; + +#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 { +.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; + border-color: transparent; } + .modal-body { - border-bottom-left-radius: 15px; - border-bottom-right-radius: 15px; + border-bottom-left-radius: 15px; + border-bottom-right-radius: 15px; } + .modal-header { - border-top-left-radius: 15px; + 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; + #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); + .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 { +.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 { +} + +@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; - } +.login-register { - .slideInRight { - -webkit-animation-name: none; - animation-name: none; - } + height: 100%; + position: fixed; +} - .login-register .login-box .white-box .bg-org { - background-color: transparent !important; - } +.slideInRight { + -webkit-animation-name: none; + animation-name: none; +} - /*2FA login button*/ - .panel-wrapper .panel-body > .btn-warning, .btn-warning.disabled { - background: var(--div-background-color-15) !important; - border: 1px solid #ffc36d00 !important; - } +.login-register .login-box .white-box .bg-org { + background-color: transparent !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; - } +/*2FA login button*/ +.panel-wrapper .panel-body>.btn-warning, +.btn-warning.disabled { + background: var(--div-background-color-15) !important; + border: 1px solid #ffc36d00 !important; +} - /*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; - } +/*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; +} - /*Login sidebar*/ - .login-box.login-sidebar, - #login-panels .panel-body, - #login-panels .panel { - background: transparent; - } - - #login-panels .form-control , #login-panels .btn { +/*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 { +} + +/* #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; +#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%); - } +/*Center login Box*/ +.login-sidebar { + position: relative; + right: initial; +} - #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 { +#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; - } +} + +/* 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; + 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; + backdrop-filter: saturate(180%) blur(30px) !important; opacity: 1 !important; } @@ -630,22 +753,28 @@ content: "\F3D7"; color: black; } + .mdi-receipt:before { content: "\F449"; - color: black; + color: black; } -.debugModal .modal-body{ + +.debugModal .modal-body { border-bottom-left-radius: 0px !important; - border-bottom-right-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; + border-bottom-right-radius: 15px !important; } -#debugPreInfo .slimScrollDiv, #debugResults .slimScrollDiv { - background: var(--div-background-color-15); + +#debugPreInfo .slimScrollDiv, +#debugResults .slimScrollDiv { + background: var(--div-background-color-15); } + /* Swal popup */ .swal-overlay--show-modal .swal-modal { -webkit-backdrop-filter: blur(10px); @@ -653,58 +782,77 @@ 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; -} + * { + -webkit-backdrop-filter: none !important; + backdrop-filter: none !important; + } -#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; -} -} + #page-wrapper { + background: var(--mobile-bg-color) !important; + background-size: cover; + background-repeat: no-repeat; + width: 100%; + height: 100%; + } + + #side-menu { + background: var(--mobile-bg-color) !important; + } + + .navbar-header { + background: var(--div-background-color-25) !important; + } + + .navbar-default, + .show-sidebar .sidebar .sidebar-head { + background: var(--mobile-bg-color) !important; + } + + .dropdown-menu { + background: var(--mobile-bg-color) !important; + } + + #internal-Settings { + 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; + } +} \ No newline at end of file diff --git a/CSS/addons/radarr/radarr-4k-logo.css b/CSS/addons/radarr/radarr-4k-logo.css index a53de275..746b2774 100644 --- a/CSS/addons/radarr/radarr-4k-logo.css +++ b/CSS/addons/radarr/radarr-4k-logo.css @@ -4,7 +4,7 @@ display:none !important; } .navbar > .container-fluid .navbar-brand:before { - background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/radarr/radarr4k.png"); + background-image: url("https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/CSS/addons/radarr/radarr4k.png"); display: inline-block; width: 128px; height: 128px; @@ -24,7 +24,7 @@ display: inline !important; } .navbar > .container-fluid .navbar-brand:before { - background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/radarr/radarr4k.png"); + background-image: url("https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/CSS/addons/radarr/radarr4k.png"); display: inline-block; width: 32px; height: 32px; @@ -39,11 +39,11 @@ /* Radarr V3*/ @media (min-width: 752px) { - .PageHeader-logoFull-2z6pD { + [class*="PageHeader-logoFull-"] { display: none !important; } - .PageHeader-logoContainer-3bOb3:before { - background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/radarr/radarr4k-v3.png"); + [class*="PageHeader-logoContainer-"]:before { + background-image: url("https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/CSS/addons/radarr/radarr4k-v3.png"); display: inline-block; width: 148px; height: 48px; @@ -56,11 +56,11 @@ } @media (max-width: 767px) { - .PageHeader-logo-2y8vm { + [class*="PageHeader-logo-"] { display: none !important; - } - .PageHeader-logoContainer-3bOb3:before { - background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/radarr/radarr-v3-mobile.png"); + } + [class*="PageHeader-logoContainer-"]{ + background-image: url("https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/CSS/addons/radarr/radarr-v3-mobile.png"); display: inline-block; width: 32px; height: 32px; diff --git a/CSS/addons/sonarr/sonarr-4k-logo.css b/CSS/addons/sonarr/sonarr-4k-logo.css index ed163f7e..e61b2159 100644 --- a/CSS/addons/sonarr/sonarr-4k-logo.css +++ b/CSS/addons/sonarr/sonarr-4k-logo.css @@ -4,7 +4,7 @@ display:none !important; } .navbar > .container-fluid .navbar-brand:before { - background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/sonarr/sonarr-4k.png"); + background-image: url("https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/CSS/addons/sonarr/sonarr-4k.png"); display: inline-block; width: 128px; height: 128px; @@ -25,7 +25,7 @@ display: inline !important; } .navbar > .container-fluid .navbar-brand:before { - background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/sonarr/sonarr-4k.png"); + background-image: url("https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/CSS/addons/sonarr/sonarr-4k.png"); display: inline-block; width: 64px; height: 64px; @@ -46,7 +46,7 @@ display: inline !important; } .navbar > .container-fluid .navbar-brand:before { - background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/sonarr/sonarr-4k.png"); + background-image: url("https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/CSS/addons/sonarr/sonarr-4k.png"); display: inline-block; width: 32px; height: 32px; @@ -61,11 +61,11 @@ /* Sonarr V3*/ @media (min-width: 752px) { - .PageHeader\/logo\/2y8vm { + [class*="PageHeader\/logo\/"] { display: none !important; } - .PageHeader\/logoContainer\/3bOb3:before { - background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/sonarr/sonarr-4k.png"); + [class*="PageHeader\/logoContainer\/"]:before { + background-image: url("https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/CSS/addons/sonarr/sonarr-4k.png"); display: inline-block; width: 32px; height: 32px; @@ -78,11 +78,11 @@ } @media (max-width: 767px) { - .PageHeader\/logo\/2y8vm { + [class*="PageHeader\/logo\/"] { display: none !important; } - .PageHeader\/logoContainer\/3bOb3:before { - background-image: url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/addons/sonarr/sonarr-4k.png"); + [class*="PageHeader\/logoContainer\/"]:before { + background-image: url("https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/CSS/addons/sonarr/sonarr-4k.png"); display: inline-block; width: 32px; height: 32px; diff --git a/CSS/addons/unraid/login-page/alien/alien_base.css b/CSS/addons/unraid/login-page/alien/alien_base.css new file mode 100644 index 00000000..da099aa8 --- /dev/null +++ b/CSS/addons/unraid/login-page/alien/alien_base.css @@ -0,0 +1,245 @@ +@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; +} diff --git a/CSS/addons/unraid/login-page/alien/custom.css b/CSS/addons/unraid/login-page/alien/custom.css new file mode 100644 index 00000000..367e872c --- /dev/null +++ b/CSS/addons/unraid/login-page/alien/custom.css @@ -0,0 +1,22 @@ +@import url("https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/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://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/CSS/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed; + --logo: url(https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/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; +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/hallway.css b/CSS/addons/unraid/login-page/alien/hallway.css new file mode 100644 index 00000000..e2346642 --- /dev/null +++ b/CSS/addons/unraid/login-page/alien/hallway.css @@ -0,0 +1,22 @@ +@import url("https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/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://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/CSS/addons/unraid/login-page/alien/wallpaper/hallway.jpg) center center/cover no-repeat fixed; + --logo: url(https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/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; +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/hallway2.css b/CSS/addons/unraid/login-page/alien/hallway2.css new file mode 100644 index 00000000..b2c0f749 --- /dev/null +++ b/CSS/addons/unraid/login-page/alien/hallway2.css @@ -0,0 +1,22 @@ +@import url("https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/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://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/CSS/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed; + --logo: url(https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/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; +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/hallway3.css b/CSS/addons/unraid/login-page/alien/hallway3.css new file mode 100644 index 00000000..44aa643f --- /dev/null +++ b/CSS/addons/unraid/login-page/alien/hallway3.css @@ -0,0 +1,22 @@ +@import url("https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/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://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/CSS/addons/unraid/login-page/alien/wallpaper/hallway3.jpg) center center/cover no-repeat fixed; + --logo: url(https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/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; +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/hallway4.css b/CSS/addons/unraid/login-page/alien/hallway4.css new file mode 100644 index 00000000..06646b18 --- /dev/null +++ b/CSS/addons/unraid/login-page/alien/hallway4.css @@ -0,0 +1,22 @@ +@import url("https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/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://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/CSS/addons/unraid/login-page/alien/wallpaper/hallway4.jpg) center center/cover no-repeat fixed; + --logo: url(https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/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; +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/isolation.css b/CSS/addons/unraid/login-page/alien/isolation.css new file mode 100644 index 00000000..d9b28e58 --- /dev/null +++ b/CSS/addons/unraid/login-page/alien/isolation.css @@ -0,0 +1,22 @@ +@import url("https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/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://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/CSS/addons/unraid/login-page/alien/wallpaper/isolation.png) center center/cover no-repeat fixed; + --logo: url(https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/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; +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/isolation_video.css b/CSS/addons/unraid/login-page/alien/isolation_video.css new file mode 100644 index 00000000..a4f18022 --- /dev/null +++ b/CSS/addons/unraid/login-page/alien/isolation_video.css @@ -0,0 +1,21 @@ +@import url("https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/CSS/addons/unraid/login-page/alien/alien_base.css"); +:root { + --main-bg: transparent; + --logo: url(https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/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; +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/js/isolation.js b/CSS/addons/unraid/login-page/alien/js/isolation.js new file mode 100644 index 00000000..6b788591 --- /dev/null +++ b/CSS/addons/unraid/login-page/alien/js/isolation.js @@ -0,0 +1,6 @@ +// Adds a video background + +let video = ` +
+` +document.body.innerHTML += video \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/logo/uscss_3nostromo.png b/CSS/addons/unraid/login-page/alien/logo/uscss_3nostromo.png new file mode 100644 index 00000000..3c46abd3 Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/logo/uscss_3nostromo.png differ diff --git a/CSS/addons/unraid/login-page/alien/logo/uscss_nostromo.jpg b/CSS/addons/unraid/login-page/alien/logo/uscss_nostromo.jpg new file mode 100644 index 00000000..1276c6ca Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/logo/uscss_nostromo.jpg differ diff --git a/CSS/addons/unraid/login-page/alien/logo/uscss_nostromo2.jpg b/CSS/addons/unraid/login-page/alien/logo/uscss_nostromo2.jpg new file mode 100644 index 00000000..df67f8fd Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/logo/uscss_nostromo2.jpg differ diff --git a/CSS/addons/unraid/login-page/alien/logo/wings.png b/CSS/addons/unraid/login-page/alien/logo/wings.png new file mode 100644 index 00000000..1e395a98 Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/logo/wings.png differ diff --git a/CSS/addons/unraid/login-page/alien/logo/wings_blue.png b/CSS/addons/unraid/login-page/alien/logo/wings_blue.png new file mode 100644 index 00000000..bffe6515 Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/logo/wings_blue.png differ diff --git a/CSS/addons/unraid/login-page/alien/logo/wings_green.png b/CSS/addons/unraid/login-page/alien/logo/wings_green.png new file mode 100644 index 00000000..7409ca3e Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/logo/wings_green.png differ diff --git a/CSS/addons/unraid/login-page/alien/logo/wings_green2.png b/CSS/addons/unraid/login-page/alien/logo/wings_green2.png new file mode 100644 index 00000000..eecdd1b2 Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/logo/wings_green2.png differ diff --git a/CSS/addons/unraid/login-page/alien/logo/wings_red.png b/CSS/addons/unraid/login-page/alien/logo/wings_red.png new file mode 100644 index 00000000..14374321 Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/logo/wings_red.png differ diff --git a/CSS/addons/unraid/login-page/alien/logo/wings_shadow.png b/CSS/addons/unraid/login-page/alien/logo/wings_shadow.png new file mode 100644 index 00000000..d1169c63 Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/logo/wings_shadow.png differ diff --git a/CSS/addons/unraid/login-page/alien/logo/wings_yellow.png b/CSS/addons/unraid/login-page/alien/logo/wings_yellow.png new file mode 100644 index 00000000..fbc2d777 Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/logo/wings_yellow.png differ diff --git a/CSS/addons/unraid/login-page/alien/nightmare.css b/CSS/addons/unraid/login-page/alien/nightmare.css new file mode 100644 index 00000000..fca81b3c --- /dev/null +++ b/CSS/addons/unraid/login-page/alien/nightmare.css @@ -0,0 +1,22 @@ +@import url("https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/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://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/CSS/addons/unraid/login-page/alien/wallpaper/nightmare.png) center center/cover no-repeat fixed; + --logo: url(https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/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; +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/scanner.css b/CSS/addons/unraid/login-page/alien/scanner.css new file mode 100644 index 00000000..9ba9a55a --- /dev/null +++ b/CSS/addons/unraid/login-page/alien/scanner.css @@ -0,0 +1,22 @@ +@import url("https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/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://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/CSS/addons/unraid/login-page/alien/wallpaper/scanner.jpg) center center/cover no-repeat fixed; + --logo: url(https://git.deathbybandaid.net/deathbybandaid/theme.park/raw/branch/master/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; +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/custom_login.sh b/CSS/addons/unraid/login-page/custom_login.sh new file mode 100644 index 00000000..bf6a6a68 --- /dev/null +++ b/CSS/addons/unraid/login-page/custom_login.sh @@ -0,0 +1,67 @@ +#!/bin/bash +TYPE="retro-terminal" +THEME="green.css" +DOMAIN="theme-park.dev" #if you update the domain after the script has been run, You must disable and re enable JS or the whole theme. +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 + +# Use correct domain style +case ${DOMAIN} in + *"github.io"*) + echo "Switching to github.io URL style" + DOMAIN="${DOMAIN}\/theme.park" + ;; +esac + +# Adding stylesheets +if ! grep -q ${DOMAIN} /usr/local/emhttp/login.php; then + echo "Adding stylesheet" + sed -i -e "\@