Browse Source

new alt readarr logo

pull/241/head
gilbN 4 years ago
parent
commit
f76fb9c923
  1. 53
      CSS/addons/readarr/readarr-alt-logo.css
  2. BIN
      CSS/addons/readarr/readarr_alt.png
  3. 3
      CSS/addons/readarr/readme.md
  4. 74
      CSS/addons/sonarr/sonarr-4k-logo.css

53
CSS/addons/readarr/readarr-alt-logo.css

@ -0,0 +1,53 @@
@media (min-width: 752px) {
[class*="PageHeader-logo-"] {
display: none !important;
}
[class*="PageHeader-logoContainer-"]:before {
background-image: url("https://theme-park.dev/CSS/addons/readarr/readarr_alt.png");
display: inline-block;
width: 34px;
height: 34px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}
@media (max-width: 767px) {
[class*="PageHeader-logo-"] {
display: none !important;
}
[class*="PageHeader-logoContainer-"]:before {
background-image: url("https://theme-park.dev/CSS/addons/readarr/readarr_alt.png");
display: inline-block;
width: 34px;
height: 34px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}
[class*="LoadingPage-logoFull-"] {
display: none !important;
}
[class*="LoadingPage-page-"]:before {
background-image: url("https://theme-park.dev/CSS/addons/readarr/readarr_alt.png");
display: inline-block;
width: 48px;
height: 48px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin-top: 50px;
margin-right: auto;
margin-left: auto;
}

BIN
CSS/addons/readarr/readarr_alt.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

3
CSS/addons/readarr/readme.md

@ -0,0 +1,3 @@
Headphone Icon svg made by monkik from www.flaticon.com
https://www.flaticon.com/free-icon/music_2503487?term=headset&related_id=2503487

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

@ -1,70 +1,8 @@
/* Desktop */
@media (min-width: 752px) {
.navbar-brand>img {
display:none !important;
}
.navbar > .container-fluid .navbar-brand:before {
background-image: url("https://theme-park.dev/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://theme-park.dev/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://theme-park.dev/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) {
[class*="PageHeader\/logo\/"] {
[class*="PageHeader-logo-"] {
display: none !important;
}
[class*="PageHeader\/logoContainer\/"]:before {
[class*="PageHeader-logoContainer-"]:before {
background-image: url("https://theme-park.dev/CSS/addons/sonarr/sonarr-4k.png");
display: inline-block;
width: 32px;
@ -78,10 +16,10 @@
}
@media (max-width: 767px) {
[class*="PageHeader\/logo\/"] {
[class*="PageHeader-logo-"] {
display: none !important;
}
[class*="PageHeader\/logoContainer\/"]:before {
[class*="PageHeader-logoContainer-"]:before {
background-image: url("https://theme-park.dev/CSS/addons/sonarr/sonarr-4k.png");
display: inline-block;
width: 32px;
@ -94,11 +32,11 @@
}
}
[class*="LoadingPage\/logoFull\/"] {
[class*="LoadingPage-logoFull-"] {
display: none !important;
}
[class*="LoadingPage\/page\/"]:before {
[class*="LoadingPage-page-"]:before {
background-image: url("https://theme-park.dev/CSS/addons/sonarr/sonarr-4k.png");
display: inline-block;
width: 48px;

Loading…
Cancel
Save