diff --git a/CSS/addons/sonarr/README.md b/CSS/addons/sonarr/README.md new file mode 100644 index 00000000..31bd7ba1 --- /dev/null +++ b/CSS/addons/sonarr/README.md @@ -0,0 +1,54 @@ +# Sonarr 4K logo + +Add a 4K logo to your Sonarr css. + +### Desktop +![](desktop.png) +![](v3-desktop.png) + +### Mobile +![](mobile.png) +![](v3-mobile.png) + + +## Setup + +#### Nginx +Examples of how to add it: + +```nginx +proxy_set_header Accept-Encoding ""; +sub_filter +'' +' + +'; +sub_filter_once on; +``` + +#### Apache + +```nginx +AddOutputFilterByType SUBSTITUTE text/html + Substitute 's| ' +';|' +``` + +#### Caddy + +```nginx +filter rule { + content_type text/html.* + search_pattern + replacement "" +} +``` + +#### Stylus + +Just add another import line. + +```css +@import "https://gilbn.github.io/theme.park/CSS/themes/sonarr/THEME.css"; +@import "https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css"; +``` \ No newline at end of file diff --git a/CSS/addons/sonarr/desktop.png b/CSS/addons/sonarr/desktop.png new file mode 100644 index 00000000..9de8cfd9 Binary files /dev/null and b/CSS/addons/sonarr/desktop.png differ diff --git a/CSS/addons/sonarr/mobile.png b/CSS/addons/sonarr/mobile.png new file mode 100644 index 00000000..71f421c2 Binary files /dev/null and b/CSS/addons/sonarr/mobile.png differ diff --git a/CSS/addons/sonarr/sonarr-4k-logo.css b/CSS/addons/sonarr/sonarr-4k-logo.css new file mode 100644 index 00000000..529de94b --- /dev/null +++ b/CSS/addons/sonarr/sonarr-4k-logo.css @@ -0,0 +1,95 @@ +/* Desktop */ +@media (min-width: 752px) { + .navbar-brand>img { + display:none !important; + } + .navbar > .container-fluid .navbar-brand:before { + background-image: url("https://gilbn.github.io/theme.park/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://gilbn.github.io/theme.park/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://gilbn.github.io/theme.park/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) { + .PageHeader\/logo\/2y8vm { + display: none !important; + } + .PageHeader\/logoContainer\/3bOb3:before { + background-image: url("https://gilbn.github.io/theme.park/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; + } +} + +@media (max-width: 767px) { + .PageHeader\/logo\/2y8vm { + display: none !important; + } + .PageHeader\/logoContainer\/3bOb3:before { + background-image: url("https://gilbn.github.io/theme.park/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; + } +} \ No newline at end of file diff --git a/CSS/addons/sonarr/sonarr-4k.png b/CSS/addons/sonarr/sonarr-4k.png new file mode 100644 index 00000000..a42e2fa5 Binary files /dev/null and b/CSS/addons/sonarr/sonarr-4k.png differ diff --git a/CSS/addons/sonarr/v3-desktop.png b/CSS/addons/sonarr/v3-desktop.png new file mode 100644 index 00000000..7fc13a56 Binary files /dev/null and b/CSS/addons/sonarr/v3-desktop.png differ diff --git a/CSS/addons/sonarr/v3-mobile.png b/CSS/addons/sonarr/v3-mobile.png new file mode 100644 index 00000000..080ae0e1 Binary files /dev/null and b/CSS/addons/sonarr/v3-mobile.png differ