mirror of
https://github.com/gilbN/theme.park.git
synced 2024-11-20 01:52:32 +01:00
deploy: d3e5f07c01
This commit is contained in:
GilbN
parent
677cd08c8c
commit
8b5c58c08a
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,35 +0,0 @@
|
|||||||
/* 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 */
|
|
||||||
|
|
||||||
/* SONARR MIND STONE THEME */
|
|
||||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css);
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(255, 242, 0, .7) 0%, #0d0400 80%, rgba(0, 0, 0, 1) 100%) center center/cover no-repeat fixed,
|
|
||||||
url("https://themepark-develop.netlify.app/Resources/mind.jpg") center center/cover no-repeat fixed;
|
|
||||||
--modal-bg-color: linear-gradient(180deg, rgba(51, 49, 0, .7) 0%, #000 100%) center center/cover no-repeat fixed,
|
|
||||||
url("https://themepark-develop.netlify.app/Resources/mind.jpg") center center/cover no-repeat fixed;
|
|
||||||
|
|
||||||
--calendar-tv-Unaired-Premiere: 53 197 244;
|
|
||||||
--calendar-tv-Downloading: 122 67 182;
|
|
||||||
--calendar-tv-Unmonitored: 173 173 173;
|
|
||||||
--calendar-tv-Unaired: 93 156 236;
|
|
||||||
--calendar-tv-missing: 240 80 80;
|
|
||||||
--calendar-tv-On-Air: 255 165 0;
|
|
||||||
--calendar-tv-available: 39 194 76;
|
|
||||||
|
|
||||||
--button-color: rgba(255, 255, 255, .15);
|
|
||||||
--button-color-hover: #fff200cc;
|
|
||||||
--accent-color: #fff200cc;
|
|
||||||
--accent-color-hover: #fff200cc;
|
|
||||||
--arr-queue-color: #204c80cc;
|
|
||||||
}
|
|
||||||
@ -1,42 +0,0 @@
|
|||||||
/* 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 */
|
|
||||||
|
|
||||||
/* SONARR THEME */
|
|
||||||
@import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css);
|
|
||||||
:root {
|
|
||||||
--main-bg-color: linear-gradient(45deg, #fb3f62 0%, #204c80 37%, #004249 97%) center center/cover no-repeat fixed;
|
|
||||||
--modal-bg-color: radial-gradient(circle, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
|
|
||||||
|
|
||||||
--calendar-tv-Unaired-Premiere: 53 197 244;
|
|
||||||
--calendar-tv-Downloading: 122 67 182;
|
|
||||||
--calendar-tv-Unmonitored: 173 173 173;
|
|
||||||
--calendar-tv-Unaired: 93 156 236;
|
|
||||||
--calendar-tv-missing: 240 80 80;
|
|
||||||
--calendar-tv-On-Air: 255 165 0;
|
|
||||||
--calendar-tv-available: 39 194 76;
|
|
||||||
|
|
||||||
--button-color: #fb3f62;
|
|
||||||
--button-color-hover: rgba(251, 63, 98, .8);
|
|
||||||
--button-text: #eee;
|
|
||||||
--button-text-hover: #FFF;
|
|
||||||
|
|
||||||
--accent-color: rgba(251, 63, 98, .8);
|
|
||||||
--accent-color-hover: rgba(251, 63, 98, .8);
|
|
||||||
--arr-queue-color: rgba(63, 251, 157, .8);
|
|
||||||
--link-color: #ff6581;
|
|
||||||
--link-color-hover: #fff;
|
|
||||||
|
|
||||||
--text:#eee;
|
|
||||||
--text-hover: #fff;
|
|
||||||
--text-muted: #999;
|
|
||||||
}
|
|
||||||
|
|
||||||
@ -1,34 +0,0 @@
|
|||||||
/* 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 */
|
|
||||||
|
|
||||||
/* SONARR POWER STONE THEME */
|
|
||||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css);
|
|
||||||
:root {
|
|
||||||
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(166, 40, 140, .7) 0%, rgba(11,8,51,1) 80%, rgba(0,0,0,1) 100%) center center/cover no-repeat fixed,
|
|
||||||
url("https://themepark-develop.netlify.app/Resources/power.jpg") center center/cover no-repeat fixed;
|
|
||||||
--modal-bg-color: linear-gradient(180deg, rgba(35, 0, 57, .7) 0%, #000 100%) center center/cover no-repeat fixed,
|
|
||||||
url("https://themepark-develop.netlify.app/Resources/power.jpg") center center/cover no-repeat fixed;
|
|
||||||
|
|
||||||
--calendar-tv-Unaired-Premiere: 53 197 244;
|
|
||||||
--calendar-tv-Downloading: 122 67 182;
|
|
||||||
--calendar-tv-Unmonitored: 173 173 173;
|
|
||||||
--calendar-tv-Unaired: 93 156 236;
|
|
||||||
--calendar-tv-missing: 240 80 80;
|
|
||||||
--calendar-tv-On-Air: 255 165 0;
|
|
||||||
--calendar-tv-available: 39 194 76;
|
|
||||||
|
|
||||||
--button-color: #85096b;
|
|
||||||
--button-color-hover: #85096bcc;
|
|
||||||
--accent-color: #85096bcc;
|
|
||||||
--accent-color-hover: #85096bcc;
|
|
||||||
--arr-queue-color: #204c80cc;
|
|
||||||
}
|
|
||||||
@ -1,36 +0,0 @@
|
|||||||
/* 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 */
|
|
||||||
|
|
||||||
/* SONARR REALITY STONE THEME */
|
|
||||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css);
|
|
||||||
:root {
|
|
||||||
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(232, 11, 11, 0.7) 0%, #08000d 80%, rgba(0,0,0,1) 100%) center center/cover no-repeat fixed,
|
|
||||||
url("https://themepark-develop.netlify.app/Resources/reality.jpg") center center/cover no-repeat fixed;
|
|
||||||
--modal-bg-color: linear-gradient(180deg, rgba(102, 5, 5, 0.7) 0%, #000 100%) center center/cover no-repeat fixed,
|
|
||||||
url("https://themepark-develop.netlify.app/Resources/reality.jpg") center center/cover no-repeat fixed;
|
|
||||||
|
|
||||||
--calendar-tv-Unaired-Premiere: 53 197 244;
|
|
||||||
--calendar-tv-Downloading: 122 67 182;
|
|
||||||
--calendar-tv-Unmonitored: 173 173 173;
|
|
||||||
--calendar-tv-Unaired: 93 156 236;
|
|
||||||
--calendar-tv-missing: 240 80 80;
|
|
||||||
--calendar-tv-On-Air: 255 165 0;
|
|
||||||
--calendar-tv-available: 39 194 76;
|
|
||||||
|
|
||||||
--button-color: rgba(255, 255, 255, .15);
|
|
||||||
--button-color-hover: #e80c0bcc;
|
|
||||||
--accent-color: #e80c0bcc;
|
|
||||||
--accent-color-hover: #e80c0bcc;
|
|
||||||
--arr-queue-color: #204c80cc;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,773 +0,0 @@
|
|||||||
body {
|
|
||||||
background: var(--main-bg-color);
|
|
||||||
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;
|
|
||||||
color: var(--text);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
/* VERSION */
|
|
||||||
|
|
||||||
#footer-region::after {
|
|
||||||
content: "\A theme.park 2.0";
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
#scroll-up {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 991px) {
|
|
||||||
.toolbar .page-toolbar .x-toolbar-left-1 {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.toolbar .page-toolbar .btn-group {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-group.btn-group-collapse>.btn {
|
|
||||||
margin: 2px;
|
|
||||||
display: block;
|
|
||||||
float: none;
|
|
||||||
border-radius: 4px !important;
|
|
||||||
word-wrap: normal;
|
|
||||||
white-space: normal;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 767px) {
|
|
||||||
.table-responsive {
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-content {
|
|
||||||
box-shadow: 0 0 10px 1px #000;
|
|
||||||
border-radius: 3px;
|
|
||||||
background: var(--main-bg-color);
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* scroller */
|
|
||||||
::-webkit-scrollbar-corner {
|
|
||||||
background-color: hsla(0, 0%, 100%, .08);
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
|
||||||
width: 10px;
|
|
||||||
height: 10px;
|
|
||||||
background: rgba(0, 0, 0, .25);
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
|
||||||
-webkit-border-radius: 2px;
|
|
||||||
border-radius: 2px;
|
|
||||||
background-color: rgba(255, 255, 255, 0.25) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* navbar and searchbar */
|
|
||||||
.navbar-nzbdrone li a {
|
|
||||||
color: hsla(0, 0%, 100%, .7);
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-nzbdrone li a:hover {
|
|
||||||
background-color: hsla(0, 0%, 100%, .08);
|
|
||||||
color: var(--text-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
.search .input-group .input-group-addon,
|
|
||||||
.search .input-group input {
|
|
||||||
background-color: rgba(0, 0, 0, .25) !important;
|
|
||||||
color: #FFF;
|
|
||||||
border-color: transparent;
|
|
||||||
height: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.search .input-group .input-group-addon,
|
|
||||||
.search .input-group input:focus {
|
|
||||||
color: #FFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tt-suggestion.tt-cursor {
|
|
||||||
background-color: #191a1c !important;
|
|
||||||
color: #ffffff !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.search .tt-dropdown-menu {
|
|
||||||
background-color: #1f1f1f;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-group-lg>.form-control,
|
|
||||||
.input-group-lg>.input-group-addon,
|
|
||||||
.input-group-lg>.input-group-btn>.btn {
|
|
||||||
height: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-inverse,
|
|
||||||
.navbar-toggle {
|
|
||||||
background-color: rgba(0, 0, 0, .25);
|
|
||||||
border-color: rgba(0, 0, 0, .25);
|
|
||||||
color: #FFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-nzbdrone .navbar-toggle:focus,
|
|
||||||
.navbar-nzbdrone .navbar-toggle:hover {
|
|
||||||
color: var(--text-hover);
|
|
||||||
background-color: hsla(0, 0%, 100%, .08);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
|
||||||
|
|
||||||
.navbar-nzbdrone .navbar-collapse .navbar-nav li:focus,
|
|
||||||
.navbar-nzbdrone .navbar-collapse .navbar-nav li:hover {
|
|
||||||
background-color: hsla(0, 0%, 100%, .08);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Form Stuff */
|
|
||||||
|
|
||||||
.form-control {
|
|
||||||
color: #FFF;
|
|
||||||
background-color: rgba(0, 0, 0, .25) !important;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-control:focus {
|
|
||||||
background-color: #1f1f1f !important;
|
|
||||||
border-color: rgba(0, 0, 0, 0.51);
|
|
||||||
outline: 0;
|
|
||||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bootstrap-tagsinput {
|
|
||||||
background-color: rgba(0, 0, 0, .25);
|
|
||||||
border: 1px solid transparent;
|
|
||||||
color: #FFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-group i {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* /Movies/Series/Season page */
|
|
||||||
.started #page {
|
|
||||||
background-color: rgba(0, 0, 0, .25);
|
|
||||||
color: White;
|
|
||||||
box-shadow: none;
|
|
||||||
max-width: 1280px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.series-item a {
|
|
||||||
color: #FFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
.series-posters .series-posters-item,
|
|
||||||
.movie-posters-item {
|
|
||||||
background-color: rgba(0, 0, 0, .25) !important;
|
|
||||||
color: #444;
|
|
||||||
box-shadow: 0 0 10px 1px #000000 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.movie-posters-item {
|
|
||||||
min-height: 302px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-text .year {
|
|
||||||
color: #FFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
.backdrop .navbar-nzbdrone {
|
|
||||||
opacity: 0.98;
|
|
||||||
box-shadow: 0 0 10px 1px #000;
|
|
||||||
border-radius: 3px;
|
|
||||||
background: var(--main-bg-color);
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
.series-page-header,
|
|
||||||
.movie-page-header {
|
|
||||||
opacity: 0.98;
|
|
||||||
box-shadow: 0 0 10px 1px #000;
|
|
||||||
color: #ffffff;
|
|
||||||
background: var(--main-bg-color);
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
.series-season,
|
|
||||||
.movie-tabs-card {
|
|
||||||
opacity: 0.98;
|
|
||||||
box-shadow: 0 0 10px 1px #000;
|
|
||||||
color: #ffffff;
|
|
||||||
background: var(--main-bg-color);
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
.episode-title-cell {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
th.sortable:hover,
|
|
||||||
.table-hover>tbody>tr:hover {
|
|
||||||
background-color: rgba(0, 0, 0, .25);
|
|
||||||
color: var(--text-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress.episode-progress .progressbar-back-text {
|
|
||||||
color: #000 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-warning {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* SEARCH */
|
|
||||||
#add-series-screen .new-series .search-item,
|
|
||||||
#add-movies-screen .new-movies .search-item {
|
|
||||||
background-color: rgba(0, 0, 0, .25) !important;
|
|
||||||
color: #FFFFFF !important;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.form-group>label {
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
|
|
||||||
#add-series-screen .add-series-search>input.form-control.x-series-search,
|
|
||||||
#add-movies-screen .add-movies-search>input.form-control.x-movies-search {
|
|
||||||
background-color: rgba(0, 0, 0, .25) !important;
|
|
||||||
color: #FFFFFF !important;
|
|
||||||
border: none;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#add-series-screen .search-item select.form-control,
|
|
||||||
#add-movies-screen .search-item select.form-control {
|
|
||||||
background-color: #1f1f1f;
|
|
||||||
color: #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu>li>a {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu>li>a:hover {
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-group.input-group-lg.add-series-search>.input-group-addon,
|
|
||||||
.input-group.input-group-lg.add-movies-search>.input-group-addon {
|
|
||||||
color: #FFFFFF;
|
|
||||||
background-color: rgba(0, 0, 0, .25);
|
|
||||||
border: 0px solid rgba(0, 0, 0, .25);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Add Movies */
|
|
||||||
.nav .open>a,
|
|
||||||
.nav .open>a:focus,
|
|
||||||
.nav .open>a:hover {
|
|
||||||
background-color: hsla(0, 0%, 100%, .08);
|
|
||||||
border-color: var(--text-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
.discoverable-list-item:hover {
|
|
||||||
background-color: #1f1f1f;
|
|
||||||
color: var(--text-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-group-vertical>.btn.active,
|
|
||||||
.btn-group-vertical>.btn:active,
|
|
||||||
.btn-group-vertical>.btn:focus,
|
|
||||||
.btn-group-vertical>.btn:hover,
|
|
||||||
.btn-group>.btn.active,
|
|
||||||
.btn-group>.btn:active,
|
|
||||||
.btn-group>.btn:focus,
|
|
||||||
.btn-group>.btn:hover {
|
|
||||||
background-color: hsla(0, 0%, 100%, .08);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Add Series */
|
|
||||||
#add-series-screen .existing-series {
|
|
||||||
background-color: rgba(0, 0, 0, 0);
|
|
||||||
color: #fff;
|
|
||||||
box-shadow: 0 0 10px 1px #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Calendar page */
|
|
||||||
/* Unaired Premiere */
|
|
||||||
.calendar .premiere {
|
|
||||||
border-color: rgb(var(--calendar-tv-Unaired-Premiere));
|
|
||||||
background-color: rgb(var(--calendar-tv-Unaired-Premiere));
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Downloading */
|
|
||||||
.calendar .purple {
|
|
||||||
border-color: rgb(var(--calendar-tv-Downloading));
|
|
||||||
background-color: rgb(var(--calendar-tv-Downloading));
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Downloading */
|
|
||||||
.calendar .unmonitored {
|
|
||||||
border-color: rgb(var(--calendar-tv-Unmonitored));
|
|
||||||
background-color: rgb(var(--calendar-tv-Unmonitored));
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Unaired */
|
|
||||||
.calendar .primary {
|
|
||||||
border-color: rgb(var(--calendar-tv-Unaired));
|
|
||||||
background-color: rgb(var(--calendar-tv-Unaired));
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Missing */
|
|
||||||
.calendar .danger {
|
|
||||||
border-color: rgb(var(--calendar-tv-missing));
|
|
||||||
background-color: rgb(var(--calendar-tv-missing));
|
|
||||||
}
|
|
||||||
|
|
||||||
/* On Air */
|
|
||||||
.calendar .warning {
|
|
||||||
border-color: rgb(var(--calendar-tv-On-Air));
|
|
||||||
background-color: rgb(var(--calendar-tv-On-Air));
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Downloaded*/
|
|
||||||
.calendar .success {
|
|
||||||
border-color: rgb(var(--calendar-tv-available));
|
|
||||||
background-color: rgb(var(--calendar-tv-available));
|
|
||||||
}
|
|
||||||
|
|
||||||
.event .primary {
|
|
||||||
border-color: rgba(0, 0, 0, .25);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* upcoming panel */
|
|
||||||
.event h4,
|
|
||||||
.date h4,
|
|
||||||
.event .episode-title {
|
|
||||||
color: #FFFFFF !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.event .episode-title {
|
|
||||||
color: #f9be03 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.event .episode-title:focus,
|
|
||||||
.event .episode-title:hover {
|
|
||||||
color: #f9be03;
|
|
||||||
text-decoration: underline;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:focus,
|
|
||||||
a:hover {
|
|
||||||
color: var(--text-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
.event p {
|
|
||||||
color: #FFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fc-title {
|
|
||||||
color: #FFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* calendar month */
|
|
||||||
|
|
||||||
.calendar th {
|
|
||||||
background-color: hsla(0, 0%, 100%, .08);
|
|
||||||
color: #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fc-day.fc-today.fc-state-highlight,
|
|
||||||
.fc-day-number.fc-today.fc-state-highlight,
|
|
||||||
.fc-day-top.fc-today.fc-state-highlight {
|
|
||||||
background-color: hsla(0, 0%, 100%, .08);
|
|
||||||
color: #f9be03;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Activity Page */
|
|
||||||
.popover.in {
|
|
||||||
opacity: .9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popover {
|
|
||||||
background-color: #000;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popover>.popover-title {
|
|
||||||
background-color: #000;
|
|
||||||
color: #fff;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popover.left>.arrow,
|
|
||||||
.popover.left>.arrow:after {
|
|
||||||
border-left-color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popover.right>.arrow:after {
|
|
||||||
border-right-color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.backgrid-paginator ul .active span {
|
|
||||||
background-color: rgba(0, 0, 0, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-tabs>li.active>a,
|
|
||||||
.nav-tabs>li.active>a:focus,
|
|
||||||
.nav-tabs>li.active>a:hover {
|
|
||||||
background-color: hsla(0, 0%, 100%, .08);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav>li>a:focus,
|
|
||||||
.nav>li>a:hover {
|
|
||||||
background-color: hsla(0, 0%, 100%, .08);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Season Pass */
|
|
||||||
.alert-info {
|
|
||||||
background-color: rgba(255, 255, 255, 0.25);
|
|
||||||
border-color: transparent;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* alerts */
|
|
||||||
.alert-warning {
|
|
||||||
background-color: rgba(0, 0, 0, 0.25);
|
|
||||||
border-color: transparent;
|
|
||||||
color: #f0ad4e;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-danger,
|
|
||||||
.manual-import-error {
|
|
||||||
background-color: rgba(0, 0, 0, 0.25);
|
|
||||||
border-color: transparent;
|
|
||||||
color: #d9534f;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Settings Page */
|
|
||||||
legend {
|
|
||||||
color: #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Settings Page - Profile */
|
|
||||||
/*thingy*/
|
|
||||||
|
|
||||||
.thingy {
|
|
||||||
background-color: rgba(0, 0, 0, 0.25);
|
|
||||||
color: #FFFFFF;
|
|
||||||
box-shadow: none;
|
|
||||||
border: 1px solid rgba(0, 0, 0, 0.25);
|
|
||||||
}
|
|
||||||
|
|
||||||
.add-card .center {
|
|
||||||
background-color: rgba(0, 0, 0, 0);
|
|
||||||
border: 1px solid rgba(0, 0, 0, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.metadata-item {
|
|
||||||
background-color: rgba(0, 0, 0, 0.25);
|
|
||||||
color: #FFFFFF;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Settings add thingy*/
|
|
||||||
|
|
||||||
.add-thingy {
|
|
||||||
background-color: rgba(0, 0, 0, 0.25);
|
|
||||||
color: #FFFFFF;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.add-thingy>div>.btn-default,
|
|
||||||
.add-thingy>div>div>.btn.btn-xs.btn-default.dropdown-toggle {
|
|
||||||
color: #FFFFFF;
|
|
||||||
background-color: rgba(0, 0, 0, 0.25);
|
|
||||||
border-color: #FFFFFF;
|
|
||||||
outline-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.add-thingy>div>.btn-default:hover,
|
|
||||||
.add-thingy>div>div>.btn.btn-xs.btn-default.dropdown-toggle:hover {
|
|
||||||
color: var(--text-hover);
|
|
||||||
background-color: rgba(0, 0, 0, 0.25);
|
|
||||||
border-color: #FFF;
|
|
||||||
outline-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
li.save-and-add {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Settings qualities*/
|
|
||||||
ul.qualities li {
|
|
||||||
border: 1px solid rgba(0, 0, 0, .25);
|
|
||||||
background: rgba(0, 0, 0, .25);
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.qualities li:hover {
|
|
||||||
border: 1px solid rgba(0, 0, 0, .25);
|
|
||||||
background: rgba(255, 255, 255, .25);
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.qualities li.selected .quality-label {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Settings Quality sliders */
|
|
||||||
#quality-definition-list .rows .row .ui-slider .ui-slider-range {
|
|
||||||
background-color: rgb(46, 47, 49);
|
|
||||||
}
|
|
||||||
|
|
||||||
#quality-definition-list .rows .row .ui-slider .ui-slider-handle {
|
|
||||||
background-color: #f5f5f5;
|
|
||||||
border: 1px solid #c7c7c7;
|
|
||||||
}
|
|
||||||
|
|
||||||
#quality-definition-list .rows .row .ui-slider {
|
|
||||||
border: 1px solid #2e2f31;
|
|
||||||
}
|
|
||||||
|
|
||||||
.label-warning {
|
|
||||||
background-color: #d58512;
|
|
||||||
}
|
|
||||||
|
|
||||||
.label-info {
|
|
||||||
background-color: #337ab7;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* SYSTEM */
|
|
||||||
/* logs */
|
|
||||||
pre {
|
|
||||||
color: #fff;
|
|
||||||
background-color: rgba(0, 0, 0, .25);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Updates */
|
|
||||||
.Updates\/info\/19gvs {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* BUTTONS */
|
|
||||||
/* YES/NO Switch */
|
|
||||||
.well {
|
|
||||||
background-color: rgba(0, 0, 0, .25);
|
|
||||||
border: 1px solid transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.toggle p span {
|
|
||||||
color: rgba(0, 0, 0, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.toggle input:checked~p span:nth-child(1) {
|
|
||||||
color: #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
.toggle input:not(:checked)~p span:nth-child(2) {
|
|
||||||
color: #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Close X button */
|
|
||||||
.close,
|
|
||||||
.close:hover,
|
|
||||||
.close:focus {
|
|
||||||
color: #FFF !important;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-default {
|
|
||||||
color: hsla(0, 0%, 100%, .7);
|
|
||||||
background-color: rgba(0, 0, 0, .25);
|
|
||||||
border-color: transparent;
|
|
||||||
outline-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-default:hover,
|
|
||||||
.btn-default.active,
|
|
||||||
.btn-default.active:hover {
|
|
||||||
color: var(--text-hover);
|
|
||||||
background-color: hsla(0, 0%, 100%, .08);
|
|
||||||
border-color: transparent;
|
|
||||||
outline-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-default.active.focus,
|
|
||||||
.btn-default.active:focus,
|
|
||||||
.btn-default.active:hover,
|
|
||||||
.btn-default:active.focus,
|
|
||||||
.btn-default:active:focus,
|
|
||||||
.btn-default:active:hover,
|
|
||||||
.open>.dropdown-toggle.btn-default.focus,
|
|
||||||
.open>.dropdown-toggle.btn-default:focus,
|
|
||||||
.open>.dropdown-toggle.btn-default:hover {
|
|
||||||
color: var(--text-hover);
|
|
||||||
background-color: hsla(0, 0%, 100%, .08);
|
|
||||||
border-color: #FFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fc-state-default {
|
|
||||||
color: #FFF;
|
|
||||||
background-color: rgba(0, 0, 0, .25);
|
|
||||||
border-color: #FFF;
|
|
||||||
outline-style: none;
|
|
||||||
background-image: none;
|
|
||||||
text-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fc-state-default:hover {
|
|
||||||
background-color: hsla(0, 0%, 100%, .08);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-group .btn+.btn,
|
|
||||||
.btn-group .btn+.btn-group,
|
|
||||||
.btn-group .btn-group+.btn,
|
|
||||||
.btn-group .btn-group+.btn-group {
|
|
||||||
margin-left: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-group-btn>button.btn.btn-icon-only.dropdown-toggle,
|
|
||||||
.btn.btn-icon-only.x-copy-api-key.hidden-xs {
|
|
||||||
color: #FFFFFF;
|
|
||||||
background-color: #5cb85c;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-group-btn>button.btn.btn-icon-only.dropdown-toggle:hover {
|
|
||||||
color: var(--text-hover);
|
|
||||||
background-color: #449d44;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
color: #FFF;
|
|
||||||
outline: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn.btn-lg.btn-block.x-search-auto {
|
|
||||||
color: #FFF;
|
|
||||||
background-color: rgba(0, 0, 0, .25);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn.btn-lg.btn-block.x-search-auto:hover {
|
|
||||||
color: var(--text-hover);
|
|
||||||
background-color: rgba(255, 255, 255, 0.05);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn.focus,
|
|
||||||
.btn:focus,
|
|
||||||
.btn:hover {
|
|
||||||
color: var(--text-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-footer>button:not([class*="btn-primary"]):not([class*="btn-danger"]):not([class*="btn-success"]) {
|
|
||||||
color: #FFF;
|
|
||||||
background-color: rgba(0, 0, 0, .25);
|
|
||||||
border-color: transparent;
|
|
||||||
outline-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-footer>button:hover:not([class*="btn-primary"]):not([class*="btn-danger"]):not([class*="btn-success"]) {
|
|
||||||
color: var(--text-hover);
|
|
||||||
background-color: rgba(255, 255, 255, .25);
|
|
||||||
border-color: transparent;
|
|
||||||
outline-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* green button */
|
|
||||||
.btn-success {
|
|
||||||
color: #FFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* save button */
|
|
||||||
.btn-primary.active.focus,
|
|
||||||
.btn-primary.active:focus,
|
|
||||||
.btn-primary.active:hover,
|
|
||||||
.btn-primary:active.focus,
|
|
||||||
.btn-primary:active:focus,
|
|
||||||
.btn-primary:active:hover,
|
|
||||||
.open>.dropdown-toggle.btn-primary.focus,
|
|
||||||
.open>.dropdown-toggle.btn-primary:focus,
|
|
||||||
.open>.dropdown-toggle.btn-primary:hover {
|
|
||||||
color: var(--text-hover);
|
|
||||||
background-color: #286090 !important;
|
|
||||||
border-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* blue button */
|
|
||||||
.btn-primary.focus,
|
|
||||||
.btn-primary:focus,
|
|
||||||
.btn-primary:hover {
|
|
||||||
color: var(--text-hover);
|
|
||||||
background-color: #286090 !important;
|
|
||||||
border-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-success.focus,
|
|
||||||
.btn-success:focus,
|
|
||||||
.btn-success:hover {
|
|
||||||
color: var(--text-hover);
|
|
||||||
background-color: #449d44 !important;
|
|
||||||
border-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-default.active,
|
|
||||||
.btn-default:active,
|
|
||||||
.open>.dropdown-toggle.btn-default {
|
|
||||||
background-color: hsla(0, 0%, 100%, .08);
|
|
||||||
border-color: #FFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-danger:hover {
|
|
||||||
color: var(--text-hover);
|
|
||||||
background-color: #c9302c;
|
|
||||||
border-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary,
|
|
||||||
.btn-danger {
|
|
||||||
border-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu {
|
|
||||||
background-color: #1f1f1f;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu>li>a {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu>li>a:hover {
|
|
||||||
color: #000 !important;
|
|
||||||
}
|
|
||||||
@ -1,35 +0,0 @@
|
|||||||
/* 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 */
|
|
||||||
|
|
||||||
/* SONARR SOUL STONE THEME */
|
|
||||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css);
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(255, 153, 0, .7) 0%, #3c0015 80%, rgba(0, 0, 0, 1) 100%) center center/cover no-repeat fixed,
|
|
||||||
url("https://themepark-develop.netlify.app/Resources/soul.jpg") center center/cover no-repeat fixed;
|
|
||||||
--modal-bg-color: linear-gradient(180deg, rgba(140, 64, 2, .8) 0%, #3c0015 100%) center center/cover no-repeat fixed,
|
|
||||||
url("https://themepark-develop.netlify.app/Resources/soul.jpg") center center/cover no-repeat fixed;
|
|
||||||
|
|
||||||
--calendar-tv-Unaired-Premiere: 53 197 244;
|
|
||||||
--calendar-tv-Downloading: 122 67 182;
|
|
||||||
--calendar-tv-Unmonitored: 173 173 173;
|
|
||||||
--calendar-tv-Unaired: 93 156 236;
|
|
||||||
--calendar-tv-missing: 240 80 80;
|
|
||||||
--calendar-tv-On-Air: 255 165 0;
|
|
||||||
--calendar-tv-available: 39 194 76;
|
|
||||||
|
|
||||||
--button-color: rgba(255, 255, 255, .15);
|
|
||||||
--button-color-hover: #f90c;
|
|
||||||
--accent-color: #f90c;
|
|
||||||
--accent-color-hover: #f90c;
|
|
||||||
--arr-queue-color: #204c80cc;
|
|
||||||
}
|
|
||||||
@ -1,35 +0,0 @@
|
|||||||
/* 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 */
|
|
||||||
|
|
||||||
/* SONARR SPACE STONE THEME */
|
|
||||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css);
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(0, 98, 255, .7) 0%, #020013 80%, rgb(0, 0, 0) 100%) center center/cover no-repeat fixed,
|
|
||||||
url("https://themepark-develop.netlify.app/Resources/space.jpg") center center/cover no-repeat fixed;
|
|
||||||
--modal-bg-color: linear-gradient(180deg, rgba(0, 98, 255, .7) 0%, #10003c 100%) center center/cover no-repeat fixed,
|
|
||||||
url("https://themepark-develop.netlify.app/Resources/space.jpg") center center/cover no-repeat fixed;
|
|
||||||
|
|
||||||
--calendar-tv-Unaired-Premiere: 53 197 244;
|
|
||||||
--calendar-tv-Downloading: 122 67 182;
|
|
||||||
--calendar-tv-Unmonitored: 173 173 173;
|
|
||||||
--calendar-tv-Unaired: 93 156 236;
|
|
||||||
--calendar-tv-missing: 240 80 80;
|
|
||||||
--calendar-tv-On-Air: 255 165 0;
|
|
||||||
--calendar-tv-available: 39 194 76;
|
|
||||||
|
|
||||||
--button-color: rgba(255, 255, 255, .15);
|
|
||||||
--button-color-hover: #0062ffcc;
|
|
||||||
--accent-color: #0062ffcc;
|
|
||||||
--accent-color-hover: #0062ffcc;
|
|
||||||
--arr-queue-color: #0062ffcc;
|
|
||||||
}
|
|
||||||
@ -1,35 +0,0 @@
|
|||||||
/* 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 */
|
|
||||||
|
|
||||||
/* SONARR TIME STONE THEME */
|
|
||||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css);
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(109, 247, 81, .7) 0%, #00130c 80%, rgb(0, 0, 0) 100%) center center/cover no-repeat fixed,
|
|
||||||
url("https://themepark-develop.netlify.app/Resources/time.jpg") center center/cover no-repeat fixed;
|
|
||||||
--modal-bg-color: linear-gradient(180deg, rgba(2, 77, 0, .8) 0%, #00130c 100%) center center/cover no-repeat fixed,
|
|
||||||
url("https://themepark-develop.netlify.app/Resources/time.jpg") center center/cover no-repeat fixed;
|
|
||||||
|
|
||||||
--calendar-tv-Unaired-Premiere: 53 197 244;
|
|
||||||
--calendar-tv-Downloading: 122 67 182;
|
|
||||||
--calendar-tv-Unmonitored: 173 173 173;
|
|
||||||
--calendar-tv-Unaired: 93 156 236;
|
|
||||||
--calendar-tv-missing: 240 80 80;
|
|
||||||
--calendar-tv-On-Air: 255 165 0;
|
|
||||||
--calendar-tv-available: 39 194 76;
|
|
||||||
|
|
||||||
--button-color: rgba(255, 255, 255, .15);
|
|
||||||
--button-color-hover: rgba(4, 168, 0, .8);
|
|
||||||
--accent-color: #6df751cc;
|
|
||||||
--accent-color-hover: #6df751cc;
|
|
||||||
--arr-queue-color: #6df751cc;
|
|
||||||
}
|
|
||||||
@ -25,6 +25,6 @@
|
|||||||
/*Specials*/
|
/*Specials*/
|
||||||
--arr-queue-color: #009688; /* Servarr apps + Bazarr*/
|
--arr-queue-color: #009688; /* Servarr apps + Bazarr*/
|
||||||
--plex-poster-unwatched: rgb(21, 213, 194);
|
--plex-poster-unwatched: rgb(21, 213, 194);
|
||||||
--petio-spinner: invert(39%) sepia(98%) saturate(527%) hue-rotate(129deg) brightness(94%) contrast(101%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
|
--petio-spinner: invert(39%) sepia(98%) saturate(527%) hue-rotate(129deg) brightness(94%) contrast(101%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
|
||||||
--gitea-color-primary-dark-4: 18, 175, 160;
|
--gitea-color-primary-dark-4: 18, 175, 160;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -25,6 +25,6 @@
|
|||||||
/*Specials*/
|
/*Specials*/
|
||||||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
|
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
|
||||||
--plex-poster-unwatched: #FB3122;
|
--plex-poster-unwatched: #FB3122;
|
||||||
--petio-spinner: invert(32%) sepia(35%) saturate(3786%) hue-rotate(341deg) brightness(100%) contrast(92%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
|
--petio-spinner: invert(32%) sepia(35%) saturate(3786%) hue-rotate(341deg) brightness(100%) contrast(92%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
|
||||||
--gitea-color-primary-dark-4: 244, 67, 54;
|
--gitea-color-primary-dark-4: 244, 67, 54;
|
||||||
}
|
}
|
||||||
30
CSS/variables/hotpink.css
Normal file
30
CSS/variables/hotpink.css
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
:root {
|
||||||
|
--main-bg-color: linear-gradient(45deg, #fb3f62 0%, #204c80 37%, #004249 97%) center center/cover no-repeat fixed;
|
||||||
|
|
||||||
|
--modal-bg-color: radial-gradient(circle, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
|
||||||
|
--modal-header-color: radial-gradient(circle, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
|
||||||
|
--modal-footer-color: radial-gradient(circle, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
|
||||||
|
|
||||||
|
--drop-down-menu-bg: #204c80;
|
||||||
|
|
||||||
|
--button-color: #fb3f62;
|
||||||
|
--button-color-hover: rgba(251, 63, 98, .8);
|
||||||
|
--button-text: #eee;
|
||||||
|
--button-text-hover: #FFF;
|
||||||
|
|
||||||
|
--accent-color: 251, 63, 98;
|
||||||
|
--accent-color-hover: rgba(var(--accent-color), .8);
|
||||||
|
--link-color: rgb(0, 255, 157);
|
||||||
|
--link-color-hover: rgba(0, 255, 157, 0.8);
|
||||||
|
--label-text-color: #282a36;
|
||||||
|
|
||||||
|
--text:#eee;
|
||||||
|
--text-hover: #fff;
|
||||||
|
--text-muted: #999;
|
||||||
|
|
||||||
|
--arr-queue-color: rgb(0, 255, 157);
|
||||||
|
--plex-poster-unwatched: #fb3f62;
|
||||||
|
--petio-spinner: invert(29%) sepia(87%) saturate(2199%) hue-rotate(331deg) brightness(115%) contrast(97%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
|
||||||
|
--gitea-color-primary-dark-4: 251, 63, 98;
|
||||||
|
}
|
||||||
|
|
||||||
30
CSS/variables/mind.css
Normal file
30
CSS/variables/mind.css
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
:root {
|
||||||
|
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(255, 242, 0, .7) 0%, #0d0400 80%, rgba(0, 0, 0, 1) 100%) center center/cover no-repeat fixed,
|
||||||
|
url("https://theme-park.dev/Resources/mind.jpg") center center/cover no-repeat fixed;
|
||||||
|
--modal-bg-color: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed;
|
||||||
|
--modal-header-color: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed;
|
||||||
|
--modal-footer-color: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed;
|
||||||
|
|
||||||
|
--drop-down-menu-bg: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed;
|
||||||
|
|
||||||
|
--button-color: #e1d500;
|
||||||
|
--button-color-hover: #c3b900;
|
||||||
|
--button-text: #000;
|
||||||
|
--button-text-hover: #000;
|
||||||
|
|
||||||
|
--accent-color: 228, 216, 0;
|
||||||
|
--accent-color-hover: rgb(var(--accent-color),.8);
|
||||||
|
--link-color: #fff200;
|
||||||
|
--link-color-hover: #fff200cc;
|
||||||
|
--label-text-color: #000;
|
||||||
|
|
||||||
|
--text:#ddd;
|
||||||
|
--text-hover: #fff;
|
||||||
|
--text-muted: #999;
|
||||||
|
|
||||||
|
/*Specials*/
|
||||||
|
--arr-queue-color: #e1d500; /* Servarr apps + Bazarr*/
|
||||||
|
--plex-poster-unwatched: #e1d500;
|
||||||
|
--petio-spinner: invert(72%) sepia(97%) saturate(1218%) hue-rotate(10deg) brightness(102%) contrast(101%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
|
||||||
|
--gitea-color-primary-dark-4: 228, 216, 0;
|
||||||
|
}
|
||||||
30
CSS/variables/power.css
Normal file
30
CSS/variables/power.css
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
:root {
|
||||||
|
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(166, 40, 140, .7) 0%, rgba(11,8,51,1) 80%, rgba(0,0,0,1) 100%) center center/cover no-repeat fixed,
|
||||||
|
url("https://theme-park.dev/Resources/power.jpg") center center/cover no-repeat fixed;
|
||||||
|
--modal-bg-color: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed;
|
||||||
|
--modal-header-color: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed;
|
||||||
|
--modal-footer-color: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed;
|
||||||
|
|
||||||
|
--drop-down-menu-bg: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed;
|
||||||
|
|
||||||
|
--button-color: #85096b;
|
||||||
|
--button-color-hover: #85096bcc;
|
||||||
|
--button-text: #eee;
|
||||||
|
--button-text-hover: #FFF;
|
||||||
|
|
||||||
|
--accent-color: 166, 40, 140;
|
||||||
|
--accent-color-hover: rgba(var(--accent-color), 0.8);
|
||||||
|
--link-color: rgb(223, 21, 179);
|
||||||
|
--link-color-hover: rgb(255, 0, 200);
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
|
--text:#ddd;
|
||||||
|
--text-hover: #fff;
|
||||||
|
--text-muted: #999;
|
||||||
|
|
||||||
|
/*Specials*/
|
||||||
|
--arr-queue-color: rgb(216, 22, 174); /* Servarr apps + Bazarr*/
|
||||||
|
--plex-poster-unwatched: rgb(216, 22, 174);
|
||||||
|
--petio-spinner: invert(8%) sepia(62%) saturate(6812%) hue-rotate(304deg) brightness(108%) contrast(98%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
|
||||||
|
--gitea-color-primary-dark-4: 166, 40, 140;
|
||||||
|
}
|
||||||
27
CSS/variables/reality.css
Normal file
27
CSS/variables/reality.css
Normal file
@ -0,0 +1,27 @@
|
|||||||
|
:root {
|
||||||
|
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(232, 11, 11, 0.7) 0%, #08000d 80%, rgba(0,0,0,1) 100%) center center/cover no-repeat fixed,
|
||||||
|
url("https://theme-park.dev/Resources/reality.jpg") center center/cover no-repeat fixed;
|
||||||
|
--modal-bg-color: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed;
|
||||||
|
--modal-header-color: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed;
|
||||||
|
--modal-footer-color: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed;
|
||||||
|
|
||||||
|
--drop-down-menu-bg: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed;
|
||||||
|
|
||||||
|
--button-color: #e80c0b;
|
||||||
|
--button-color-hover: #e80c0bcc;
|
||||||
|
--accent-color: 232, 12, 11;
|
||||||
|
--accent-color-hover: rgba(var(--accent-color), 0.8);
|
||||||
|
--link-color: rgb(232, 12, 11);
|
||||||
|
--link-color-hover: rgba(232, 12, 11,.8);
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
|
--text:#ddd;
|
||||||
|
--text-hover: #fff;
|
||||||
|
--text-muted: #999;
|
||||||
|
|
||||||
|
/*Specials*/
|
||||||
|
--arr-queue-color: #e80c0b; /* Servarr apps + Bazarr*/
|
||||||
|
--plex-poster-unwatched: rgb(232, 12, 11);
|
||||||
|
--petio-spinner: invert(14%) sepia(93%) saturate(3042%) hue-rotate(349deg) brightness(112%) contrast(116%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
|
||||||
|
--gitea-color-primary-dark-4: 232, 12, 11;
|
||||||
|
}
|
||||||
30
CSS/variables/soul.css
Normal file
30
CSS/variables/soul.css
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
:root {
|
||||||
|
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(255, 153, 0, .7) 0%, #3c0015 80%, rgba(0, 0, 0, 1) 100%) center center/cover no-repeat fixed,
|
||||||
|
url("https://theme-park.dev/Resources/soul.jpg") center center/cover no-repeat fixed;
|
||||||
|
--modal-bg-color: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed;
|
||||||
|
--modal-header-color: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed;
|
||||||
|
--modal-footer-color: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed;
|
||||||
|
|
||||||
|
--drop-down-menu-bg: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed;
|
||||||
|
|
||||||
|
--button-color: rgb(255, 153, 0);
|
||||||
|
--button-color-hover: #f90c;
|
||||||
|
--button-text: #eee;
|
||||||
|
--button-text-hover: #FFF;
|
||||||
|
|
||||||
|
--accent-color: 255, 153, 0;
|
||||||
|
--accent-color-hover: rgba(var(--accent-color), 0.8);
|
||||||
|
--link-color: rgb(255, 153, 0);
|
||||||
|
--link-color-hover: rgb(255, 153, 0, 0.8);
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
|
--text:#ddd;
|
||||||
|
--text-hover: #fff;
|
||||||
|
--text-muted: #999;
|
||||||
|
|
||||||
|
/*Specials*/
|
||||||
|
--arr-queue-color: rgb(255, 153, 0); /* Servarr apps + Bazarr*/
|
||||||
|
--plex-poster-unwatched: #880030;
|
||||||
|
--petio-spinner: invert(9%) sepia(44%) saturate(6901%) hue-rotate(327deg) brightness(101%) contrast(110%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
|
||||||
|
--gitea-color-primary-dark-4: 255, 153, 0;
|
||||||
|
}
|
||||||
30
CSS/variables/space.css
Normal file
30
CSS/variables/space.css
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
:root {
|
||||||
|
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(0, 98, 255, .7) 0%, #020013 80%, rgb(0, 0, 0) 100%) center center/cover no-repeat fixed,
|
||||||
|
url("https://theme-park.dev/Resources/space.jpg") center center/cover no-repeat fixed;
|
||||||
|
--modal-bg-color: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed;
|
||||||
|
--modal-headercolor: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed;
|
||||||
|
--modal-footer-color: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed;
|
||||||
|
|
||||||
|
--drop-down-menu-bg: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed;
|
||||||
|
|
||||||
|
--button-color: #0062ff;
|
||||||
|
--button-color-hover: #0062ffcc;
|
||||||
|
--button-text: #eee;
|
||||||
|
--button-text-hover: #FFF;
|
||||||
|
|
||||||
|
--accent-color: 0, 98, 255;
|
||||||
|
--accent-color-hover: rgba(var(--accent-color), 0.8);
|
||||||
|
--link-color: rgb(61, 126, 255);
|
||||||
|
--link-color-hover: rgb(0, 98, 255);
|
||||||
|
--label-text-color: #fff;
|
||||||
|
|
||||||
|
--text:#ddd;
|
||||||
|
--text-hover: #fff;
|
||||||
|
--text-muted: #999;
|
||||||
|
|
||||||
|
/*Specials*/
|
||||||
|
--arr-queue-color: #0062ffcc; /* Servarr apps + Bazarr*/
|
||||||
|
--plex-poster-unwatched: rgb(0, 98, 255);
|
||||||
|
--petio-spinner: invert(25%) sepia(99%) saturate(4489%) hue-rotate(214deg) brightness(104%) contrast(109%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
|
||||||
|
--gitea-color-primary-dark-4: 0, 98, 255;
|
||||||
|
}
|
||||||
30
CSS/variables/time.css
Normal file
30
CSS/variables/time.css
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
:root {
|
||||||
|
--main-bg-color: radial-gradient(ellipse at center bottom, rgba(109, 247, 81, .7) 0%, #00130c 80%, rgb(0, 0, 0) 100%) center center/cover no-repeat fixed,
|
||||||
|
url("https://theme-park.dev/Resources/time.jpg") center center/cover no-repeat fixed;
|
||||||
|
--modal-bg-color: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed;
|
||||||
|
--modal-header-color: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed;
|
||||||
|
--modal-footer-color: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed;
|
||||||
|
|
||||||
|
--drop-down-menu-bg: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed;
|
||||||
|
|
||||||
|
--button-color: rgb(4, 168, 0);
|
||||||
|
--button-color-hover: rgba(4, 168, 0, .8);
|
||||||
|
--button-text: #eee;
|
||||||
|
--button-text-hover: #FFF;
|
||||||
|
|
||||||
|
--accent-color: 109, 247, 81;
|
||||||
|
--accent-color-hover: rgba(var(--accent-color), 0.8);
|
||||||
|
--link-color: rgb(109, 247, 81);
|
||||||
|
--link-color-hover: rgba(109, 247, 81,.8);
|
||||||
|
--label-text-color: #000;
|
||||||
|
|
||||||
|
--text:#ddd;
|
||||||
|
--text-hover: #fff;
|
||||||
|
--text-muted: #999;
|
||||||
|
|
||||||
|
/*Specials*/
|
||||||
|
--arr-queue-color: #6df751cc; /* Servarr apps + Bazarr*/
|
||||||
|
--plex-poster-unwatched: rgb(109, 247, 81);
|
||||||
|
--petio-spinner: invert(73%) sepia(74%) saturate(428%) hue-rotate(55deg) brightness(101%) contrast(96%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
|
||||||
|
--gitea-color-primary-dark-4: 109, 247, 81;
|
||||||
|
}
|
||||||
51
Resources/apply_theme.js
Normal file
51
Resources/apply_theme.js
Normal file
@ -0,0 +1,51 @@
|
|||||||
|
function get_base_sha(app,theme) {
|
||||||
|
url = `https://api.github.com/repos/gilbn/theme.park/contents/CSS/themes/${app}/${app}-base.css`
|
||||||
|
const date = new Date().toUTCString();
|
||||||
|
fetch(url, {
|
||||||
|
headers: { "If-Modified-Since": date }
|
||||||
|
})
|
||||||
|
.then(res => res.json())
|
||||||
|
.then(data => (injectTheme(app,theme,sha=data.sha || "ratelimited")))
|
||||||
|
.catch(err => { throw err });
|
||||||
|
}
|
||||||
|
|
||||||
|
function injectTheme(app,theme,sha,container="head") {
|
||||||
|
if (container === "head") {
|
||||||
|
html_element = document.head;
|
||||||
|
} else html_element = document.body;
|
||||||
|
let link = document.createElement("link");
|
||||||
|
url = "https://theme-park.dev/CSS/themes/"
|
||||||
|
link.type = "text/css";
|
||||||
|
link.rel = "stylesheet";
|
||||||
|
link.href = `${url}/${app}/${theme}.css?v=${sha}`;
|
||||||
|
|
||||||
|
html_element.appendChild(link);
|
||||||
|
}
|
||||||
|
|
||||||
|
function injectAddon(app,addon,container="head") {
|
||||||
|
if (container === "head") {
|
||||||
|
html_element = document.head;
|
||||||
|
} else html_element = document.body;
|
||||||
|
let link = document.createElement("link");
|
||||||
|
url = "https://theme-park.dev/CSS/addons/"
|
||||||
|
link.type = "text/css";
|
||||||
|
link.rel = "stylesheet";
|
||||||
|
link.href = `${url}/${app}/${addon}.css`;
|
||||||
|
|
||||||
|
html_element.appendChild(link);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// {
|
||||||
|
// if (res.status) {
|
||||||
|
// res.json()
|
||||||
|
// .then(data => console.log(data))
|
||||||
|
// } else {
|
||||||
|
// res.json()
|
||||||
|
// .then(data => console.log(data))
|
||||||
|
// console.info("%c theme.park %c ".concat("ERROR", " "), "color: white; background: #009688; font-weight: 700; font-size: 24px; font-family: Monospace;", "color: red; background: white; font-weight: 700; font-size: 24px; font-family: Monospace;");
|
||||||
|
// console.info(`%c Error %c Failed to fetch the url, double check the name passed in your subfilter.. `, "color: white; background: red; font-weight: 700;", "color: red; background: white; font-weight: 700;");
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
|
||||||
|
|
||||||
Loading…
Reference in New Issue
Block a user