From 5e2d553b02f1198551f42a6bfdf89268f93ac757 Mon Sep 17 00:00:00 2001 From: gilbN Date: Sun, 28 Jul 2019 13:31:21 +0200 Subject: [PATCH] added monitorr themes --- CSS/themes/monitorr/aquamarine.css | 21 ++ CSS/themes/monitorr/dark.css | 21 ++ CSS/themes/monitorr/hotline.css | 21 ++ CSS/themes/monitorr/monitorr-base.css | 280 +++++++++++++++++++++ CSS/themes/monitorr/organizr-dashboard.css | 169 +++++++++++++ CSS/themes/monitorr/plex.css | 21 ++ 6 files changed, 533 insertions(+) create mode 100644 CSS/themes/monitorr/aquamarine.css create mode 100644 CSS/themes/monitorr/dark.css create mode 100644 CSS/themes/monitorr/hotline.css create mode 100644 CSS/themes/monitorr/monitorr-base.css create mode 100644 CSS/themes/monitorr/organizr-dashboard.css create mode 100644 CSS/themes/monitorr/plex.css diff --git a/CSS/themes/monitorr/aquamarine.css b/CSS/themes/monitorr/aquamarine.css new file mode 100644 index 00000000..f7ce3927 --- /dev/null +++ b/CSS/themes/monitorr/aquamarine.css @@ -0,0 +1,21 @@ + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* MONIITORR AQUAMARINE THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/monitorr/monitorr-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --button-color: hsla(0,0%,100%,.15); + --button-color-hover: hsla(0,0%,100%,.30); +} \ No newline at end of file diff --git a/CSS/themes/monitorr/dark.css b/CSS/themes/monitorr/dark.css new file mode 100644 index 00000000..6faaec4f --- /dev/null +++ b/CSS/themes/monitorr/dark.css @@ -0,0 +1,21 @@ + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* MONITORR DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/monitorr/monitorr-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: radial-gradient(ellipse at top, #1f1f1f 0%, #1f1f1f 100%) center center/cover no-repeat fixed; + --button-color: #cc7b19; + --button-color-hover: #e59029; + } \ No newline at end of file diff --git a/CSS/themes/monitorr/hotline.css b/CSS/themes/monitorr/hotline.css new file mode 100644 index 00000000..f9b55635 --- /dev/null +++ b/CSS/themes/monitorr/hotline.css @@ -0,0 +1,21 @@ + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* MONITORR HOTLINE THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/monitorr/monitorr-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --button-color: hsla(0,0%,100%,.15); + --button-color-hover: hsla(0,0%,100%,.30); +} \ No newline at end of file diff --git a/CSS/themes/monitorr/monitorr-base.css b/CSS/themes/monitorr/monitorr-base.css new file mode 100644 index 00000000..8cf4368e --- /dev/null +++ b/CSS/themes/monitorr/monitorr-base.css @@ -0,0 +1,280 @@ + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + + +#footer:after { + color: white; + content: "theme.park v2.0"; +} + +body { + background: var(--main-bg-color) !important; + background-repeat: repeat, no-repeat; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; + background-color: rgba(0,0,0,.0) !important; + color:#FFFFFF !important; +} + +#includedContent { +background-color: transparent; +background: transparent; +} +#username:hover, #password:hover { + text-shadow: 0 0 1rem transparent; +} + +/* Settings */ + /* Text Color */ +.alpaca-control-label, .alpaca-control.radio { + color: white !important; +} +.alpaca-form-buttons-container { + background-color: transparent !important; +} +.Rtable-cell { + color: white !important; +} +#colorkey { + color: white !important; +} +.settingstitle { + text-shadow: none !important; +} +#reginfo { + color: white !important; +} +#infodata { + background-color: transparent !important; + box-shadow: none !important; +} +.input_icon { + color: var(--button-color) !important; +} +.input_icon:hover { + color: var(--button-color-hover) !important; +} +/* Sidebar */ +#sidebar-wrapper { + box-shadow: none !important; + background-color: rgba(0, 0, 0, 0.07); +} +.sidebar-nav li:hover:before { + -webkit-transition: none !important; + transition: none !important; + background-color: rgba(0, 0, 0, 0.07); +} +.sidebar-nav li:before { + background-color: rgba(0, 0, 0, 0.07); + transition: none !important; + -webkit-transition: none !important; +} + .sidebar-nav li:first-child a { + background-color: rgba(0, 0, 0, 0.07); + } + .sidebar-nav li:nth-child(2):before { + background-color: rgba(0, 0, 0, 0.07); + } + .sidebar-nav li:nth-child(3):before { + background-color: rgba(0, 0, 0, 0.07); + } + .sidebar-nav li:nth-child(4):before { + background-color: rgba(0, 0, 0, 0.07); + } + .sidebar-nav li:nth-child(5):before { + background-color: rgba(0, 0, 0, 0.07); + } + .sidebar-nav li:nth-child(6):before { + background-color: rgba(0, 0, 0, 0.07); + } + .sidebar-nav li:nth-child(7):before { + background-color: rgba(0, 0, 0, 0.07); + } + .sidebar-nav li:nth-child(8):before { + background-color: rgba(0, 0, 0, 0.07); + } + .sidebar-nav li:nth-child(9):before { + background-color: rgba(0, 0, 0, 0.07); + } + +#modalloading { + background: var(--main-bg-color); + color: white !important; + border: 1px solid transparent !important; + box-shadow: 0.5rem 0.5rem 1rem rgb(15, 15, 15, 0.45) !important; + } +.modaltextloading, .modalloadingspinner { + color: #FFF !important; +} + +.container { + max-width: 100% !important; + padding-right: 2rem !important; +} +#stats { + background-color: rgba(0,0,0,.15) !important; + padding-left: .0rem !important; + padding-right: 1.11rem !important; + box-shadow: none; +} +#hd { + padding-left: 0.8rem !important; +} +.double-val-label>span.success { + background-color: #28a745 !important; +} +.servicetile:hover, .servicetile:focus { + text-shadow: 0 0 20px #000; +} +#servicetitle:hover, #servicetitle:focus { + text-shadow: 0 0 20px #000; +} +#servicetitle { + color: #fff !important; +} +.btnoffline, .btnunknown, .btnonline { + box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.9) !important; + -webkit-box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.9) !important; +} +.btnonline { + background-color: #28a745 !important; +} +.btn { + background-color: var(--button-color) !important; +} +.btn:hover { + background-color: var(--button-color-hover) !important; +} +.btn-primary,.btn-primary:hover { + border-color: transparent; +} +#time { + background-color: rgba(0,0,0,.15) !important; + color: #fff !important; + box-shadow: none; +} +#slidertable { +background-color: rgba(0,0,0,.15) !important; +box-shadow: none; +} +#textslider { + color: #fff !important; +} +.dtg { + color: #fff !important; +} +.datemin { + color: #fff !important; +} +#center { + background-color: rgba(0,0,0,.0) !important; + box-shadow: 0px 0px 0px 0px #ffffff00, 0px 0px 0px 0px #ffffff00, 10px 0px 10px 0px #ffffff00, -10px 0px 10px 2px #ffffff00 !important; +} +/*Service tile*/ +.col-lg-4 { + background-color: rgba(0,0,0,.15) !important; + margin: 1rem .1rem 1.5rem 1rem !important; + width: 9rem !important; + box-shadow: none; +} +.col-lg-4:hover { + background-color: hsla(0,0%,100%,.08) !important; + margin: 1rem .1rem 1.5rem 1rem !important; + width: 9rem !important; + box-shadow: none; +} +.servicetile, .servicetile:hover, .servicetile:focus { + color: #ffffff; + text-shadow: none !important; + text-decoration: none !important; + outline: 0; + font-weight: inherit !important; + -webkit-transition: none !important; + -moz-transition: none !important; + -ms-transition: none !important; + -o-transition: none !important; + transition: none !important; +} +.servicetile { + color: #ffffff; + text-shadow: none !important; + text-decoration: none !important; + outline: 0; + font-weight: inherit !important; + -webkit-transition: none !important; + -moz-transition: none !important; + -ms-transition: none !important; + -o-transition: none !important; + transition: none !important; +} +#servicetitle:hover, #servicetitle:focus { + text-shadow: none !important; + font-weight: inherit !important; +} + +#clock { + background-color: rgba(0,0,0,.15) !important; + color: #fff !important; + box-shadow: none; +} +.date { + color: #fff !important; +} +#summary { + background-color: #e84242 !important; + border-radius: 23px 22px 22px 23px/23px 23px 22px 22px; + box-shadow: 0px 2px 5px rgb(15, 15, 15) !important; +} +.pace, .pace-progress { + background: rgba(0,0,0,.15) !important; +} +.pace, .pace-progress-inner { + box-shadow: 0 0 10px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.15) !important; +} +.pace .pace-activity { + border-top-color: #FFF !important; + border-left-color: #FFF !important; + } +.footer { + color: white !important; +} +.footer:hover { + text-shadow: 0 0 15px transparent !important; +} +#footer { + color: transparent !important; +} + +.navbar-brand { + text-shadow: 0 0 15px #000000 !important; + } + +/* ButtonShadow */ +.btnoffline, .btnunknown, .btnonline { + box-shadow: none !important; + -webkit-box-shadow: none !important; +} + +@media only screen and (max-width: 775px) { + #slidertable { + display: none !important; + } + + #time { + display: none !important; + } +} diff --git a/CSS/themes/monitorr/organizr-dashboard.css b/CSS/themes/monitorr/organizr-dashboard.css new file mode 100644 index 00000000..f700fd36 --- /dev/null +++ b/CSS/themes/monitorr/organizr-dashboard.css @@ -0,0 +1,169 @@ + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +body { + background-color: transparent !important; +} + +.container { + max-width: 100% !important; + padding-right: 2rem !important; +} +#stats { + background-color: rgba(0,0,0,.15) !important; + padding-left: .0rem !important; + padding-right: 1.11rem !important; + box-shadow: none; +} +#hd { + padding-left: 0.8rem !important; +} +.double-val-label>span.success { + background-color: #28a745 !important; +} +.servicetile:hover, .servicetile:focus { + text-shadow: 0 0 20px #000; +} +#servicetitle:hover, #servicetitle:focus { + text-shadow: 0 0 20px #000; +} +#servicetitle { + color: #fff !important; +} +.btnoffline, .btnunknown, .btnonline { + box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.9) !important; + -webkit-box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.9) !important; +} +.btnonline { + background-color: #28a745 !important; +} +#time { + background-color: rgba(0,0,0,.15) !important; + color: #fff !important; + box-shadow: none; +} +#slidertable { +background-color: rgba(0,0,0,.15) !important; +box-shadow: none; +} +#textslider { + color: #fff !important; +} +.dtg { + color: #fff !important; +} +.datemin { + color: #fff !important; +} +#center { + background-color: rgba(0,0,0,.0) !important; + box-shadow: 0px 0px 0px 0px #ffffff00, 0px 0px 0px 0px #ffffff00, 10px 0px 10px 0px #ffffff00, -10px 0px 10px 2px #ffffff00 !important; +} +/*Service tile*/ +.col-lg-4 { + background-color: rgba(0,0,0,.15) !important; + margin: 1rem .1rem 1.5rem 1rem !important; + width: 9rem !important; + box-shadow: none; +} +.col-lg-4:hover { + background-color: hsla(0,0%,100%,.08) !important; + margin: 1rem .1rem 1.5rem 1rem !important; + width: 9rem !important; + box-shadow: none; +} +.servicetile, .servicetile:hover, .servicetile:focus { + color: #ffffff; + text-shadow: none !important; + text-decoration: none !important; + outline: 0; + font-weight: inherit !important; + -webkit-transition: none !important; + -moz-transition: none !important; + -ms-transition: none !important; + -o-transition: none !important; + transition: none !important; +} +.servicetile { + color: #ffffff; + text-shadow: none !important; + text-decoration: none !important; + outline: 0; + font-weight: inherit !important; + -webkit-transition: none !important; + -moz-transition: none !important; + -ms-transition: none !important; + -o-transition: none !important; + transition: none !important; +} +#servicetitle:hover, #servicetitle:focus { + text-shadow: none !important; + font-weight: inherit !important; +} + +#clock { + background-color: rgba(0,0,0,.15) !important; + color: #fff !important; + box-shadow: none; +} +.date { + color: #fff !important; +} +#summary { + background-color: #e84242 !important; + border-radius: 23px 22px 22px 23px/23px 23px 22px 22px; + box-shadow: 0px 2px 5px rgb(15, 15, 15) !important; +} +.pace, .pace-progress { + background: rgba(0,0,0,.15) !important; +} +.pace, .pace-progress-inner { + box-shadow: 0 0 10px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.15) !important; +} +.footer { + color: transparent !important; +} +.footer:hover { + text-shadow: 0 0 15px transparent !important; +} +#footer { + color: transparent !important; +} +.alpaca-control-label, .alpaca-control.radio { + color: black !important; +} +.navbar-brand { + text-shadow: 0 0 15px #000000 !important; + } +.Rtable-cell { + color: #000000 !important; +} +#colorkey { + color: #000000 !important; +} + +/* ButtonShadow */ +.btnoffline, .btnunknown, .btnonline { + box-shadow: none !important; + -webkit-box-shadow: none !important; +} + +@media only screen and (max-width: 775px) { + #slidertable { + display: none !important; + } + + #time { + display: none !important; + } +} diff --git a/CSS/themes/monitorr/plex.css b/CSS/themes/monitorr/plex.css new file mode 100644 index 00000000..ddb16ef6 --- /dev/null +++ b/CSS/themes/monitorr/plex.css @@ -0,0 +1,21 @@ + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* MONITORR PLEX THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/monitorr/monitorr-base.css); +:root { + --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed; + --modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed; + --button-color: #cc7b19; + --button-color-hover: #e59029; + } \ No newline at end of file