Added sonarr4k addon css, closes #95

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
+'</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";
+```

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;
+    } 
+}