diff --git a/css/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css b/css/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css index c8338ec07d..44b35a2ca0 100644 --- a/css/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css +++ b/css/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css @@ -1,17 +1,5 @@ - .bazarr-Avatar-root[class*="bazarr-"] img { - display: none !important; - } - - .bazarr-Avatar-root[class*="bazarr-"]:before { - background-image: url("/css/addons/bazarr/bazarr-4k-logo/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; + [class*="bazarr-"].bazarr-Avatar-image { + content: url("/css/addons/bazarr/bazarr-4k-logo/bazarr4k.png"); } #root>div>header>div>div.bazarr-Group-root[class*="bazarr-"]>div>span:after { diff --git a/css/addons/radarr/radarr-4k-logo/radarr-4k-logo.css b/css/addons/radarr/radarr-4k-logo/radarr-4k-logo.css index 0e7d257aa7..f5fd764348 100644 --- a/css/addons/radarr/radarr-4k-logo/radarr-4k-logo.css +++ b/css/addons/radarr/radarr-4k-logo/radarr-4k-logo.css @@ -1,96 +1,27 @@ -/* Desktop */ @media (min-width: 752px) { - .navbar-brand>img { - display:none !important; - } - .navbar > .container-fluid .navbar-brand:before { - background-image: url("/css/addons/radarr/radarr-4k-logo/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; - } + [class*="PageHeader-logoFull-"] { + content: url("/css/addons/radarr/radarr-4k-logo/radarr4k-v3.png"); + margin-left: 15px; + width: 120px; + height: 40px; } - /* 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("/css/addons/radarr/radarr-4k-logo/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) { - [class*="PageHeader-logoFull-"] { - display: none !important; - } - [class*="PageHeader-logoContainer-"]:before { - background-image: url("/css/addons/radarr/radarr-4k-logo/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) { - [class*="PageHeader-logo-"] { - display: none !important; - } - [class*="PageHeader-logoContainer-"]{ - background-image: url("/css/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png"); - display: inline-block; - width: 32px; +@media only screen and (max-width: 768px) { + [class*="PageHeader-logo-"] { + width: 32px; height: 32px; - content:""; - background-size: cover; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - margin-left: 20px; - margin-right: 8px; - flex: 0 0 32px; - } + margin-left: 0px; + content: url("/css/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png"); + } } [class*="LoadingPage-logoFull-"] { - display: none !important; -} - -[class*="LoadingPage-page-"]:before { - background-image: url("/css/addons/radarr/radarr-4k-logo/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; - margin-top: 50px; - margin-right: auto; - margin-left: auto; - -} + content: url("/css/addons/radarr/radarr-4k-logo/radarr4k-v3.png"); + margin-top: 50px; + margin-right: auto; + margin-left: auto; + width: 120px; + height: 40px; + opacity: 1; +} \ No newline at end of file diff --git a/css/addons/readarr/readarr-alt-logo/readarr-alt-logo.css b/css/addons/readarr/readarr-alt-logo/readarr-alt-logo.css index f1f3b6fd80..751c7d49af 100644 --- a/css/addons/readarr/readarr-alt-logo/readarr-alt-logo.css +++ b/css/addons/readarr/readarr-alt-logo/readarr-alt-logo.css @@ -1,53 +1,16 @@ @media (min-width: 752px) { - [class*="PageHeader-logo-"] { - display: none !important; + [class*="PageHeader-logo-"] { + content: url("/css/addons/readarr/readarr-alt-logo/readarr_alt.png"); } - [class*="PageHeader-logoContainer-"]:before { - background-image: url("/css/addons/readarr/readarr-alt-logo/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("/css/addons/readarr/readarr-alt-logo/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; +@media only screen and (max-width: 768px) { + [class*="PageHeader-logo-"] { + content: url("/css/addons/readarr/readarr-alt-logo/readarr_alt.png"); + } } -[class*="LoadingPage-page-"]:before { - background-image: url("/css/addons/readarr/readarr-alt-logo/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; - -} +[class*="LoadingPage-logoFull-"] { + content: url("/css/addons/readarr/readarr-alt-logo/readarr_alt.png"); + opacity: 1; +} \ No newline at end of file diff --git a/css/addons/sonarr/sonarr-4k-logo/sonarr-4k-logo.css b/css/addons/sonarr/sonarr-4k-logo/sonarr-4k-logo.css index 0b109c74f5..9bcc5ab73f 100644 --- a/css/addons/sonarr/sonarr-4k-logo/sonarr-4k-logo.css +++ b/css/addons/sonarr/sonarr-4k-logo/sonarr-4k-logo.css @@ -1,53 +1,16 @@ @media (min-width: 752px) { - [class*="PageHeader-logo-"] { - display: none !important; + [class*="PageHeader-logo-"] { + content: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png"); } - [class*="PageHeader-logoContainer-"]:before { - background-image: url("/css/addons/sonarr/sonarr-4k-logo/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) { - [class*="PageHeader-logo-"] { - display: none !important; - } - [class*="PageHeader-logoContainer-"]:before { - background-image: url("/css/addons/sonarr/sonarr-4k-logo/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; - } } -[class*="LoadingPage-logoFull-"] { - display: none !important; +@media only screen and (max-width: 768px) { + [class*="PageHeader-logo-"] { + content: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png"); + } } -[class*="LoadingPage-page-"]:before { - background-image: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.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; - -} +[class*="LoadingPage-logoFull-"] { + content: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png"); + opacity: 1; +} \ No newline at end of file diff --git a/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text-logo.css b/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text-logo.css index 9dc5b9037a..0805aae0b5 100644 --- a/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text-logo.css +++ b/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text-logo.css @@ -1,55 +1,27 @@ @media (min-width: 752px) { - [class*="PageHeader-logo-"] { - display: none !important; - } - [class*="PageHeader-logoContainer-"]:before { - background-image: url("/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text.png"); - display: inline-block; - margin-left: 15px; - width: 124px; - height: 40px; - 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("/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text.png"); - display: inline-block; - width: 124px; + [class*="PageHeader-logo-"] { + content: url("/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text.png"); + margin-left: 15px; + width: 120px; height: 40px; - 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; - + } } -@media (max-width: 767px) { - [class*="PageHeader-logo-"] { - display: none !important; - } - [class*="PageHeader-logoContainer-"]:before { - background-image: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png"); - display: inline-block; - width: 32px; +@media only screen and (max-width: 768px) { + [class*="PageHeader-logo-"] { + width: 32px; height: 32px; - content:""; - background-size: cover; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - } + margin-left: 0px; + content: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png"); + } } + +[class*="LoadingPage-logoFull-"] { + content: url("/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text.png"); + margin-top: 50px; + margin-right: auto; + margin-left: auto; + width: 120px; + height: 40px; + opacity: 1; +} \ No newline at end of file diff --git a/css/addons/sonarr/sonarr-text-logo/sonarr-text-logo.css b/css/addons/sonarr/sonarr-text-logo/sonarr-text-logo.css index 0979cbe5aa..b037386c06 100644 --- a/css/addons/sonarr/sonarr-text-logo/sonarr-text-logo.css +++ b/css/addons/sonarr/sonarr-text-logo/sonarr-text-logo.css @@ -1,38 +1,27 @@ @media (min-width: 752px) { - [class*="PageHeader-logo-"] { - display: none !important; - } - [class*="PageHeader-logoContainer-"]:before { - background-image: url("/css/addons/sonarr/sonarr-text-logo/sonarr-text.png"); - display: inline-block; - margin-left: 15px; - width: 124px; + [class*="PageHeader-logo-"] { + content: url("/css/addons/sonarr/sonarr-text-logo/sonarr-text.png"); + margin-left: 15px; + width: 120px; height: 40px; - 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("/css/addons/sonarr/sonarr-text-logo/sonarr-text.png"); - display: inline-block; - width: 124px; - height: 40px; - 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; - +@media only screen and (max-width: 768px) { + [class*="PageHeader-logo-"] { + width: 32px; + height: 32px; + margin-left: 0px; + content: url("sonarr/Content/Images/logo.svg"); + } } + +[class*="LoadingPage-logoFull-"] { + content: url("/css/addons/sonarr/sonarr-text-logo/sonarr-text.png"); + margin-top: 50px; + margin-right: auto; + margin-left: auto; + width: 120px; + height: 40px; + opacity: 1; +} \ No newline at end of file