diff --git a/CSS/addons/bazarr/README.md b/CSS/addons/bazarr/README.md new file mode 100644 index 00000000..34262571 --- /dev/null +++ b/CSS/addons/bazarr/README.md @@ -0,0 +1,52 @@ +Adds a 4K logo to your Bazarr css. +

+Screen Shot 1 +

+

+Screen Shot 1 +

+ +## Setup + +#### Docker mod +`-e TP_ADDON=bazarr-4k-logo` + +#### 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/bazarr/THEME.css"; +@import "https://gilbn.github.io/theme.park/CSS/addons/bazarr/bazarr-4k-logo.css"; +``` \ No newline at end of file diff --git a/CSS/addons/bazarr/bazarr-4k-logo.css b/CSS/addons/bazarr/bazarr-4k-logo.css new file mode 100644 index 00000000..55d90066 --- /dev/null +++ b/CSS/addons/bazarr/bazarr-4k-logo.css @@ -0,0 +1,35 @@ +/* Desktop */ +@media (min-width: 752px) { + .header-icon.px-3.m-0.d-none.d-md-block img { + display: none !important; + } + .header-icon.px-3.m-0.d-none.d-md-block:before { + background-image: url("https://gilbn.github.io/theme.park/CSS/addons/bazarr/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; + } +} + +/* Mobile */ +@media (max-width: 767px) { + .sidebar-title.d-flex.align-items-center.d-md-none.container img { + display: none !important; + } + .sidebar-title.d-flex.align-items-center.d-md-none.container:before { + background-image: url("https://gilbn.github.io/theme.park/CSS/addons/bazarr/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; + } +} \ No newline at end of file diff --git a/CSS/addons/bazarr/bazarr4k.png b/CSS/addons/bazarr/bazarr4k.png new file mode 100644 index 00000000..7c6c7924 Binary files /dev/null and b/CSS/addons/bazarr/bazarr4k.png differ diff --git a/CSS/addons/bazarr/desktop.png b/CSS/addons/bazarr/desktop.png new file mode 100644 index 00000000..d91db920 Binary files /dev/null and b/CSS/addons/bazarr/desktop.png differ diff --git a/CSS/addons/bazarr/mobile.png b/CSS/addons/bazarr/mobile.png new file mode 100644 index 00000000..51e74b99 Binary files /dev/null and b/CSS/addons/bazarr/mobile.png differ