7 changed files with 149 additions and 0 deletions
@ -0,0 +1,54 @@ |
|||
# Sonarr 4K logo |
|||
|
|||
Add a 4K logo to your Sonarr css. |
|||
|
|||
### Desktop |
|||
 |
|||
 |
|||
|
|||
### Mobile |
|||
 |
|||
 |
|||
|
|||
|
|||
## Setup |
|||
|
|||
#### Nginx |
|||
Examples of how to add it: |
|||
|
|||
```nginx |
|||
proxy_set_header Accept-Encoding ""; |
|||
sub_filter |
|||
'</head>' |
|||
'<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/sonarr/THEME.css"> |
|||
<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css"> |
|||
</head>'; |
|||
sub_filter_once on; |
|||
``` |
|||
|
|||
#### Apache |
|||
|
|||
```nginx |
|||
AddOutputFilterByType SUBSTITUTE text/html |
|||
Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/sonarr/THEME.css"><link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css"> |
|||
</head>';|' |
|||
``` |
|||
|
|||
#### Caddy |
|||
|
|||
```nginx |
|||
filter rule { |
|||
content_type text/html.* |
|||
search_pattern </head> |
|||
replacement "<link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/themes/<APP_NAME>/<THEME>.css'><link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css'></head>" |
|||
} |
|||
``` |
|||
|
|||
#### 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"; |
|||
``` |
After Width: | Height: | Size: 28 KiB |
After Width: | Height: | Size: 24 KiB |
@ -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; |
|||
} |
|||
} |
After Width: | Height: | Size: 45 KiB |
After Width: | Height: | Size: 16 KiB |
After Width: | Height: | Size: 42 KiB |
Loading…
Reference in new issue