From 8495ef3336db1e300acdd81a9798e1a46a340749 Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Thu, 18 Jun 2020 19:25:52 +0200
Subject: [PATCH] Created Monitorr (markdown)

---
 Monitorr.md | 41 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 Monitorr.md

diff --git a/Monitorr.md b/Monitorr.md
new file mode 100644
index 0000000..2666c63
--- /dev/null
+++ b/Monitorr.md
@@ -0,0 +1,41 @@
+# Monitorr Themes
+
+Custom [Monitorr](https://github.com/Monitorr/Monitorr) CSS for [Organizr](https://github.com/causefx/Organizr) homepage integration.
+
+![](https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorr/monitorr.gif)
+
+```
+https://gilbn.github.io/theme.park/CSS/themes/monitorr/XXX.css
+aquamarine.css
+hotline.css
+dark.css
+plex.css
+space-gray.css
+organizr-dashboard.css
+```
+
+#### The `organizr-dashboard.css` theme will mess with your Monitorr base theme. And it will hide the settings button. Go to /monitorr/settings.php for settings.  It is created purely for use with "minimum" version of the index.php `https://domain.com/monitorr/index.min.php` for Organizr homepage integration.
+**NOTE:**
+When viewing monitorr in Organizr iframe using `organizr-dashboard.css` it will follow the Organizr theme. When viewing it outside of Organizr iframe the background will be white ect. If you don't want this you can create two reverse proxies. One for monitorr organizr homepage integration and one for the monitorr dark/plex theme. And use subfilter on both instead of adding `@import "https://gilbn.github.io/theme.park/CSS/themes/organizr-dashboard.css";` in the monitorr custom css.
+
+
+Add this in the Monitorr custom css box:
+```css
+@import "https://gilbn.github.io/theme.park/CSS/themes/monitorr/THEME_NAME.css";
+```
+And add this in custom HTML in Organizr:
+```css
+<div id="announcementRow" class="row"><h4 class="pull-left"><span>Monitorr</span></h4><hr class="hidden-xs"></div>
+<div style="overflow:hidden; height:260px; width:calc(100% + 39px); -webkit-overflow-scrolling: touch; overflow-y: scroll;">
+<iframe class="iframe" frameborder="0" src="https://monitorr.domain.com/index.min.php"></iframe>
+</div>
+```
+
+### Screenshots
+<p>
+<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorr/aquamarine.png"></img>
+<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorr/hotline.png"></img>
+<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorr/space-gray.png"></img>
+<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorr/plex.jpg"></img>
+<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorr/dark.png"></img>
+</p>
\ No newline at end of file