Merge pull request #333 from GilbN/develop

1.6.15

css/base/bazarr/bazarr-base.css

@@ -224,7 +224,8 @@ label,
     background-color: rgba(0, 0, 0, .25);
 }
 
-.sidebar-container .sidebar-button {
+.sidebar-container .sidebar-button,
+.sidebar-container .button {
     color: var(--text) !important;
     background: transparent
 }
@@ -235,7 +236,8 @@ label,
     background-color: rgba(0, 0, 0, 0.15) !important;
 }
 
-.sidebar-container .sidebar-button:hover {
+.sidebar-container .sidebar-button:hover,
+.sidebar-container .button:hover {
     background-color: transparent !important;
     color: rgb(var(--accent-color)) !important;
 }
@@ -245,7 +247,8 @@ label,
 }
 
 .sidebar-container .sidebar-button.sb-active,
-.sidebar-container .sidebar-button.sb-active:hover {
+.sidebar-container .sidebar-button.sb-active:hover,
+.sidebar-container .button.active {
     background-color: rgba(0, 0, 0, 0.15) !important;
     color: rgb(var(--accent-color)) !important;
 }
@@ -365,6 +368,9 @@ hr {
     box-shadow: 0 0 10px 1px #000000;
     color: var(--text);
 }
+.card-header {
+    border-bottom: 1px solid rgb(255 255 255 / 10%);
+}
 
 .settings-card:hover,
 .settings-card:focus {
@@ -381,6 +387,7 @@ hr {
 /* Series page */
 .progress-bar {
     background-color: var(--accent-color);
+    text-shadow: none;
 }
 
 .progress {

css/base/organizr/organizr-base.css

@@ -22,7 +22,6 @@
 }
 
 
-[id*="homepage-"]>fieldset>div>div.panel-wrapper.collapse.in>div>div,
 [id$="-settings-items"]>div {
     background: var(--modal-bg-color);
     background-repeat: repeat, no-repeat !important;
@@ -51,14 +50,7 @@
 }
 
 #HEALTHCHECKS-settings-items [id*="Services"] .row.m-b-40 {
-    background: var(--modal-bg-color);
-    background-repeat: repeat, no-repeat;
-    background-attachment: fixed, fixed;
-    background-position: center center, center center;
-    background-size: auto, cover;
-    -webkit-background-size: auto, cover;
-    -moz-background-size: auto, cover;
-    -o-background-size: auto, cover;
+    background: rgba(0, 0, 0, 0)
 }
 
 .h1,
@@ -220,14 +212,16 @@ h6 {
 .tabs-style-flip nav a,
 .nav-tabs>li>a {
     color: var(--text-hover);
+    transition: color .3s;
 }
 
 .customtab2 li.active a,
 .customtab2 li.active a:focus,
 .customtab2 li.active a:hover {
-    background: rgba(0, 0, 0, 0.25) !important;
-    border-color: rgba(255, 255, 255, 0.1) !important;
+    background: rgba(var(--accent-color), 0.15) !important;
+    border-color: rgba(var(--accent-color), 0.1) !important;
     border-radius: 20px;
+    color: rgb(var(--accent-color)) !important;
 }
 
 /*toast*/
@@ -269,8 +263,10 @@ h6 {
     background: rgba(0, 0, 0, 0.25);
 }
 
-.panel:not(#help-modal-body > div > div):not([id*="settings-"] .panel) {
-    background: var(--main-bg-color);
+#account-area > div > div > div > div,
+[id*="homepage-"] > fieldset > div,
+#speedtest-area > div > div {
+    background: var(--modal-bg-color);
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
     background-position: center center, center center;
@@ -280,6 +276,21 @@ h6 {
     -o-background-size: auto, cover;
 }
 
+
+#homepage-Deluge-form > fieldset > div > div.panel-wrapper.collapse.in > div > div > div > div.tab-pane.fade.in.active > div > div > div > div > div > div > div {
+    background: rgba(0, 0, 0, .1);
+}
+
+/* Homepage Item Modals*/
+[id$="API-SOCKS"] > div:nth-child(1) > div.col-md-12.p-b-10 > div > div > div,
+[id$="About"] > div > div > div > div > div,
+[id$="Enable"] > div > div > div > div > div > div > div,
+[id$="FYI"] > div > div > div > div > div > div > div,
+#\39 w59f92rirFYI > div > div > div > div > div > div > div,
+[id$="Setup"] > div > div > div > div > div {
+    background: rgba(0, 0, 0, 0.25);
+}
+
 [id*="settings-"] .panel {
     background: rgba(0, 0, 0, 0.25);
 }
@@ -1124,7 +1135,7 @@ label[for="checkbox-login"]:hover {
 .panel-inverse .panel-heading {
     border-color: transparent;
     color: #fff;
-    background: var(--main-bg-color);
+    background: var(--modal-bg-color);
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
     background-position: center center, center center;
@@ -1164,7 +1175,6 @@ label[for="checkbox-login"]:hover {
 .nav-tabs>li.active>a:hover {
     cursor: pointer;
     opacity: 1;
-    background: rgb(var(--accent-color) , .15) !important;
 }
 
 #homepageOrderdownloader .nav-tabs>li.active>a,
@@ -1583,9 +1593,10 @@ a:hover,
     box-shadow: none !important;
 }
 
-.swal-overlay--show-modal .swal-modal:not(.swal-modal.orgAlertTransparent),
-body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div > div.panel-heading {
-    background: var(--main-bg-color);
+.swal-modal,
+body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div > div.panel-heading,
+body > div.swal-overlay.swal-overlay--show-modal > div {
+    background: var(--modal-bg-color);
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
     background-position: center center, center center;
@@ -1654,6 +1665,7 @@ body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div > div.p
 .customvtab .tabs-vertical li.active a:hover {
     border-right: 2px solid rgb(var(--accent-color));
     color: rgb(var(--accent-color));
+    transition: background-color .3s;
 }
 
 .vtabs .tabs-vertical li a {
@@ -1662,7 +1674,9 @@ body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div > div.p
 
 .vtabs .nav>li>a:focus,
 .vtabs .nav>li>a:hover {
-    background-color: rgba(var(--accent-color), .15);
+    color: rgba(var(--accent-color));
+    background: transparent;
+    transition: color .3s;
 }
 
 /* THEME PARK CUSTOM END*/
@@ -1889,7 +1903,7 @@ background: rgb(0 0 0 / 0%) !important;
 }
 
 /*Button*/
-.btn-custom {
+.btn-custom{
     background: var(--button-color);
     border: 1px solid var(--button-color);
     color: var(--button-text);
@@ -1902,6 +1916,21 @@ background: rgb(0 0 0 / 0%) !important;
     border: 1px solid var(--button-color-hover);
 }
 
+.swal-button {
+    outline: none;
+    background: var(--button-color);
+    border: 1px solid var(--button-color);
+    color: var(--button-text);
+    border-radius: 0px;
+}
+.swal-button:focus,.swal-button:active {
+    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0), 0 0 0 3px rgb(var(--accent-color),.25);
+}
+.swal-button:not([disabled]):hover,.swal-button:active {
+    background-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+    border: 1px solid var(--button-color-hover);
+}
 /*Custom tab
 .customtab li.active a,
 .customtab li.active a:hover,
@@ -2087,12 +2116,14 @@ input,
 .customtab2 li.active a:hover {
     background: #1f1f1f;
     border-radius: 20px;
+    border: 0;
+    transition: background-color .3s;
 }
 
 .nav-tabs>li>a:hover {
-    background: rgba(0, 0, 0, 0.25) !important;
-    border-radius: 0px;
-    color: var(--text-hover);
+    background: transparent !important;
+    border-radius: 20px;
+    color: rgb(var(--accent-color)) !important;
 }
 
 .tabs-style-flip nav a:focus,
@@ -2511,11 +2542,17 @@ span.select2-results {
 .panel-blue .panel-heading, .panel-info .panel-heading, #help-modal-body > div > div {
     background-color: rgba(0, 0, 0, .25);
 }
-#account-area > div > div > div > div > div.panel-wrapper.collapse.in.main-email-panel > div > div > div  > div > div {
+#account-area > div > div > div > div > div.panel-wrapper.collapse.in.main-email-panel > div > div > div  > div > div,
+#plexRecent > div.col-lg-12 > div,
+#overseerr-requests > div.col-lg-12 > div,
+body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div {
     background: transparent;
 }
 
-[id$="-settings-page"] .panel, .modal-content {
+[id$="-settings-page"] .bg-org, .modal-content,
+body > div.swal-overlay.swal-overlay--show-modal > div > div > div,
+#email-area > div > div > div.row > div > div,
+#invite-area > div > div > div.col-md-12 > div {
     background: var(--modal-bg-color);
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;

css/base/plex/plex-base.css

@@ -118,8 +118,11 @@ a[class*="MetadataTableRow-title-"]:hover {
 }
 
 /* BODY */
-html body,
-.application {
+#plex > div[class*="FullPageBackground-backgroundContainer-"] > div > div:nth-child(1) > canvas,
+#plex > div[class*="FullPageBackground-backgroundContainer-"] > div > canvas {
+  display: none !important;
+}
+body,[class*="FullPageBackground-backgroundContainer-"] {
   background: var(--main-bg-color);
   background-repeat: repeat, no-repeat;
   background-attachment: fixed, fixed;
@@ -280,7 +283,8 @@ button:hover [class*="DisclosureArrow-disclosureArrow-"] {
   border-color: rgb(var(--accent-color));
 }
 
-[class*="PivotTab-selectedButton-"]:after {
+[class*="PivotTab-selectedButton-"]:after,
+[class*="TabButton-selectedButton-"]:after {
   background-color: rgb(var(--accent-color)) !important;
 }
 

css/base/sabnzbd/sabnzbd-base.css

@@ -49,6 +49,10 @@ a {
   color: var(--link-color);
 }
 
+[href="#modal-add-nzb"] {
+  opacity: 1;
+}
+
 .speedlimit-dropdown.dropdown>div>div>a {
   color: var(--button-text);
 }
@@ -184,7 +188,8 @@ hr {
 }
 
 .dropdown-menu,
-#feedback-slider {
+#feedback-slider,
+.navbar-collapse.in .dropdown-menu {
   background: var(--drop-down-menu-bg);
   background-repeat: repeat, no-repeat;
   background-attachment: fixed, fixed;
@@ -193,12 +198,29 @@ hr {
   -webkit-background-size: auto, cover;
   -moz-background-size: auto, cover;
   -o-background-size: auto, cover;
+  border: none;
 }
 
-.dropdown-menu>li>a {
+.dropdown-menu>li>a{
   color: var(--text-hover);
 }
 
+.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
+  border-color: rgba(255, 255, 255, 0.1);
+}
+
+.navbar-collapse.in .dropdown-menu a, .navbar-collapse.in .dropdown-menu a:hover {
+  color: var(--text-hover) !important;
+}
+
+.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
+  background-color: rgba(255, 255, 255, 0.25);
+}
+
+.navbar-inverse .navbar-toggle {
+  border-color: rgba(255, 255, 255, 0.1);
+}
+
 .dropdown-menu>li>a:hover,
 .dropdown-menu>li>a:focus {
   color: var(--text-hover);
@@ -981,7 +1003,6 @@ select[disabled]:hover {
 /*modal*/
 .modal-content {
   background: var(--modal-bg-color);
-  background-repeat: repeat, no-repeat;
   background-attachment: fixed, fixed;
   background-position: center center, center center;
   background-size: auto, cover;
@@ -1010,6 +1031,8 @@ select[disabled]:hover {
   -webkit-background-size: auto, cover;
   -moz-background-size: auto, cover;
   -o-background-size: auto, cover;
+  margin-left: 0px;
+  margin-right: 0px;
 }
 
 .modal-body>.nav-tabs>li>a {

css/base/unraid/unraid-base.css

@@ -53,6 +53,10 @@ i.control:hover {
     color: var(--link-color-hover);
 }
 
+pre {
+    border: 1px solid rgb(255 255 255 / 30%);
+}
+
 #template {
     background: var(--main-bg-color);
     background-repeat: repeat, no-repeat;

css/theme-options/aquamarine.css

@@ -1,11 +1,11 @@
 :root {
   --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
   
-  --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
-  --modal-header-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
-  --modal-footer-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  --modal-bg-color: linear-gradient(-90deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(-90deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(-90deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
 
-  --drop-down-menu-bg: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  --drop-down-menu-bg: linear-gradient(135deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
 
   --button-color: #009688;
   --button-color-hover: #12afa0;

css/theme-options/dark.css

@@ -1,9 +1,9 @@
 :root {
   --main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
   
-  --modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
-  --modal-header-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
-  --modal-footer-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
+  --modal-bg-color: linear-gradient(135deg , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(135deg , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(135deg , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
 
   --drop-down-menu-bg: #2d2d2d;
 

css/theme-options/hotline.css

@@ -1,9 +1,9 @@
 :root {
   --main-bg-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
 
-  --modal-bg-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
-  --modal-header-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
-  --modal-footer-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
+  --modal-bg-color: linear-gradient(-90deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(-90deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(-90deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
   
   --drop-down-menu-bg: linear-gradient(90deg, rgba(247,101,184,1) 0%, rgba(21, 95, 165) 100%) center center/cover no-repeat fixed;
 

css/theme-options/hotpink.css

@@ -1,9 +1,9 @@
 :root {
   --main-bg-color: linear-gradient(45deg, #fb3f62 0%, #204c80 37%, #004249 97%) center center/cover no-repeat fixed;
 
-  --modal-bg-color: radial-gradient(circle, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
-  --modal-header-color: radial-gradient(circle, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
-  --modal-footer-color: radial-gradient(circle, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
+  --modal-bg-color: linear-gradient(-45deg, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(-45deg, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(-45deg, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
 
   --drop-down-menu-bg: #204c80;
 

css/theme-options/plex.css

@@ -1,9 +1,10 @@
  :root {
-   /* --main-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;
+   /* 
+     --main-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;
      --modal-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-dark2.png") center center/cover no-repeat fixed;
-   */
-   --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/resources/blur-noise.png") repeat scroll 0% 0%, radial-gradient(circle at 0% 100%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 100% 100%, rgba(113, 135, 153, 0.55) 0%, rgba(113, 135, 153, 0.043) 70%, rgba(113, 135, 153, 0) 80%), radial-gradient(circle at 100% 0%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 0% 0%, rgba(91, 114, 135, 0.55) 0%, rgba(91, 114, 135, 0.043) 70%, rgba(91, 114, 135, 0) 80%), rgb(0, 0, 0) center center/cover no-repeat fixed;
-
+     --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/resources/blur-noise.png") repeat scroll 0% 0%, radial-gradient(circle at 0% 100%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 100% 100%, rgba(113, 135, 153, 0.55) 0%, rgba(113, 135, 153, 0.043) 70%, rgba(113, 135, 153, 0) 80%), radial-gradient(circle at 100% 0%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 0% 0%, rgba(91, 114, 135, 0.55) 0%, rgba(91, 114, 135, 0.043) 70%, rgba(91, 114, 135, 0) 80%), rgb(0, 0, 0) center center/cover no-repeat fixed;
+     */
+   --main-bg-color: radial-gradient(circle farthest-side at 0% 100%, rgb(47, 47, 47) 0%, rgba(47, 47, 47, 0) 100%), radial-gradient(circle farthest-side at 100% 100%, rgb(63, 63, 63) 0%, rgba(63, 63, 63, 0) 100%), radial-gradient(circle farthest-side at 100% 0%, rgb(76, 76, 76) 0%, rgba(76, 76, 76, 0) 100%), radial-gradient(circle farthest-side at 0% 0%, rgb(58, 58, 58) 0%, rgba(58, 58, 58, 0) 100%), black center center/cover no-repeat fixed;
    --modal-bg-color: #1f2326;
    --modal-header-color: #1f2326;
    --modal-footer-color: #323232;

css/theme-options/space-gray.css

@@ -1,11 +1,11 @@
 :root {
   --main-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;
 
-  --modal-bg-color: radial-gradient(ellipse at top, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
-  --modal-header-color: radial-gradient(ellipse at top, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
-  --modal-footer-color: radial-gradient(ellipse at top, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
+  --modal-bg-color: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
 
-  --drop-down-menu-bg: radial-gradient(ellipse at top, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
+  --drop-down-menu-bg: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
 
   --button-color: #607D8B;
   --button-color-hover: #81a6b7;