Merge pull request #645 from themepark-dev/develop

1.18.0

css/addons/prowlarr/prowlarr-text-logo/prowlarr-text-logo.css

@@ -0,0 +1,23 @@
+@media (min-width: 752px) {
+ [class*="PageHeader-logo-"] {
+ content: url("/css/addons/prowlarr/prowlarr-text-logo/prowlarr-text-logo.png");
+ margin-left: 15px;
+ width: auto;
+ height: 30px;
+ }
+}
+
+[class*="LoadingPage-logoFull-"] {
+ content: url("/css/addons/prowlarr/prowlarr-text-logo/prowlarr-text-logo.png");
+ margin-top: 50px;
+ margin-right: auto;
+ margin-left: auto;
+ width: auto;
+ height: 30px;
+ opacity: 1;
+}
+
+.panel-header > img.logo {
+ content: url("/css/addons/prowlarr/prowlarr-text-logo/prowlarr-text-logo.png");
+ width: auto;
+}

css/addons/radarr/radarr-anime-logo/radarr-anime-logo.css

@@ -0,0 +1,32 @@
+@media (min-width: 752px) {
+ [class*="PageHeader-logoFull-"] {
+ content: url("/css/addons/radarr/radarr-anime-logo/radarr-anime.png");
+ margin-left: 15px;
+ width: 120px;
+ height: 40px;
+ }
+}
+
+@media only screen and (max-width: 768px) {
+ [class*="PageHeader-logo-"] {
+ width: 32px;
+ height: 32px;
+ margin-left: 0px;
+ content: url("/css/addons/radarr/radarr-anime-logo/radarr-anime-mobile.png");
+ }
+}
+
+[class*="LoadingPage-logoFull-"] {
+ content: url("/css/addons/radarr/radarr-anime-logo/radarr-anime.png");
+ margin-top: 50px;
+ margin-right: auto;
+ margin-left: auto;
+ width: 120px;
+ height: 40px;
+ opacity: 1;
+}
+
+.panel-header > img.logo {
+ content: url("/css/addons/radarr/radarr-anime-logo/radarr-anime.png");
+ width: auto;
+}

css/addons/radarr/radarr-logo.md

@@ -0,0 +1,49 @@
+# radarr-anime-logo
+
+I hope to find the .psd file used as the source, so I can upload it someday.
+
+2. [radarr-anime.png](radarr-anime-logo/radarr-anime.png) contains 900x292 `.png` file.
+
+ The version on a white background isn't great, but neither is the one for 4K.
+
+1. [radarr-anime-mobile.png](radarr-anime-logo/radarr-anime-mobile.png) contains 900x900 `.png` file.
+
+ Even here, the version on a white background isn't great, but mine is a bit better than the 4K one. 😅. 
+
+
+Preview:
+
+<table>
+ <tr>
+ <td>radarr-4k-v3-logo</td>
+ <td> <img src="radarr-4K-logo/radarr4k-v3.png" width="200" height=auto alt="radarr-4k-logo"/></td>
+ <td style="background-color: white"> <img src="radarr-4K-logo/radarr4k-v3.png" width="200" height=auto alt="radarr-4k-logo"/></td>
+ <td style="background-color: #2a2a2a"><img src="radarr-4K-logo/radarr4k-v3.png" width="200" height=auto alt="radarr-4k-logo"/></td>
+ <td style="background-color: #606060"><img src="radarr-4K-logo/radarr4k-v3.png" width="200" height=auto alt="radarr-4k-logo"/></td>
+ </tr>
+ <tr>
+ <td>radarr-anime-logo</td>
+ <td> <img src="radarr-anime-logo/radarr-anime.png" width="200" height=auto alt="sonarr-anime-blue-logo"/></td>
+ <td style="background-color: white"> <img src="radarr-anime-logo/radarr-anime.png" width="200" height=auto alt="sonarr-anime-blue-logo"/></td>
+ <td style="background-color: #2a2a2a"><img src="radarr-anime-logo/radarr-anime.png" width="200" height=auto alt="sonarr-anime-blue-logo"/></td>
+ <td style="background-color: #606060"><img src="radarr-anime-logo/radarr-anime.png" width="200" height=auto alt="sonarr-anime-blue-logo"/></td>
+ </tr>
+</table>
+
+<table>
+ <tr>
+ <td>radarr-4K-logo</td>
+ <td> <img src="radarr-4K-logo/radarr-V3-mobile.png" width="100" height="100" alt="sonarr-4k-logo"/></td>
+ <td style="background-color: white"> <img src="radarr-4K-logo/radarr-V3-mobile.png" width="100" height="100" alt="sonarr-4k-logo"/></td>
+ <td style="background-color: #2a2a2a"><img src="radarr-4K-logo/radarr-V3-mobile.png" width="100" height="100" alt="sonarr-4k-logo"/></td>
+ <td style="background-color: #606060"><img src="radarr-4K-logo/radarr-V3-mobile.png" width="100" height="100" alt="sonarr-4k-logo"/></td>
+ </tr>
+ <tr>
+ <td>sonarr-anime-logo</td>
+ <td> <img src="radarr-anime-logo/radarr-anime-mobile.png" width="100" height="100" alt="sonarr-anime-logo"/></td>
+ <td style="background-color: white"> <img src="radarr-anime-logo/radarr-anime-mobile.png" width="100" height="100" alt="sonarr-anime-logo"/></td>
+ <td style="background-color: #2a2a2a"><img src="radarr-anime-logo/radarr-anime-mobile.png" width="100" height="100" alt="sonarr-anime-logo"/></td>
+ <td style="background-color: #606060"><img src="radarr-anime-logo/radarr-anime-mobile.png" width="100" height="100" alt="sonarr-anime-logo"/></td>
+ </tr>
+</table>
+

css/addons/readarr/readarr-text-logo/readarr-text-logo.css

@@ -0,0 +1,24 @@
+@media (min-width: 752px) {
+ [class*="PageHeader-logo-"] {
+ content: url("/css/addons/readarr/readarr-text-logo/readarr-text-logo.png");
+ margin-left: 15px;
+ width: auto;
+ height: 40px;
+ }
+}
+
+[class*="LoadingPage-logoFull-"] {
+ content: url("/css/addons/readarr/readarr-text-logo/readarr-text-logo.png");
+ margin-top: 50px;
+ margin-right: auto;
+ margin-left: auto;
+ width: auto;
+ height: 40px;
+ opacity: 1;
+}
+
+.panel-header > img.logo {
+ content: url("/css/addons/readarr/readarr-text-logo/readarr-text-logo.png");
+ width: auto;
+}
+

css/base/audiobookshelf/audiobookshelf-base.css

@@ -33,6 +33,7 @@ a:hover{
  background: var(--transparency-dark-40) !important;
 }
 body, .bg-bg, #bookshelf, #app-content, #page-wrapper{
+ background-image:none !important;
  background: var(--main-bg-color);
  background-repeat: repeat, no-repeat;
  background-attachment: fixed, fixed;