mirror of
https://github.com/gilbN/theme.park.git
synced 2024-09-19 07:12:24 +02:00
Added sonarr4k addon css, closes #95
This commit is contained in:
parent
d5456b94e4
commit
f8d507df27
54
CSS/addons/sonarr/README.md
Normal file
54
CSS/addons/sonarr/README.md
Normal file
@ -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
|
||||
'</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";
|
||||
```
|
BIN
CSS/addons/sonarr/desktop.png
Normal file
BIN
CSS/addons/sonarr/desktop.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 28 KiB |
BIN
CSS/addons/sonarr/mobile.png
Normal file
BIN
CSS/addons/sonarr/mobile.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 24 KiB |
95
CSS/addons/sonarr/sonarr-4k-logo.css
Normal file
95
CSS/addons/sonarr/sonarr-4k-logo.css
Normal file
@ -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;
|
||||
}
|
||||
}
|
BIN
CSS/addons/sonarr/sonarr-4k.png
Normal file
BIN
CSS/addons/sonarr/sonarr-4k.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 45 KiB |
BIN
CSS/addons/sonarr/v3-desktop.png
Normal file
BIN
CSS/addons/sonarr/v3-desktop.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 16 KiB |
BIN
CSS/addons/sonarr/v3-mobile.png
Normal file
BIN
CSS/addons/sonarr/v3-mobile.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 42 KiB |
Loading…
Reference in New Issue
Block a user