GilbN
4 years ago
committed by
GitHub
GitHub
373 changed files with 50 additions and 58872 deletions
@ -1,677 +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 */ |
|||
|
|||
@import url("https://theme-park.dev/CSS/defaults/placeholders.css"); |
|||
|
|||
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) !important; |
|||
} |
|||
|
|||
/* Scrollbar */ |
|||
@media only screen and (min-width: 768px) { |
|||
html { |
|||
height: 100%; |
|||
width: 100%; |
|||
} |
|||
|
|||
body { |
|||
overflow-y: auto; |
|||
height: 100%; |
|||
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; |
|||
} |
|||
} |
|||
|
|||
body *::-webkit-scrollbar-thumb { |
|||
background: hsla(0, 0%, 100%, .2); |
|||
} |
|||
|
|||
body *:hover::-webkit-scrollbar-thumb { |
|||
background: hsla(0, 0%, 100%, 0.4); |
|||
} |
|||
|
|||
::-webkit-scrollbar { |
|||
width: 14px; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .2); |
|||
background-clip: padding-box; |
|||
} |
|||
|
|||
::-webkit-scrollbar-track { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb:hover { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .5); |
|||
background-clip: padding-box; |
|||
} |
|||
|
|||
/* TEXT */ |
|||
|
|||
a { |
|||
color: var(--link-color) |
|||
} |
|||
|
|||
a:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
a:-webkit-any-link:focus { |
|||
outline: none; |
|||
} |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
.h1, |
|||
.h2, |
|||
.h3, |
|||
.h4, |
|||
.h5, |
|||
.h6 { |
|||
color: var(--text-hover) |
|||
} |
|||
|
|||
/* LOGIN PAGE */ |
|||
|
|||
.login .login__form .text-center .h-6 { |
|||
filter: invert(1); |
|||
} |
|||
|
|||
.login__form .card { |
|||
background: rgba(0, 0, 0, 0.08); |
|||
border: 1px solid rgb(0 0 0 / 0.08); |
|||
} |
|||
|
|||
.login .btn-success:hover { |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
} |
|||
|
|||
.login .btn-link { |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
.login .btn-link:hover { |
|||
color: var(--button-text-hover); |
|||
} |
|||
|
|||
.form__message--error { |
|||
color: #F44336; |
|||
} |
|||
|
|||
/* HEADER */ |
|||
.header { |
|||
background: transparent; |
|||
border-bottom: 1px solid rgba(255, 255, 255, 0.03); |
|||
} |
|||
|
|||
.header-brand-img { |
|||
filter: invert(1); |
|||
} |
|||
|
|||
.header .btn-outline-secondary { |
|||
color: var(--button-text); |
|||
background: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.header .btn-outline-secondary:hover { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.nav-tabs .nav-link.active { |
|||
border-color: rgb(var(--accent-color)); |
|||
color: rgb(var(--accent-color)); |
|||
background: transparent; |
|||
} |
|||
|
|||
.header .nav-tabs .nav-link.active:hover { |
|||
border-color: var(--accent-color-hover) !important; |
|||
color: var(--accent-color-hover) !important; |
|||
} |
|||
|
|||
.header a:not([href]):not([tabindex]) { |
|||
color: var(--text); |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.header .nav-tabs { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.header .nav-tabs .nav-link:hover:not(.disabled) { |
|||
border-color: var(--text-hover); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
/* FOOTER */ |
|||
.footer { |
|||
background: rgba(0, 0, 0, 0.08); |
|||
border-top: 1px solid rgba(255, 255, 255, 0.03); |
|||
color: var(--text); |
|||
} |
|||
|
|||
.footer a:not(.btn) { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
.footer a:not(.btn):hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
.footer .btn-outline-primary { |
|||
color: var(--button-color); |
|||
background-color: transparent; |
|||
background-image: none; |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.footer .btn-outline-primary:hover { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
/* MAIN PAGE */ |
|||
.header__row .mobile-menu { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
/* BUTTONS */ |
|||
.container .btn-outline-primary { |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
background-image: none; |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.container .btn-outline-primary:hover { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.tooltip-container { |
|||
background: rgb(var(--accent-color)); |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
.tooltip-custom__container .button-action--arrow-option:not(:disabled):hover { |
|||
cursor: pointer; |
|||
background: rgb(0 0 0 / 0.15); |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.toast--success { |
|||
background-color: rgba(90, 173, 99, 0.75); |
|||
} |
|||
|
|||
/* CARDS*/ |
|||
.card { |
|||
background-color: rgb(0 0 0 / 8%); |
|||
border: 1px solid rgba(255, 255, 255, 0.1); |
|||
color: var(--text); |
|||
} |
|||
|
|||
.card-header .card-title { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.tooltip-custom__container { |
|||
background: rgb(var(--accent-color)); |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
.tooltip-custom__content-link { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
.card-wrap, |
|||
.card-title-stats { |
|||
color: inherit; |
|||
} |
|||
|
|||
.card-title-stats a { |
|||
text-decoration: underline; |
|||
} |
|||
|
|||
.card-title-stats a:hover { |
|||
text-decoration: underline; |
|||
color: var(--accent-color-hover); |
|||
} |
|||
|
|||
.card .icon--lightgray { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.card .logs__text { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.card .button__action { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
.card .btn-outline-danger { |
|||
color: #F44336; |
|||
background-color: transparent; |
|||
background-image: none; |
|||
border-color: #F44336; |
|||
} |
|||
|
|||
.btn-outline-danger:hover { |
|||
color: #fff; |
|||
background-color: #F44336; |
|||
border-color: #F44336; |
|||
} |
|||
|
|||
.btn-icon--green, |
|||
.icon--green { |
|||
color: var(--button-color); |
|||
} |
|||
|
|||
/* DROPDOWNS */ |
|||
.dropdown-menu { |
|||
color: var(--text); |
|||
background: var(--modal-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; |
|||
background-clip: padding-box; |
|||
border: 1px solid rgba(0, 40, 100, 0.12); |
|||
border-radius: 3px; |
|||
} |
|||
|
|||
.dropdown-item { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.dropdown-item:hover, |
|||
.dropdown-item:focus { |
|||
color: var(--text-hover); |
|||
text-decoration: none; |
|||
background-color: rgb(255 255 255 / 0.08); |
|||
} |
|||
|
|||
.select__menu { |
|||
background: var(--modal-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; |
|||
box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .5); |
|||
} |
|||
|
|||
.select__option:hover { |
|||
background: rgba(255, 255, 255, .08) !important; |
|||
} |
|||
|
|||
.select__option { |
|||
background: rgba(0, 0, 0, 0) !important; |
|||
border-bottom: solid rgba(255, 255, 255, .1) 1px; |
|||
} |
|||
|
|||
.select__multi-value__remove { |
|||
color: black; |
|||
} |
|||
|
|||
.basic-multi-select .select__control--is-focused, |
|||
.basic-multi-select .select__control--is-focused:hover { |
|||
border-color: transparent !important; |
|||
} |
|||
|
|||
/* INSTALL */ |
|||
.setup__container { |
|||
background-color: rgb(0 0 0 / 8%); |
|||
} |
|||
|
|||
.setup__progress-wrap { |
|||
background-color: rgb(0 0 0 / 50%); |
|||
} |
|||
|
|||
.setup__logo { |
|||
filter: invert(1); |
|||
} |
|||
|
|||
/* SETTINGS */ |
|||
.checkbox__label-subtitle, |
|||
.form__desc, |
|||
.page-subtitle, |
|||
.card-title small, |
|||
.card-subtitle { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.dropdown-item.active, |
|||
.dropdown-item:active { |
|||
background-color: rgb(0 0 0 / 25%); |
|||
} |
|||
|
|||
.service__icon { |
|||
color: #eee; |
|||
} |
|||
|
|||
/* LOGS */ |
|||
.logs__table { |
|||
background-color: rgb(0 0 0 / 8%); |
|||
} |
|||
|
|||
.logs__text, |
|||
.logs__row .list-unstyled li, |
|||
.detailed-info, |
|||
.icon--lightgray, |
|||
.icon--gray, |
|||
.loading__text { |
|||
color: var(--text) |
|||
} |
|||
|
|||
.logs__no-data { |
|||
color: var(--text); |
|||
background-color: transparent; |
|||
} |
|||
|
|||
.logs__row--white { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
.rt-tr-group.red, |
|||
.logs__row--red, |
|||
.rt-tr-group.logs__row--red { |
|||
background-color: rgb(244 67 54 / 30%) !important; |
|||
} |
|||
|
|||
.rt-tr-group.blue, |
|||
.rt-tr-group.logs__row--blue, |
|||
.logs__row--blue { |
|||
background-color: rgb(54 146 244 / 30%) !important; |
|||
} |
|||
|
|||
.ReactTable .rt-noData { |
|||
background: transparent; |
|||
color: var(--text-muted); |
|||
} |
|||
|
|||
.ReactTable .-pagination .-btn { |
|||
color: var(--text); |
|||
background: var(--button-color); |
|||
} |
|||
|
|||
.ReactTable .-pagination .-btn:not([disabled]):hover { |
|||
background: var(--button-color-hover); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.ReactTable .-loading, |
|||
.ReactTable .-loading>div { |
|||
background: rgba(255, 255, 255, 0.5); |
|||
} |
|||
|
|||
.ReactTable .rt-thead .rt-th, |
|||
.ReactTable .rt-thead .rt-td, |
|||
.logs__cell--header__container { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.ReactTable .rt-tbody .rt-tr-group { |
|||
border-bottom: solid 1px rgb(255 255 255 / 20%); |
|||
} |
|||
|
|||
.ReactTable .rt-thead.-header { |
|||
background: rgb(0 0 0 / 25%); |
|||
} |
|||
|
|||
.ReactTable .rt-thead .rt-th.-sort-asc, .ReactTable .rt-thead .rt-td.-sort-asc { |
|||
-webkit-box-shadow: inset 0 3px 0 0 rgb(var(--accent-color), 0.60); |
|||
box-shadow: inset 0 3px 0 0 rgb(var(--accent-color), 0.60); |
|||
} |
|||
|
|||
.ReactTable .rt-thead .rt-th.-sort-desc, .ReactTable .rt-thead .rt-td.-sort-desc { |
|||
-webkit-box-shadow: inset 0 -3px 0 0 rgb(var(--accent-color), 0.60); |
|||
box-shadow: inset 0 -3px 0 0 rgb(var(--accent-color), 0.60); |
|||
} |
|||
|
|||
.table th, |
|||
.text-wrap table th, |
|||
.table td, |
|||
.text-wrap table td { |
|||
padding: 0.75rem; |
|||
vertical-align: top; |
|||
border-top: 1px solid rgba(255, 255, 255, 0.2); |
|||
} |
|||
|
|||
.loading:before { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
.custom-select:focus { |
|||
-webkit-box-shadow: none; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
/* FORMS */ |
|||
.form-control { |
|||
color: var(--text); |
|||
background: rgba(255, 255, 255, 0.1); |
|||
border: 1px solid rgba(255, 255, 255, .1) |
|||
} |
|||
|
|||
.form-control--transparent { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.form-control--search { |
|||
outline: none; |
|||
} |
|||
|
|||
.form-control:focus { |
|||
border-color: transparent; |
|||
-webkit-box-shadow: none; |
|||
box-shadow: none; |
|||
background: rgba(255, 255, 255, 0.2); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.form-control:disabled, .form-control[readonly] { |
|||
background-color: #555; |
|||
opacity: 1; |
|||
cursor: not-allowed; |
|||
} |
|||
|
|||
.custom-select { |
|||
color: var(--text); |
|||
background: rgba(255, 255, 255, 0.1) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMCA1Jz48cGF0aCBmaWxsPScjOTk5JyBkPSdNMCAwTDEwIDBMNSA1TDAgMCcvPjwvc3ZnPg==") no-repeat right 0.75rem center; |
|||
background-size: 8px 10px; |
|||
border: 1px solid rgba(255, 255, 255, 0.1); |
|||
|
|||
} |
|||
|
|||
.custom-select:focus { |
|||
color: var(--text-hover); |
|||
background: #1f1f1f url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMCA1Jz48cGF0aCBmaWxsPScjOTk5JyBkPSdNMCAwTDEwIDBMNSA1TDAgMCcvPjwvc3ZnPg==") no-repeat right 0.75rem center; |
|||
background-size: 8px 10px; |
|||
border: 1px solid rgba(255, 255, 255, 0.2); |
|||
|
|||
} |
|||
|
|||
select.form-control.select:focus, |
|||
select:focus { |
|||
color: var(--text-hover); |
|||
background: #1f1f1f !important; |
|||
} |
|||
|
|||
.icon--selected { |
|||
background-color: rgb(0 0 0 / 15%); |
|||
border: solid 1px transparent; |
|||
} |
|||
|
|||
.tab__control, |
|||
.tab__control--active { |
|||
color: var(--text); |
|||
} |
|||
|
|||
/* BUTTONS */ |
|||
.btn-outline-secondary { |
|||
color: #c9c9c9; |
|||
border-color: #c9c9c9; |
|||
} |
|||
|
|||
.btn-success, |
|||
.btn-success.disabled, |
|||
.btn-success:disabled { |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
.btn-success:hover { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-success:focus, |
|||
.btn-success.focus { |
|||
-webkit-box-shadow: none; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.btn-secondary { |
|||
color: var(--button-text); |
|||
background-color: rgb(255 255 255 / 25%); |
|||
border-color: rgb(255 255 255 / 0%); |
|||
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); |
|||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); |
|||
} |
|||
|
|||
.btn-secondary:hover { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.checkbox__input:checked+.checkbox__label:before { |
|||
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi4zIDkuMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik0xMS44IDAuNUw1LjMgOC41IDAuNSA0LjIiLz48L3N2Zz4=); |
|||
background-color: rgb(var(--accent-color)); |
|||
|
|||
} |
|||
|
|||
.custom-radio .custom-control-input:checked~.custom-control-label::before, |
|||
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before { |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.custom-control-input:focus~.custom-control-label::before, |
|||
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before { |
|||
-webkit-box-shadow: 0 0 0 1px rgb(var(--accent-color)), 0 0 0 2px rgb(var(--accent-color), .25); |
|||
box-shadow: 0 0 0 1px rgb(var(--accent-color)), 0 0 0 2px rgb(var(--accent-color), .25); |
|||
} |
|||
|
|||
/* MODALS */ |
|||
.modal-content { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.ReactModal__Overlay--after-open { |
|||
background-color: rgb(0 0 0 / 0.7) !important; |
|||
} |
|||
|
|||
/* MOBILE */ |
|||
@media (max-width: 767px) { |
|||
.mobile-menu { |
|||
background: #1b1b1b !important; |
|||
} |
|||
|
|||
.dropdown-menu { |
|||
background: #1f1f1f !important; |
|||
} |
|||
|
|||
.ReactModal__Content { |
|||
background: var(--modal-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; |
|||
border: 1px solid transparent !important; |
|||
} |
|||
} |
|||
|
|||
@media (max-width: 991px) { |
|||
.mobile-menu { |
|||
background: #1b1b1b !important; |
|||
} |
|||
|
|||
.dropdown-menu { |
|||
background: #1f1f1f !important; |
|||
} |
|||
} |
|||
|
|||
/* PLACEHOLDER TEXT */ |
|||
::placeholder { |
|||
color: var(--text); |
|||
} |
|||
|
|||
:-moz-placeholder { |
|||
color: var(--text); |
|||
} |
|||
|
|||
:-ms-input-placeholder { |
|||
color: var(--text); |
|||
} |
|||
|
|||
::-webkit-input-placeholder { |
|||
color: var(--text); |
|||
} |
|||
@ -1,834 +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 */ |
|||
|
|||
@import url("https://theme-park.dev/CSS/defaults/placeholders.css"); |
|||
|
|||
* { |
|||
outline: none; |
|||
} |
|||
|
|||
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); |
|||
} |
|||
|
|||
/* scroller */ |
|||
::-webkit-scrollbar-corner { |
|||
background-color: hsla(0, 0%, 100%, .08); |
|||
} |
|||
|
|||
::-webkit-scrollbar { |
|||
width: 10px; |
|||
height: 10px; |
|||
background: #1f1f1f; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb { |
|||
-webkit-border-radius: 5px; |
|||
border-radius: 5px; |
|||
background-color: rgba(255, 255, 255, 0.35) !important; |
|||
} |
|||
|
|||
a, |
|||
.page-link { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
a:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
/* Pagination */ |
|||
.page-item.active .page-link { |
|||
z-index: 3; |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.page-link { |
|||
background-color: rgba(255, 255, 255, .07); |
|||
border: 1px solid rgba(255, 255, 255, .1); |
|||
} |
|||
|
|||
.page-link:hover { |
|||
color: var(--link-color-hover); |
|||
text-decoration: none; |
|||
background-color: rgba(0, 0, 0, .15); |
|||
border: 1px solid rgba(255, 255, 255, .1); |
|||
} |
|||
|
|||
.page-item.disabled .page-link { |
|||
color: var(--link-color); |
|||
background-color: rgba(255, 255, 255, .07); |
|||
border: 1px solid rgba(255, 255, 255, .1); |
|||
} |
|||
|
|||
.page-link:focus { |
|||
z-index: 3; |
|||
outline: 0; |
|||
box-shadow: 0 0 0 0.2rem rgb(var(--accent-color) / 25%); |
|||
} |
|||
|
|||
/* TEXT */ |
|||
.text-muted { |
|||
color: var(--text-muted) !important; |
|||
} |
|||
|
|||
.table { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.table thead th { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.table-striped tbody tr:nth-of-type(odd) { |
|||
background-color: rgb(0 0 0 / 15%); |
|||
} |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
.custom-control-label, |
|||
label, |
|||
.modal-header { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
/* Form Stuff */ |
|||
|
|||
.header-container input[type=text] { |
|||
padding: 0; |
|||
transition: none; |
|||
color: #fff; |
|||
border-radius: 0; |
|||
border: none; |
|||
border-bottom: 1px solid rgba(255, 255, 255, .3) !important; |
|||
background-color: transparent; |
|||
} |
|||
|
|||
.header-container input[type=text]:focus { |
|||
box-shadow: none; |
|||
color: #fff; |
|||
background-color: transparent !important; |
|||
border-color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.form-control { |
|||
color: #FFF; |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
border: 1px solid rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
.form-control:focus { |
|||
background-color: rgba(255, 255, 255, 0.25) !important; |
|||
border-color: rgba(255, 255, 255, 0.25) !important; |
|||
outline: 0; |
|||
box-shadow: none; |
|||
color: #fff; |
|||
} |
|||
|
|||
.form-control:disabled, |
|||
.form-control[readonly] { |
|||
background-color: rgb(255 255 255 / 15%); |
|||
opacity: .7; |
|||
color: #fff; |
|||
border: 1px solid rgb(255 255 255 / 15%); |
|||
} |
|||
|
|||
:root .form-control:focus { |
|||
box-shadow: none !important; |
|||
border-color: transparent !important; |
|||
} |
|||
|
|||
.form-group i { |
|||
color: #ffffff; |
|||
} |
|||
|
|||
.bootstrap-tagsinput { |
|||
color: #eee; |
|||
background-color: rgba(0, 0, 0, .25) !important; |
|||
border: 1px solid transparent !important; |
|||
|
|||
} |
|||
|
|||
.bootstrap-tagsinput.focus { |
|||
background-color: #fff !important; |
|||
border-color: transparent; |
|||
outline: 0; |
|||
box-shadow: none; |
|||
color: black; |
|||
} |
|||
|
|||
.input-group-text { |
|||
color: var(--text); |
|||
background-color: rgb(0 0 0 / 25%); |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
.custom-chip-input .main-input { |
|||
background: transparent; |
|||
color: var(--text); |
|||
} |
|||
|
|||
.custom-chip-input:focus-within { |
|||
border-color: rgb(255 255 255 / 10%); |
|||
} |
|||
|
|||
.custom-chip-input .custom-chip { |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
} |
|||
|
|||
.custom-selector .selector__control .selector__multi-value, |
|||
.selector__multi-value__label { |
|||
background: var(--button-color); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
/* SIDEBAR */ |
|||
.sidebar-container { |
|||
background-color: rgba(0, 0, 0, .25); |
|||
} |
|||
|
|||
.sidebar-container .sidebar-button { |
|||
color: var(--text) !important; |
|||
background: transparent |
|||
} |
|||
|
|||
.sidebar-container .sidebar-button:active, |
|||
.sidebar-container .sidebar-button:focus { |
|||
color: rgb(var(--accent-color)) !important; |
|||
background-color: rgba(0, 0, 0, 0.15) !important; |
|||
} |
|||
|
|||
.sidebar-container .sidebar-button:hover { |
|||
background-color: transparent !important; |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.content-header.bg-dark .btn-dark:hover { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.sidebar-container .sidebar-button.sb-active, |
|||
.sidebar-container .sidebar-button.sb-active:hover { |
|||
background-color: rgba(0, 0, 0, 0.15) !important; |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.content-header.bg-dark>button { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.content-header.bg-dark>button:hover { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.content-header.bg-dark .btn-dark { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.btn-dark.disabled:hover, |
|||
.btn-dark:disabled:hover { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
|
|||
.sidebar-container .sidebar-collapse-box.active:before, |
|||
.sidebar-container .sidebar-button.sb-active:before { |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
@media (max-width: 767.98px) { |
|||
|
|||
.sidebar-container.open, |
|||
.sidebar-container { |
|||
background: var(--modal-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; |
|||
} |
|||
} |
|||
|
|||
.sidebar-container .badge-secondary { |
|||
color: var(--label-text-color); |
|||
background-color: var(--arr-queue-color); |
|||
} |
|||
|
|||
/* TOP NAV BAR */ |
|||
.header-container .bg-primary { |
|||
background-color: rgba(0, 0, 0, .35) !important; |
|||
} |
|||
|
|||
.header-container .btn-primary { |
|||
color: var(--button-text); |
|||
background-color: transparent; |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.header-container .btn-primary.focus, |
|||
.header-container .btn-primary:focus, |
|||
.header-container .btn-primary:hover { |
|||
color: var(--button-text-hover); |
|||
background-color: transparent; |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.header-container .btn-primary:not(:disabled):not(.disabled).active, |
|||
.header-container .btn-primary:not(:disabled):not(.disabled):active, |
|||
.header-container .show>.btn-primary.dropdown-toggle { |
|||
color: var(--button-text-hover); |
|||
background-color: transparent; |
|||
border-color: transparent; |
|||
} |
|||
|
|||
/* PAGES */ |
|||
.content-header.bg-dark { |
|||
background: var(--main-bg-color) !important; |
|||
background-repeat: repeat, no-repeat !important; |
|||
background-attachment: fixed, fixed !important; |
|||
background-position: center center, center center !important; |
|||
background-size: auto, cover !important; |
|||
-webkit-background-size: auto, cover !important; |
|||
-moz-background-size: auto, cover !important; |
|||
-o-background-size: auto, cover !important; |
|||
border-bottom: solid 1px rgba(255, 255, 255, .1); |
|||
|
|||
} |
|||
|
|||
/* LOGIN */ |
|||
.bg-light { |
|||
background: var(--main-bg-color) !important; |
|||
background-repeat: repeat, no-repeat !important; |
|||
background-attachment: fixed, fixed !important; |
|||
background-position: center center, center center !important; |
|||
background-size: auto, cover !important; |
|||
-webkit-background-size: auto, cover !important; |
|||
-moz-background-size: auto, cover !important; |
|||
-o-background-size: auto, cover !important; |
|||
} |
|||
|
|||
.auth-card { |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
.auth-card .card-footer { |
|||
background-color: transparent; |
|||
border-top: 1px solid rgba(255, 255, 255, .1); |
|||
} |
|||
|
|||
hr { |
|||
border-top: 1px solid rgb(255 255 255 / 10%); |
|||
} |
|||
|
|||
|
|||
.card { |
|||
background-color: rgba(0, 0, 0, .45); |
|||
box-shadow: 0 0 10px 1px #000000; |
|||
color: var(--text); |
|||
} |
|||
|
|||
.settings-card:hover, |
|||
.settings-card:focus { |
|||
border-color: transparent; |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.alert-secondary { |
|||
color: var(--text); |
|||
background-color: rgba(255, 255, 255, .15); |
|||
border-color: rgba(255, 255, 255, .15); |
|||
} |
|||
|
|||
/* Series page */ |
|||
.progress-bar { |
|||
background-color: var(--accent-color); |
|||
} |
|||
|
|||
.progress { |
|||
background-color: rgb(255 255 255 / 20%); |
|||
} |
|||
|
|||
.progress-bar.bg-primary { |
|||
background: rgb(var(--accent-color)) !important; |
|||
color: var(--label-text-color) !important; |
|||
} |
|||
|
|||
.progress-bar.bg-warning { |
|||
color: #212529; |
|||
background-color: rgba(255, 193, 7, .8) !important; |
|||
} |
|||
|
|||
.badge-warning { |
|||
color: #212529; |
|||
background-color: rgba(255, 193, 7, .8); |
|||
} |
|||
|
|||
.badge-primary { |
|||
color: var(--label-text-color); |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.text-truncate.badge.badge-secondary { |
|||
color: var(--label-text-color); |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.popover { |
|||
background-color: #1f1f1f; |
|||
border: 1px solid rgba(255, 255, 255, .2); |
|||
} |
|||
|
|||
.bs-popover-auto[x-placement^=top]>.arrow:after, |
|||
.bs-popover-top>.arrow:after { |
|||
border-top-color: rgba(255, 255, 255, .5); |
|||
} |
|||
|
|||
.popover-header { |
|||
background-color: #1f1f1f; |
|||
border-bottom: 1px solid rgba(255, 255, 255, 0.1); |
|||
|
|||
} |
|||
|
|||
.popover-body { |
|||
color: var(--text) |
|||
} |
|||
|
|||
.spinner-border { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* Modal */ |
|||
|
|||
.modal-content { |
|||
box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1); |
|||
border-radius: 3px; |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.modal-header { |
|||
background: var(--modal-header-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; |
|||
border-bottom: 1px solid var(--accent-color); |
|||
|
|||
} |
|||
|
|||
.modal-footer { |
|||
background: var(--modal-footer-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; |
|||
border-top: 1px solid var(--accent-color); |
|||
} |
|||
|
|||
.modal-content .badge-secondary { |
|||
color: #fff; |
|||
background-color: var(--accent-color); |
|||
padding: 5px; |
|||
} |
|||
|
|||
.modal-content button:focus { |
|||
outline: none !important; |
|||
} |
|||
|
|||
.close { |
|||
float: right; |
|||
font-size: 1.5rem; |
|||
font-weight: 700; |
|||
line-height: 1; |
|||
color: #eee; |
|||
text-shadow: 0 1px 0 #eee; |
|||
opacity: .5; |
|||
} |
|||
|
|||
.close:hover { |
|||
color: #fff !important; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
/* BUTTONS */ |
|||
|
|||
.btn-primary, |
|||
.btn-outline-secondary { |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.btn-primary.focus, |
|||
.btn-primary:focus, |
|||
.btn-primary:hover, |
|||
.btn-outline-secondary:hover, |
|||
.btn-outline-secondary.focus, |
|||
.btn-outline-secondary:focus { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-primary:not(:disabled):not(.disabled).active, |
|||
.btn-primary:not(:disabled):not(.disabled):active, |
|||
.show>.btn-primary.dropdown-toggle { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-primary:not(:disabled):not(.disabled).active:focus, |
|||
.btn-primary:not(:disabled):not(.disabled):active:focus, |
|||
.show>.btn-primary.dropdown-toggle:focus, |
|||
.btn-primary.focus, |
|||
.btn-primary:focus { |
|||
box-shadow: 0 0 0 0.2rem rgba(var(--accent-color), .5); |
|||
} |
|||
|
|||
.btn-primary.disabled, |
|||
.btn-primary:disabled { |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.btn-dark.disabled, |
|||
.btn-dark:disabled { |
|||
color: var(--text-muted); |
|||
background-color: transparent; |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.btn-dark.disabled:hover, |
|||
.btn-dark:disabled:hover { |
|||
color: var(--text-muted); |
|||
background-color: transparent; |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.btn-dark { |
|||
color: var(--button-text); |
|||
background-color: transparent; |
|||
/* rgba(var(--accent-color),.5)*/ |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.btn-dark.focus, |
|||
.btn-dark:focus, |
|||
.btn-dark:hover { |
|||
color: var(--button-text-hover); |
|||
background-color: transparent; |
|||
/* rgba(var(--accent-color),.8) */ |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.btn-dark.focus, |
|||
.btn-dark:focus { |
|||
box-shadow: 0 0 0 0.2rem transparent; |
|||
} |
|||
|
|||
.btn-dark:not(:disabled):not(.disabled).active, |
|||
.btn-dark:not(:disabled):not(.disabled):active, |
|||
.show>.btn-dark.dropdown-toggle { |
|||
color: var(--button-text-hover); |
|||
background-color: transparent; |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.btn-dark:not(:disabled):not(.disabled).active:focus, |
|||
.btn-dark:not(:disabled):not(.disabled):active:focus, |
|||
.show>.btn-dark.dropdown-toggle:focus { |
|||
box-shadow: 0 0 0 0.2rem transparent; |
|||
} |
|||
|
|||
.btn-light { |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.btn-light.focus, |
|||
.btn-light:focus, |
|||
.btn-light:hover { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-light.disabled, |
|||
.btn-light:disabled { |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.btn-light:not(:disabled):not(.disabled).active, |
|||
.btn-light:not(:disabled):not(.disabled):active, |
|||
.show>.btn-light.dropdown-toggle, |
|||
.btn-light.focus, |
|||
.btn-light:focus { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-light:not(:disabled):not(.disabled).active:focus, |
|||
.btn-light:not(:disabled):not(.disabled):active:focus, |
|||
.show>.btn-light.dropdown-toggle:focus { |
|||
box-shadow: 0 0 0 0.2rem transparent; |
|||
} |
|||
|
|||
.custom-control-input:focus~.custom-control-label:before { |
|||
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, .07); |
|||
} |
|||
|
|||
.custom-control-input:checked~.custom-control-label:before { |
|||
border-color: rgb(var(--accent-color)); |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.custom-control-input:focus~.custom-control-label:before { |
|||
box-shadow: 0 0 0 .2rem rgba(var(--accent-color), .25) |
|||
} |
|||
|
|||
.custom-control-input:focus:not(:checked)~.custom-control-label:before { |
|||
border-color: var(--accent-color); |
|||
} |
|||
|
|||
.custom-control-input:not(:disabled):active~.custom-control-label:before { |
|||
color: #fff; |
|||
background-color: rgb(var(--accent-color)); |
|||
border-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before { |
|||
border-color: rgb(var(--accent-color)); |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before { |
|||
background-color: rgba(var(--accent-color), .5) |
|||
} |
|||
|
|||
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before { |
|||
background-color: rgba(var(--accent-color), .5) |
|||
} |
|||
|
|||
.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before { |
|||
background-color: rgba(var(--accent-color), .5) |
|||
} |
|||
|
|||
.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before { |
|||
background-color: rgba(var(--accent-color), .5) |
|||
} |
|||
|
|||
.custom-checkbox .custom-control-input:checked~.custom-control-label:after { |
|||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E"); |
|||
} |
|||
|
|||
input { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.custom-select:focus { |
|||
border-color: rgb(var(--accent-color)); |
|||
outline: 0; |
|||
box-shadow: 0 0 0 .2rem rgba(var(--accent-color), .25) |
|||
} |
|||
|
|||
.custom-file-input:focus~.custom-file-label { |
|||
border-color: rgb(var(--accent-color)); |
|||
box-shadow: 0 0 0 .2rem rgba(var(--accent-color), .25) |
|||
} |
|||
|
|||
/* DROPDOWN MENU */ |
|||
.dropdown-menu, |
|||
.dropdown-header { |
|||
color: var(--text); |
|||
background: var(--drop-down-menu-bg); |
|||
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; |
|||
} |
|||
|
|||
.dropdown-item { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.dropdown-item:focus, |
|||
.dropdown-item:hover { |
|||
color: var(--text-hover); |
|||
background-color: hsla(0, 0%, 100%, .08); |
|||
} |
|||
|
|||
.custom-selector .selector__control { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
border-color: rgba(0, 0, 0, 0) !important; |
|||
color: #fff; |
|||
} |
|||
|
|||
[class$="-singleValue"], |
|||
[class$="-placeholder"], |
|||
[class$="-indicatorContainer"] { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
[class$="-indicatorContainer"]:hover { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.custom-selector .selector__control--is-focused { |
|||
border-color: rgba(255, 255, 255, .2) !important; |
|||
} |
|||
|
|||
.selector__menu { |
|||
background: var(--drop-down-menu-bg) !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; |
|||
color: var(--text) |
|||
} |
|||
|
|||
.custom-selector .selector__option--is-selected:active { |
|||
background-color: rgba(255, 255, 255, .07) !important; |
|||
} |
|||
|
|||
.custom-selector .selector__option--is-focused { |
|||
background-color: rgba(var(--accent-color), .2); |
|||
color: #fff; |
|||
} |
|||
|
|||
.custom-selector .selector__option--is-focused:active, |
|||
.custom-selector .selector__option--is-focused:focus { |
|||
background-color: rgba(var(--accent-color), .2); |
|||
color: #fff; |
|||
} |
|||
|
|||
.custom-selector .selector__option--is-selected { |
|||
background-color: rgb(var(--accent-color)); |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
.custom-selector .selector__option--is-selected:active { |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.custom-rc-slider .rc-slider-track { |
|||
background: var(--button-color); |
|||
} |
|||
|
|||
.custom-rc-slider .rc-slider-handle { |
|||
border: 3px solid var(--button-color); |
|||
} |
|||
|
|||
.custom-rc-slider .rc-slider-handle:hover, |
|||
.custom-rc-slider .rc-slider-handle:active { |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
|
|||
/* RECHARTS */ |
|||
.recharts-default-tooltip { |
|||
background: #1f1f1f !important; |
|||
border: transparent !important; |
|||
} |
|||
|
|||
.recharts-rectangle.recharts-tooltip-cursor { |
|||
fill: rgba(255, 255, 255, .15) !important; |
|||
} |
|||
|
|||
text { |
|||
stroke: none; |
|||
fill: var(--text-hover); |
|||
text-anchor: end; |
|||
} |
|||
|
|||
line { |
|||
stroke: var(--text); |
|||
fill: none; |
|||
} |
|||
|
|||
|
|||
/* TOASTS */ |
|||
.toast { |
|||
background: var(--modal-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; |
|||
border: 1px solid rgba(0, 0, 0, .1); |
|||
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1); |
|||
color: var(--text) |
|||
} |
|||
|
|||
.toast-header { |
|||
color: var(--text-hover); |
|||
background-color: hsla(0, 0%, 0%, .35); |
|||
border-bottom: 1px solid rgba(0, 0, 0, .05); |
|||
} |
|||
|
|||
.alert-container .toast-container .toast .toast-body .progress .progress-bar { |
|||
text-shadow: -2px -2px 5px rgba(var(--accent-color), .35), 2px -2px 5px rgba(var(--accent-color), .35), -2px 2px 5px rgba(var(--accent-color), .35), 2px 2px 5px rgba(var(--accent-color), .35); |
|||
overflow: visible |
|||
} |
|||
|
|||
.progress-bar-striped { |
|||
background-image: linear-gradient(45deg, rgba(var(--accent-color), .5) 25%, transparent 0, transparent 50%, rgba(var(--accent-color), .5) 0, rgba(var(--accent-color), .5) 75%, transparent 0, transparent); |
|||
background-size: 1rem 1rem |
|||
} |
|||
|
|||
/* LOGS */ |
|||
/* Stack traceback */ |
|||
code.zmdi-language-python-alt { |
|||
color: var(--text); |
|||
} |
|||
@ -1,502 +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 */ |
|||
|
|||
* { |
|||
outline: none; |
|||
} |
|||
|
|||
img.logo { |
|||
filter: invert(100); |
|||
} |
|||
|
|||
body.layout_frontend, |
|||
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); |
|||
} |
|||
|
|||
/* LINKS */ |
|||
a, |
|||
app-vault-groupings .card .card-body a, |
|||
app-org-vault-groupings .card .card-body a, |
|||
.groupings .card .card-body a { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
a:hover, |
|||
app-vault-groupings .card li.active>a:first-of-type, |
|||
app-vault-groupings .card li.active>div a:first-of-type, |
|||
app-org-vault-groupings .card li.active>a:first-of-type, |
|||
app-org-vault-groupings .card li.active>div a:first-of-type, |
|||
.groupings .card li.active>a:first-of-type, |
|||
.groupings .card li.active>div a:first-of-type { |
|||
color: var(--link-color-hover) !important; |
|||
} |
|||
|
|||
/* TEXT */ |
|||
.text-muted, |
|||
.form-check-block .form-check-label>small, |
|||
.modal-header small, |
|||
.table, |
|||
.text-body { |
|||
color: var(--text-muted) !important; |
|||
} |
|||
|
|||
.table-hover tbody tr:hover { |
|||
color: var(--text-hover); |
|||
background-color: rgba(255, 255, 255, .08); |
|||
} |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
.h1, |
|||
.h2, |
|||
.h3, |
|||
.h4, |
|||
.h5, |
|||
.h6, |
|||
label, |
|||
label:not(.form-check-label):not(.btn), |
|||
label.bold .card-header:first-child, |
|||
.card-header, |
|||
.modal-header { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
/* NAVBAR */ |
|||
.navbar { |
|||
background-color: rgb(0 0 0 / 25%) !important; |
|||
} |
|||
|
|||
.navbar-dark .navbar-nav .show>.nav-link, |
|||
.navbar-dark .navbar-nav .active>.nav-link, |
|||
.navbar-dark .navbar-nav .nav-link.show, |
|||
.navbar-dark .navbar-nav .nav-link.active { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* CARDS */ |
|||
.card { |
|||
background-color: rgba(255, 255, 255, 0.07); |
|||
} |
|||
|
|||
app-vault-groupings .card li.active>a:first-of-type, |
|||
app-vault-groupings .card li.active>div a:first-of-type, |
|||
app-vault-groupings .card li.active>div>.fa { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator>div.card.card-password.bg-light.my-4 { |
|||
background-color: rgb(0 0 0 / 15%) !important; |
|||
} |
|||
|
|||
.password-number { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* MODALS */ |
|||
.modal-content, |
|||
.modal-footer { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.close, |
|||
.close:hover { |
|||
color: #fff; |
|||
} |
|||
|
|||
.close:focus { |
|||
outline: none; |
|||
} |
|||
|
|||
.swal2-popup { |
|||
background: var(--modal-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); |
|||
border: transparent; |
|||
} |
|||
|
|||
.swal2-popup .swal2-title { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.swal2-popup .swal2-content { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.swal2-popup .swal2-actions { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.btn-primary, |
|||
.swal2-popup .swal2-actions button.swal2-confirm { |
|||
color: #fff; |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.btn-primary:hover, |
|||
.swal2-popup .swal2-actions button.swal2-confirm:hover { |
|||
color: var(--text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
/* FORMS */ |
|||
.form-control:focus { |
|||
box-shadow: none; |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.form-control { |
|||
color: var(--text); |
|||
background-color: rgb(0 0 0 / 0.25); |
|||
border: 1px solid transparent; |
|||
|
|||
} |
|||
|
|||
.form-control:disabled, |
|||
.form-control[readonly] { |
|||
background-color: rgb(255 255 255 / 25%); |
|||
opacity: 1; |
|||
} |
|||
|
|||
/* DROPDOWN MENU */ |
|||
.dropdown-menu { |
|||
background: var(--modal-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; |
|||
border: 1px solid transparent; |
|||
box-shadow: 3px 3px 10px rgba(0, 0, 0, .2); |
|||
} |
|||
|
|||
.dropdown-item, |
|||
.dropdown-item-text { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.dropdown-item:hover, |
|||
.dropdown-item:focus { |
|||
color: var(--text-hover); |
|||
text-decoration: none; |
|||
background-color: rgb(255 255 255 / 0.08); |
|||
} |
|||
|
|||
a.text-danger:hover, |
|||
a.text-danger:focus { |
|||
color: #dd4b39 !important; |
|||
background-color: rgb(255 255 255 / 0.08) !important; |
|||
} |
|||
|
|||
.dropdown-menu .text-danger { |
|||
font-weight: bold !important; |
|||
background: rgb(0 0 0 / 20%) !important; |
|||
} |
|||
|
|||
/* SETTINGS */ |
|||
.list-group-item.active { |
|||
color: var(--text); |
|||
background-color: rgb(255 255 255 / 10%); |
|||
border-left: 3px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.callout { |
|||
background-color: rgb(255 255 255 / 15%); |
|||
} |
|||
|
|||
.list-group-item { |
|||
background-color: rgb(0 0 0 / 25%); |
|||
border: 1px solid rgb(255 255 255 / 8%); |
|||
} |
|||
|
|||
/* BUTTONS */ |
|||
.btn-link { |
|||
color: var(--button-color); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
.btn-link:hover { |
|||
color: var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
transition: 0.15s; |
|||
} |
|||
|
|||
.btn-primary { |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
.btn-primary:hover, |
|||
.btn-primary:not(:disabled):not(.disabled):active { |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
transition: 0.15s; |
|||
} |
|||
|
|||
.btn-primary:focus, |
|||
.swal2-popup .swal2-actions button.swal2-confirm:focus, |
|||
.btn-primary.focus, |
|||
.swal2-popup .swal2-actions button.focus.swal2-confirm, |
|||
.btn-primary:not(:disabled):not(.disabled):active:focus, |
|||
.swal2-popup .swal2-actions button.swal2-confirm:not(:disabled):not(.disabled):active:focus, |
|||
.btn-primary:not(:disabled):not(.disabled).active:focus, |
|||
.swal2-popup .swal2-actions button.swal2-confirm:not(:disabled):not(.disabled).active:focus, |
|||
.show>.btn-primary.dropdown-toggle:focus, |
|||
.swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-confirm:focus { |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.btn[class*="btn-outline-"]:not(:hover), |
|||
.swal2-popup .swal2-actions button[class*="btn-outline-"]:not(:hover), |
|||
.swal2-popup .swal2-actions button.swal2-cancel { |
|||
border-color: var(--button-color); |
|||
background-color: var(--button-color); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
.btn-outline-secondary:hover, |
|||
.swal2-popup .swal2-actions button.swal2-cancel:hover { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-outline-secondary:hover:not(:disabled), |
|||
.swal2-popup .swal2-actions button.swal2-cancel:hover:not(:disabled) { |
|||
color: var(--button-text-hover); |
|||
} |
|||
|
|||
.btn-outline-primary:hover { |
|||
color: var(--button-text-hover) !important; |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-outline-primary:not(:disabled):not(.disabled):active, |
|||
.btn-outline-primary:not(:disabled):not(.disabled).active, |
|||
.show>.btn-outline-primary.dropdown-toggle { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, |
|||
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, |
|||
.show>.btn-outline-primary.dropdown-toggle:focus, |
|||
.btn-outline-secondary:focus, |
|||
.swal2-popup .swal2-actions button.swal2-cancel:focus, |
|||
.btn-outline-secondary.focus, |
|||
.swal2-popup .swal2-actions button.focus.swal2-cancel, |
|||
.btn-outline-primary:focus, |
|||
.btn-outline-primary.focus { |
|||
box-shadow: 0 0 0 0.2rem rgb(var(--accent-color), .5); |
|||
} |
|||
|
|||
.btn-outline-secondary:not(:disabled):not(.disabled):active, |
|||
.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled):active, |
|||
.btn-outline-secondary:not(:disabled):not(.disabled).active, |
|||
.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled).active, |
|||
.show>.btn-outline-secondary.dropdown-toggle, |
|||
.swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-cancel { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, |
|||
.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled):active:focus, |
|||
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, |
|||
.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled).active:focus, |
|||
.show>.btn-outline-secondary.dropdown-toggle:focus, |
|||
.swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-cancel:focus { |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.btn-primary.disabled, |
|||
.swal2-popup .swal2-actions button.disabled.swal2-confirm, |
|||
.btn-primary:disabled, |
|||
.swal2-popup .swal2-actions button.swal2-confirm:disabled { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
opacity: .8; |
|||
} |
|||
|
|||
/* Org */ |
|||
.org-nav { |
|||
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; |
|||
} |
|||
|
|||
.org-nav .nav-tabs a { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.org-nav .nav-tabs a.active { |
|||
border-top: 3px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.nav-tabs .nav-link.active, |
|||
.nav-tabs .nav-item.show .nav-link { |
|||
color: var(--text); |
|||
background-color: rgb(255 255 255 / 25%); |
|||
border-color: transparent; |
|||
} |
|||
|
|||
app-vault-groupings .card .card-body a:hover.text-muted { |
|||
color: #fff !important; |
|||
opacity: 1 !important; |
|||
} |
|||
|
|||
app-vault-groupings .card li.active>a:first-of-type, |
|||
app-vault-groupings .card li.active>div a:first-of-type, |
|||
app-org-vault-groupings .card li.active>a:first-of-type, |
|||
app-org-vault-groupings .card li.active>div a:first-of-type { |
|||
font-weight: bold; |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* PLACEHOLDER TEXT */ |
|||
input::-webkit-input-placeholder { |
|||
color: var(--text); |
|||
} |
|||
|
|||
input:focus::-webkit-input-placeholder { |
|||
color: #000; |
|||
} |
|||
|
|||
/* Firefox < 19 */ |
|||
input:-moz-placeholder { |
|||
color: var(--text); |
|||
} |
|||
|
|||
input:focus:-moz-placeholder { |
|||
color: #000; |
|||
} |
|||
|
|||
/* Firefox > 19 */ |
|||
input::-moz-placeholder { |
|||
color: var(--text); |
|||
} |
|||
|
|||
input:focus::-moz-placeholder { |
|||
color: #000; |
|||
} |
|||
|
|||
/* Internet Explorer 10 */ |
|||
input:-ms-input-placeholder { |
|||
color: var(--text); |
|||
} |
|||
|
|||
input:focus:-ms-input-placeholder { |
|||
color: #000; |
|||
} |
|||
|
|||
/* ADMIN PAGE */ |
|||
|
|||
.bg-light { |
|||
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; |
|||
} |
|||
|
|||
.bg-light .navbar { |
|||
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; |
|||
} |
|||
|
|||
/* Cards */ |
|||
.bg-secondary { |
|||
background-color: rgb(255 255 255 / 10%) !important; |
|||
} |
|||
|
|||
.bg-white { |
|||
background-color: rgba(255, 255, 255, 0.1) !important; |
|||
} |
|||
|
|||
/* Pagination */ |
|||
|
|||
.page-item.active .page-link { |
|||
z-index: 3; |
|||
color: #fff; |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.page-item.disabled .page-link { |
|||
color: var(--text); |
|||
pointer-events: none; |
|||
cursor: auto; |
|||
background-color: rgb(0 0 0 / 10%); |
|||
border-color: rgb(0 0 0 / 10%); |
|||
} |
|||
|
|||
.text-muted, |
|||
.card-header small, |
|||
.modal-header small { |
|||
color: var(--text-muted) !important; |
|||
} |
|||
@ -1,337 +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 */ |
|||
|
|||
/* "Re-skin" of CaliBlur https://github.com/leram84/layer.Cake/tree/master/caliBlur */ |
|||
/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */ |
|||
/* APP VARS*/ |
|||
:root { |
|||
--color-background: var(--main-bg-color); |
|||
--color-primary: rgb(var(--accent-color)); |
|||
--color-secondary: var(--button-color); |
|||
--color-secondary-hover: var(--button-color-hover); |
|||
--color-background-mobile: var(--main-bg-color); |
|||
} |
|||
*, |
|||
*:focus, |
|||
*:active, |
|||
.bootstrap-select .dropdown-toggle:focus, |
|||
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle { |
|||
outline: none !important; |
|||
} |
|||
|
|||
body:not(.read-frame) { |
|||
background: var(--main-bg-color) !important; |
|||
background-image: none; |
|||
} |
|||
|
|||
.blur-wrapper:after { |
|||
background: var(--main-bg-color) !important; |
|||
} |
|||
|
|||
body>.container-fluid { |
|||
background: var(--main-bg-color); |
|||
} |
|||
|
|||
body.login:not(.read-frame), |
|||
body.shelfcreate, |
|||
body.shelfedit { |
|||
background: var(--main-bg-color) !important; |
|||
} |
|||
|
|||
@media only screen and (max-width: 767px) { |
|||
.navbar-collapse.collapse { |
|||
background: var(--modal-bg-color) !important; |
|||
} |
|||
} |
|||
|
|||
/* Book cover border */ |
|||
.container-fluid .book .cover span img { |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
/* Buttons */ |
|||
.btn-default a, |
|||
.btn-default a:hover { |
|||
color: var(--text); |
|||
} |
|||
|
|||
/* TP */ |
|||
|
|||
/* TEXT */ |
|||
|
|||
.h1, |
|||
.h2, |
|||
.h3, |
|||
.h4, |
|||
.h5, |
|||
.h6, |
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
body.admin>div.container-fluid>div>div.col-sm-10>div.container-fluid>div.row:first-of-type>div.col>h2:before, |
|||
body.admin>div.container-fluid>div>div.col-sm-10>div.discover>h2:first-of-type:before, |
|||
body.edituser.admin>div.container-fluid>div.row-fluid>div.col-sm-10>div.discover>h1:before, |
|||
body.newuser.admin>div.container-fluid>div.row-fluid>div.col-sm-10>div.discover>h1:before, |
|||
.container-fluid .book .meta .author, |
|||
.container-fluid .book .meta .author>a:hover, |
|||
.well>h2, |
|||
body:not(.admin)>div.container-fluid>div>div.col-sm-10>div.discover:only-of-type>h2 { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
|
|||
body, |
|||
html, |
|||
p { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
.home-btn>a, |
|||
.plexBack>a, |
|||
.container-fluid .book .meta .author, |
|||
.container-fluid .book .meta .author>a { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.home-btn>a:hover, |
|||
body>div.navbar.navbar-default.navbar-static-top>div>div.home-btn>a:hover:before, |
|||
.plexBack:not(.noBack):hover>a, |
|||
.form-group>label, |
|||
label, |
|||
body.authorlist>div.container-fluid>div>div.col-sm-10>div.container:before, |
|||
body.catlist>div.container-fluid>div>div.col-sm-10>div.container:before, |
|||
body.langlist>div.container-fluid>div>div.col-sm-10>div.container:before, |
|||
body.me>div.container-fluid>div>div.col-sm-10>div.discover:before, |
|||
body.serieslist>div.container-fluid>div>div.col-sm-10>div.container:before { |
|||
color: var(--text-hover) |
|||
} |
|||
|
|||
/* LINKS */ |
|||
a, |
|||
body.admin, |
|||
body.admin td>a { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
a:hover, |
|||
body.admin td>a:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
.navigation .create-shelf a, |
|||
.meta>a>p { |
|||
color: var(--link-color) !important; |
|||
} |
|||
|
|||
.navigation .create-shelf a:hover, |
|||
.author>a:hover, |
|||
.meta>a>p:hover { |
|||
color: var(--link-color-hover) !important; |
|||
} |
|||
|
|||
/* tables */ |
|||
|
|||
th, |
|||
body.tasks>div.container-fluid>div>div.col-sm-10>div.discover>div.bootstrap-table>div.fixed-table-container>div.fixed-table-body>#table>thead>tr>th>.th-inner { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
|
|||
/* MODAL */ |
|||
.modal-content { |
|||
background: var(--modal-bg-color); |
|||
} |
|||
|
|||
#GeneralDeleteModal .bg-danger { |
|||
background: var(--modal-bg-color); |
|||
} |
|||
|
|||
/* ICONS */ |
|||
.glyphicon, |
|||
#add-to-shelf>span, |
|||
#btnGroupDrop1>span, |
|||
#readbtn>span, |
|||
#sendbtn>span, |
|||
.book-meta .btn-toolbar>.btn-group>.btn-group:nth-child(1)>a:first-of-type>span, |
|||
.book-meta .btn-toolbar>.btn-group>.btn-warning>span, |
|||
.btn-toolbar>.btn-group>#btnGroupDrop2>span, |
|||
.btn-toolbar>.btn-group>.btn-group>#btnGroupDrop2>span, |
|||
div[aria-label="Edit/Delete book"]>.btn>span { |
|||
color: var(--text); |
|||
|
|||
} |
|||
|
|||
#add-to-shelf:hover span, |
|||
#btnGroupDrop1:hover>span, |
|||
#readbtn:hover>span, |
|||
#sendbtn:hover>span, |
|||
.book-meta .btn-toolbar>.btn-group>.btn-group:nth-child(1)>a:first-of-type:hover>span, |
|||
.book-meta .btn-toolbar>.btn-group>.btn-warning:hover>span, |
|||
.btn-toolbar>.btn-group>#btnGroupDrop2:hover>span, |
|||
.btn-toolbar>.btn-group>.btn-group>#btnGroupDrop2:hover>span, |
|||
div[aria-label="Edit/Delete book"]>.btn>span:hover, |
|||
#btnGroupDrop1[aria-expanded=true]>span, |
|||
#shelf-actions>.btn-group.open>#add-to-shelf>span { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
|
|||
/* DROPDOWN MENU */ |
|||
.dropdown-menu { |
|||
background: var(--drop-down-menu-bg) !important; |
|||
} |
|||
|
|||
.dropdown-menu>li>a { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.dropdown-menu>li>a:focus, |
|||
.dropdown-menu>li>a:hover { |
|||
color: var(--text-hover); |
|||
background: hsla(0, 0%, 100%, .08); |
|||
} |
|||
|
|||
/* SIDEMENU */ |
|||
.navigation li a:hover .glyphicon, |
|||
.navigation li a:hover { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.navigation li a { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.navigation .nav-head { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
body>div.navbar.navbar-default.navbar-static-top>div>div.navbar-header>a:hover { |
|||
color: var(--accent-color-hover) !important; |
|||
-webkit-transition: color .2s; |
|||
-o-transition: color .2s; |
|||
transition: color .2s; |
|||
background-color: rgba(0, 0, 0, .55) !important; |
|||
} |
|||
|
|||
/* NAVBAR */ |
|||
.navbar-default .navbar-nav>li>a:focus .glyphicon, |
|||
.navbar-default .navbar-nav>li>a:hover .glyphicon { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
/* BUTTONS */ |
|||
|
|||
|
|||
.btn-primary, |
|||
.btn-primary>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf>span::before) { |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.btn-primary:hover:not(#add-to-shelf), |
|||
.btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not(#add-to-shelf) { |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-primary.active, |
|||
.btn-primary:active, |
|||
.btn-primary:focus, |
|||
.btn-primary:hover, |
|||
.open .dropdown-toggle.btn-primary, |
|||
.btn-primary:focus>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span), |
|||
.btn-primary:active>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span), |
|||
.btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span) { |
|||
background-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-primary.active.focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1), |
|||
.btn-primary.active:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1), |
|||
.btn-primary.active:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1), |
|||
.btn-primary:active.focus:not(#edit_book):not(#add-to-shelf:not([data-original-title="Download :"])):not(#btnGroupDrop1), |
|||
.btn-primary:active:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1), |
|||
.btn-primary:active:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1), |
|||
.open>.dropdown-toggle.btn-primary.focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1), |
|||
.open>.dropdown-toggle.btn-primary:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1), |
|||
.open>.dropdown-toggle.btn-primary:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1), |
|||
.btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1), |
|||
.btn-primary:active>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1), |
|||
.btn-primary:focus>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1) { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.book-meta>.bookinfo .btn-info, |
|||
.book-meta>.bookinfo .btn-success { |
|||
background-color: rgb(var(--accent-color)); |
|||
color: var(--label-text-color); |
|||
font-size: 13px; |
|||
display: inline-block; |
|||
border-radius: 4px; |
|||
vertical-align: middle; |
|||
font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif; |
|||
-webkit-transition: background-color .2s, color .2s; |
|||
-o-transition: background-color .2s, color .2s; |
|||
transition: background-color .2s, color .2s; |
|||
text-transform: uppercase; |
|||
} |
|||
|
|||
.book-meta>.bookinfo .btn-info:hover, |
|||
.book-meta>.bookinfo .btn-success:hover { |
|||
color: var(--label-text-color); |
|||
text-decoration: none; |
|||
background: var(--accent-color-hover); |
|||
} |
|||
|
|||
[data-target="#fileModal"] span { |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
[data-target="#fileModal"]:hover span { |
|||
color: var(--button-text-hover); |
|||
} |
|||
|
|||
/* ALERT */ |
|||
|
|||
.alert { |
|||
background: var(--modal-bg-color); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
/* SERIES PAGE */ |
|||
/* from caliBlur_overide.css */ |
|||
.cover .badge { |
|||
color: var(--label-text-color); |
|||
background-color: rgb(var(--accent-color)); |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
border-radius: 0; |
|||
padding: 0 8px; |
|||
box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); |
|||
line-height: 24px; |
|||
} |
|||
.cover { |
|||
box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); |
|||
} |
|||
|
|||
.cover .read { |
|||
padding: 0 0; |
|||
line-height: 15px; |
|||
} |
|||
body.serieslist.grid-view div.container-fluid > div > div.col-sm-10::before { |
|||
display: none; |
|||
} |
|||
@ -1,16 +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 */ |
|||
|
|||
/* DELUGE AQUAMARINE THEME */ |
|||
@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css); |
|||
@import url(https://theme-park.dev/CSS/variables/aquamarine.css); |
|||
@ -1,16 +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 */ |
|||
|
|||
/* DELUGE DARK THEME */ |
|||
@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css); |
|||
@import url(https://theme-park.dev/CSS/variables/dark.css); |
|||
File diff suppressed because it is too large
@ -1,16 +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 */ |
|||
|
|||
/* DELUGE DRACULA THEME */ |
|||
@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css); |
|||
@import url(https://theme-park.dev/CSS/variables/dracula.css); |
|||
@ -1,16 +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 */ |
|||
|
|||
/* DELUGE HOTLINE THEME */ |
|||
@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css); |
|||
@import url(https://theme-park.dev/CSS/variables/hotline.css); |
|||
@ -1,16 +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 */ |
|||
|
|||
/* DELUGE ORGANIZR-DARK THEME */ |
|||
@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css); |
|||
@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); |
|||
@ -1,16 +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 */ |
|||
|
|||
/* DELUGE PLEX THEME */ |
|||
@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css); |
|||
@import url(https://theme-park.dev/CSS/variables/plex.css); |
|||
@ -1,16 +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 */ |
|||
|
|||
/* DELUGE SPACE GRAY THEME */ |
|||
@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css); |
|||
@import url(https://theme-park.dev/CSS/variables/space-gray.css); |
|||
@ -1,277 +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 */ |
|||
|
|||
:root { |
|||
--scheme-main-ter: var(--main-bg-color); |
|||
--text-strong-color: var(--button-text-hover); |
|||
--border-color: rgb(255 255 255 / 25%); |
|||
--logo-color: rgb(var(--accent-color)); |
|||
--body-background-color: var(--main-bg-color); |
|||
--border-hover-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
* { |
|||
outline: none; |
|||
} |
|||
|
|||
html, |
|||
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; |
|||
color: var(--text); |
|||
} |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
section header, |
|||
.menu-label { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
|
|||
/* Scrollbar */ |
|||
|
|||
html.has-custom-scrollbars ::-webkit-scrollbar-thumb { |
|||
background-color: rgba(255, 255, 255, .25); |
|||
outline: 1px solid #0000; |
|||
border-radius: 4px; |
|||
} |
|||
|
|||
html.has-custom-scrollbars ::-webkit-scrollbar-thumb:active, |
|||
html.has-custom-scrollbars ::-webkit-scrollbar-thumb:hover { |
|||
background-color: rgba(255, 255, 255, .45); |
|||
|
|||
} |
|||
|
|||
html.has-custom-scrollbars ::-webkit-scrollbar-track { |
|||
background: #1f1f1f; |
|||
} |
|||
|
|||
html.has-custom-scrollbars ::-webkit-scrollbar-track:hover { |
|||
background: #1f1f1f; |
|||
} |
|||
|
|||
html.has-custom-scrollbars section main { |
|||
scrollbar-color: #353535 transparent; |
|||
scrollbar-width: thin |
|||
} |
|||
|
|||
/* Text important */ |
|||
p, |
|||
.menu-list a { |
|||
color: var(--text) !important; |
|||
|
|||
} |
|||
|
|||
.panel-heading { |
|||
background-color: rgb(var(--accent-color)); |
|||
color: var(--label-text-color) !important; |
|||
} |
|||
|
|||
.panel-block { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.panel-tabs a.is-active { |
|||
border-bottom-color: rgb(var(--accent-color)); |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.panel-tabs a { |
|||
border-bottom: 1px solid var(--border-color); |
|||
color: var(--text); |
|||
} |
|||
|
|||
.panel-tabs a:hover { |
|||
border-bottom: 1px solid var(--border-color); |
|||
color: var(--text-strong-color); |
|||
} |
|||
|
|||
a.panel-block:hover, |
|||
label.panel-block:hover { |
|||
background-color: rgba(255, 255, 255, .08); |
|||
color: var(--text-strong-color); |
|||
} |
|||
|
|||
/* Side Menu*/ |
|||
.menu-list a:hover { |
|||
background-color: rgba(255, 255, 255, .08); |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.menu-list a.is-active, |
|||
.menu-list a.is-active:hover { |
|||
background-color: rgb(var(--accent-color)); |
|||
color: var(--label-text-color) !important; |
|||
} |
|||
|
|||
.menu-list li:hover .column-icon:hover { |
|||
color: black !important; |
|||
} |
|||
|
|||
li.exited a { |
|||
color: var(--text-muted) !important; |
|||
} |
|||
|
|||
.select select, |
|||
.textarea, |
|||
.input, |
|||
.dropdown-content { |
|||
background: var(--modal-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; |
|||
border-color: rgba(255, 255, 255, .1); |
|||
border-radius: 4px; |
|||
color: var(--text-strong-color); |
|||
} |
|||
|
|||
.autocomplete .dropdown-item.is-hovered, |
|||
a.dropdown-item:hover, |
|||
button.dropdown-item:hover { |
|||
background: rgba(255, 255, 255, .25); |
|||
color: var(--text-strong-color); |
|||
} |
|||
|
|||
.column-icon[data-v-35775614]:hover { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.select select:focus, |
|||
.textarea:focus, |
|||
.input:focus, |
|||
.select select.is-focused, |
|||
.is-focused.textarea, |
|||
.is-focused.input, |
|||
.select select:active, |
|||
.textarea:active, |
|||
.input:active, |
|||
.select select.is-active, |
|||
.is-active.textarea, |
|||
.is-active.input { |
|||
border-color: rgb(var(--accent-color)); |
|||
box-shadow: 0 0 0 0.125em rgba(var(--accent-color), .25); |
|||
} |
|||
|
|||
/* Settings buttons */ |
|||
.button { |
|||
background: var(--button-color); |
|||
color: var(--button-text); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
section .is-scrollbar-notification button { |
|||
background: var(--button-color) !important; |
|||
color: var(--button-text) !important; |
|||
border-color: var(--button-color) !important; |
|||
} |
|||
|
|||
.b-radio.radio.button.is-selected { |
|||
background-color: var(--button-color-hover); |
|||
border-color: transparent; |
|||
color: var(--text-strong-color); |
|||
} |
|||
|
|||
.button:hover { |
|||
background: var(--button-color-hover) !important; |
|||
border-color: var(--button-color-hover) !important; |
|||
color: var(--button-text-hover) !important; |
|||
} |
|||
|
|||
.button:active, |
|||
.button.is-active { |
|||
background: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
color: var(--text-strong-color); |
|||
} |
|||
|
|||
.is-settings-control { |
|||
background: var(--button-color); |
|||
color: var(--button-text); |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.is-settings-control:hover { |
|||
border-color: var(--button-color-hover) !important; |
|||
background: var(--button-color-hover) !important; |
|||
color: var(--button-text-hover) !important; |
|||
} |
|||
|
|||
#hide-nav { |
|||
background: var(--button-color) !important; |
|||
color: var(--button-text) !important; |
|||
} |
|||
|
|||
#hide-nav:hover { |
|||
border-color: var(--button-color-hover) !important; |
|||
background: var(--button-color-hover) !important; |
|||
color: var(--button-text-hover) !important; |
|||
} |
|||
|
|||
code { |
|||
background: rgba(0, 0, 0, .35) !important; |
|||
} |
|||
|
|||
.switch input[type=checkbox]:checked+.check { |
|||
background: var(--button-color); |
|||
} |
|||
|
|||
.switch:hover input[type=checkbox]:checked+.check { |
|||
background: var(--button-color-hover); |
|||
} |
|||
|
|||
.switch input[type=checkbox]:focus:checked+.check, |
|||
.switch input[type=checkbox]:active:checked+.check { |
|||
box-shadow: 0 0 0.5em rgb(var(--accent-color), .8); |
|||
} |
|||
|
|||
/* Events */ |
|||
|
|||
.events { |
|||
background: rgba(0, 0, 0, .35); |
|||
} |
|||
|
|||
.scroll-progress svg circle { |
|||
fill: rgba(255, 255, 255, .45) !important; |
|||
stroke: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.scroll-progress span { |
|||
color: var(--text-strong-color) !important; |
|||
} |
|||
|
|||
.splitpanes--vertical>.splitpanes__splitter:hover { |
|||
background: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.events.medium { |
|||
background: rgba(0, 0, 0, .45); |
|||
} |
|||
|
|||
.date { |
|||
color: rgb(var(--accent-color)) !important; |
|||
background: rgba(0, 0, 0, .25) !important; |
|||
} |
|||
@ -1,686 +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 */ |
|||
|
|||
|
|||
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; |
|||
} |
|||
|
|||
a:not(.timeline-content a) { |
|||
color: var(--link-color) !important; |
|||
} |
|||
|
|||
a:hover:not(.timeline-content a) { |
|||
color: var(--link-color-hover) !important; |
|||
} |
|||
|
|||
a.disabled-link { |
|||
color: var(--text-muted); |
|||
} |
|||
|
|||
/* Scrollbar */ |
|||
@media only screen and (min-width: 768px) { |
|||
html { |
|||
height: 100%; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
body { |
|||
overflow-y: auto; |
|||
height: 100%; |
|||
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; |
|||
} |
|||
} |
|||
|
|||
::-webkit-scrollbar { |
|||
width: 14px; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .2); |
|||
background-clip: padding-box; |
|||
} |
|||
|
|||
::-webkit-scrollbar-track { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb:hover { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .5); |
|||
background-clip: padding-box; |
|||
} |
|||
|
|||
/* TEXT */ |
|||
body, |
|||
.category, |
|||
.card .labels p, |
|||
.card .stats, |
|||
.vis-time-axis .vis-text, |
|||
.footer .copyright, |
|||
.navbar-default .navbar-brand, |
|||
.sidebar .nav li>a, |
|||
.off-canvas-sidebar .nav li>a { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
.h1, |
|||
.h2, |
|||
.h3, |
|||
.h4, |
|||
.h5, |
|||
.h6, |
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
.card label, |
|||
.card, |
|||
.card .title { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
label { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
.main-panel { |
|||
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; |
|||
} |
|||
|
|||
.content .card { |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.text-danger { |
|||
color: #f05050; |
|||
} |
|||
|
|||
.text-danger:hover { |
|||
color: #ec2626; |
|||
} |
|||
|
|||
.text-primary { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.text-primary:hover { |
|||
color: var(--accent-color-hover); |
|||
} |
|||
|
|||
/* PLACEHOLDER TEXT */ |
|||
::placeholder { |
|||
color: var(--text) !important; |
|||
opacity: .5 !important; |
|||
} |
|||
|
|||
:-moz-placeholder { |
|||
color: var(--text) !important; |
|||
opacity: .5 !important; |
|||
} |
|||
|
|||
:-ms-input-placeholder { |
|||
color: var(--text) !important; |
|||
opacity: .5 !important; |
|||
} |
|||
|
|||
::-webkit-input-placeholder { |
|||
color: var(--text) !important; |
|||
opacity: .5; |
|||
} |
|||
|
|||
/* CARDS */ |
|||
.card { |
|||
background: transparent; |
|||
} |
|||
|
|||
.col-sm-6 .card, |
|||
.col-md-12 .card { |
|||
background: transparent !important; |
|||
} |
|||
|
|||
.card-container, |
|||
.col-xs-4 .card, |
|||
.col-xs-12 .card, |
|||
.col-xs-8 .card { |
|||
background: rgb(0 0 0 / 8%) !important; |
|||
} |
|||
|
|||
#schedule-0, |
|||
#schedule-1, |
|||
#schedule-2, |
|||
#schedule-3, |
|||
#schedule-4, |
|||
#schedule-5, |
|||
#schedule-6, |
|||
#schedule-7, |
|||
#schedule-8, |
|||
#schedule-9, |
|||
#schedule-10, |
|||
#schedule-11, |
|||
#schedule-12, |
|||
#schedule-13, |
|||
#schedule-14, |
|||
#schedule-15, |
|||
#schedule-16, |
|||
#schedule-17, |
|||
#schedule-18, |
|||
#schedule-19, |
|||
#schedule-20, |
|||
[id*="#schedule-"] { |
|||
background-color: rgb(0 0 0 / 8%); |
|||
} |
|||
|
|||
/* TIMELINE */ |
|||
.vis-timeline { |
|||
border: 1px solid rgb(255 255 255 / 20%); |
|||
} |
|||
|
|||
/* CHARTS */ |
|||
.ct-label { |
|||
fill: var(--text); |
|||
color: var(--text); |
|||
} |
|||
|
|||
.ct-grid { |
|||
stroke: var(--text); |
|||
} |
|||
|
|||
.tab-content { |
|||
border-color: transparent !important; |
|||
} |
|||
|
|||
.vis-labelset .vis-label .vis-inner { |
|||
color: var(--text); |
|||
} |
|||
|
|||
/* STORAGE PAGE */ |
|||
.card .nav-tabs>li.active>a, |
|||
.card .nav-tabs>li.active>a:focus, |
|||
.card .nav-tabs>li.active>a:hover { |
|||
color: var(--text); |
|||
cursor: default; |
|||
background-color: rgba(0, 0, 0, .25); |
|||
border: 1px solid rgba(255, 255, 255, .25); |
|||
border-bottom-color: #eee; |
|||
border-radius: 6px 6px 0 0; |
|||
} |
|||
|
|||
.card .nav>li>a:hover, |
|||
.card .nav>li>a:focus { |
|||
background-color: rgba(255, 255, 255, .07); |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
/* NAVBAR */ |
|||
.navbar-default .navbar-toggle .icon-bar { |
|||
background-color: var(--text); |
|||
} |
|||
|
|||
.navbar-default { |
|||
background-color: rgb(0 0 0 / 26%); |
|||
border-bottom: 1px solid rgb(255 255 255 / 25%); |
|||
} |
|||
|
|||
/* SIDEBAR */ |
|||
.sidebar[data-background-color="black"]:after, |
|||
.sidebar[data-background-color="black"]:before, |
|||
.off-canvas-sidebar[data-background-color="black"]:after, |
|||
.off-canvas-sidebar[data-background-color="black"]:before { |
|||
background: rgb(0 0 0 / 10%); |
|||
} |
|||
|
|||
.sidebar[data-background-color="black"] .logo, |
|||
.off-canvas-sidebar[data-background-color="black"] .logo { |
|||
border-bottom: 1px solid rgba(var(--accent-color)); |
|||
} |
|||
|
|||
.sidebar .nav li.active>a:before, |
|||
.sidebar .nav li.active>a:after { |
|||
border-right: 17px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
@media (min-width: 992px) { |
|||
|
|||
.off-canvas-sidebar .nav li.active>a:before, |
|||
.off-canvas-sidebar .nav li.active>a:after { |
|||
border-right: 17px solid rgb(var(--accent-color)); |
|||
} |
|||
} |
|||
|
|||
.sidebar[data-active-color="success"] .nav li.active>a, |
|||
.off-canvas-sidebar[data-active-color="success"] .nav li.active>a { |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.sidebar .nav li>a:hover { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.sidebar .sidebar-wrapper { |
|||
box-shadow: none; |
|||
} |
|||
|
|||
/* MODAL */ |
|||
.modal-content { |
|||
background: var(--modal-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; |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
.modal-header { |
|||
border-bottom: 1px solid rgb(var(--accent-color)); |
|||
background: var(--modal-header-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; |
|||
} |
|||
|
|||
.modal-footer { |
|||
border-top: 1px solid rgb(var(--accent-color)); |
|||
background: var(--modal-footer-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; |
|||
} |
|||
|
|||
.modal-body .nav-tabs>li.active>a, |
|||
.nav-tabs>li.active>a:focus, |
|||
.nav-tabs>li.active>a:hover { |
|||
color: var(--text); |
|||
cursor: default; |
|||
background-color: rgba(0, 0, 0, .25); |
|||
border: 1px solid transparent; |
|||
border-bottom-color: transparent; |
|||
} |
|||
|
|||
.modal-body .nav>li>a:hover, |
|||
.nav>li>a:focus { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
.modal-body .nav-tabs>li.active>a:hover { |
|||
background-color: rgba(0, 0, 0, .25); |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
.modal-body .nav-tabs>li>a:hover { |
|||
border-color: #fff3 #fff3 #fff3; |
|||
color: var(--text-hover) |
|||
} |
|||
|
|||
.modal-body .nav-tabs>li>a { |
|||
color: var(--text) |
|||
} |
|||
|
|||
#modal_storage_info_tab_content { |
|||
border: none !important; |
|||
} |
|||
|
|||
.modal-body .nav .open>a, |
|||
.nav .open>a:focus, |
|||
.nav .open>a:hover { |
|||
background-color: rgb(0 0 0 / 25%); |
|||
border-color: transparent; |
|||
} |
|||
|
|||
/* DROPDOWN */ |
|||
.dropdown-menu { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.dropdown a { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
.dropdown a:hover { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
/* FORMS */ |
|||
.form-control.border-input { |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
.form-control, |
|||
textarea { |
|||
background-color: rgba(0, 0, 0, .25); |
|||
color: var(--text); |
|||
} |
|||
|
|||
.form-control:focus { |
|||
background-color: rgb(0 0 0 / 50%); |
|||
} |
|||
|
|||
.form-control[disabled], |
|||
.form-control[readonly], |
|||
fieldset[disabled] .form-control { |
|||
background-color: rgba(0, 0, 0, .15); |
|||
} |
|||
|
|||
#input_s3_provider:focus, |
|||
#schedule_frequency:focus, |
|||
#modal_restore_storage:focus, |
|||
#modal_restore_id:focus, |
|||
#modal_restore_revision:focus, |
|||
#job_type:focus, |
|||
#job_repository:focus, |
|||
#backup_storage:focus, |
|||
#administration_expiration:focus { |
|||
background: white; |
|||
color: black; |
|||
} |
|||
|
|||
.form-check-label { |
|||
word-break: break-word; |
|||
} |
|||
|
|||
/* BUTTONS */ |
|||
.btn { |
|||
color: var(--button-text); |
|||
border-width: 1px; |
|||
border-radius: 4px; |
|||
} |
|||
|
|||
.main-panel .btn:hover, |
|||
.main-panel .btn:focus { |
|||
background: transparent; |
|||
} |
|||
|
|||
.timepicker-spinner .btn:hover, |
|||
.timepicker-spinner .btn:focus { |
|||
background-color: rgba(255, 255, 255, .08); |
|||
color: var(--text-hover); |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
.timepicker-spinner .btn { |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
.timepicker-spinner .input-group-btn-vertical { |
|||
border-left: 1px solid transparent; |
|||
} |
|||
|
|||
.btn-info.btn-fill { |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border: var(--button-color); |
|||
} |
|||
|
|||
.btn-info.btn-fill:hover, |
|||
.btn-info.btn-fill:active, |
|||
.btn-info.btn-fill.active, |
|||
.btn-info.btn-fill:focus { |
|||
background: var(--button-color-hover); |
|||
border: var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
} |
|||
|
|||
.btn-primary { |
|||
border-color: var(--button-color); |
|||
background: var(--button-color); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
.btn-primary:focus, |
|||
.btn-primary:active:focus { |
|||
border-color: var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-primary:hover { |
|||
border-color: var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-primary.btn-fill { |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.btn-primary.btn-fill:hover { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
|
|||
} |
|||
|
|||
div>div>div.modal-footer>button.btn.btn-default.pull-left, |
|||
.navbar .navbar-nav>li>a.btn-danger.btn-fill, |
|||
.btn-danger.btn-fill { |
|||
border-color: #f05050; |
|||
background-color: #f05050; |
|||
color: #eee; |
|||
} |
|||
|
|||
div>div>div.modal-footer>button.btn.btn-default.pull-left:hover, |
|||
div>div>div.modal-footer>button.btn.btn-default.pull-left:focus, |
|||
.navbar .navbar-nav>li>a.btn-danger.btn-fill:hover, |
|||
.navbar .navbar-nav>li>a.btn-danger.btn-fill:focus, |
|||
.btn-danger.btn-fill:hover, |
|||
.btn-danger.btn-fill:focus { |
|||
border-color: #ec2626; |
|||
color: #fff; |
|||
background-color: #ec2626; |
|||
} |
|||
|
|||
div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default { |
|||
border-color: #f05050; |
|||
background-color: #f05050; |
|||
color: #eee; |
|||
} |
|||
|
|||
div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:hover, |
|||
div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:focus { |
|||
border-color: #ec2626; |
|||
color: #fff; |
|||
background-color: #ec2626; |
|||
} |
|||
|
|||
.close { |
|||
color: #fff |
|||
} |
|||
|
|||
.navbar .navbar-nav>li>a.btn-success, |
|||
.btn-success { |
|||
border-color: var(--button-color); |
|||
color: var(--button-color); |
|||
} |
|||
|
|||
.navbar .navbar-nav>li>a.btn-success:hover, |
|||
.navbar .navbar-nav>li>a.btn-success:focus, |
|||
.navbar .navbar-nav>li>a.btn-success:active, |
|||
.navbar .navbar-nav>li>a.btn-success.active, |
|||
.open>.navbar .navbar-nav>li>a.btn-success.dropdown-toggle, |
|||
.btn-success:hover, |
|||
.btn-success:focus, |
|||
.btn-success:active, |
|||
.btn-success.active, |
|||
.open>.btn-success.dropdown-toggle { |
|||
background-color: var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-icon { |
|||
background-color: rgb(var(--accent-color)); |
|||
color: var(--label-text-color); |
|||
border-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.btn-icon.active.focus, |
|||
.btn-icon.active:focus, |
|||
.btn-icon.active:hover, |
|||
.btn-icon:active.focus, |
|||
.btn-icon:active:focus, |
|||
.btn-icon:active:hover, |
|||
.btn-icon:hover, |
|||
.btn-icon:focus, |
|||
.btn-icon:active, |
|||
.btn-icon.active, |
|||
.open>.dropdown-toggle.btn-icon.focus, |
|||
.open>.dropdown-toggle.btn-icon:focus, |
|||
.open>.dropdown-toggle.btn-icon:hover { |
|||
background-color: var(--accent-color-hover) !important; |
|||
color: var(--label-text-color); |
|||
border-color: var(--accent-color-hover); |
|||
} |
|||
|
|||
.radio-box input:checked~.radio-button { |
|||
background-color: var(--button-color); |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
/* TABLES */ |
|||
.table>tbody>tr.active>td, |
|||
.table>tbody>tr.active>th, |
|||
.table>tbody>tr>td.active, |
|||
.table>tbody>tr>th.active, |
|||
.table>tfoot>tr.active>td, |
|||
.table>tfoot>tr.active>th, |
|||
.table>tfoot>tr>td.active, |
|||
.table>tfoot>tr>th.active, |
|||
.table>thead>tr.active>td, |
|||
.table>thead>tr.active>th, |
|||
.table>thead>tr>td.active, |
|||
.table>thead>tr>th.active, |
|||
.row-clickable.active { |
|||
background-color: rgb(0 0 0 / 25%); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.fixed-header th { |
|||
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; |
|||
} |
|||
|
|||
.table thead tr>th, |
|||
.table thead tr>td, |
|||
.table tbody tr>th, |
|||
.table tbody tr>td, |
|||
.table tfoot tr>th, |
|||
.table tfoot tr>td { |
|||
border-top: 1px solid rgb(255 255 255 / 20%); |
|||
} |
|||
|
|||
hr { |
|||
border-top: 1px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.list-group-item { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
.list-group-item.active, |
|||
.list-group-item.active:focus, |
|||
.list-group-item.active:hover { |
|||
background-color: rgb(var(--accent-color)); |
|||
border-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* PROGRESS BARS */ |
|||
.progress { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.progress-bar { |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.progress span { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
/* FOOTER */ |
|||
.main-panel>.footer { |
|||
background: rgb(0 0 0 / 0.25); |
|||
} |
|||
|
|||
/* MOBILE */ |
|||
@media (max-width: 991px) { |
|||
.off-canvas-sidebar .sidebar-wrapper { |
|||
box-shadow: 0 0 10px 0px #000000; |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.off-canvas-sidebar .nav li.active>a:before, |
|||
.off-canvas-sidebar .nav>li.active>a:after { |
|||
border-left: 17px solid rgb(var(--accent-color)); |
|||
} |
|||
} |
|||
@ -1,350 +0,0 @@ |
|||
@import url("https://theme-park.dev/CSS/defaults/placeholders.css"); |
|||
|
|||
* { |
|||
outline: none !important; |
|||
} |
|||
|
|||
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) !important; |
|||
} |
|||
|
|||
body .container .header { |
|||
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; |
|||
} |
|||
|
|||
body .container .footer { |
|||
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; |
|||
} |
|||
|
|||
.mainmenu { |
|||
background: initial; |
|||
} |
|||
|
|||
.mainmenu ul li a { |
|||
background-color: initial !important; |
|||
} |
|||
|
|||
.mainmenu ul li a.active { |
|||
background-color: initial !important; |
|||
color: var(--link-color-hover) !important; |
|||
} |
|||
|
|||
body .container .header .action-icons>.pause, |
|||
body .container .header .action-icons-small>.pause { |
|||
background: url(https://theme-park.dev/resources/duplicati/pause.png); |
|||
} |
|||
|
|||
body .container .header .action-icons>.throttle, |
|||
body .container .header .action-icons-small>.throttle { |
|||
background: url(https://theme-park.dev/resources/duplicati/throttle.png); |
|||
} |
|||
|
|||
body .container .body .content div.add .steps .step.active span, |
|||
body .container .body .content div.restore .steps .step.active span { |
|||
border: 4px var(--button-color) solid; |
|||
background: var(--button-color); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
body .container .body .content div.add .steps-legend li.active, |
|||
body .container .body .content div.restore .steps-legend li.active { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
body .container .body .content div.add .steps .step span, |
|||
body .container .body .content div.restore .steps .step span { |
|||
display: block; |
|||
border: 4px var(--button-color) solid; |
|||
background: var(--button-color); |
|||
} |
|||
|
|||
body .container .body .content div.add .steps-legend li, |
|||
body .container .body .content div.restore .steps-legend li { |
|||
color: var(--text-muted); |
|||
} |
|||
|
|||
body .container .body .content div.add .steps .step, |
|||
body .container .body .content div.restore .steps .step { |
|||
color: var(--button-text-hover); |
|||
} |
|||
|
|||
a, |
|||
a span:not(.tabs>li>a>span):not(.buttons>a>span), |
|||
body .container .body a { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
a:hover, |
|||
a span:hover:not(.tabs>li>a>span):not(.buttons>a>span) { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
body .container .header a { |
|||
color: rgb(var(--accent-color)) |
|||
} |
|||
|
|||
body .container .header a:hover { |
|||
color: var(--accent-color-hover) |
|||
} |
|||
|
|||
.taskmenu dt { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
dt { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
dd { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
.tasklist dd a, |
|||
.tasklist dd p { |
|||
color: var(--link-color) !important; |
|||
} |
|||
|
|||
.tasklist dd a:hover, |
|||
.tasklist dd p:hover { |
|||
color: var(--link-color-hover) !important; |
|||
} |
|||
|
|||
.action-icons { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.submit { |
|||
color: var(--button-text) !important; |
|||
background: var(--button-color) !important; |
|||
} |
|||
|
|||
.submit:hover { |
|||
color: var(--button-text-hover) !important; |
|||
background: var(--button-color-hover) !important; |
|||
} |
|||
|
|||
input, |
|||
select, |
|||
form.styled input, |
|||
form.styled textarea, |
|||
form.styled select, |
|||
form.styled .input.select select { |
|||
color: var(--text); |
|||
border: none; |
|||
background: rgba(0, 0, 0, .25); |
|||
} |
|||
|
|||
form.styled input:focus, |
|||
form.styled textarea:focus { |
|||
color: var(--text-hover); |
|||
border: none; |
|||
background: rgba(0, 0, 0, .45); |
|||
} |
|||
|
|||
select:focus, |
|||
form.styled select:focus, |
|||
form.styled .input.select select:focus { |
|||
background: #1f1f1f; |
|||
color: var(--text-hover); |
|||
border: none; |
|||
|
|||
} |
|||
|
|||
h1, |
|||
h2 { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
body .container .header .state { |
|||
background: rgb(var(--accent-color), .1); |
|||
color: var(--text); |
|||
border-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* DROP DOWN MENU */ |
|||
@media (max-width:1150px), |
|||
(max-width:1150px) and (min-resolution:192dpi), |
|||
(max-width:1150px) and (min-resolution:1.25dppx) { |
|||
body .container .body .mainmenu { |
|||
background: var(--drop-down-menu-bg) !important; |
|||
} |
|||
|
|||
} |
|||
|
|||
body .container .body .contextmenu { |
|||
display: none; |
|||
position: absolute; |
|||
background: var(--drop-down-menu-bg); |
|||
border: 1px rgba(255, 255, 255, 0.1) solid; |
|||
box-shadow: 0 4px 8px rgb(0 0 0 / 30%); |
|||
z-index: 200; |
|||
padding: 5px; |
|||
} |
|||
|
|||
body .container .body .contextmenu li a:hover { |
|||
background: rgba(255, 255, 255, 0.25); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
body .container .body .mainmenu>ul>li>a.home { |
|||
background: url(https://theme-park.dev/resources/duplicati/home.png) no-repeat 8px 7px; |
|||
} |
|||
|
|||
body .container .body .mainmenu>ul>li>a.add { |
|||
background: url(https://theme-park.dev/resources/duplicati/add.png) no-repeat 8px 7px; |
|||
} |
|||
|
|||
body .container .body .mainmenu>ul>li>a.restore { |
|||
background: url(https://theme-park.dev/resources/duplicati/restore.png) no-repeat 8px 7px; |
|||
} |
|||
|
|||
body .container .body .mainmenu>ul>li>a.settings { |
|||
background: url(https://theme-park.dev/resources/duplicati/settings.png) no-repeat 8px 7px; |
|||
} |
|||
|
|||
body .container .body .mainmenu>ul>li>a.about { |
|||
background: url(https://theme-park.dev/resources/duplicati/about.png) no-repeat 8px 7px; |
|||
} |
|||
|
|||
body .container .body .mainmenu>ul>li>a.logout { |
|||
background: url(https://theme-park.dev/resources/duplicati/logout.png) no-repeat 8px 7px; |
|||
} |
|||
|
|||
#threedotmenu_add_destination>ul>li>a>span { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
|
|||
/* MODAL */ |
|||
|
|||
div.connection-lost div.title, |
|||
div.modal-dialog div.title { |
|||
border: 1px solid rgba(255, 255, 255, 0.1); |
|||
background: var(--modal-bg-color); |
|||
border-radius: 5px 5px 0 0; |
|||
padding: 10px 20px; |
|||
font-weight: bold; |
|||
color: var(--text); |
|||
text-align: center; |
|||
} |
|||
|
|||
div.connection-lost div.content, |
|||
div.modal-dialog div.content { |
|||
border: 1px solid rgba(255, 255, 255, 0.1); |
|||
background: var(--modal-bg-color); |
|||
padding: 20px; |
|||
} |
|||
|
|||
|
|||
/* BUTTONS */ |
|||
|
|||
#login-button { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.button, |
|||
form.styled .buttons input, |
|||
form.styled .buttons a { |
|||
display: block; |
|||
background: var(--button-color); |
|||
color: var(--button-text) !important; |
|||
padding: 5px 15px; |
|||
float: right; |
|||
margin-left: 10px; |
|||
cursor: pointer; |
|||
width: auto; |
|||
border: none; |
|||
font-family: 'Clear Sans', sans-serif; |
|||
font-size: 16px; |
|||
font-weight: 300; |
|||
border-radius: 0; |
|||
} |
|||
|
|||
.button:hover, |
|||
form.styled .buttons input:hover, |
|||
form.styled .buttons a:hover { |
|||
background: var(--button-color-hover); |
|||
color: var(--button-text-hover) !important; |
|||
} |
|||
|
|||
ul.tabs>li.active>a { |
|||
background: var(--button-color-hover); |
|||
color: var(--button-text-hover) !important; |
|||
} |
|||
|
|||
ul.tabs>li.active { |
|||
background-color: var(--button-color); |
|||
color: var(--button-text-hover); |
|||
} |
|||
|
|||
|
|||
ul.tabs>li { |
|||
display: inline; |
|||
margin-right: 10px; |
|||
border: 1px solid var(--button-color); |
|||
padding: 5px; |
|||
} |
|||
|
|||
/* FOLDER TREE*/ |
|||
.tree-view li div.selected { |
|||
border-color: rgba(255, 255, 255, .1); |
|||
background-color: rgba(252, 252, 252, .25); |
|||
} |
|||
|
|||
|
|||
/* PROGRESS BAR */ |
|||
body .container .header .state .progress-bar { |
|||
background: rgba(var(--accent-color), 0.25); |
|||
} |
|||
|
|||
/* LOGIN */ |
|||
#login h2 { |
|||
background: rgba(255, 255, 255, .15); |
|||
color: var(--text); |
|||
} |
|||
|
|||
#login fieldset p { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
#login fieldset { |
|||
background-color: rgba(255, 255, 255, .15); |
|||
} |
|||
|
|||
#login fieldset input[type="submit"] { |
|||
background: var(--button-color); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
#login fieldset input[type="submit"]:hover { |
|||
background: var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
} |
|||
|
|||
#login fieldset input[type="email"], |
|||
#login fieldset input[type="password"] { |
|||
background: rgba(0, 0, 0, .25); |
|||
color: var(--text); |
|||
} |
|||
@ -1,747 +0,0 @@ |
|||
:root { |
|||
--theme-primary-color: var(--accent-color); |
|||
--theme-text-color: var(--text); |
|||
--theme-text-color-opaque: var(--text-hover); |
|||
--theme-accent-text-color: var(--accent-color); |
|||
--theme-primary-color-lightened: var(--accent-color-hover); |
|||
--theme-icon-focus-background: rgba(var(--accent-color), 0.2); |
|||
|
|||
--theme-background: var(--main-bg-color); |
|||
--header-blur-background: rgba(20,20,20,0.66); |
|||
--drawer-background: #2C2C2E; |
|||
--docked-drawer-background: rgba(0, 0, 0, 0.25); |
|||
--button-background: var(--button-color); |
|||
--card-background: rgba(0, 0, 0, 0.15); |
|||
--footer-background: var(--modal-footer-color); |
|||
--footer-blur-background: rgba(29,29,31,0.66); |
|||
|
|||
--header-background: var(--theme-background); |
|||
--theme-body-secondary-text-color: rgba(255, 255, 255, .6); |
|||
--line-background: rgba(255, 255, 255, .08); |
|||
--line-size: .08em; |
|||
--scrollbar-thumb-background: rgba(255,255,255,.3); |
|||
} |
|||
|
|||
@media (pointer: fine) { |
|||
:not(.layout-tv):root { |
|||
--theme-background: var(--main-bg-color); |
|||
--header-blur-background: rgba(20,20,20,0.66); |
|||
--drawer-background: #2C2C2E; |
|||
--docked-drawer-background: rgba(0, 0, 0, 0.25); |
|||
--button-background: #1f1f1f; |
|||
--card-background: rgba(0, 0, 0, 0.15); |
|||
--footer-background: var(--modal-footer-color); |
|||
--footer-blur-background: rgba(29,29,31,0.66); |
|||
} |
|||
} |
|||
|
|||
.layout-tv:root { |
|||
--theme-background: var(--main-bg-color); |
|||
--header-blur-background: rgba(20,20,20,0.66); |
|||
--drawer-background: #2C2C2E; |
|||
--docked-drawer-background: rgba(0, 0, 0, 0.25); |
|||
--button-background: #1f1f1f; |
|||
--card-background: rgba(0, 0, 0, 0.15); |
|||
--footer-background: var(--modal-footer-color); |
|||
--footer-blur-background: rgba(29,29,31,0.66); |
|||
} |
|||
|
|||
/*TP CUSTOM */ |
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
.inputLabel, |
|||
label { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
a:not(.emby-button), |
|||
.cardText.cardTextCentered.cardText-first>button { |
|||
color: var(--link-color) !important; |
|||
} |
|||
|
|||
a:hover:not(.emby-button), |
|||
.cardText.cardTextCentered.cardText-first>button:hover { |
|||
color: var(--link-color-hover) !important; |
|||
} |
|||
|
|||
/*TP END*/ |
|||
|
|||
html { |
|||
color: var(--theme-text-color); |
|||
scrollbar-color: var(--scrollbar-thumb-background) transparent |
|||
} |
|||
|
|||
.emby-collapsible-button { |
|||
border-color: var(--line-background) !important |
|||
} |
|||
|
|||
.skinHeader-withBackground.skinHeader-withfulldrawer { |
|||
border-bottom: .08em solid var(--line-background) |
|||
} |
|||
|
|||
.skinHeader-withBackground { |
|||
background: var(--header-background); |
|||
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; |
|||
} |
|||
|
|||
.appfooter, |
|||
.formDialogFooter:not(.formDialogFooter-clear) { |
|||
background: var(--footer-background); |
|||
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; |
|||
} |
|||
|
|||
.formDialogHeader:not(.formDialogHeader-clear) { |
|||
background: var(--modal-header-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; |
|||
} |
|||
|
|||
.dialog { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { |
|||
.skinHeader-withBackground { |
|||
background: var(--header-blur-background); |
|||
-webkit-backdrop-filter: saturate(1.8) blur(1.5em); |
|||
backdrop-filter: saturate(1.8) blur(1.5em) |
|||
} |
|||
|
|||
.appfooter-withbackdropfilter { |
|||
background: var(--footer-blur-background); |
|||
-webkit-backdrop-filter: saturate(1.8) blur(1.5em); |
|||
backdrop-filter: saturate(1.8) blur(1.5em) |
|||
} |
|||
} |
|||
|
|||
.skinHeader.semiTransparent { |
|||
-webkit-backdrop-filter: none !important; |
|||
backdrop-filter: none !important; |
|||
background-color: rgba(0, 0, 0, .3); |
|||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))); |
|||
background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); |
|||
background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); |
|||
background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); |
|||
-webkit-box-shadow: none !important; |
|||
box-shadow: none !important; |
|||
border-bottom: 0; |
|||
color: rgba(255, 255, 255, .87) |
|||
} |
|||
|
|||
.pageTitleWithDefaultLogo { |
|||
background-image: url(https://theme-park.dev/resources/emby/logowhite.png) |
|||
} |
|||
|
|||
.backgroundContainer, |
|||
html { |
|||
background: var(--theme-background); |
|||
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; |
|||
} |
|||
|
|||
.backgroundContainer.withBackdrop { |
|||
background-color: rgba(0, 0, 0, .83) |
|||
} |
|||
|
|||
@media not all and (min-width: 50em) { |
|||
.itemBackgroundContainer.withBackdrop { |
|||
background: var(--theme-background); |
|||
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; |
|||
} |
|||
} |
|||
|
|||
.paper-icon-button-light-tv:focus, |
|||
.paper-icon-button-light:active { |
|||
color: rgb(var(--theme-primary-color)); |
|||
background-color: var(--theme-icon-focus-background) |
|||
} |
|||
|
|||
@media(hover: hover) and (pointer:fine) { |
|||
.paper-icon-button-light:focus { |
|||
color: rgb(var(--theme-primary-color)); |
|||
background-color: var(--theme-icon-focus-background) |
|||
} |
|||
} |
|||
|
|||
.detailButton-icon, |
|||
.fab, |
|||
.raised:not(.raised-mini) { |
|||
background: var(--button-color); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
.detailButton-icon { |
|||
border-color: rgba(255, 255, 255, .3) |
|||
} |
|||
|
|||
.emby-select-withcolor { |
|||
color: inherit; |
|||
background: rgba(0, 0, 0, 0.25); |
|||
border: var(--line-size) solid transparent |
|||
} |
|||
|
|||
.toast { |
|||
background: var(--button-background); |
|||
color: var(--theme-text-color) |
|||
} |
|||
|
|||
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { |
|||
|
|||
.detailButton-icon, |
|||
.emby-select-withcolor.detailTrackSelect, |
|||
.fab, |
|||
.raised:not(.nobackdropfilter) { |
|||
background: rgba(85, 85, 85, .3); |
|||
-webkit-backdrop-filter: saturate(1.8) blur(1.5em); |
|||
backdrop-filter: saturate(1.8) blur(1.5em) |
|||
} |
|||
|
|||
.dialog-blur, |
|||
.toast { |
|||
color: #fff; |
|||
background: rgba(56, 56, 56, .76); |
|||
-webkit-backdrop-filter: blur(2.5em) saturate(1.8); |
|||
backdrop-filter: blur(2.5em) saturate(1.8); |
|||
-webkit-box-shadow: none !important; |
|||
box-shadow: none !important |
|||
} |
|||
|
|||
.toast-large { |
|||
color: rgba(255, 255, 255, .87) |
|||
} |
|||
} |
|||
|
|||
.fab:focus, |
|||
.raised:focus { |
|||
background: var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
} |
|||
|
|||
.button-submit:not(.emby-button-tv) { |
|||
background: var(--button-color); |
|||
color: var(--button-text) |
|||
} |
|||
|
|||
.button-submit:not(.emby-button-tv):focus, |
|||
.button-submit:not(.emby-button-tv):hover { |
|||
background: var(--button-color-hover); |
|||
color: var(--button-text-hover) |
|||
} |
|||
|
|||
.emby-select-withcolor>option { |
|||
color: inherit; |
|||
background: var(--button-background) |
|||
} |
|||
|
|||
.emby-select-withcolor:focus { |
|||
border-color: rgb(var(--theme-primary-color)) !important |
|||
} |
|||
|
|||
.emby-select-tv-withcolor:focus { |
|||
background-color: rgb(var(--theme-primary-color)) !important; |
|||
color: #fff !important |
|||
} |
|||
|
|||
.checkboxLabel { |
|||
color: inherit |
|||
} |
|||
|
|||
.emby-checkbox-focusring:focus:before { |
|||
background-color: var(--theme-icon-focus-background) |
|||
} |
|||
|
|||
.inputLabelFocused, |
|||
.selectLabelFocused, |
|||
.textareaLabelFocused { |
|||
color: rgb(var(--accent-color)) |
|||
} |
|||
|
|||
.button-link { |
|||
color: var(--link-color) |
|||
} |
|||
|
|||
.button-flat-accent { |
|||
color: rgb(var(--accent-color)) |
|||
} |
|||
|
|||
.paperList, |
|||
.visualCardBox { |
|||
background-color: var(--card-background) |
|||
} |
|||
|
|||
.collapseContent { |
|||
border: var(--line-size) solid var(--line-background) |
|||
} |
|||
|
|||
.fieldDescription, |
|||
.listItemBodyText-secondary, |
|||
.secondaryText { |
|||
color: var(--theme-body-secondary-text-color) |
|||
} |
|||
|
|||
.cardText-secondary { |
|||
color: var(--text) |
|||
} |
|||
|
|||
.cardText-first { |
|||
color: var(--theme-text-color-opaque) |
|||
} |
|||
|
|||
.actionsheetDivider { |
|||
background: var(--line-background) |
|||
} |
|||
|
|||
@media(hover: hover) and (pointer:fine) { |
|||
.actionSheetMenuItem:hover { |
|||
background-color: rgba(255, 255, 255, .2) |
|||
} |
|||
} |
|||
|
|||
.selectionCommandsPanel { |
|||
background: rgb(var(--theme-primary-color)); |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
.itemSelectionCount { |
|||
color: var(--label-text-color) !important; |
|||
|
|||
} |
|||
|
|||
.upNextDialog-countdownText { |
|||
color: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.alphaPickerButton { |
|||
color: var(--theme-body-secondary-text-color); |
|||
background-color: transparent |
|||
} |
|||
|
|||
.alphaPickerButton-selected { |
|||
color: var(--theme-text-color-opaque) |
|||
} |
|||
|
|||
.alphaPickerButton-tv:focus { |
|||
background-color: rgb(var(--theme-primary-color)); |
|||
color: #fff !important |
|||
} |
|||
|
|||
.detailTableBodyRow-shaded:nth-child(even) { |
|||
background: #1c1c1c; |
|||
background: rgba(30, 30, 30, .9) |
|||
} |
|||
|
|||
.listItem-border { |
|||
border-color: var(--line-background) !important |
|||
} |
|||
|
|||
.listItem-focusscale:focus { |
|||
background: rgba(54, 54, 54, .8) |
|||
} |
|||
|
|||
.progressring-spiner { |
|||
border-color: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.mediaInfoText { |
|||
background: var(--button-background) |
|||
} |
|||
|
|||
.starIcon { |
|||
color: #cb272a |
|||
} |
|||
|
|||
.mediaInfoTimerIcon { |
|||
color: #cb272a |
|||
} |
|||
|
|||
.emby-input, |
|||
.emby-textarea { |
|||
color: inherit; |
|||
background: rgb(0 0 0 / 25%); |
|||
border: var(--line-size) solid rgba(255, 255, 255, 0.1) |
|||
} |
|||
|
|||
.emby-input:focus, |
|||
.emby-textarea:focus { |
|||
border-color: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.emby-checkbox:checked+span:before { |
|||
border-color: currentColor |
|||
} |
|||
|
|||
.emby-checkbox:checked+span:before { |
|||
border-color: rgb(var(--theme-primary-color)) !important; |
|||
background-color: rgb(var(--theme-primary-color)) !important; |
|||
|
|||
} |
|||
|
|||
.checkboxLabel::after { |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
.itemProgressBarForeground { |
|||
background-color: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.itemProgressBarForeground-recording { |
|||
background-color: #cb272a |
|||
} |
|||
|
|||
.countIndicator { |
|||
background: rgb(var(--theme-primary-color)); |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
.playedIndicator { |
|||
background: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.mainDrawer { |
|||
background: var(--drawer-background) |
|||
} |
|||
|
|||
.drawer-docked { |
|||
background: var(--docked-drawer-background); |
|||
border-right: var(--line-size) solid var(--line-background) |
|||
} |
|||
|
|||
@media(hover: hover) and (pointer:fine) { |
|||
.navMenuOption:hover { |
|||
background: #303030 |
|||
} |
|||
} |
|||
|
|||
.navMenuOption-selected { |
|||
background-color: var(--theme-icon-focus-background) !important; |
|||
color: rgb(var(--accent-color)) |
|||
} |
|||
|
|||
.emby-button-focusscale:focus, |
|||
.emby-button-focusscale:focus .detailButton-icon { |
|||
background: rgb(var(--theme-primary-color)); |
|||
color: #fff |
|||
} |
|||
|
|||
.emby-tab-button { |
|||
color: var(--theme-body-secondary-text-color) |
|||
} |
|||
|
|||
.emby-tab-button-active { |
|||
color: rgb(var(--accent-color)) |
|||
} |
|||
|
|||
.emby-tab-button-active.emby-button-tv { |
|||
color: var(--theme-text-color-opaque) |
|||
} |
|||
|
|||
.emby-tab-button.emby-button-tv:focus { |
|||
color: rgb(var(--accent-color)); |
|||
background: 0 0 |
|||
} |
|||
|
|||
.emby-button { |
|||
outline-color: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.channelCell, |
|||
.guide-headerTimeslots, |
|||
.timeslotHeaders { |
|||
background: var(--theme-background); |
|||
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; |
|||
} |
|||
|
|||
@media (pointer: coarse) { |
|||
.channelCell-mobilefocus { |
|||
background: var(--theme-background) !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; |
|||
} |
|||
} |
|||
|
|||
.channelCell-mobilefocus:not(:focus-visible) { |
|||
background: var(--theme-background) !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; |
|||
} |
|||
|
|||
.channelCell-mobilefocus:not(:-moz-focusring) { |
|||
background: var(--theme-background) !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; |
|||
} |
|||
|
|||
.channelCell, |
|||
.epgRow, |
|||
.programCell { |
|||
border-color: rgba(255, 255, 255, .05) |
|||
} |
|||
|
|||
.guide-currentTimeIndicatorDot { |
|||
border-right-color: var(--theme-icon-focus-background) |
|||
} |
|||
|
|||
.guide-currentTimeIndicatorDot:after { |
|||
border-top-color: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.firstChannelCell { |
|||
border-color: transparent |
|||
} |
|||
|
|||
.programCell-sports { |
|||
background: #3949ab !important |
|||
} |
|||
|
|||
.programCell-movie { |
|||
background: #5e35b1 !important |
|||
} |
|||
|
|||
.programCell-kids { |
|||
background: #039be5 !important |
|||
} |
|||
|
|||
.programCell-news { |
|||
background: #43a047 !important |
|||
} |
|||
|
|||
.channelCell:focus, |
|||
.programCell:focus { |
|||
background-color: rgb(var(--theme-primary-color)); |
|||
color: #fff |
|||
} |
|||
|
|||
.guide-programTextIcon { |
|||
color: #1e1e1e; |
|||
background: #555 |
|||
} |
|||
|
|||
.infoBanner { |
|||
background: var(--card-background); |
|||
padding: 1em; |
|||
-webkit-border-radius: .3em; |
|||
border-radius: .3em |
|||
} |
|||
|
|||
.ratingbutton-icon-withrating { |
|||
color: #c33 !important |
|||
} |
|||
|
|||
.downloadbutton-icon-on { |
|||
color: #4285f4 |
|||
} |
|||
|
|||
.downloadbutton-icon-complete { |
|||
color: #4285f4 |
|||
} |
|||
|
|||
.playstatebutton-icon-played { |
|||
color: #c33 !important |
|||
} |
|||
|
|||
.repeatButton-active { |
|||
color: #4285f4 |
|||
} |
|||
|
|||
.card:focus .card-focuscontent { |
|||
border-color: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.cardContent-button { |
|||
background-color: transparent |
|||
} |
|||
|
|||
.cardContent-shadow { |
|||
background-color: var(--card-background) |
|||
} |
|||
|
|||
.defaultCardBackground0 { |
|||
background-color: var(--card-background) |
|||
} |
|||
|
|||
.defaultCardBackground1 { |
|||
background-color: #d2b019 |
|||
} |
|||
|
|||
.defaultCardBackground2 { |
|||
background-color: #338abb |
|||
} |
|||
|
|||
.defaultCardBackground3 { |
|||
background-color: #6b689d |
|||
} |
|||
|
|||
.defaultCardBackground4 { |
|||
background-color: #dd452b |
|||
} |
|||
|
|||
.defaultCardBackground5 { |
|||
background-color: #5ccea9 |
|||
} |
|||
|
|||
.cardOverlayButtonIcon { |
|||
background-color: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.cardScalable.cardPadder-portrait>div>button>i { |
|||
color: var(--label-text-color) !important; |
|||
} |
|||
|
|||
::-webkit-scrollbar-track-piece { |
|||
background-color: transparent |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb { |
|||
background: var(--scrollbar-thumb-background) |
|||
} |
|||
|
|||
.emby-slider-background { |
|||
background: var(--scrollbar-thumb-background) |
|||
} |
|||
|
|||
.emby-slider { |
|||
color: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.emby-slider::-moz-range-track { |
|||
background: #444 |
|||
} |
|||
|
|||
.emby-slider::-moz-range-progress { |
|||
background: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.emby-slider::-webkit-slider-thumb { |
|||
background: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.emby-slider::-moz-range-thumb { |
|||
background: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.emby-slider::-ms-thumb { |
|||
background: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.emby-slider-background-lower { |
|||
background-color: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.scrollbuttoncontainer { |
|||
color: #fff; |
|||
background: rgba(20, 20, 20, .5) |
|||
} |
|||
|
|||
.recordingIcon-active { |
|||
color: #c33 !important |
|||
} |
|||
|
|||
.drawerLogo { |
|||
background-image: url(https://theme-park.dev/resources/emby/logowhite.png); |
|||
border-bottom-color: var(--line-background) |
|||
} |
|||
|
|||
.searchTabsContainer { |
|||
border-bottom: var(--line-size) solid var(--line-background) |
|||
} |
|||
|
|||
.emby-search-tab-button.emby-tab-button-active { |
|||
background: rgb(var(--accent-color)) !important |
|||
} |
|||
|
|||
.textActionButton.dragging { |
|||
background: var(--button-background) !important |
|||
} |
|||
|
|||
.dragging-over.full-drop-target { |
|||
background: rgb(var(--theme-primary-color)) !important; |
|||
color: #fff !important |
|||
} |
|||
|
|||
.dragging-over-top:before { |
|||
background: rgb(var(--accent-color)) |
|||
} |
|||
|
|||
.dragging-over-bottom:after { |
|||
background: rgb(var(--accent-color)) |
|||
} |
|||
|
|||
@media (hover: hover) and (pointer: fine) { |
|||
.navMenuOption:hover:not(.navMenuOption-selected) { |
|||
background: 0 !important; |
|||
color: var(--accent-color-hover); |
|||
} |
|||
} |
|||
|
|||
.mainDrawer { |
|||
background: var(--header-blur-background); |
|||
-webkit-backdrop-filter: saturate(1.8) blur(1.5em); |
|||
backdrop-filter: saturate(1.8) blur(1.5em); |
|||
} |
|||
|
|||
.jstree-default .jstree-clicked { |
|||
background: rgb(var(--accent-color)); |
|||
-webkit-border-radius: 2px; |
|||
border-radius: 2px; |
|||
color: var(--label-text-color) !important; |
|||
} |
|||
@ -1,684 +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 */ |
|||
|
|||
/* PLACEHOLDERS */ |
|||
input::-webkit-input-placeholder { |
|||
color: var(--text); |
|||
} |
|||
|
|||
input:focus::-webkit-input-placeholder { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
/* Firefox < 19 */ |
|||
input:-moz-placeholder { |
|||
color: var(--text); |
|||
} |
|||
|
|||
input:focus:-moz-placeholder { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
/* Firefox > 19 */ |
|||
input::-moz-placeholder { |
|||
color: var(--text); |
|||
} |
|||
|
|||
input:focus::-moz-placeholder { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
/* Internet Explorer 10 */ |
|||
input:-ms-input-placeholder { |
|||
color: var(--text); |
|||
} |
|||
|
|||
input:focus:-ms-input-placeholder { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.message { |
|||
color: #FFF; |
|||
} |
|||
|
|||
#login { |
|||
min-height: 100%; |
|||
height: auto; |
|||
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; |
|||
} |
|||
|
|||
body { |
|||
|
|||
color: var(--text); |
|||
font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif; |
|||
} |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
th { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
#login input[type=password], |
|||
#login input[type=text] { |
|||
color: var(--text-hover) !important; |
|||
background-color: rgba(0, 0, 0, 0.15) !important; |
|||
border: none; |
|||
} |
|||
|
|||
#loading { |
|||
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; |
|||
} |
|||
|
|||
#loading .spinner * { |
|||
background-color: #FFF !important; |
|||
} |
|||
|
|||
html { |
|||
min-height: 100%; |
|||
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; |
|||
} |
|||
|
|||
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; |
|||
} |
|||
|
|||
@media (max-width: 736px) { |
|||
|
|||
nav, |
|||
nav.active { |
|||
background: var(--modal-bg-color) !important; |
|||
} |
|||
|
|||
#dropdown.active { |
|||
background: var(--drop-down-menu-bg) !important; |
|||
} |
|||
} |
|||
|
|||
nav { |
|||
background: rgba(0, 0, 0, .45); |
|||
height: 100%; |
|||
top: 64px; |
|||
width: 240px; |
|||
} |
|||
|
|||
.overlay:not(nav) { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
nav .action { |
|||
color: var(--text); |
|||
font-size: 13px; |
|||
font-family: Open Sans Semibold, Helvetica Neue, Helvetica, Arial, sans-serif; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
padding-top: 0px; |
|||
padding-bottom: 0px; |
|||
} |
|||
|
|||
nav .action:hover { |
|||
background-color: rgba(255, 255, 255, 0.05); |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
nav>div { |
|||
border-top: none; |
|||
} |
|||
|
|||
header { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
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; |
|||
border-bottom: transparent; |
|||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15); |
|||
} |
|||
|
|||
header>div:first-child { |
|||
height: 60px; |
|||
} |
|||
|
|||
body { |
|||
padding-top: 60px; |
|||
} |
|||
|
|||
.shell { |
|||
background: var(--modal-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: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.shell__prompt i { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.action { |
|||
color: #FFF; |
|||
} |
|||
|
|||
#listing.list .item { |
|||
background-color: rgba(0, 0, 0, .15); |
|||
color: var(--text); |
|||
border: none; |
|||
} |
|||
|
|||
#listing.list .item:hover { |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
color: var(--text-hover); |
|||
border: none; |
|||
transition: .4s; |
|||
} |
|||
|
|||
#listing.list .item.header { |
|||
background-color: rgba(0, 0, 0, .45); |
|||
color: var(--text-hover); |
|||
border-bottom: none; |
|||
right: auto; |
|||
} |
|||
|
|||
.material-icons, |
|||
.prompt .file-list ul li:before { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.action:hover { |
|||
background-color: rgba(var(--accent-color), .1); |
|||
} |
|||
|
|||
.action .counter { |
|||
background: rgb(var(--accent-color)); |
|||
color: var(--label-text-color); |
|||
border: 2px solid var(--label-text-color); |
|||
} |
|||
|
|||
.share__box { |
|||
background: transparent; |
|||
} |
|||
|
|||
.share__box__info { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.share__box__download { |
|||
background: rgb(var(--accent-color)); |
|||
color: var(--text-hover); |
|||
border-bottom: 1px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.share__box__element { |
|||
border-top: 1px solid rgb(255 255 255 / 10%); |
|||
} |
|||
|
|||
svg { |
|||
fill: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
#listing.list .item div:first-of-type i { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
#listing .item i { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
#listing.mosaic:hover .item:hover i:hover { |
|||
color: var(--accent-color-hover); |
|||
} |
|||
|
|||
#listing .item[aria-selected=true] { |
|||
background-color: rgba(255, 255, 255, 0.2) !important; |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
#listing h2 { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
#listing #multiple-selection { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
#breadcrumbs span a { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
#breadcrumbs { |
|||
border-bottom: 1px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
#listing .item { |
|||
background-color: rgba(0, 0, 0, .15); |
|||
color: var(--text); |
|||
border: none; |
|||
} |
|||
|
|||
.input { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
select>option { |
|||
background: #1f1f1f; |
|||
} |
|||
|
|||
#search #input { |
|||
background: #fff; |
|||
display: flex; |
|||
padding: 10px; |
|||
} |
|||
|
|||
#search #result { |
|||
background: var(--modal-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-hover); |
|||
} |
|||
|
|||
#search .boxes { |
|||
background-color: rgba(0, 0, 0, .15); |
|||
padding: 15px; |
|||
} |
|||
|
|||
#search .boxes h3 { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
#search .boxes>div>div { |
|||
background-color: rgba(0, 0, 0, .10); |
|||
} |
|||
|
|||
#search .boxes>div>div:hover { |
|||
background-color: rgba(255, 255, 255, .08); |
|||
} |
|||
|
|||
#search.active #input { |
|||
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; |
|||
height: 60px; |
|||
color: black; |
|||
} |
|||
|
|||
#search.active i, |
|||
#search.active input { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
#search #result>div>:first-child { |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
.card { |
|||
background-color: rgba(0, 0, 0, .15); |
|||
} |
|||
|
|||
.card h3 { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.card#share ul li a { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
select { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.card#share .input-group * { |
|||
border: none; |
|||
background: transparent; |
|||
} |
|||
|
|||
input, |
|||
textarea, |
|||
select, |
|||
button { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.collapsible>label * { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
a, |
|||
.link, |
|||
.breadcrumbs span a, |
|||
.breadcrumbs, |
|||
.breadcrumbs span { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
a:hover, |
|||
.link:hover, |
|||
.breadcrumbs span a:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
table th { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.card.floating { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
#search #input { |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
#listing.mosaic .item { |
|||
box-shadow: none !important; |
|||
} |
|||
|
|||
#listing.mosaic .item:hover { |
|||
box-shadow: none !important; |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
.dashboard p label { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.dashboard #nav li.active { |
|||
border-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.dashboard #nav ul li.active { |
|||
border-color: rgb(var(--accent-color)); |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.dashboard #nav ul li.active:before { |
|||
background: rgb(var(--accent-color)); |
|||
opacity: .08; |
|||
} |
|||
|
|||
.dashboard #nav ul li:hover { |
|||
background: rgb(var(--accent-color), .15); |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.dashboard #nav .wrapper { |
|||
border-bottom: 2px solid var(--accent-color-hover); |
|||
} |
|||
|
|||
|
|||
@media (min-width: 1024px) { |
|||
main { |
|||
margin-left: 270px; |
|||
} |
|||
} |
|||
|
|||
@media (max-width: 1024px) { |
|||
nav { |
|||
width: 175px; |
|||
} |
|||
} |
|||
|
|||
/* Buttons */ |
|||
.button:not(.button--flat.button--red) { |
|||
background: var(--button-color); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
.button:hover:not(.button--flat.button--red), |
|||
.button:active:not(.button--flat.button--red), |
|||
.button:focus:not(.button--flat.button--red) { |
|||
background: var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
} |
|||
|
|||
button:hover:not(.action), |
|||
input[type=submit]:hover { |
|||
color: var(--button-text-hover); |
|||
} |
|||
|
|||
.button--flat { |
|||
margin-left: 5px; |
|||
} |
|||
|
|||
.button--flat:hover { |
|||
background: var(--dark-red); |
|||
color: #FFF; |
|||
margin-left: 5px; |
|||
} |
|||
|
|||
|
|||
#editor-container { |
|||
background: var(--modal-bg-color); |
|||
} |
|||
|
|||
/* ACE EDITOR */ |
|||
|
|||
.ace-chrome .ace_gutter { |
|||
background: #282a36 !important; |
|||
color: rgb(144, 145, 148) !important; |
|||
} |
|||
|
|||
.ace-chrome .ace_print-margin { |
|||
width: 1px; |
|||
background: #44475a |
|||
} |
|||
|
|||
.ace-chrome { |
|||
background-color: #282a36; |
|||
color: #f8f8f2 |
|||
} |
|||
|
|||
.ace-chrome .ace_cursor { |
|||
color: #f8f8f0 |
|||
} |
|||
|
|||
.ace-chrome .ace_marker-layer .ace_selection { |
|||
background: #44475a |
|||
} |
|||
|
|||
.ace-chrome.ace_multiselect .ace_selection.ace_start { |
|||
box-shadow: 0 0 3px 0px #282a36; |
|||
border-radius: 2px |
|||
} |
|||
|
|||
.ace-chrome .ace_marker-layer .ace_step { |
|||
background: rgb(198, 219, 174) |
|||
} |
|||
|
|||
.ace-chrome .ace_marker-layer .ace_bracket { |
|||
margin: -1px 0 0 -1px; |
|||
border: 1px solid #a29709 |
|||
} |
|||
|
|||
.ace-chrome .ace_marker-layer .ace_active-line { |
|||
background: #44475a |
|||
} |
|||
|
|||
.ace-chrome .ace_gutter-active-line { |
|||
background-color: #44475a |
|||
} |
|||
|
|||
.ace-chrome .ace_marker-layer .ace_selected-word { |
|||
box-shadow: 0px 0px 0px 1px #a29709; |
|||
border-radius: 3px; |
|||
} |
|||
|
|||
.ace-chrome .ace_fold { |
|||
background-color: #50fa7b; |
|||
border-color: #f8f8f2 |
|||
} |
|||
|
|||
.ace-chrome .ace_keyword { |
|||
color: #ff79c6 |
|||
} |
|||
|
|||
.ace-chrome .ace_constant.ace_language { |
|||
color: #bd93f9 |
|||
} |
|||
|
|||
.ace-chrome .ace_constant.ace_numeric { |
|||
color: #bd93f9 |
|||
} |
|||
|
|||
.ace-chrome .ace_constant.ace_character { |
|||
color: #bd93f9 |
|||
} |
|||
|
|||
.ace-chrome .ace_constant.ace_character.ace_escape { |
|||
color: #ff79c6 |
|||
} |
|||
|
|||
.ace-chrome .ace_constant.ace_other { |
|||
color: #bd93f9 |
|||
} |
|||
|
|||
.ace-chrome .ace_support.ace_function { |
|||
color: #8be9fd |
|||
} |
|||
|
|||
.ace-chrome .ace_support.ace_constant { |
|||
color: #6be5fd |
|||
} |
|||
|
|||
.ace-chrome .ace_support.ace_class { |
|||
font-style: italic; |
|||
color: #66d9ef |
|||
} |
|||
|
|||
.ace-chrome .ace_support.ace_type { |
|||
font-style: italic; |
|||
color: #66d9ef |
|||
} |
|||
|
|||
.ace-chrome .ace_storage { |
|||
color: #ff79c6 |
|||
} |
|||
|
|||
.ace-chrome .ace_storage.ace_type { |
|||
font-style: italic; |
|||
color: #8be9fd |
|||
} |
|||
|
|||
.ace-chrome .ace_invalid { |
|||
color: #F8F8F0; |
|||
background-color: #ff79c6 |
|||
} |
|||
|
|||
.ace-chrome .ace_invalid.ace_deprecated { |
|||
color: #F8F8F0; |
|||
background-color: #bd93f9 |
|||
} |
|||
|
|||
.ace-chrome .ace_string { |
|||
color: #f1fa8c |
|||
} |
|||
|
|||
.ace-chrome .ace_comment { |
|||
color: #6272a4 |
|||
} |
|||
|
|||
.ace-chrome .ace_variable { |
|||
color: #50fa7b |
|||
} |
|||
|
|||
.ace-chrome .ace_variable.ace_parameter { |
|||
font-style: italic; |
|||
color: #ffb86c |
|||
} |
|||
|
|||
.ace-chrome .ace_entity.ace_other.ace_attribute-name { |
|||
color: #50fa7b |
|||
} |
|||
|
|||
.ace-chrome .ace_entity.ace_name.ace_function { |
|||
color: #50fa7b |
|||
} |
|||
|
|||
.ace-chrome .ace_entity.ace_name.ace_tag { |
|||
color: #ff79c6 |
|||
} |
|||
|
|||
.ace-chrome .ace_invisible { |
|||
color: #626680; |
|||
} |
|||
|
|||
.ace-chrome .ace_indent-guide { |
|||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWNgYGBgYHB3d/8PAAOIAdULw8qMAAAAAElFTkSuQmCC) right repeat-y |
|||
} |
|||
|
|||
.credits { |
|||
|
|||
color: var(--text-muted); |
|||
} |
|||
@ -1,732 +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 */ |
|||
|
|||
/* MOBILE */ |
|||
|
|||
@media (max-width: 720px) { |
|||
|
|||
.modal__body, |
|||
.modal__content__wrapper, |
|||
.modal__header, |
|||
body, |
|||
.dark .torrents, |
|||
.torrents, |
|||
.action-bar { |
|||
background: #1b1b1b !important; |
|||
} |
|||
} |
|||
|
|||
|
|||
body, |
|||
.dark .torrents, |
|||
.torrents { |
|||
color: var(--text); |
|||
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; |
|||
} |
|||
|
|||
/* TEXT */ |
|||
.h1, |
|||
.h2, |
|||
.h3, |
|||
.h4, |
|||
.h5, |
|||
.h6, |
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
p, |
|||
.inverse .h1, |
|||
.inverse .h2, |
|||
.inverse .h3, |
|||
.inverse .h4, |
|||
.inverse .h5, |
|||
.inverse .h6, |
|||
.inverse h1, |
|||
.inverse h2, |
|||
.inverse h3, |
|||
.inverse h4, |
|||
.inverse h5, |
|||
.inverse h6 .dark .torrents__alert, |
|||
.torrents__alert { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
/* AUTH PAGE */ |
|||
|
|||
.application__view--auth-form { |
|||
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; |
|||
} |
|||
|
|||
|
|||
.panel--light { |
|||
background: rgba(0, 0, 0, .25); |
|||
} |
|||
|
|||
.panel { |
|||
border: 1px solid transparent; |
|||
border-radius: 4px; |
|||
box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 1px 3px 1px rgba(0, 0, 0, .2); |
|||
overflow: hidden; |
|||
} |
|||
|
|||
/* FORMS */ |
|||
|
|||
.input, |
|||
.inverse .input { |
|||
background: rgba(255, 255, 255, .05); |
|||
color: #fff; |
|||
border: 1px solid #0000; |
|||
box-shadow: 0 1px 1px rgba(210, 216, 222, 0), 0 1px 3px 1px rgba(210, 216, 222, 0); |
|||
} |
|||
|
|||
.input:hover, |
|||
.inverse .input:hover { |
|||
border: 1px solid rgba(255, 255, 255, .1); |
|||
} |
|||
|
|||
.input:active, |
|||
.input:focus, |
|||
.inverse .input:active, |
|||
.inverse .input:focus, |
|||
.inverse .button--quaternary:active { |
|||
background-color: rgba(52, 156, 244, .05); |
|||
color: var(--text); |
|||
border-color: rgb(var(--accent-color)); |
|||
box-shadow: 0 1px 1px rgb(var(--accent-color) / 15%), 0 1px 3px 1px rgb(var(--accent-color) / 20%), 0 0 0 1px rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.button--quaternary, |
|||
.inverse .button--quaternary { |
|||
background: rgba(255, 255, 255, .05); |
|||
border-color: transparent; |
|||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0), 0 1px 3px 1px rgba(0, 0, 0, 0); |
|||
color: var(--text); |
|||
} |
|||
|
|||
.button--quaternary:focus-visible, |
|||
.button--quaternary:hover, |
|||
.inverse .button--quaternary:focus, |
|||
.inverse .button--quaternary:hover { |
|||
border: 1px solid rgba(255, 255, 255, .1); |
|||
color: var(--text); |
|||
} |
|||
|
|||
.button--quaternary:active, |
|||
.button--quaternary:focus, |
|||
.inverse .button--quaternary:active, |
|||
.inverse .button--quaternary:focus { |
|||
border-color: rgb(var(--accent-color)); |
|||
box-shadow: 0 1px 1px rgb(var(--accent-color) / 15%), 0 1px 3px 1px rgb(var(--accent-color) / 20%), 0 0 0 1px rgb(var(--accent-color)); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.context-menu__items .select__item:focus-visible, |
|||
.context-menu__items .select__item:hover { |
|||
background: rgba(255, 255, 255, .15); |
|||
} |
|||
|
|||
.inverse .form__element__addon { |
|||
border-color: rgb(255 255 255 / 10%); |
|||
} |
|||
|
|||
.form__element__addon--is-interactive:focus .icon, |
|||
.form__element__addon--is-interactive:hover .icon { |
|||
fill: rgb(var(--accent-color)); |
|||
transition: all .125s; |
|||
} |
|||
|
|||
.form__element:active~.form__element__addon .icon, |
|||
.form__element:focus~.form__element__addon .icon { |
|||
fill: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.form__element__addon .icon { |
|||
fill: var(--text-hover); |
|||
} |
|||
|
|||
.select__item--is-selected .icon { |
|||
fill: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.sortable-list__item { |
|||
background: rgb(255 255 255 / 10%); |
|||
border: 1px solid rgb(255 255 255 / 10%); |
|||
|
|||
} |
|||
|
|||
.css-1759iaw { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.css-q5wzhq:hover { |
|||
color: var(--text-hover); |
|||
background: rgba(255, 255, 255, .1); |
|||
} |
|||
|
|||
.css-m5tpeq:hover { |
|||
color: var(--text-hover); |
|||
background: rgba(94, 114, 140, 0.1); |
|||
} |
|||
|
|||
/* Cancel button */ |
|||
.button--tertiary { |
|||
background: rgb(255 255 255 / 20%); |
|||
border-color: #768a9b; |
|||
box-shadow: 0 1px 1px rgb(136 153 168 / 0%), 0 1px 3px 1px rgb(0 0 0 / 0%); |
|||
text-shadow: 0 1px 0 #00000000, 0 1px 2px rgb(0 0 0 / 0%); |
|||
} |
|||
|
|||
.inverse .button--tertiary { |
|||
border-color: rgb(255 255 255 / 0%); |
|||
} |
|||
|
|||
.inverse .button--tertiary:focus, |
|||
.inverse .button--tertiary:hover { |
|||
background: rgba(255, 255, 255, .35); |
|||
border-color: #0000; |
|||
box-shadow: 0 1px 1px rgb(136 153 168 / 0%), 0 1px 3px 1px rgb(0 0 0 / 0%); |
|||
text-shadow: 0 1px 0 #00000000, 0 1px 2px rgb(0 0 0 / 0%); |
|||
} |
|||
|
|||
.inverse .button--tertiary:active { |
|||
background: rgba(255, 255, 255, .35); |
|||
border-color: #0000; |
|||
box-shadow: 0 1px 1px rgb(136 153 168 / 0%), 0 1px 3px 1px rgb(0 0 0 / 0%); |
|||
text-shadow: 0 1px 0 #00000000, 0 1px 2px rgb(0 0 0 / 0%); |
|||
} |
|||
|
|||
.inverse .button--tertiary:focus, |
|||
.inverse .button--tertiary:hover { |
|||
background: rgba(255, 255, 255, .35); |
|||
border-color: #0000; |
|||
box-shadow: 0 1px 1px rgb(136 153 168 / 0%), 0 1px 3px 1px rgb(0 0 0 / 0%); |
|||
text-shadow: 0 1px 0 #00000000, 0 1px 2px rgb(0 0 0 / 0%); |
|||
} |
|||
|
|||
/* DROPDOWN MENUS*/ |
|||
|
|||
.context-menu__items, |
|||
.menu { |
|||
background: var(--modal-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; |
|||
border-radius: 4px; |
|||
box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 1px 3px 1px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1); |
|||
color: var(--text); |
|||
} |
|||
|
|||
.select__item--is-selected, |
|||
.menu__item.is-selectable.is-selected, |
|||
.dark .sidebar__icon-button:focus-visible, |
|||
.dark .sidebar__icon-button:hover, |
|||
.sidebar__icon-button:focus-visible, |
|||
.sidebar__icon-button:hover, |
|||
.dark .sidebar__icon-button:focus-visible .icon, |
|||
.dark .sidebar__icon-button:hover .icon, |
|||
.sidebar__icon-button:focus-visible .icon, |
|||
.sidebar__icon-button:hover .icon { |
|||
color: rgb(var(--accent-color)); |
|||
fill: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.menu__item.is-selectable:focus-within, |
|||
.menu__item.is-selectable:hover { |
|||
background: rgba(255, 255, 255, .1); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
/* BUTTONS */ |
|||
.button--primary, |
|||
.inverse .button--primary { |
|||
background: var(--button-color); |
|||
border-color: var(--button-color); |
|||
box-shadow: none; |
|||
text-shadow: none; |
|||
color: var(--button-text) |
|||
} |
|||
|
|||
.inverse .button--primary:focus, |
|||
.inverse .button--primary:hover { |
|||
background: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.button--primary:active { |
|||
background: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
|
|||
|
|||
::placeholder { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
:-ms-input-placeholder { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
::-webkit-input-placeholder { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
.error { |
|||
background: #f34570; |
|||
border-radius: 3px; |
|||
color: #fff; |
|||
padding: 8px 12px; |
|||
transition: opacity .25s; |
|||
} |
|||
|
|||
/* TORRENT PAGE */ |
|||
|
|||
.dark .torrent--is-condensed.torrent--is-selected, |
|||
.dark .torrent--is-condensed.torrent--is-selected+.torrent, |
|||
.torrent--is-condensed.torrent--is-selected, |
|||
.torrent--is-condensed.torrent--is-selected+.torrent { |
|||
border-color: rgba(var(--accent-color), .7); |
|||
} |
|||
|
|||
.dark .torrent--is-selected:after, |
|||
.dark .torrent--is-selected:hover:after, |
|||
.torrent--is-selected:after, |
|||
.torrent--is-selected:hover:after { |
|||
background: rgba(var(--accent-color), .7); |
|||
} |
|||
|
|||
.dark .table__row--heading, |
|||
.table__row--heading { |
|||
background: rgba(255, 255, 255, .15); |
|||
box-shadow: 0 1px 0 hsl(0deg 0% 100% / 12%); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.dark .torrent__detail--name, |
|||
.torrent__detail--name { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.dark .torrent--is-condensed, |
|||
.torrent--is-condensed { |
|||
border-top: 1px solid hsla(0, 0%, 100%, .12); |
|||
} |
|||
|
|||
.dark .torrent__detail, |
|||
.torrent__detail { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.torrent--is-downloading--actively .torrent__detail--downRate { |
|||
color: #39ce83; |
|||
font-weight: 500; |
|||
} |
|||
|
|||
.dark .torrent--is-condensed.torrent--is-selected .torrent__detail, |
|||
.torrent--is-condensed.torrent--is-selected .torrent__detail, |
|||
.dark .torrent--is-condensed.torrent--is-selected.torrent--is-stopped .torrent__detail, |
|||
.torrent--is-condensed.torrent--is-selected.torrent--is-stopped .torrent__detail { |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
.table__heading:focus-visible, |
|||
.table__heading:hover, |
|||
.dark .table__heading:focus-visible, |
|||
.dark .table__heading:hover { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.dark .table__heading--is-sorted, |
|||
.table__heading--is-sorted { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.dark .table__heading, |
|||
.table__heading { |
|||
border-right: 1px solid hsla(0, 0%, 100%, .12); |
|||
} |
|||
|
|||
.dark .table__heading__handle:after, |
|||
.table__heading__handle:after { |
|||
background: hsla(0, 0%, 100%, .6); |
|||
} |
|||
|
|||
.torrent--is-condensed:nth-child(0n+1), |
|||
.dark .torrent--is-condensed, |
|||
.torrent--is-condensed { |
|||
border-top: 1px solid hsla(0, 0%, 100%, .12); |
|||
} |
|||
|
|||
.torrent-details__sub-heading__secondary, |
|||
.dark .torrent-details__sub-heading__secondary { |
|||
color: var(--text); |
|||
display: flex; |
|||
font-size: .85rem; |
|||
flex: 1 0 auto; |
|||
} |
|||
|
|||
.torrent-details__sub-heading__tertiary .icon, |
|||
.dark .torrent-details__sub-heading__tertiary .icon { |
|||
fill: rgba(var(--accent-color), .5); |
|||
height: 12px; |
|||
margin-right: 3px; |
|||
margin-top: -3px; |
|||
vertical-align: middle; |
|||
width: 12px; |
|||
} |
|||
|
|||
.torrent-details__table, |
|||
.dark .torrent-details__table, |
|||
.torrent-details__table__heading--tertiary, |
|||
.dark .torrent-details__table__heading--tertiary, |
|||
.torrent-details__detail__label, |
|||
.dark .torrent-details__detail__label { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.torrent-details__section--file-tree .directory-tree__node { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
.torrent-details__section--file-tree .directory-tree__parent-directory, |
|||
.dark .torrent-details__section--file-tree .directory-tree__parent-directory { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.dark .torrent-details__table__heading--primary, |
|||
.torrent-details__table__heading--primary, |
|||
.dark .torrent-details__table__heading--secondary .torrent-details__table__heading--secondary, |
|||
.dark .torrent-details__table__heading--tertiary, |
|||
.torrent-details__table__heading--tertiary { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.torrent-details__section .badge { |
|||
background: var(--button-color); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
.torrent-details__action.is-active { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.priority-meter--max-3.priority-meter--level-1:after { |
|||
background: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* TOB NAVBAR */ |
|||
.action-bar { |
|||
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; |
|||
border-bottom: 1px solid rgba(255, 255, 255, .1); |
|||
color: var(--text); |
|||
} |
|||
|
|||
.dark .action .icon, |
|||
.action .icon { |
|||
fill: var(--text-hover); |
|||
} |
|||
|
|||
.dark .action:focus-visible, |
|||
.dark .action:hover, |
|||
.action:focus-visible, |
|||
.action:hover { |
|||
background: rgba(255, 255, 255, .1); |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.action:focus-visible .icon, |
|||
.action:hover .icon, |
|||
.dark .action:focus-visible .icon, |
|||
.dark .action:hover .icon { |
|||
fill: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.dropdown__value, |
|||
.dropdown.is-expanded .dropdown__header .dropdown__value { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* SIDE MENU */ |
|||
.dark .application__sidebar, |
|||
.application__sidebar { |
|||
background: rgba(0, 0, 0, .25); |
|||
box-shadow: 1px 0 hsl(0deg 0% 100% / 12%); |
|||
color: var(--text); |
|||
} |
|||
|
|||
.sidebar-filter__item--heading, |
|||
.sidebar-filter__item--heading:focus-visible, |
|||
.sidebar-filter__item--heading:hover { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.dark .sidebar-filter__item, |
|||
.sidebar-filter__item { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.dark .sidebar-filter__item.is-active, |
|||
.sidebar-filter__item.is-active { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.dark .sidebar-filter__item.is-active .icon, |
|||
.sidebar-filter__item.is-active .icon { |
|||
fill: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.dark .sidebar-filter__item.is-active .badge, |
|||
.sidebar-filter__item.is-active .badge { |
|||
background: rgb(var(--accent-color)); |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
.dark .sidebar-filter__item .icon, |
|||
.sidebar-filter__item .icon { |
|||
fill: rgb(var(--accent-color), .3); |
|||
} |
|||
|
|||
.sidebar-filter .badge, |
|||
.dark .sidebar-filter .badge { |
|||
background: rgb(var(--accent-color), .3); |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
.dark .sidebar-filter__item:focus-visible .icon, |
|||
.dark .sidebar-filter__item:hover .icon, |
|||
.sidebar-filter__item:focus-visible .icon, |
|||
.sidebar-filter__item:hover .icon { |
|||
fill: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.dark .sidebar-filter__item:focus-visible, |
|||
.dark .sidebar-filter__item:hover, |
|||
.sidebar-filter__item:focus-visible, |
|||
.sidebar-filter__item:hover { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.search.is-in-use .textbox { |
|||
background: rgba(var(--accent-color), .25); |
|||
border-bottom: 1px solid rgba(var(--accent-color), .3); |
|||
border-top: 1px solid rgba(var(--accent-color), .3); |
|||
color: #eee; |
|||
padding-right: 45px; |
|||
} |
|||
|
|||
.search.is-in-use .icon { |
|||
fill: rgb(var(--accent-color)); |
|||
opacity: 1; |
|||
} |
|||
|
|||
.search .textbox { |
|||
border: 1px solid rgba(var(--accent-color), .2); |
|||
background: rgba(var(--accent-color), .1); |
|||
color: var(--text); |
|||
} |
|||
|
|||
.search .icon { |
|||
fill: white; |
|||
} |
|||
|
|||
.dark .sidebar__diskusage .progress-bar__fill, |
|||
.sidebar__diskusage .progress-bar__fill { |
|||
background: hsla(0, 0%, 100%, .38); |
|||
} |
|||
|
|||
.dark .sidebar__diskusage .progress-bar__fill__wrapper, |
|||
.sidebar__diskusage .progress-bar__fill__wrapper { |
|||
background: hsla(0, 0%, 100%, .12); |
|||
} |
|||
|
|||
.torrent--is-selected.torrent--is-stopped .progress-bar__icon .icon { |
|||
color: #ffffff; |
|||
} |
|||
|
|||
.torrent--is-selected.torrent--is-stopped .progress-bar__fill { |
|||
background: #ffffff; |
|||
} |
|||
|
|||
.dark .sidebar__icon-button, |
|||
.sidebar__icon-button { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.sidebar__icon-button .icon, |
|||
.dark .sidebar__icon-button .icon { |
|||
fill: var(--text); |
|||
} |
|||
|
|||
.diskusage__details-list__label { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.tooltip__content { |
|||
background: #1b1b1b; |
|||
color: var(--text); |
|||
} |
|||
|
|||
/* MODAL */ |
|||
.modal__body, |
|||
.modal__content__wrapper, |
|||
.modal__header { |
|||
background: var(--modal-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) |
|||
} |
|||
|
|||
.modal--size-large { |
|||
width: 776px; |
|||
} |
|||
|
|||
.modal--vertical.modal--tabs-in-header .modal__header { |
|||
box-shadow: inset -1px 0 0 rgba(255, 255, 255, .1); |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.modal--vertical.modal--tabs-in-header .modal__header, |
|||
.modal--vertical.modal--tabs-in-body .modal__tabs { |
|||
/* Modal side menu*/ |
|||
background: rgb(0 0 0 / 45%) !important; |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.modal__tabs .modal__tab.is-active:after { |
|||
background: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.modal--vertical .modal__tabs .modal__tab:after { |
|||
width: 3px; |
|||
} |
|||
|
|||
.modal__header { |
|||
color: var(--text-hover); |
|||
box-shadow: inset 0 -1px 0 rgb(255 255 255 / 10%); |
|||
} |
|||
|
|||
.modal__tabs .modal__tab.is-active { |
|||
color: var(--text-hover); |
|||
background: rgb(255 255 255 / 15%); |
|||
border-radius: 3px 3px 0px 0px; |
|||
} |
|||
|
|||
.modal__tabs { |
|||
color: var(--text); |
|||
font-size: .85rem; |
|||
font-weight: 500; |
|||
margin: 5px -5px 0; |
|||
} |
|||
|
|||
.toggle-input__indicator__icon .icon { |
|||
fill: var(--button-text); |
|||
transition: all .25s; |
|||
} |
|||
|
|||
.inverse .toggle-input__indicator { |
|||
background: var(--button-color); |
|||
border: 1px solid var(--button-color); |
|||
box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 1px 3px 1px rgba(0, 0, 0, .2); |
|||
} |
|||
|
|||
.inverse .toggle-input:hover .toggle-input__indicator { |
|||
border-color: var(--button-color-hover); |
|||
background: var(--button-color-hover) |
|||
} |
|||
|
|||
.toggle-input:active, |
|||
.toggle-input:focus { |
|||
color: var(--accent-color-hover); |
|||
} |
|||
|
|||
.toggle-input:active .toggle-input__indicator .icon, |
|||
.toggle-input:active .toggle-input__indicator__icon .icon, |
|||
.toggle-input:focus .toggle-input__indicator .icon, |
|||
.toggle-input:focus .toggle-input__indicator__icon .icon { |
|||
fill: var(--accent-color-hover); |
|||
} |
|||
|
|||
.inverse .toggle-input:active .toggle-input__indicator, |
|||
.inverse .toggle-input:focus .toggle-input__indicator, |
|||
.toggle-input:active .toggle-input__indicator, |
|||
.toggle-input:focus .toggle-input__indicator { |
|||
border-color: var(--accent-color-hover); |
|||
box-shadow: 0 1px 1px rgb(var(--accent-color) / 15%), 0 1px 3px 1px rgb(var(--accent-color) / 20%), 0 0 0 1px var(--accent-color-hover); |
|||
; |
|||
} |
|||
|
|||
.interactive-list { |
|||
background: rgb(255 255 255 / 10%); |
|||
border: 1px solid rgb(255 255 255 / 10%); |
|||
box-shadow: 0 1px 1px rgb(0 0 0 / 15%), 0 1px 3px 1px rgb(0 0 0 / 20%); |
|||
color: var(--text); |
|||
} |
|||
|
|||
.dropzone__icon .icon--files { |
|||
fill: rgba(var(--accent-color), .5); |
|||
height: 64px; |
|||
transition: fill .25s; |
|||
width: 64px; |
|||
} |
|||
|
|||
.dropzone__browse-button { |
|||
color: rgb(var(--accent-color)); |
|||
text-decoration: underline; |
|||
} |
|||
|
|||
.dropzone:hover { |
|||
border-color: rgb(0 0 0 / 25%); |
|||
} |
|||
|
|||
.dropzone:hover .dropzone__icon .icon { |
|||
fill: var(--accent-color-hover); |
|||
} |
|||
@ -1,395 +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 */ |
|||
|
|||
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); |
|||
} |
|||
|
|||
/* Scrollbar */ |
|||
@media only screen and (min-width: 768px) { |
|||
html { |
|||
height: 100%; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
body { |
|||
overflow-y: auto; |
|||
height: 100%; |
|||
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; |
|||
} |
|||
} |
|||
|
|||
::-webkit-scrollbar { |
|||
width: 14px; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .2); |
|||
background-clip: padding-box; |
|||
} |
|||
|
|||
::-webkit-scrollbar-track { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb:hover { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .5); |
|||
background-clip: padding-box; |
|||
} |
|||
|
|||
a { |
|||
color: var(--link-color); |
|||
|
|||
} |
|||
|
|||
a:hover { |
|||
color: var(--link-color-hover); |
|||
text-decoration: underline; |
|||
} |
|||
|
|||
.text-primary { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
.text-muted { |
|||
color: var(--text-muted) !important; |
|||
} |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h4.text-primary, |
|||
h5, |
|||
h6, |
|||
.h1, |
|||
.h2, |
|||
.h3, |
|||
.h4, |
|||
.h5, |
|||
.h6, |
|||
label { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.alert-heading { |
|||
color: white !important; |
|||
} |
|||
|
|||
/* Header */ |
|||
.bg-primary { |
|||
background-color: transparent !important; |
|||
background: rgba(0, 0, 0, .25) !important; |
|||
} |
|||
|
|||
.navbar .list-ul-active, |
|||
.info-circle-active, |
|||
.arrow-clockwise-active, |
|||
.gear-active, |
|||
.rss-active, |
|||
.exclamation-triangle-active, |
|||
.collection-fill-active, |
|||
.activePage { |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.bg-primary .navbar-nav .active>.nav-link { |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.default { |
|||
background-color: var(--text); |
|||
} |
|||
|
|||
.navbar-dark .navbar-nav .nav-link { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.navbar-dark .navbar-nav .nav-link:hover, |
|||
.navbar-dark .navbar-nav .nav-link:focus { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.navbar-dark .navbar-nav .nav-link:hover .default, |
|||
.navbar-dark .navbar-nav .nav-link:focus .default { |
|||
background-color: var(--text-hover); |
|||
} |
|||
|
|||
/* Tables */ |
|||
table.dataTable.stripe tbody tr.odd, |
|||
table.dataTable.display tbody tr.odd, |
|||
table.dataTable tbody tr { |
|||
background-color: rgba(0, 0, 0, .25); |
|||
} |
|||
|
|||
table.dataTable.hover tbody tr:hover, |
|||
table.dataTable.display tbody tr:hover { |
|||
background-color: rgba(0, 0, 0, .25); |
|||
} |
|||
|
|||
table.dataTable thead th, |
|||
table.dataTable thead td { |
|||
border-bottom: 1px solid #00000000; |
|||
} |
|||
|
|||
table.dataTable.row-border tbody th, |
|||
table.dataTable.row-border tbody td, |
|||
table.dataTable.display tbody th, |
|||
table.dataTable.display tbody td { |
|||
border-top: 1px solid rgb(255 255 255 / 10%); |
|||
} |
|||
|
|||
/* Pagination */ |
|||
.dataTables_wrapper .dataTables_paginate .paginate_button.current, |
|||
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { |
|||
color: var(--text) !important; |
|||
border: 1px solid transparent; |
|||
background: rgba(0, 0, 0, .25); |
|||
} |
|||
|
|||
.dataTables_wrapper .dataTables_paginate .paginate_button:hover, |
|||
.dataTables_wrapper .dataTables_paginate .paginate_button:active { |
|||
color: var(--text-hover) !important; |
|||
border: 1px solid transparent; |
|||
background: rgba(255, 255, 255, .08); |
|||
} |
|||
|
|||
.dataTables_wrapper .dataTables_paginate .paginate_button:active { |
|||
outline: none; |
|||
} |
|||
|
|||
/* Cards */ |
|||
.card { |
|||
background: transparent; |
|||
color: var(--text); |
|||
border: 1px solid rgba(0, 0, 0, 0); |
|||
} |
|||
|
|||
.card .text-muted { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
#movies .card img { |
|||
height: 200px !important; |
|||
width: auto !important; |
|||
} |
|||
|
|||
.card-text .text-info { |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
/* Buttons */ |
|||
.btn-primary, |
|||
.btn-info { |
|||
color: var(--button-text); |
|||
background-color: var(--button-color) !important; |
|||
border-color: var(--button-color) !important; |
|||
} |
|||
|
|||
.btn-primary:not(:disabled):not(.disabled):active:focus, |
|||
.btn-primary:not(:disabled):not(.disabled).active:focus, |
|||
.show>.btn-primary.dropdown-toggle:focus, |
|||
.btn-info:focus, |
|||
.btn-info.focus { |
|||
-webkit-box-shadow: 0 0 0 0.2rem rgb(var(--accent-color), .5); |
|||
box-shadow: 0 0 0 0.2rem rgb(var(--accent-color), .5); |
|||
} |
|||
|
|||
.btn-primary:hover, |
|||
.btn-info:hover { |
|||
background-color: var(--button-color-hover) !important; |
|||
border-color: var(--button-color-hover) !important; |
|||
color: var(--button-text-hover) !important; |
|||
} |
|||
|
|||
.btn-secondary { |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.btn-secondary:hover { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.list-group-item { |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.list-group-item.active { |
|||
color: var(--label-text-color); |
|||
background: rgb(var(--accent-color)); |
|||
border-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.list-group-item.active:hover { |
|||
color: var(--label-text-color); |
|||
background: var(--accent-color-hover); |
|||
border-color: var(--accent-color-hover); |
|||
} |
|||
|
|||
.list-group-item-action:hover, |
|||
.list-group-item-action:focus { |
|||
color: var(--button-text-hover); |
|||
background: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
/* Settings */ |
|||
.nav-tabs .nav-link.active, |
|||
.nav-tabs .nav-link.active:hover, |
|||
.nav-tabs .nav-link.active:focus, |
|||
.nav-tabs .nav-item.open .nav-link:focus, |
|||
.nav-pills .nav-link.active:focus, |
|||
.nav-pills .nav-item.open .nav-link:focus, |
|||
.nav-tabs .nav-item.show .nav-link { |
|||
color: rgb(var(--accent-color)); |
|||
background-color: rgba(255, 255, 255, .1); |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.nav-tabs .nav-link, |
|||
.nav-tabs .nav-item.open .nav-link, |
|||
.nav-pills .nav-link, |
|||
.nav-pills .nav-link.active, |
|||
.nav-pills .nav-link.active:hover, |
|||
.nav-pills .nav-item.open .nav-link { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.nav-tabs .nav-link:hover, |
|||
.nav-tabs .nav-link:focus, |
|||
.nav-tabs .nav-item.open .nav-link:hover, |
|||
.nav-pills .nav-item.open .nav-link:hover { |
|||
background-color: rgba(0, 0, 0, .25); |
|||
border-color: transparent; |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.nav-tabs .nav-link.active:hover { |
|||
background-color: rgba(255, 255, 255, .1); |
|||
} |
|||
|
|||
.badge-primary { |
|||
color: var(--label-text-color); |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
#plexServers .card-header { |
|||
background-color: rgba(255, 255, 255, .1); |
|||
color: var(--text-hover) |
|||
} |
|||
|
|||
#plexServers .border-secondary { |
|||
border-color: #0000 !important; |
|||
} |
|||
|
|||
#plexServers .list-group-item { |
|||
background-color: rgba(0, 0, 0, .25); |
|||
border: none; |
|||
} |
|||
|
|||
#plexServers .card-footer { |
|||
background-color: rgb(0 0 0 / 25%); |
|||
} |
|||
|
|||
.dropdown-menu { |
|||
color: var(--text); |
|||
background: var(--drop-down-menu-bg); |
|||
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; |
|||
border: 1px solid transparent; |
|||
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6); |
|||
} |
|||
|
|||
.dropdown-item { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.dropdown-item:hover, |
|||
.dropdown-item:focus { |
|||
color: var(--text-hover); |
|||
text-decoration: none; |
|||
background-color: rgba(255, 255, 255, .08); |
|||
} |
|||
|
|||
/* Input */ |
|||
[type="search"] { |
|||
outline-offset: -2px; |
|||
-webkit-appearance: none; |
|||
outline: none; |
|||
border: none; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
button, |
|||
select { |
|||
text-transform: none; |
|||
outline: none; |
|||
} |
|||
|
|||
/* Progress Bar */ |
|||
.progress-bar-striped { |
|||
background-image: linear-gradient(45deg, rgba(var(--accent-color)) 25%, transparent 25%, transparent 50%, rgba(var(--accent-color)) 50%, rgba(var(--accent-color)) 75%, transparent 75%, transparent); |
|||
background-size: .625rem .625rem; |
|||
} |
|||
|
|||
.progress-bar { |
|||
display: -webkit-box; |
|||
display: -ms-flexbox; |
|||
display: flex; |
|||
-webkit-box-orient: vertical; |
|||
-webkit-box-direction: normal; |
|||
-ms-flex-direction: column; |
|||
flex-direction: column; |
|||
-webkit-box-pack: center; |
|||
-ms-flex-pack: center; |
|||
justify-content: center; |
|||
overflow: hidden; |
|||
color: #fff; |
|||
text-align: center; |
|||
white-space: nowrap; |
|||
background-color: rgb(var(--accent-color), .15); |
|||
-webkit-transition: width .6s ease; |
|||
transition: width .6s ease; |
|||
} |
|||
@ -1,561 +0,0 @@ |
|||
/* |
|||
/* dP oo |
|||
/* 88 |
|||
/* 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88 .dP .d8888b. dP |
|||
/* 88'`88'`88 88' `88 88' `88 88' `88 88888" 88' `88 88 |
|||
/* 88 88 88 88. .88 88 88 88. .88 88 `8b. 88. .88 88 |
|||
/* dP dP dP `88888P' dP dP `88888P' dP `YP `88888P8 dP |
|||
|
|||
/* Source: https://gist.github.com/ntrrg/f70d4dc6ed8a739a36fe7c55f422c5f3 */ |
|||
:root { |
|||
/* Background */ |
|||
--code-background: #1f1f1f; |
|||
--code-color: #f8f8f2; |
|||
|
|||
/* Error */ |
|||
--code-err-background: #960050; |
|||
--code-err-color: #1e0010; |
|||
|
|||
/* LineHighlight */ |
|||
--code-hl-background: #ffffcc; |
|||
|
|||
/* Keyword */ |
|||
--code-k-color: #66d9ef; |
|||
|
|||
/* KeywordConstant */ |
|||
--code-kc-color: #66d9ef; |
|||
|
|||
/* KeywordDeclaration */ |
|||
--code-kd-color: #66d9ef; |
|||
|
|||
/* KeywordNamespace */ |
|||
--code-kn-color: #f92672; |
|||
|
|||
/* KeywordPseudo */ |
|||
--code-kp-color: #66d9ef; |
|||
|
|||
/* KeywordReserved */ |
|||
--code-kr-color: #66d9ef; |
|||
|
|||
/* KeywordType */ |
|||
--code-kt-color: #66d9ef; |
|||
|
|||
/* NameAttribute */ |
|||
--code-na-color: #a6e22e; |
|||
|
|||
/* NameClass */ |
|||
--code-nc-color: #a6e22e; |
|||
|
|||
/* NameConstant */ |
|||
--code-no-color: #66d9ef; |
|||
|
|||
/* NameDecorator */ |
|||
--code-nd-color: #a6e22e; |
|||
|
|||
/* NameException */ |
|||
--code-ne-color: #a6e22e; |
|||
|
|||
/* NameFunction */ |
|||
--code-nf-color: #a6e22e; |
|||
|
|||
/* NameOther */ |
|||
--code-nx-color: #a6e22e; |
|||
|
|||
/* NameTag */ |
|||
--code-nt-color: #f92672; |
|||
|
|||
/* Literal */ |
|||
--code-l-color: #ae81ff; |
|||
|
|||
/* LiteralDate */ |
|||
--code-ld-color: #e6db74; |
|||
|
|||
/* LiteralString */ |
|||
--code-s-color: #e6db74; |
|||
|
|||
/* LiteralStringAffix */ |
|||
--code-sa-color: #e6db74; |
|||
|
|||
/* LiteralStringBacktick */ |
|||
--code-sb-color: #e6db74; |
|||
|
|||
/* LiteralStringChar */ |
|||
--code-sc-color: #e6db74; |
|||
|
|||
/* LiteralStringDelimiter */ |
|||
--code-dl-color: #e6db74; |
|||
|
|||
/* LiteralStringDoc */ |
|||
--code-sd-color: #e6db74; |
|||
|
|||
/* LiteralStringDouble */ |
|||
--code-s2-color: #e6db74; |
|||
|
|||
/* LiteralStringEscape */ |
|||
--code-se-color: #ae81ff; |
|||
|
|||
/* LiteralStringHeredoc */ |
|||
--code-sh-color: #e6db74; |
|||
|
|||
/* LiteralStringInterpol */ |
|||
--code-si-color: #e6db74; |
|||
|
|||
/* LiteralStringOther */ |
|||
--code-sx-color: #e6db74; |
|||
|
|||
/* LiteralStringRegex */ |
|||
--code-sr-color: #e6db74; |
|||
|
|||
/* LiteralStringSingle */ |
|||
--code-s1-color: #e6db74; |
|||
|
|||
/* LiteralStringSymbol */ |
|||
--code-ss-color: #e6db74; |
|||
|
|||
/* LiteralNumber */ |
|||
--code-m-color: #ae81ff; |
|||
|
|||
/* LiteralNumberBin */ |
|||
--code-mb-color: #ae81ff; |
|||
|
|||
/* LiteralNumberFloat */ |
|||
--code-mf-color: #ae81ff; |
|||
|
|||
/* LiteralNumberHex */ |
|||
--code-mh-color: #ae81ff; |
|||
|
|||
/* LiteralNumberInteger */ |
|||
--code-mi-color: #ae81ff; |
|||
|
|||
/* LiteralNumberIntegerLong */ |
|||
--code-il-color: #ae81ff; |
|||
|
|||
/* LiteralNumberOct */ |
|||
--code-mo-color: #ae81ff; |
|||
|
|||
/* Operator */ |
|||
--code-o-color: #f92672; |
|||
|
|||
/* OperatorWord */ |
|||
--code-ow-color: #f92672; |
|||
|
|||
/* Comment */ |
|||
--code-c-color: #75715e; |
|||
|
|||
/* CommentHashbang */ |
|||
--code-ch-color: #75715e; |
|||
|
|||
/* CommentMultiline */ |
|||
--code-cm-color: #75715e; |
|||
|
|||
/* CommentSingle */ |
|||
--code-c1-color: #75715e; |
|||
|
|||
/* CommentSpecial */ |
|||
--code-cs-color: #75715e; |
|||
|
|||
/* CommentPreproc */ |
|||
--code-cp-color: #75715e; |
|||
|
|||
/* CommentPreprocFile */ |
|||
--code-cpf-color: #75715e; |
|||
|
|||
/* GenericDeleted */ |
|||
--code-gd-color: #f92672; |
|||
|
|||
/* GenericInserted */ |
|||
--code-gi-color: #a6e22e; |
|||
|
|||
/* GenericSubheading */ |
|||
--code-gu-color: #75715e; |
|||
} |
|||
|
|||
/* CHROMA */ |
|||
/* Table */ |
|||
.chroma .ui.table tbody tr { |
|||
border-color: #333640; |
|||
background: var(--code-background); |
|||
} |
|||
/* Background */ |
|||
.chroma, |
|||
.markdown:not(code) .highlight pre, |
|||
.markdown:not(code) pre { |
|||
background-color: var(--code-background); |
|||
color: var(--code-color); |
|||
} |
|||
|
|||
/* Error */ |
|||
.chroma .err { |
|||
background-color: var(--code-err-background); |
|||
color: var(--code-err-color); |
|||
} |
|||
|
|||
/* LineTableTD */ |
|||
.chroma .lntd { |
|||
border: 0; |
|||
margin: 0; |
|||
padding: 0; |
|||
vertical-align: top; |
|||
} |
|||
|
|||
/* LineTable */ |
|||
.chroma .lntable { |
|||
width: auto; |
|||
|
|||
border: 0; |
|||
border-spacing: 0; |
|||
display: block; |
|||
margin: 0; |
|||
overflow: auto; |
|||
padding: 0; |
|||
} |
|||
|
|||
/* LineHighlight */ |
|||
.chroma .hl { |
|||
width: 100%; |
|||
|
|||
background-color: var(--code-hl-background); |
|||
display: block; |
|||
} |
|||
|
|||
/* LineNumbersTable */ |
|||
.chroma .lnt { |
|||
margin-right: 0.4em; |
|||
padding: 0 0.4em 0 0.4em; |
|||
} |
|||
|
|||
/* LineNumbers */ |
|||
.chroma .ln { |
|||
margin-right: 0.4em; |
|||
padding: 0 0.4em 0 0.4em; |
|||
} |
|||
|
|||
/* Keyword */ |
|||
.chroma .k { |
|||
color: var(--code-k-color); |
|||
} |
|||
|
|||
/* KeywordConstant */ |
|||
.chroma .kc { |
|||
color: var(--code-kc-color); |
|||
} |
|||
|
|||
/* KeywordDeclaration */ |
|||
.chroma .kd { |
|||
color: var(--code-kd-color); |
|||
} |
|||
|
|||
/* KeywordNamespace */ |
|||
.chroma .kn { |
|||
color: var(--code-kn-color); |
|||
} |
|||
|
|||
/* KeywordPseudo */ |
|||
.chroma .kp { |
|||
color: var(--code-kp-color); |
|||
} |
|||
|
|||
/* KeywordReserved */ |
|||
.chroma .kr { |
|||
color: var(--code-kr-color); |
|||
} |
|||
|
|||
/* KeywordType */ |
|||
.chroma .kt { |
|||
color: var(--code-kt-color); |
|||
} |
|||
|
|||
/* Name */ |
|||
.chroma .n { |
|||
color: var(--code-n-color); |
|||
} |
|||
|
|||
/* NameAttribute */ |
|||
.chroma .na { |
|||
color: var(--code-na-color); |
|||
} |
|||
|
|||
/* NameBuiltin */ |
|||
.chroma .nb { |
|||
color: var(--code-nb-color); |
|||
} |
|||
|
|||
/* NameBuiltinPseudo */ |
|||
.chroma .bp { |
|||
color: var(--code-bp-color); |
|||
} |
|||
|
|||
/* NameClass */ |
|||
.chroma .nc { |
|||
color: var(--code-nc-color); |
|||
} |
|||
|
|||
/* NameConstant */ |
|||
.chroma .no { |
|||
color: var(--code-no-color); |
|||
} |
|||
|
|||
/* NameDecorator */ |
|||
.chroma .nd { |
|||
color: var(--code-nd-color); |
|||
} |
|||
|
|||
/* NameEntity */ |
|||
.chroma .ni { |
|||
color: var(--code-ni-color); |
|||
} |
|||
|
|||
/* NameException */ |
|||
.chroma .ne { |
|||
color: var(--code-ne-color); |
|||
} |
|||
|
|||
/* NameFunction */ |
|||
.chroma .nf { |
|||
color: var(--code-nf-color); |
|||
} |
|||
|
|||
/* NameFunctionMagic */ |
|||
.chroma .fm { |
|||
color: var(--code-fm-color); |
|||
} |
|||
|
|||
/* NameLabel */ |
|||
.chroma .nl { |
|||
color: var(--code-nl-color); |
|||
} |
|||
|
|||
/* NameNamespace */ |
|||
.chroma .nn { |
|||
color: var(--code-nn-color); |
|||
} |
|||
|
|||
/* NameOther */ |
|||
.chroma .nx { |
|||
color: var(--code-nx-color); |
|||
} |
|||
|
|||
/* NameProperty */ |
|||
.chroma .py { |
|||
color: var(--code-py-color); |
|||
} |
|||
|
|||
/* NameTag */ |
|||
.chroma .nt { |
|||
color: var(--code-nt-color); |
|||
} |
|||
|
|||
/* NameVariable */ |
|||
.chroma .nv { |
|||
color: var(--code-nv-color); |
|||
} |
|||
|
|||
/* NameVariableClass */ |
|||
.chroma .vc { |
|||
color: var(--code-vc-color); |
|||
} |
|||
|
|||
/* NameVariableGlobal */ |
|||
.chroma .vg { |
|||
color: var(--code-vg-color); |
|||
} |
|||
|
|||
/* NameVariableInstance */ |
|||
.chroma .vi { |
|||
color: var(--code-vi-color); |
|||
} |
|||
|
|||
/* NameVariableMagic */ |
|||
.chroma .vm { |
|||
color: var(--code-vm-color); |
|||
} |
|||
|
|||
/* Literal */ |
|||
.chroma .l { |
|||
color: var(--code-l-color); |
|||
} |
|||
|
|||
/* LiteralDate */ |
|||
.chroma .ld { |
|||
color: var(--code-ld-color); |
|||
} |
|||
|
|||
/* LiteralString */ |
|||
.chroma .s { |
|||
color: var(--code-s-color); |
|||
} |
|||
|
|||
/* LiteralStringAffix */ |
|||
.chroma .sa { |
|||
color: var(--code-sa-color); |
|||
} |
|||
|
|||
/* LiteralStringBacktick */ |
|||
.chroma .sb { |
|||
color: var(--code-sb-color); |
|||
} |
|||
|
|||
/* LiteralStringChar */ |
|||
.chroma .sc { |
|||
color: var(--code-sc-color); |
|||
} |
|||
|
|||
/* LiteralStringDelimiter */ |
|||
.chroma .dl { |
|||
color: var(--code-dl-color); |
|||
} |
|||
|
|||
/* LiteralStringDoc */ |
|||
.chroma .sd { |
|||
color: var(--code-sd-color); |
|||
} |
|||
|
|||
/* LiteralStringDouble */ |
|||
.chroma .s2 { |
|||
color: var(--code-s2-color); |
|||
} |
|||
|
|||
/* LiteralStringEscape */ |
|||
.chroma .se { |
|||
color: var(--code-se-color); |
|||
} |
|||
|
|||
/* LiteralStringHeredoc */ |
|||
.chroma .sh { |
|||
color: var(--code-sh-color); |
|||
} |
|||
|
|||
/* LiteralStringInterpol */ |
|||
.chroma .si { |
|||
color: var(--code-si-color); |
|||
} |
|||
|
|||
/* LiteralStringOther */ |
|||
.chroma .sx { |
|||
color: var(--code-sx-color); |
|||
} |
|||
|
|||
/* LiteralStringRegex */ |
|||
.chroma .sr { |
|||
color: var(--code-sr-color); |
|||
} |
|||
|
|||
/* LiteralStringSingle */ |
|||
.chroma .s1 { |
|||
color: var(--code-s1-color); |
|||
} |
|||
|
|||
/* LiteralStringSymbol */ |
|||
.chroma .ss { |
|||
color: var(--code-ss-color); |
|||
} |
|||
|
|||
/* LiteralNumber */ |
|||
.chroma .m { |
|||
color: var(--code-m-color); |
|||
} |
|||
|
|||
/* LiteralNumberBin */ |
|||
.chroma .mb { |
|||
color: var(--code-mb-color); |
|||
} |
|||
|
|||
/* LiteralNumberFloat */ |
|||
.chroma .mf { |
|||
color: var(--code-mf-color); |
|||
} |
|||
|
|||
/* LiteralNumberHex */ |
|||
.chroma .mh { |
|||
color: var(--code-mh-color); |
|||
} |
|||
|
|||
/* LiteralNumberInteger */ |
|||
.chroma .mi { |
|||
color: var(--code-mi-color); |
|||
} |
|||
|
|||
/* LiteralNumberIntegerLong */ |
|||
.chroma .il { |
|||
color: var(--code-il-color); |
|||
} |
|||
|
|||
/* LiteralNumberOct */ |
|||
.chroma .mo { |
|||
color: var(--code-mo-color); |
|||
} |
|||
|
|||
/* Operator */ |
|||
.chroma .o { |
|||
color: var(--code-o-color); |
|||
} |
|||
|
|||
/* OperatorWord */ |
|||
.chroma .ow { |
|||
color: var(--code-ow-color); |
|||
} |
|||
|
|||
/* Punctuation */ |
|||
.chroma .p { |
|||
color: var(--code-p-color); |
|||
} |
|||
|
|||
/* Comment */ |
|||
.chroma .c { |
|||
color: var(--code-c-color); |
|||
} |
|||
|
|||
/* CommentHashbang */ |
|||
.chroma .ch { |
|||
color: var(--code-ch-color); |
|||
} |
|||
|
|||
/* CommentMultiline */ |
|||
.chroma .cm { |
|||
color: var(--code-cm-color); |
|||
} |
|||
|
|||
/* CommentSingle */ |
|||
.chroma .c1 { |
|||
color: var(--code-c1-color); |
|||
} |
|||
|
|||
/* CommentSpecial */ |
|||
.chroma .cs { |
|||
color: var(--code-cs-color); |
|||
} |
|||
|
|||
/* CommentPreproc */ |
|||
.chroma .cp { |
|||
color: var(--code-cp-color); |
|||
} |
|||
|
|||
/* CommentPreprocFile */ |
|||
.chroma .cpf { |
|||
color: var(--code-cpf-color); |
|||
} |
|||
|
|||
/* GenericDeleted */ |
|||
.chroma .gd { |
|||
color: var(--code-gd-color); |
|||
} |
|||
|
|||
/* GenericEmph */ |
|||
.chroma .ge { |
|||
font-style: italic; |
|||
} |
|||
|
|||
/* GenericInserted */ |
|||
.chroma .gi { |
|||
color: var(--code-gi-color); |
|||
} |
|||
|
|||
/* GenericStrong */ |
|||
.chroma .gs { |
|||
font-weight: bold; |
|||
} |
|||
|
|||
/* GenericSubheading */ |
|||
.chroma .gu { |
|||
color: var(--code-gu-color); |
|||
} |
|||
File diff suppressed because it is too large
File diff suppressed because it is too large
@ -1,599 +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 */ |
|||
|
|||
/* GRAFANA THEME FOR ORGANIZR DASHBOARD INTEGRATION */ |
|||
body { |
|||
color: #FFFFFF !important; |
|||
background-color: transparent !important; |
|||
} |
|||
.main-view { |
|||
background: linear-gradient(180deg,#ffffff00 10px,#ffffff00 100px) !important; |
|||
} |
|||
div.flot-text { |
|||
color: #FFF !important; |
|||
} |
|||
/* Loading page */ |
|||
.theme-dark, .theme-light, .preloader { |
|||
background: transparent !important; |
|||
} |
|||
|
|||
/* login page */ |
|||
.login-branding { |
|||
border-right: none !important; |
|||
} |
|||
|
|||
/* sidemenu */ |
|||
.sidemenu-open .sidemenu { |
|||
background: rgba(0, 0, 0, .25) !important; |
|||
} |
|||
.sidemenu__logo:hover { |
|||
background: rgba(0, 0, 0, .25) !important; |
|||
} |
|||
.sidemenu-item.active, .sidemenu-item:hover { |
|||
background-color: rgba(0, 0, 0, .25) !important; |
|||
} |
|||
@media (max-width: 768px) { |
|||
.sidemenu .sidemenu__logo_small_breakpoint { |
|||
background: var(--main-bg-color); |
|||
} |
|||
} |
|||
|
|||
/* Dashboard dropdown menu */ |
|||
.search-dropdown__col_1 { |
|||
background: transparent !important; |
|||
} |
|||
.search-container { |
|||
left: 0px !important; |
|||
} |
|||
.navbar-page-btn { |
|||
color: #FFF !important; |
|||
} |
|||
|
|||
/* Panel fullscreen navbar */ |
|||
.panel-in-fullscreen .navbar { |
|||
background: linear-gradient(90deg,rgba(0, 0, 0, .15),rgba(0, 0, 0, 0.25)) !important; |
|||
} |
|||
|
|||
/* Dashboard search menu */ |
|||
.search-field-wrapper { |
|||
background-color: #1f1f1f !important; |
|||
box-shadow: none !important; |
|||
} |
|||
.search-field-wrapper>input { |
|||
height: 55px !important; |
|||
background-color: rgba(0, 0, 0, 0.25) !important; |
|||
} |
|||
.search-field-icon { |
|||
background-color: rgba(0, 0, 0, .25) !important; |
|||
} |
|||
|
|||
/* Dashboard settings menu */ |
|||
.dashboard-settings__aside { |
|||
background: rgba(0, 0, 0, .25) !important; |
|||
} |
|||
.dashboard-page--settings-open .navbar { |
|||
background: linear-gradient(90deg,rgba(0, 0, 0, .15),rgba(0, 0, 0, 0.25)) !important; |
|||
} |
|||
.navbar-button--primary { |
|||
border-color: #ffffff00 !important; |
|||
} |
|||
.dashboard-settings__aside-header { |
|||
color: #ffffff !important; |
|||
} |
|||
.dashboard-settings__nav-item { |
|||
color: #ffffff !important; |
|||
} |
|||
.bootstrap-tagsinput { |
|||
background-color: #09090b !important; |
|||
} |
|||
.gf-form-select-wrapper .gf-form-input { |
|||
background-color: #393a3b !important; |
|||
} |
|||
|
|||
/*Datasources Menu*/ |
|||
|
|||
.add-data-source-item { |
|||
background: rgba(255, 255, 255, 0.08); |
|||
-webkit-box-shadow: none; |
|||
box-shadow: none; |
|||
} |
|||
.add-data-source-item:hover { |
|||
-webkit-box-shadow: none; |
|||
box-shadow: none; |
|||
background: rgba(255, 255, 255, 0.15); |
|||
border: 1px solid #00000000; |
|||
color: #fff; |
|||
} |
|||
/* Variable label color */ |
|||
.template-variable { |
|||
color: #f79520 !important; |
|||
} |
|||
|
|||
/* Variable label box */ |
|||
.gf-form-label { |
|||
background-color: rgba(0, 0, 0, 0.25) !important; |
|||
border: none !important; |
|||
color: #FFF; |
|||
} |
|||
.gf-form-input:focus { |
|||
color: #FFF !important; |
|||
background-color: #262626 !important; |
|||
border: none !important; |
|||
box-shadow: none !important; |
|||
} |
|||
.variable-option.highlighted, .variable-option:hover { |
|||
background-color: hsla(0,0%,100%,.1) !important; |
|||
} |
|||
|
|||
/* Variable dashboard dropdown */ |
|||
.variable-value-link { |
|||
padding: 7.4px 10px !important; |
|||
background-color: rgba(0, 0, 0, 0.25) !important; |
|||
border: none !important; |
|||
color: #FFFFFF !important; |
|||
} |
|||
|
|||
/* Variable input box */ |
|||
.gf-form-input { |
|||
color: #FFFFFF !important; |
|||
background-color: rgba(255, 255, 255, 0.15) !important; |
|||
border: 0px solid #262628 !important; |
|||
|
|||
} |
|||
|
|||
/* NAVBAR BUTTONS */ |
|||
.navbar-button { |
|||
color: #FFF !important; |
|||
background-color: rgba(0, 0, 0, 0.25) !important; |
|||
background-image: linear-gradient(180deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25)) !important; |
|||
border: none !important; |
|||
} |
|||
|
|||
/* Custom Range Refreshing every X Dropdown */ |
|||
.gf-timepicker-absolute-section select { |
|||
background-color: #393a3b !important; |
|||
} |
|||
|
|||
/* PANEL BACKGROUND COLOR*/ |
|||
.panel-container { |
|||
background-color: rgba(0, 0, 0, .25); |
|||
border: transparent; |
|||
box-shadow: none !important; |
|||
} |
|||
.panel-container.panel-transparent, .panel-container--transparent { |
|||
background-color: transparent; |
|||
border: transparent; |
|||
} |
|||
.panel-header:hover { |
|||
background-color: rgba(0, 0, 0, 0.25) !important; |
|||
} |
|||
.panel-loading { |
|||
color: transparent; |
|||
} |
|||
/* ////PANEL BACKGROUND COLOR//// */ |
|||
|
|||
.graph-legend-table .graph-legend-series:nth-child(odd) { |
|||
background: transparent !important; |
|||
} |
|||
|
|||
/* Panel text color*/ |
|||
div.flot-text { |
|||
color: #FFF !important; |
|||
} |
|||
|
|||
/* panel loading circle*/ |
|||
.panel-loading { |
|||
color: #FFF !important; |
|||
} |
|||
|
|||
/* panel resize arrow */ |
|||
.theme-dark .react-grid-item>.react-resizable-handle:after { |
|||
border-right: 2px solid #fff !important; |
|||
border-bottom: 2px solid #fff !important; |
|||
} |
|||
|
|||
/* table panel background color */ |
|||
.table-panel-container { |
|||
background-color: rgba(0, 0, 0, .25) !important; |
|||
} |
|||
/* table panel border size */ |
|||
.table-panel-table td { |
|||
padding: .45em 0 .45em 1.1em; |
|||
border-bottom: 1px solid #171819; |
|||
border-right: 1px solid #171819; |
|||
} |
|||
/* Edit panel tabs */ |
|||
.tabbed-view-header { |
|||
box-shadow: none; |
|||
background: rgba(0, 0, 0, 0.25); |
|||
border-bottom: none; |
|||
} |
|||
.tabbed-view-panel-title { |
|||
padding-left: 10px; |
|||
} |
|||
/* worldmap zoom buttons and leaflet */ |
|||
.leaflet-bar a, .leaflet-bar a:hover { |
|||
background-color: #1f1f1f !important; |
|||
border-bottom: 1px solid #1f1f1f !important; |
|||
color: white !important; |
|||
} |
|||
.leaflet-bar a:hover { |
|||
background-color: #1b1b1b !important; |
|||
} |
|||
.leaflet-control-attribution { |
|||
display: none; |
|||
} |
|||
/* New Dashboard */ |
|||
.add-panel__item { |
|||
background: linear-gradient(135deg,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.25)); |
|||
box-shadow: -1px -1px 0 0 hsla(0,0%,100%,.1), 1px 1px 0 0 rgba(0, 0, 0, 0); |
|||
} |
|||
.add-panel__item.active, .add-panel__item:hover { |
|||
background: linear-gradient(135deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25)); |
|||
} |
|||
.add-panel__header { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
box-shadow: none; |
|||
border-bottom: 0px; |
|||
} |
|||
|
|||
@import url(https://theme-park.dev/CSS/themes/grafana/grafana-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; |
|||
--accent-color: #e5a00d; |
|||
--accent-color-hover: #ffc107; |
|||
} |
|||
|
|||
|
|||
/*V7*/ |
|||
|
|||
/*LOGIN*/ |
|||
.css-bnbqsv {background: var(--main-bg-color)} |
|||
.css-3iwqj4 { background: transparent;} |
|||
#login-view > div > form > div:nth-child(1) > div:nth-child(2) > div > div > input, #login-view > div > form > div:nth-child(2) > div:nth-child(2) > div > div > input { |
|||
height: 38px; |
|||
} |
|||
/*Buttons*/ |
|||
.css-y3nv3e-button, |
|||
.css-cc7c9f-button, |
|||
.css-1vlnne-button, |
|||
.css-1ihbihm-button, |
|||
.css-14zdxje-button, |
|||
.css-179z9yx-button, |
|||
.css-370vzt-button, |
|||
.css-msayan-button, |
|||
.css-19kbjxc-button, |
|||
.gf-form-button-row a, .gf-form-button-row button, |
|||
.page-action-bar>a, .page-action-bar>button, |
|||
.btn-primary{ |
|||
background: var(--button-color) !important; |
|||
background-color: var(--button-color) !important; |
|||
border-color: var(--button-color); |
|||
} |
|||
.css-y3nv3e-button:hover, |
|||
.css-y3nv3e-button:focus, |
|||
.css-cc7c9f-button:hover, |
|||
.css-cc7c9f-button:focus, |
|||
.css-1vlnne-button:hover, |
|||
.css-1vlnne-button:focus, |
|||
.css-1ihbihm-button:hover, |
|||
.css-1ihbihm-button:focus, |
|||
.css-14zdxje-button:hover, |
|||
.css-14zdxje-button:focus, |
|||
.css-179z9yx-button:hover, |
|||
.css-179z9yx-button:focus, |
|||
.css-370vzt-button:hover, |
|||
.css-370vzt-button:focus, |
|||
.css-msayan-button:hover, |
|||
.css-msayan-button:focus, |
|||
.css-19kbjxc-button:hover, |
|||
.css-19kbjxc-button:focus, |
|||
.gf-form-button-row a, .gf-form-button-row button:hover, |
|||
.btn-primary:hover{ |
|||
color: rgb(255, 255, 255); |
|||
background: var(--button-color-hover) !important; |
|||
background-color: var(--button-color-hover) !important; |
|||
box-shadow: none !important; |
|||
} |
|||
.css-1d9e5zy-button {color: #fff; background: var(--button-color)} |
|||
.css-1d9e5zy-button:hover {color: #fff; background: var(--button-color-hover)} |
|||
|
|||
/*INPUT*/ |
|||
input:focus {box-shadow: none !important;} |
|||
.css-17rc2pp-input-wrapper:focus, .css-1i9is3t:focus { |
|||
box-shadow:none; |
|||
color: transparent; |
|||
} |
|||
.gf-form-select-box__control--is-focused { |
|||
border-color: transparent; |
|||
outline: none; |
|||
-webkit-box-shadow: none !important; |
|||
box-shadow: none !important; |
|||
} |
|||
|
|||
.css-1bjepp-input-input { |
|||
background-color: hsla(0,0%,100%,.25); |
|||
border-radius: 3px; |
|||
border-color: transparent; |
|||
-webkit-transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important; |
|||
transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important; |
|||
} |
|||
|
|||
.css-1bjepp-input-input:focus { |
|||
box-shadow: none !important; |
|||
background-color: white; |
|||
color: black; |
|||
transition: background-color .2s; |
|||
-webkit-transition: background-color .2s; |
|||
border-radius: 3px; |
|||
} |
|||
.css-14hvfbu-input-wrapper:focus { |
|||
border-color:transparent !important; |
|||
box-shadow: none !important; |
|||
} |
|||
.css-1w5c5dq-input-inputWrapper input:not(:last-child) { |
|||
height: 100% |
|||
} |
|||
/*Disabled input*/ |
|||
.css-1bjepp-input-input:disabled { |
|||
background-color: rgba(0, 0, 0, .5); |
|||
color: rgb(159, 167, 179); |
|||
} |
|||
.css-1bjepp-input-input:hover {border-color: transparent;} |
|||
body > grafana-app > div > div > react-container > div > div > div.view > div > div.page-container.page-body > div:nth-child(2) > form > div > div > div > div.css-1w5c5dq-input-inputWrapper > input {height: 100%;} |
|||
|
|||
|
|||
/* SEARCH */ |
|||
.css-x9mxj5 { |
|||
background: var(--main-bg-color); |
|||
} |
|||
.css-1m6pigl:focus + label { |
|||
outline-offset: 2px; |
|||
box-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0px 4px !important; |
|||
z-index: 3; |
|||
outline: transparent dotted 2px; |
|||
transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s; |
|||
} |
|||
.css-1m6pigl:checked + label { |
|||
color: var(--accent-color) !important; |
|||
border-color: rgba(255, 255, 255, .1); |
|||
background: rgba(0, 0, 0, .5); |
|||
} |
|||
.css-b40tk8:focus + label { |
|||
box-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0px 4px !important; |
|||
|
|||
} |
|||
.css-y0yg3l { |
|||
background: var(--main-bg-color); |
|||
border-color: transparent; |
|||
} |
|||
.css-y0yg3l { |
|||
background: rgba(0, 0, 0, .25) !important; |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.css-1je3bh6 { |
|||
background: transparent; |
|||
border-bottom: 1px solid rgba(0, 0, 0, 0); |
|||
} |
|||
|
|||
/*Folder bars*/ |
|||
.css-1umfglk { |
|||
background: rgba(0, 0, 0, .25); |
|||
} |
|||
.css-1umfglk:hover { |
|||
background: rgba(0, 0, 0, .35); |
|||
} |
|||
|
|||
/* Login Error message*/ |
|||
.css-1ow9mne-input-input { |
|||
line-height: 1.5; |
|||
height: 38px; |
|||
background-color: hsla(0,0%,100%,.25); |
|||
border-radius: 3px; |
|||
border-color: transparent; |
|||
-webkit-transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important; |
|||
transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important; |
|||
} |
|||
.css-1ow9mne-input-input { |
|||
box-shadow: none !important; |
|||
background-color: white; |
|||
color: black; |
|||
transition: background-color .2s; |
|||
-webkit-transition: background-color .2s; |
|||
height: 38px; |
|||
border-radius: 3px; |
|||
} |
|||
.css-13o428a { |
|||
margin: 10px 0px 0px; |
|||
} |
|||
|
|||
/*Welcome to Grafana*/ |
|||
.css-15xxblz,.css-1ld19yb {background: rgba(0, 0, 0, .25);} |
|||
|
|||
.css-1as70ku, .css-u5zjuh { |
|||
background: rgba(0, 0, 0, .25);} |
|||
.css-17abkeq, .css-5ak73y { |
|||
color: #fff; |
|||
} |
|||
|
|||
|
|||
/* Import */ |
|||
body > grafana-app > div > div > react-container > div > div > div.view > div > div.page-container.page-body > form > div:nth-child(4) > div:nth-child(2) > div > div.css-1w5c5dq-input-inputWrapper > input {height:100%} |
|||
|
|||
|
|||
/*PANEL EDIT*/ |
|||
|
|||
/*Header*/ |
|||
.css-1marj6o { |
|||
display: flex; |
|||
-webkit-box-pack: justify; |
|||
justify-content: space-between; |
|||
padding: 8px; |
|||
background: transparent; |
|||
border-bottom: 1px solid transparent; |
|||
} |
|||
/*Background*/ |
|||
.css-azp59k { |
|||
background: var(--main-bg-color); |
|||
} |
|||
/*Query box*/ |
|||
.css-hz0utb { |
|||
background: rgba(0, 0, 0, .35); |
|||
border-right: 1px solid rgba(0, 0, 0, 0); |
|||
} |
|||
.query-keyword, .css-wvxxxy, .css-fpnw35 { |
|||
font-weight: 500; |
|||
color: var(--accent-color); |
|||
} |
|||
.css-lvafs5 { |
|||
background: rgba(0, 0, 0, .5); |
|||
} |
|||
|
|||
.css-ui3sz4-activeTabStyle { |
|||
margin-right: 16px; |
|||
position: relative; |
|||
display: block; |
|||
color: rgb(216, 217, 218); |
|||
cursor: default; |
|||
list-style: none; |
|||
padding: 11px 15px 9px; |
|||
border-style: solid; |
|||
border-image: initial; |
|||
border-width: 0px 1px 1px; |
|||
border-radius: 3px 3px 0px 0px; |
|||
border-color: transparent !important; |
|||
background: rgba(0, 0, 0, .5); |
|||
overflow: hidden; |
|||
} |
|||
.css-1awj6q7-counter { |
|||
background-color: rgba(0, 0, 0, .5); |
|||
color: rgb(255, 255, 255); |
|||
} |
|||
/*Transform tab*/ |
|||
.css-y2f54e { |
|||
background: rgba(0, 0, 0, .25); |
|||
} |
|||
.css-y2f54e:hover { |
|||
background: rgba(0, 0, 0, .35); |
|||
} |
|||
.css-1e8invk::before { |
|||
background:rgba(0, 0, 0, .35) !important; |
|||
} |
|||
|
|||
/* Right side menu*/ |
|||
.css-1xj5tuf { |
|||
background: rgba(0, 0, 0, .35); |
|||
border-left: 1px solid transparent; |
|||
} |
|||
/*Dropdown bottom borders*/ |
|||
.css-1majipf { |
|||
border-bottom: 1px solid rgba(255, 255, 255, .08); |
|||
} |
|||
/*Settings text input*/ |
|||
.css-1f38lle:focus { |
|||
box-shadow: none !important; |
|||
} |
|||
.css-1gokw4e input:checked + label, .css-1gokw4e input:checked + label:hover { |
|||
background: var(--accent-color); |
|||
} |
|||
.css-1gokw4e label { |
|||
background: white; |
|||
} |
|||
/*Visualization*/ |
|||
.css-1lemfi9 { |
|||
background: rgba(0, 0, 0, .25); |
|||
border-color: transparent; |
|||
} |
|||
.css-1fsv7gr:hover > div:first-child { |
|||
border-color: var(--accent-color); |
|||
} |
|||
.css-1emhacm-currentVisualizationItem > div:first-child { |
|||
outline-offset: 2px; |
|||
box-shadow: rgb(20, 22, 25) 0px 0px 0px 2px, var(--accent-color) 0px 0px 0px 4px; |
|||
} |
|||
/*Old stat panel unit dropdown */ |
|||
body > grafana-app > div > div > react-container > div > div.css-azp59k > div.css-1bd2u9 > div > div.Pane.vertical.Pane2 > div > div > div.css-1xj5tuf > div > div.view > div:nth-child(3) > div:nth-child(1) > div.panel-options-group__body > panel-editor-tab > panel-editor-tab-singlestatoptions > div > div:nth-child(2) > div:nth-child(6) > unit-picker > div > div > div > div > input { |
|||
height: 100%; |
|||
} |
|||
/*Buttons*/ |
|||
.css-m58wdd:hover { |
|||
color: rgba(255, 255, 255, .94); |
|||
z-index: 2; |
|||
border-width: 1px; |
|||
border-style: solid; |
|||
border-color: rgba(255, 255, 255, .1); |
|||
border-image: initial; |
|||
background: rgba(255, 255, 255, .15) |
|||
} |
|||
.css-m58wdd { |
|||
color: rgba(255, 255, 255, .94); |
|||
z-index: 2; |
|||
border-width: 1px; |
|||
border-style: solid; |
|||
border-color: rgba(255, 255, 255, 0); |
|||
border-image: initial; |
|||
background: rgba(255, 255, 255, .08) |
|||
} |
|||
input:checked+.gf-form-switch__slider { |
|||
background: var(--accent-color); |
|||
} |
|||
/* RuPaul Drag Line*/ |
|||
.css-pii3u7:hover { |
|||
border-color: rgba(255, 255, 255, .25); |
|||
} |
|||
|
|||
.css-1t13ra6 { |
|||
border-color: rgba(255, 255, 255, .09); |
|||
} |
|||
.css-1t13ra6:hover { |
|||
border-color: rgba(255, 255, 255, .25); |
|||
} |
|||
|
|||
/*SETTINGS*/ |
|||
/*Teams*/ |
|||
.css-1w9m9al-call-to-action-card { |
|||
background: rgba(0, 0, 0, .25); |
|||
} |
|||
|
|||
|
|||
/*DASHBOARD SETINGS*/ |
|||
.dashboard-settings,.dashboard-settings__body2 { |
|||
background: var(--main-bg-color); |
|||
} |
|||
.navbar--edit { |
|||
background: rgba(0, 0, 0, .25); |
|||
border-bottom: 1px solid transparent; |
|||
-webkit-box-shadow: 0 0 10px transparent; |
|||
box-shadow: 0 0 10px transparent; |
|||
} |
|||
.grafana-info-box { |
|||
background-color: rgba(0, 0, 0, .5); |
|||
border-top: 3px solid var(--accent-color); |
|||
} |
|||
/* Variables*/ |
|||
.filter-table--hover tbody tr:hover { |
|||
background: hsla(0,0%,100%,.15); |
|||
} |
|||
.filter-table tbody tr:nth-child(odd):hover { |
|||
background: hsla(0,0%,100%,.15) !important; |
|||
} |
|||
/*Placeholder text*/ |
|||
::placeholder {color: #fff !important;} |
|||
:-ms-input-placeholder {color: #fff !important;} |
|||
::-webkit-input-placeholder {color: #fff !important;} |
|||
@ -1,642 +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 */ |
|||
|
|||
|
|||
* { |
|||
outline: none !important; |
|||
} |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6 { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
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; |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
div.displayMiddle { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
input::-webkit-input-placeholder { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
input:focus::-webkit-input-placeholder { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
/* Firefox < 19 */ |
|||
input:-moz-placeholder { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
input:focus:-moz-placeholder { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
/* Firefox > 19 */ |
|||
input::-moz-placeholder { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
input:focus::-moz-placeholder { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
/* Internet Explorer 10 */ |
|||
input:-ms-input-placeholder { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
input:focus:-ms-input-placeholder { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
/* Scrollbar */ |
|||
@media only screen and (min-width: 768px) { |
|||
html { |
|||
height: 100%; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
body { |
|||
overflow-y: auto; |
|||
height: 100%; |
|||
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; |
|||
} |
|||
} |
|||
|
|||
::-webkit-scrollbar { |
|||
width: 14px; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .2); |
|||
background-clip: padding-box; |
|||
} |
|||
|
|||
::-webkit-scrollbar-track { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb:hover { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .5); |
|||
background-clip: padding-box; |
|||
} |
|||
|
|||
/* LOGIN MENU */ |
|||
div.login-ui { |
|||
background: inherit; |
|||
} |
|||
|
|||
.login-ui div.login-dialog { |
|||
background: rgba(0, 0, 0, .25); |
|||
border: none; |
|||
} |
|||
|
|||
input[type="submit"], |
|||
button, |
|||
a.button { |
|||
background-color: var(--button-color); |
|||
border: none; |
|||
outline: none; |
|||
} |
|||
|
|||
input[type="submit"]:hover, |
|||
button:hover, |
|||
a.button:hover { |
|||
background-color: var(--button-color-hover); |
|||
border: none; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.login-ui .login-fields .labeled-field input:focus { |
|||
background: rgba(0, 0, 0, 0.45) !important; |
|||
outline: none; |
|||
} |
|||
|
|||
.login-ui .login-fields .labeled-field.empty input { |
|||
background: rgba(0, 0, 0, 0.25) !important; |
|||
outline: none; |
|||
} |
|||
|
|||
.login-ui .login-fields .labeled-field.empty input:focus { |
|||
background: rgba(0, 0, 0, 0.45) !important; |
|||
outline: none; |
|||
} |
|||
|
|||
.login-ui .login-dialog .login-fields input { |
|||
background-color: rgba(0, 0, 0, 0.45) !important; |
|||
} |
|||
|
|||
div.location, |
|||
input[type=text], |
|||
input[type=email], |
|||
input[type=number], |
|||
input[type=password], |
|||
textarea { |
|||
color: white !important; |
|||
background: rgba(0, 0, 0, 0.25) !important; |
|||
} |
|||
|
|||
input[type=checkbox], |
|||
input[type=number], |
|||
input[type=text], |
|||
input[type=email], |
|||
input[type=radio], |
|||
textarea { |
|||
color: var(--text-hover) !important; |
|||
background: transparent; |
|||
} |
|||
|
|||
/* HOME MENU */ |
|||
.header h2 { |
|||
color: var(--text-hover); |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.connection .icon.vnc, |
|||
.connection .icon.rdp { |
|||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/resources/guacamole/guac-monitor.png); |
|||
} |
|||
|
|||
.connection .icon.ssh, |
|||
.connection .icon.telnet { |
|||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/resources/guacamole/guac-text.png); |
|||
} |
|||
|
|||
.user-menu .menu-dropdown .menu-title { |
|||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/resources/guacamole/guac-user.png); |
|||
background-color: transparent; |
|||
} |
|||
|
|||
.user-menu .menu-dropdown .menu-contents li a[href="#/"] { |
|||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/resources/guacamole/guac-home-dark.png); |
|||
} |
|||
|
|||
.user-menu .menu-dropdown .menu-contents li a[href="#/settings/users"], |
|||
.user-menu .menu-dropdown .menu-contents li a[href="#/settings/connections"], |
|||
.user-menu .menu-dropdown .menu-contents li a[href="#/settings/sessions"], |
|||
.user-menu .menu-dropdown .menu-contents li a[href="#/settings/preferences"] { |
|||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/resources/guacamole/guac-config-dark.png); |
|||
} |
|||
|
|||
.user-menu .menu-dropdown .menu-contents li a.logout { |
|||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/resources/guacamole/guac-logout-dark.png); |
|||
} |
|||
|
|||
.icon.user { |
|||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/resources/guacamole/guac-user.png); |
|||
} |
|||
|
|||
.pager .icon.first-page { |
|||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/resources/guacamole/guac-first-page.png); |
|||
} |
|||
|
|||
.pager .icon.prev-page { |
|||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/resources/guacamole/guac-prev-page.png); |
|||
} |
|||
|
|||
.pager .icon.next-page { |
|||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/resources/guacamole/guac-next-page.png); |
|||
} |
|||
|
|||
.pager .icon.last-page { |
|||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/resources/guacamole/guac-last-page.png); |
|||
} |
|||
|
|||
.loading::before { |
|||
background-image: url('https://raw.githubusercontent.com/gilbN/theme.park/master/resources/guacamole/cog.png'); |
|||
} |
|||
|
|||
table.sorted th.sort-primary.sort-descending:after { |
|||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/resources/guacamole/up.png); |
|||
} |
|||
|
|||
.menu-dropdown .menu-indicator { |
|||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/resources/guacamole/down.png); |
|||
} |
|||
|
|||
.menu-dropdown .menu-indicator:hover { |
|||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/resources/guacamole/down.png); |
|||
color: #f9be03; |
|||
} |
|||
|
|||
table.sorted th.sort-primary:after { |
|||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/resources/guacamole/down.png); |
|||
} |
|||
|
|||
thead { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
table.sorted th, |
|||
table.sorted td { |
|||
border: 1px solid rgb(255 255 255 / 15%); |
|||
} |
|||
|
|||
.settings table.session-list tr.session:hover { |
|||
background: rgba(255, 255, 255, 0.15); |
|||
} |
|||
|
|||
.menu-dropdown.open, |
|||
.menu-dropdown.open:hover { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.menu-dropdown { |
|||
border-left: none; |
|||
background: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.menu-dropdown .menu-contents li a { |
|||
display: block; |
|||
cursor: pointer; |
|||
color: var(--text); |
|||
text-decoration: none; |
|||
padding: .75em; |
|||
} |
|||
|
|||
.menu-dropdown .menu-contents li a.current, |
|||
.menu-dropdown .menu-contents li a.current:hover { |
|||
background-color: rgba(0, 0, 0, .25); |
|||
color: var(--text-hover) |
|||
} |
|||
|
|||
.menu-dropdown .menu-contents li a:hover { |
|||
background-color: rgba(0, 0, 0, .25); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.menu-dropdown:hover { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.menu-dropdown .menu-contents { |
|||
background: var(--drop-down-menu-bg); |
|||
|
|||
} |
|||
|
|||
.header .filter input { |
|||
-moz-border-radius: 0; |
|||
-webkit-border-radius: 0; |
|||
-khtml-border-radius: 0; |
|||
border-radius: 0; |
|||
border: 0; |
|||
border-left: 1px solid rgba(0, 0, 0, 0.125); |
|||
background-color: transparent; |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.header .filter { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.filter .search-string { |
|||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/resources/guacamole/magnifier.png) !important; |
|||
background-repeat: no-repeat !important; |
|||
background-size: 1.75em !important; |
|||
background-position: .25em center !important; |
|||
padding: .5em !important; |
|||
padding-left: 2.25em !important; |
|||
width: 100%; |
|||
max-width: none; |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
border: 0; |
|||
} |
|||
|
|||
div.location, |
|||
input[type=text], |
|||
input[type=email], |
|||
input[type=number], |
|||
input[type=password], |
|||
textarea { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
|
|||
.user a:visited, |
|||
.connection a:visited, |
|||
.connection-group a:visited { |
|||
text-decoration: none; |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
.recent-connections .connection:hover { |
|||
background: hsla(0, 0%, 100%, 0.08); |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
.list-item:not(.selected) .caption:hover { |
|||
background: hsla(0, 0%, 100%, 0.07); |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
.list-item .name { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
.list-item:not(.selected) .caption:hover .name { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
/* SIDE MENU */ |
|||
.menu, |
|||
.menu .header { |
|||
background: var(--modal-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; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.menu-content, |
|||
.menu-content .header, |
|||
.menu-body { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.clipboard, |
|||
.clipboard-service-target { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
color: white; |
|||
} |
|||
|
|||
/* NOTIFICATION BOX */ |
|||
.notification.error { |
|||
background: var(--modal-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: white; |
|||
} |
|||
|
|||
.notification { |
|||
background: var(--modal-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: white; |
|||
} |
|||
|
|||
/* SETTINGS */ |
|||
.page-tabs .page-list li a[href]:visited { |
|||
color: white; |
|||
} |
|||
|
|||
.page-tabs .page-list li a[href] { |
|||
color: white; |
|||
} |
|||
|
|||
.page-tabs .page-list li a[href]:hover { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.user a:visited, |
|||
.connection a:visited, |
|||
.connection-group a:visited { |
|||
text-decoration: none; |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
.user a:hover, |
|||
.user-group a:hover, |
|||
.connection a:hover, |
|||
.connection-group a:hover, |
|||
a.ng-binding:hover:not(.add-user):not(.button) { |
|||
color: var(--link-color-hover) !important; |
|||
} |
|||
|
|||
.user a, |
|||
.connection a, |
|||
.connection-group a, |
|||
a.ng-binding:not(.add-user):not(.button) { |
|||
text-decoration: none; |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
div.location, |
|||
input[type=text], |
|||
input[type=email], |
|||
input[type=number], |
|||
input[type=password], |
|||
textarea { |
|||
border: 0; |
|||
background: rgba(0, 0, 0, .25); |
|||
} |
|||
|
|||
.location-chooser .dropdown { |
|||
background: #666; |
|||
} |
|||
|
|||
/* USER SETTINGS */ |
|||
.page-tabs .page-list li a[href], |
|||
.section-tabs li a { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
.page-tabs .page-list li a[href].current, |
|||
.page-tabs .page-list li a[href].current:hover, |
|||
.section-tabs li a.current, |
|||
.section-tabs li a.current:hover { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
cursor: default; |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.page-tabs .page-list li a[href]:hover, |
|||
.section-tabs li a:hover { |
|||
background-color: hsla(0, 0%, 100%, 0.07); |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.manage-user .page-tabs .page-list li.linked a[href]:before { |
|||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/resources/guacamole/checkmark.png); |
|||
} |
|||
|
|||
.manage-user .page-tabs .page-list li.read-only a[href]:before { |
|||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/resources/guacamole/lock.png); |
|||
} |
|||
|
|||
.manage-user .notice.read-only { |
|||
background: hsla(0, 0%, 100%, 0.07); |
|||
} |
|||
|
|||
/* DUA 2FA PAGE */ |
|||
.duo-signature-response-field { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.base-wrapper { |
|||
border: 1px solid transparent !important; |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.base-body { |
|||
background-color: #333 !important; |
|||
} |
|||
|
|||
h1.spacious-frame-view { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
@media screen and (-webkit-max-device-pixel-ratio: 1.25), |
|||
screen and (max-resolution: 120dpi) { |
|||
|
|||
h1, |
|||
.h1 { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
} |
|||
|
|||
.white-wrapper { |
|||
background-color: #333 !important; |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
form:not(.inline) fieldset { |
|||
background-color: #333 !important; |
|||
} |
|||
|
|||
label span { |
|||
color: white !important; |
|||
} |
|||
|
|||
input[type=radio] { |
|||
border: 1px solid var(--text-hover) !important; |
|||
} |
|||
|
|||
/* Connection */ |
|||
|
|||
#connection-warning { |
|||
background: var(--modal-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); |
|||
} |
|||
|
|||
/* File Transfer */ |
|||
#file-transfer-dialog .transfer-manager { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.transfer.error { |
|||
background: rgba(244, 67, 54, 0.5); |
|||
} |
|||
|
|||
.transfer-manager .header h2 { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
.transfer .in-progress .progress { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.related-objects .abbreviated-related-objects ul li { |
|||
display: inline-block; |
|||
margin: .25em; |
|||
padding: .25em; |
|||
border: 1px solid rgb(var(--accent-color)); |
|||
background: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.related-objects .abbreviated-related-objects ul li label span { |
|||
color: var(--label-text-color) !important; |
|||
} |
|||
@ -1,441 +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 */ |
|||
* { |
|||
outline: none !important; |
|||
} |
|||
|
|||
body { |
|||
background-repeat: repeat; |
|||
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; |
|||
color: var(--text); |
|||
} |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
#header-title { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
hr { |
|||
border-top-color: rgb(var(--accent-color), .25); |
|||
} |
|||
|
|||
/* Scrollbar */ |
|||
@media only screen and (min-width: 768px) { |
|||
html { |
|||
height: 100%; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
body { |
|||
overflow-y: auto; |
|||
height: 100%; |
|||
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; |
|||
} |
|||
} |
|||
|
|||
::-webkit-scrollbar { |
|||
width: 14px; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .2); |
|||
background-clip: padding-box; |
|||
} |
|||
|
|||
::-webkit-scrollbar-track { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb:hover { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .5); |
|||
background-clip: padding-box; |
|||
} |
|||
|
|||
.dataTables_wrapper .dataTables_length, |
|||
.dataTables_wrapper .dataTables_filter, |
|||
.dataTables_wrapper .dataTables_info, |
|||
.dataTables_wrapper .dataTables_processing, |
|||
.dataTables_wrapper .dataTables_paginate, |
|||
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, |
|||
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, |
|||
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { |
|||
color: #fff; |
|||
} |
|||
|
|||
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, |
|||
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, |
|||
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { |
|||
color: #fff !important; |
|||
background-color: rgba(255, 255, 255, 0.15); |
|||
} |
|||
|
|||
|
|||
.dataTables_wrapper .dataTables_paginate .paginate_button.current, |
|||
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, |
|||
.dataTables_wrapper .dataTables_paginate .paginate_button.current:active, |
|||
.dataTables_wrapper .dataTables_paginate .paginate_button:active { |
|||
color: var(--button-text-hover) !important; |
|||
border: 1px solid var(--button-color-hover) !important; |
|||
background-color: var(--button-color-hover) !important; |
|||
background: var(--button-color-hover) !important; |
|||
box-shadow: inset 0 0 3px var(--button-color-hover); |
|||
} |
|||
|
|||
.dataTables_wrapper .dataTables_paginate .paginate_button { |
|||
color: var(--button-text) !important; |
|||
border: 1px solid transparent; |
|||
background: rgba(255, 255, 255, 0.15); |
|||
} |
|||
|
|||
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { |
|||
color: var(--button-text-hover) !important; |
|||
border: 1px solid var(--button-color-hover) !important; |
|||
background-color: var(--button-color-hover) !important; |
|||
background: var(--button-color-hover) !important; |
|||
} |
|||
|
|||
|
|||
a { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
a:focus, |
|||
a:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
.dataTables_wrapper .dataTables_filter input { |
|||
background: rgba(255, 255, 255, 0.08); |
|||
border: none; |
|||
outline: none; |
|||
color: #fff; |
|||
} |
|||
|
|||
table.dataTable.cell-border tbody tr:first-child th, |
|||
table.dataTable.cell-border tbody tr:first-child td { |
|||
border-top: none; |
|||
} |
|||
|
|||
table.dataTable.cell-border tbody tr th:first-child, |
|||
table.dataTable.cell-border tbody tr td:first-child { |
|||
border-left: none; |
|||
} |
|||
|
|||
table.dataTable.cell-border tbody th, |
|||
table.dataTable.cell-border tbody td { |
|||
border-top: 1px solid #ddd0; |
|||
border-right: 1px solid #0000; |
|||
} |
|||
|
|||
button, |
|||
input, |
|||
textarea { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
border: none; |
|||
outline: none; |
|||
} |
|||
|
|||
|
|||
#page { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
table.dataTable.stripe tbody tr.odd, |
|||
table.dataTable.display tbody tr.odd { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
table.dataTable.hover tbody tr:hover, |
|||
table.dataTable.display tbody tr:hover { |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
table.dataTable tbody tr { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
table.dataTable tfoot th, |
|||
table.dataTable tfoot td { |
|||
border-top: 1px solid #0000; |
|||
} |
|||
|
|||
table.dataTable thead th, |
|||
table.dataTable thead td { |
|||
border-bottom: 1px solid #0000; |
|||
} |
|||
|
|||
.form-control { |
|||
color: var(--text-hover); |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
border: 1px solid #ccc0; |
|||
|
|||
} |
|||
|
|||
select { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
color: var(--text) !important; |
|||
border: 1px solid rgba(0, 0, 0, 0) !important; |
|||
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); |
|||
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); |
|||
height: 26px; |
|||
padding: 0 8px; |
|||
border-radius: 4px; |
|||
} |
|||
|
|||
select:focus { |
|||
background: #1f1f1f !important; |
|||
color: var(--text) !important; |
|||
border: 1px solid #1f1f1f !important; |
|||
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); |
|||
} |
|||
|
|||
.form-control:focus:not([checked="checked"]) { |
|||
border-color: rgb(var(--accent-color)); |
|||
outline: 0; |
|||
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(var(--accent-color), .6); |
|||
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(var(--accent-color), .6); |
|||
} |
|||
|
|||
.form-control[disabled], |
|||
.form-control[readonly], |
|||
fieldset[disabled] .form-control { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.dataTables_length select, |
|||
.dataTables_filter input, |
|||
.dataTable.compact tfoot td select { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
border: 1px solid rgba(204, 204, 204, 0); |
|||
} |
|||
|
|||
#footer { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.modal-header { |
|||
background: var(--modal-header-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; |
|||
border-bottom: 1px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.modal-content { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.modal-footer { |
|||
background: var(--modal-footer-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; |
|||
border-top: 1px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.dropdown-menu { |
|||
background: var(--drop-down-menu-bg); |
|||
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; |
|||
} |
|||
|
|||
.dropdown-menu>li>a { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.dropdown-menu>li>a:focus, |
|||
.dropdown-menu>li>a:hover { |
|||
color: var(--text-hover); |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
.dropdown-menu>.active>a, |
|||
.dropdown-menu>.active>a:focus, |
|||
.dropdown-menu>.active>a:hover { |
|||
color: var(--text-hover); |
|||
text-decoration: none; |
|||
background-color: rgba(255, 255, 255, 0.15); |
|||
outline: 0; |
|||
} |
|||
|
|||
.close { |
|||
color: #fff; |
|||
} |
|||
|
|||
.btn-default { |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.btn-default.active, |
|||
.btn-default.focus, |
|||
.btn-default:active, |
|||
.btn-default:focus, |
|||
.btn-default:hover, |
|||
.open>.dropdown-toggle.btn-default { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-primary { |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.btn-primary.active, |
|||
.btn-primary.focus, |
|||
.btn-primary:active, |
|||
.btn-primary:focus, |
|||
.btn-primary:hover, |
|||
.open>.dropdown-toggle.btn-primary { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-primary.active, |
|||
.btn-primary:active, |
|||
.open>.dropdown-toggle.btn-primary { |
|||
background-image: none |
|||
} |
|||
|
|||
.btn-primary.disabled, |
|||
.btn-primary.disabled.active, |
|||
.btn-primary.disabled.focus, |
|||
.btn-primary.disabled:active, |
|||
.btn-primary.disabled:focus, |
|||
.btn-primary.disabled:hover, |
|||
.btn-primary[disabled], |
|||
.btn-primary[disabled].active, |
|||
.btn-primary[disabled].focus, |
|||
.btn-primary[disabled]:active, |
|||
.btn-primary[disabled]:focus, |
|||
.btn-primary[disabled]:hover, |
|||
fieldset[disabled] .btn-primary, |
|||
fieldset[disabled] .btn-primary.active, |
|||
fieldset[disabled] .btn-primary.focus, |
|||
fieldset[disabled] .btn-primary:active, |
|||
fieldset[disabled] .btn-primary:focus, |
|||
fieldset[disabled] .btn-primary:hover { |
|||
background-color: hsla(0, 0%, 100%, 0.35); |
|||
border-color: hsla(0, 0%, 100%, 0.35); |
|||
} |
|||
|
|||
.btn-primary .badge { |
|||
color: var(--label-text-color); |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
#page>form>div:nth-child(2)>input[type=submit] { |
|||
padding: 5px 10px; |
|||
font-size: 12px; |
|||
line-height: 1.5; |
|||
border-radius: 3px; |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
#page>form>div:nth-child(2)>input[type=submit]:hover, |
|||
#page>form>div:nth-child(2)>input[type=submit]:focus { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.input-group-addon { |
|||
color: #fff; |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
border: 1px solid #0000; |
|||
|
|||
} |
|||
|
|||
.alert-info { |
|||
color: #ffffff; |
|||
background: var(--modal-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; |
|||
border-color: transparent; |
|||
} |
|||
|
|||
pre { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.jackettlogWarn, |
|||
.jackettlogWarn pre { |
|||
background-color: #FFFF8E !important; |
|||
color: black !important; |
|||
} |
|||
|
|||
.indexer-caps { |
|||
padding: 0 15px 15px 15px; |
|||
border-top: 1px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
#logo { |
|||
filter: invert(1); |
|||
} |
|||
@ -1,936 +0,0 @@ |
|||
:root { |
|||
--theme-primary-color: var(--accent-color); |
|||
--theme-text-color: var(--text); |
|||
--theme-text-color-opaque: var(--text-hover); |
|||
--theme-accent-text-color: var(--accent-color); |
|||
--theme-primary-color-lightened: var(--accent-color-hover); |
|||
--theme-icon-focus-background: rgba(var(--accent-color), 0.2); |
|||
|
|||
--theme-background: var(--main-bg-color); |
|||
--header-blur-background: rgba(20, 20, 20, 0.66); |
|||
--drawer-background: #2C2C2E; |
|||
--docked-drawer-background: rgba(0, 0, 0, 0.25); |
|||
--button-background: var(--button-color); |
|||
--card-background: rgba(0, 0, 0, 0.15); |
|||
--footer-background: var(--modal-footer-color); |
|||
--footer-blur-background: rgba(29, 29, 31, 0.66); |
|||
|
|||
--header-background: var(--theme-background); |
|||
--theme-body-secondary-text-color: rgba(255, 255, 255, .6); |
|||
--line-background: rgba(255, 255, 255, .08); |
|||
--line-size: .08em; |
|||
--scrollbar-thumb-background: rgba(255, 255, 255, .3); |
|||
} |
|||
|
|||
@media (pointer: fine) { |
|||
:not(.layout-tv):root { |
|||
--theme-background: var(--main-bg-color); |
|||
--header-blur-background: rgba(20, 20, 20, 0.66); |
|||
--drawer-background: #2C2C2E; |
|||
--docked-drawer-background: rgba(0, 0, 0, 0.25); |
|||
--button-background: #1f1f1f; |
|||
--card-background: rgba(0, 0, 0, 0.15); |
|||
--footer-background: var(--modal-footer-color); |
|||
--footer-blur-background: rgba(29, 29, 31, 0.66); |
|||
} |
|||
} |
|||
|
|||
.layout-tv:root { |
|||
--theme-background: var(--main-bg-color); |
|||
--header-blur-background: rgba(20, 20, 20, 0.66); |
|||
--drawer-background: #2C2C2E; |
|||
--docked-drawer-background: rgba(0, 0, 0, 0.25); |
|||
--button-background: #1f1f1f; |
|||
--card-background: rgba(0, 0, 0, 0.15); |
|||
--footer-background: var(--modal-footer-color); |
|||
--footer-blur-background: rgba(29, 29, 31, 0.66); |
|||
} |
|||
|
|||
/*TP CUSTOM */ |
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
.inputLabel { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
a:not(.emby-button), |
|||
.cardText.cardTextCentered.cardText-first>button, |
|||
.emby-linkbutton>a { |
|||
color: var(--link-color) !important; |
|||
} |
|||
|
|||
a:hover:not(.emby-button), |
|||
.cardText.cardTextCentered.cardText-first>button:hover, |
|||
.emby-linkbutton>a:hover { |
|||
color: var(--link-color-hover) !important; |
|||
} |
|||
|
|||
/*TP END*/ |
|||
|
|||
html { |
|||
color: var(--theme-text-color); |
|||
scrollbar-color: var(--scrollbar-thumb-background) transparent |
|||
} |
|||
|
|||
.emby-collapsible-button { |
|||
border-color: var(--line-background) !important |
|||
} |
|||
|
|||
.skinHeader-withBackground.skinHeader-withfulldrawer { |
|||
border-bottom: .08em solid var(--line-background) |
|||
} |
|||
|
|||
.skinHeader-withBackground { |
|||
background: var(--header-background); |
|||
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; |
|||
} |
|||
|
|||
.appfooter, |
|||
.formDialogFooter:not(.formDialogFooter-clear) { |
|||
background: var(--footer-background); |
|||
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; |
|||
} |
|||
|
|||
.formDialogHeader:not(.formDialogHeader-clear) { |
|||
background: var(--modal-header-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; |
|||
} |
|||
|
|||
.dialog { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { |
|||
.skinHeader-withBackground { |
|||
background: var(--header-blur-background); |
|||
-webkit-backdrop-filter: saturate(1.8) blur(1.5em); |
|||
backdrop-filter: saturate(1.8) blur(1.5em) |
|||
} |
|||
|
|||
.appfooter-withbackdropfilter { |
|||
background: var(--footer-blur-background); |
|||
-webkit-backdrop-filter: saturate(1.8) blur(1.5em); |
|||
backdrop-filter: saturate(1.8) blur(1.5em) |
|||
} |
|||
} |
|||
|
|||
.skinHeader.semiTransparent { |
|||
-webkit-backdrop-filter: none !important; |
|||
backdrop-filter: none !important; |
|||
background-color: rgba(0, 0, 0, .3); |
|||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))); |
|||
background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); |
|||
background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); |
|||
background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); |
|||
-webkit-box-shadow: none !important; |
|||
box-shadow: none !important; |
|||
border-bottom: 0; |
|||
color: rgba(255, 255, 255, .87) |
|||
} |
|||
|
|||
|
|||
.backgroundContainer:not(.backgroundContainer.withBackdrop), |
|||
html { |
|||
background: var(--theme-background); |
|||
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; |
|||
} |
|||
|
|||
.backgroundContainer.withBackdrop { |
|||
background-color: rgba(0, 0, 0, .83) |
|||
} |
|||
|
|||
@media not all and (min-width: 50em) { |
|||
.itemBackgroundContainer.withBackdrop { |
|||
background: var(--theme-background); |
|||
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; |
|||
} |
|||
} |
|||
|
|||
.paper-icon-button-light-tv:focus, |
|||
.paper-icon-button-light:active { |
|||
color: rgb(var(--theme-primary-color)); |
|||
background-color: var(--theme-icon-focus-background) |
|||
} |
|||
|
|||
@media(hover: hover) and (pointer:fine) { |
|||
.paper-icon-button-light:focus { |
|||
color: rgb(var(--theme-primary-color)); |
|||
background-color: var(--theme-icon-focus-background) |
|||
} |
|||
} |
|||
|
|||
.fab, |
|||
.raised { |
|||
background: var(--button-background); |
|||
color: var(--theme-text-color) |
|||
} |
|||
|
|||
.detailButton-icon { |
|||
background: none !important; |
|||
border-color: rgba(255, 255, 255, .3) |
|||
} |
|||
|
|||
.emby-select-withcolor { |
|||
color: inherit; |
|||
background: rgba(0, 0, 0, 0.25); |
|||
border: var(--line-size) solid transparent |
|||
} |
|||
|
|||
.toast { |
|||
background: var(--button-background); |
|||
color: var(--theme-text-color) |
|||
} |
|||
|
|||
.dialog-blur, |
|||
.toast { |
|||
background: var(--button-background) !important; |
|||
color: var(--theme-text-color) !important; |
|||
} |
|||
|
|||
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { |
|||
|
|||
.detailButton-icon:not(.playstatebutton-icon-unplayed), |
|||
.emby-select-withcolor.detailTrackSelect, |
|||
.fab, |
|||
.raised:not(.nobackdropfilter) { |
|||
background: rgba(85, 85, 85, .3); |
|||
-webkit-backdrop-filter: saturate(1.8) blur(1.5em); |
|||
backdrop-filter: saturate(1.8) blur(1.5em) |
|||
} |
|||
|
|||
.dialog-blur, |
|||
.toast { |
|||
color: #fff; |
|||
background: rgba(56, 56, 56, .76); |
|||
-webkit-backdrop-filter: blur(2.5em) saturate(1.8); |
|||
backdrop-filter: blur(2.5em) saturate(1.8); |
|||
-webkit-box-shadow: none !important; |
|||
box-shadow: none !important |
|||
} |
|||
|
|||
.toast-large { |
|||
color: rgba(255, 255, 255, .87) |
|||
} |
|||
} |
|||
|
|||
.fab:focus, |
|||
.raised:focus { |
|||
background: var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
} |
|||
|
|||
.button-submit:not(.emby-button-tv) { |
|||
background: var(--button-color); |
|||
color: var(--button-text) |
|||
} |
|||
|
|||
.button-submit:not(.emby-button-tv):focus { |
|||
background: var(--button-color-hover); |
|||
color: var(--button-text-hover) |
|||
} |
|||
|
|||
.emby-select-withcolor>option { |
|||
color: inherit; |
|||
background: var(--button-background) |
|||
} |
|||
|
|||
.emby-select-withcolor:focus { |
|||
border-color: rgb(var(--theme-primary-color)) !important |
|||
} |
|||
|
|||
.emby-select-tv-withcolor:focus { |
|||
background-color: rgb(var(--theme-primary-color)) !important; |
|||
color: var(--label-text-color) !important |
|||
} |
|||
|
|||
.checkboxLabel { |
|||
color: inherit |
|||
} |
|||
|
|||
.emby-checkbox-focusring:focus:before { |
|||
background-color: var(--theme-icon-focus-background) |
|||
} |
|||
|
|||
.inputLabelFocused, |
|||
.selectLabelFocused, |
|||
.textareaLabelFocused { |
|||
color: rgb(var(--accent-color)) |
|||
} |
|||
|
|||
.button-link { |
|||
color: var(--link-color) !important; |
|||
} |
|||
|
|||
.button-link:hover { |
|||
color: var(--link-color-hover) !important; |
|||
} |
|||
|
|||
.button-flat-accent { |
|||
color: rgb(var(--accent-color)) |
|||
} |
|||
|
|||
.paperList, |
|||
.visualCardBox { |
|||
background-color: var(--card-background) |
|||
} |
|||
|
|||
.collapseContent { |
|||
border: var(--line-size) solid var(--line-background) |
|||
} |
|||
|
|||
.fieldDescription, |
|||
.listItemBodyText-secondary, |
|||
.secondaryText { |
|||
color: var(--theme-body-secondary-text-color) |
|||
} |
|||
|
|||
.cardText-secondary { |
|||
color: var(--text) |
|||
} |
|||
|
|||
.cardText-first { |
|||
color: var(--theme-text-color-opaque) |
|||
} |
|||
|
|||
.actionsheetDivider { |
|||
background: var(--line-background) |
|||
} |
|||
|
|||
@media(hover: hover) and (pointer:fine) { |
|||
.actionSheetMenuItem:hover { |
|||
background-color: rgba(255, 255, 255, .2); |
|||
color: var(--text-hover); |
|||
} |
|||
} |
|||
|
|||
.selectionCommandsPanel { |
|||
background: rgb(rgb(var(--theme-primary-color))); |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
.itemSelectionCount { |
|||
color: var(--label-text-color) !important; |
|||
|
|||
} |
|||
|
|||
.upNextDialog-countdownText { |
|||
color: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.alphaPickerButton { |
|||
color: var(--theme-body-secondary-text-color); |
|||
background-color: transparent |
|||
} |
|||
|
|||
.alphaPickerButton-selected { |
|||
color: var(--theme-text-color-opaque) |
|||
} |
|||
|
|||
.alphaPickerButton-tv:focus { |
|||
background-color: rgb(var(--theme-primary-color)); |
|||
color: var(--label-text-color) !important |
|||
} |
|||
|
|||
.detailTableBodyRow-shaded:nth-child(even) { |
|||
background: #1c1c1c; |
|||
background: rgba(30, 30, 30, .9) |
|||
} |
|||
|
|||
.listItem-border { |
|||
border-color: var(--line-background) !important |
|||
} |
|||
|
|||
.listItem-focusscale:focus { |
|||
background: rgba(54, 54, 54, .8) |
|||
} |
|||
|
|||
.listItemIcon:not(.listItemIcon-transparent) { |
|||
background-color: rgb(var(--theme-primary-color)); |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
.progressring-spiner { |
|||
border-color: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.mediaInfoText { |
|||
background: var(--button-background) |
|||
} |
|||
|
|||
.starIcon { |
|||
color: #cb272a |
|||
} |
|||
|
|||
.mediaInfoTimerIcon { |
|||
color: #cb272a |
|||
} |
|||
|
|||
.emby-input, |
|||
.emby-textarea { |
|||
color: inherit; |
|||
background: rgb(0 0 0 / 25%); |
|||
border: var(--line-size) solid rgba(255, 255, 255, 0.1) |
|||
} |
|||
|
|||
.emby-input:focus, |
|||
.emby-textarea:focus { |
|||
border-color: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.emby-checkbox:checked+span:before { |
|||
border-color: currentColor |
|||
} |
|||
|
|||
.emby-checkbox:checked+span:before { |
|||
border-color: rgb(var(--theme-primary-color)) !important; |
|||
background-color: rgb(var(--theme-primary-color)) !important; |
|||
|
|||
} |
|||
|
|||
.checkboxLabel::after, |
|||
.checkboxIcon { |
|||
color: var(--label-text-color) !important; |
|||
} |
|||
|
|||
.itemProgressBarForeground { |
|||
background-color: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.itemProgressBarForeground-recording { |
|||
background-color: #cb272a |
|||
} |
|||
|
|||
.countIndicator { |
|||
background: rgb(var(--theme-primary-color)); |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
.playedIndicator { |
|||
background: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.mainDrawer { |
|||
background: var(--drawer-background) |
|||
} |
|||
|
|||
.drawer-docked { |
|||
background: var(--docked-drawer-background); |
|||
border-right: var(--line-size) solid var(--line-background) |
|||
} |
|||
|
|||
@media(hover: hover) and (pointer:fine) { |
|||
.navMenuOption:hover { |
|||
background: #303030 |
|||
} |
|||
} |
|||
|
|||
.navMenuOption-selected { |
|||
background-color: var(--theme-icon-focus-background) !important; |
|||
color: rgb(var(--accent-color)) |
|||
} |
|||
|
|||
.emby-button-focusscale:focus, |
|||
.emby-button-focusscale:focus .detailButton-icon { |
|||
background: rgb(var(--theme-primary-color)); |
|||
color: var(--label-text-color) |
|||
} |
|||
|
|||
.emby-tab-button { |
|||
color: var(--theme-body-secondary-text-color) |
|||
} |
|||
|
|||
.emby-tab-button-active { |
|||
color: rgb(var(--theme-accent-text-color)) |
|||
} |
|||
|
|||
.emby-tab-button-active.emby-button-tv { |
|||
color: var(--theme-text-color-opaque) |
|||
} |
|||
|
|||
.emby-tab-button.emby-button-tv:focus { |
|||
color: rgb(var(--accent-color)); |
|||
background: 0 0 |
|||
} |
|||
|
|||
.emby-button { |
|||
outline-color: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.channelCell, |
|||
.guide-headerTimeslots, |
|||
.timeslotHeaders { |
|||
background: var(--theme-background); |
|||
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; |
|||
} |
|||
|
|||
@media (pointer: coarse) { |
|||
.channelCell-mobilefocus { |
|||
background: var(--theme-background) !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; |
|||
} |
|||
} |
|||
|
|||
.channelCell-mobilefocus:not(:focus-visible) { |
|||
background: var(--theme-background) !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; |
|||
} |
|||
|
|||
.channelCell-mobilefocus:not(:-moz-focusring) { |
|||
background: var(--theme-background) !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; |
|||
} |
|||
|
|||
.channelCell, |
|||
.epgRow, |
|||
.programCell { |
|||
border-color: rgba(255, 255, 255, .05) |
|||
} |
|||
|
|||
.guide-currentTimeIndicatorDot { |
|||
border-right-color: var(--theme-icon-focus-background) |
|||
} |
|||
|
|||
.guide-currentTimeIndicatorDot:after { |
|||
border-top-color: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.firstChannelCell { |
|||
border-color: transparent |
|||
} |
|||
|
|||
.programCell-sports { |
|||
background: #3949ab !important |
|||
} |
|||
|
|||
.programCell-movie { |
|||
background: #5e35b1 !important |
|||
} |
|||
|
|||
.programCell-kids { |
|||
background: #039be5 !important |
|||
} |
|||
|
|||
.programCell-news { |
|||
background: #43a047 !important |
|||
} |
|||
|
|||
.channelCell:focus, |
|||
.programCell:focus { |
|||
background-color: rgb(var(--theme-primary-color)); |
|||
color: var(--label-text-color) |
|||
} |
|||
|
|||
.guide-programTextIcon { |
|||
color: #1e1e1e; |
|||
background: #555 |
|||
} |
|||
|
|||
.infoBanner { |
|||
background: var(--card-background); |
|||
padding: 1em; |
|||
-webkit-border-radius: .3em; |
|||
border-radius: .3em |
|||
} |
|||
|
|||
.ratingbutton-icon-withrating { |
|||
color: #c33 !important |
|||
} |
|||
|
|||
.downloadbutton-icon-on { |
|||
color: #4285f4 |
|||
} |
|||
|
|||
.downloadbutton-icon-complete { |
|||
color: #4285f4 |
|||
} |
|||
|
|||
.playstatebutton-icon-played { |
|||
color: #c33 !important |
|||
} |
|||
|
|||
.repeatButton-active { |
|||
color: #4285f4 |
|||
} |
|||
|
|||
.card:focus .card-focuscontent { |
|||
border-color: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.cardContent-button { |
|||
background-color: transparent |
|||
} |
|||
|
|||
.cardContent-shadow { |
|||
background-color: var(--card-background) |
|||
} |
|||
|
|||
.defaultCardBackground0 { |
|||
background-color: var(--card-background) |
|||
} |
|||
|
|||
.defaultCardBackground1 { |
|||
background-color: #d2b019 |
|||
} |
|||
|
|||
.defaultCardBackground2 { |
|||
background-color: #338abb |
|||
} |
|||
|
|||
.defaultCardBackground3 { |
|||
background-color: #6b689d |
|||
} |
|||
|
|||
.defaultCardBackground4 { |
|||
background-color: #dd452b |
|||
} |
|||
|
|||
.defaultCardBackground5 { |
|||
background-color: #5ccea9 |
|||
} |
|||
|
|||
.cardOverlayButtonIcon { |
|||
background-color: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.cardScalable.cardPadder-portrait>div>button>i { |
|||
color: var(--label-text-color) !important; |
|||
} |
|||
|
|||
::-webkit-scrollbar-track-piece { |
|||
background-color: transparent |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb { |
|||
background: var(--scrollbar-thumb-background) |
|||
} |
|||
|
|||
.emby-slider-background { |
|||
background: var(--scrollbar-thumb-background) |
|||
} |
|||
|
|||
.emby-slider { |
|||
color: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.emby-slider::-moz-range-track { |
|||
background: #444 |
|||
} |
|||
|
|||
.emby-slider::-moz-range-progress { |
|||
background: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.emby-slider::-webkit-slider-thumb { |
|||
background: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.emby-slider::-moz-range-thumb { |
|||
background: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.emby-slider::-ms-thumb { |
|||
background: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.emby-slider-background-lower { |
|||
background-color: rgb(var(--theme-primary-color)) |
|||
} |
|||
|
|||
.scrollbuttoncontainer { |
|||
color: #fff; |
|||
background: rgba(20, 20, 20, .5) |
|||
} |
|||
|
|||
.recordingIcon-active { |
|||
color: #c33 !important |
|||
} |
|||
|
|||
.searchTabsContainer { |
|||
border-bottom: var(--line-size) solid var(--line-background) |
|||
} |
|||
|
|||
.emby-search-tab-button.emby-tab-button-active { |
|||
background: rgb(var(--accent-color)) !important |
|||
} |
|||
|
|||
.textActionButton.dragging { |
|||
background: var(--button-background) !important |
|||
} |
|||
|
|||
.dragging-over.full-drop-target { |
|||
background: rgb(var(--theme-primary-color)) !important; |
|||
color: var(--label-text-color) !important |
|||
} |
|||
|
|||
.dragging-over-top:before { |
|||
background: rgb(var(--accent-color)) |
|||
} |
|||
|
|||
.dragging-over-bottom:after { |
|||
background: rgb(var(--accent-color)) |
|||
} |
|||
|
|||
|
|||
/* TP CUSTOM */ |
|||
@media (hover: hover) and (pointer: fine) { |
|||
.navMenuOption:hover:not(.navMenuOption-selected) { |
|||
background: 0 !important; |
|||
color: var(--accent-color-hover); |
|||
} |
|||
} |
|||
|
|||
.mainDrawer { |
|||
background: var(--header-background); |
|||
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; |
|||
} |
|||
|
|||
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { |
|||
.mainDrawer { |
|||
background: var(--header-blur-background); |
|||
-webkit-backdrop-filter: saturate(1.8) blur(1.5em); |
|||
backdrop-filter: saturate(1.8) blur(1.5em); |
|||
} |
|||
} |
|||
|
|||
.jstree-default .jstree-clicked { |
|||
background: rgb(var(--accent-color)); |
|||
-webkit-border-radius: 2px; |
|||
border-radius: 2px; |
|||
color: var(--label-text-color) !important; |
|||
} |
|||
|
|||
.cardImageIcon { |
|||
color: #fff; |
|||
} |
|||
|
|||
.dialog .inputLabelFocused, |
|||
.selectLabelFocused, |
|||
.textareaLabelFocused { |
|||
color: #fff; |
|||
} |
|||
|
|||
|
|||
/* JELLYFIN */ |
|||
|
|||
@media (hover: hover) and (pointer: fine) { |
|||
.paper-icon-button-light:hover:not(:disabled) { |
|||
color: rgb(var(--theme-accent-text-color)); |
|||
background-color: var(--theme-icon-focus-background); |
|||
} |
|||
} |
|||
|
|||
.paper-icon-button-light:active:not(:disabled) { |
|||
color: rgb(var(--theme-accent-text-color)); |
|||
background-color: var(--theme-icon-focus-background); |
|||
} |
|||
|
|||
.paper-icon-button-light.show-focus:focus { |
|||
color: rgb(var(--theme-accent-text-color)); |
|||
} |
|||
|
|||
.button-submit { |
|||
background: rgb(var(--theme-accent-text-color)); |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
.button-submit:focus { |
|||
background: rgb(var(--theme-accent-text-color)); |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
.inputLabelFocused, |
|||
.selectLabelFocused, |
|||
.textareaLabelFocused { |
|||
color: rgb(var(--theme-accent-text-color)); |
|||
} |
|||
|
|||
.itemSelectionPanel { |
|||
border: 1px solid rgb(var(--theme-accent-text-color)); |
|||
} |
|||
|
|||
.selectionCommandsPanel { |
|||
background: rgb(var(--theme-accent-text-color)); |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
.upNextDialog-countdownText { |
|||
color: rgb(var(--theme-accent-text-color)); |
|||
} |
|||
|
|||
.alphaPickerButton-tv:focus { |
|||
background-color: rgb(var(--theme-accent-text-color)); |
|||
color: var(--label-text-color) !important; |
|||
} |
|||
|
|||
.progressring-spiner { |
|||
border-color: rgb(var(--theme-accent-text-color)); |
|||
} |
|||
|
|||
.button-flat:hover { |
|||
color: rgb(var(--theme-accent-text-color)); |
|||
} |
|||
|
|||
.button-link { |
|||
color: rgb(var(--theme-accent-text-color)); |
|||
} |
|||
|
|||
.emby-input:focus, |
|||
.emby-textarea:focus { |
|||
border-color: rgb(var(--theme-accent-text-color)); |
|||
} |
|||
|
|||
.emby-select-withcolor:focus { |
|||
border-color: rgb(var(--theme-accent-text-color)) !important; |
|||
} |
|||
|
|||
.emby-select-tv-withcolor:focus { |
|||
background-color: rgb(var(--theme-accent-text-color)) !important; |
|||
color: var(--label-text-color) !important; |
|||
} |
|||
|
|||
.emby-checkbox:checked+span+.checkboxOutline { |
|||
border-color: rgb(var(--theme-accent-text-color)); |
|||
} |
|||
|
|||
.emby-checkbox:checked+span+.checkboxOutline, |
|||
.itemProgressBarForeground { |
|||
background-color: rgb(var(--theme-accent-text-color)); |
|||
} |
|||
|
|||
.emby-checkbox:focus:not(:checked)+span+.checkboxOutline { |
|||
border-color: rgb(var(--theme-accent-text-color)); |
|||
} |
|||
|
|||
.countIndicator, |
|||
.fullSyncIndicator, |
|||
.playedIndicator { |
|||
background: rgb(var(--theme-accent-text-color)); |
|||
} |
|||
|
|||
.navMenuOption-selected { |
|||
background: rgb(var(--theme-accent-text-color)) !important; |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
.emby-button.show-focus:focus { |
|||
background: rgb(var(--theme-accent-text-color)); |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
.emby-tab-button.show-focus:focus { |
|||
color: rgb(var(--theme-accent-text-color)); |
|||
} |
|||
|
|||
.emby-tab-button:hover { |
|||
color: rgb(var(--theme-accent-text-color)); |
|||
} |
|||
|
|||
.guide-channelHeaderCell:focus, |
|||
.programCell:focus { |
|||
background-color: rgb(var(--theme-accent-text-color)) !important; |
|||
color: var(--label-text-color) !important; |
|||
} |
|||
|
|||
.guide-date-tab-button.emby-tab-button-active, |
|||
.guide-date-tab-button:focus { |
|||
color: rgb(var(--theme-accent-text-color)); |
|||
} |
|||
|
|||
.guide-date-tab-button.show-focus:focus { |
|||
background-color: rgb(var(--theme-accent-text-color)); |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
.buttonActive { |
|||
color: rgb(var(--theme-accent-text-color)) !important; |
|||
} |
|||
|
|||
.card:focus .cardBox.visualCardBox, |
|||
.card:focus .cardBox:not(.visualCardBox) .cardScalable { |
|||
border-color: rgb(var(--theme-accent-text-color)) !important; |
|||
} |
|||
|
|||
.metadataSidebarIcon { |
|||
color: rgb(var(--theme-accent-text-color)); |
|||
} |
|||
|
|||
.emby-button.detailFloatingButton { |
|||
background-color: rgb(var(--theme-accent-text-color)); |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
.layout-tv .emby-button.detailFloatingButton:focus { |
|||
background-color: #f2f2f2; |
|||
color: rgb(var(--theme-accent-text-color)); |
|||
} |
|||
@ -1,253 +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 */ |
|||
|
|||
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); |
|||
} |
|||
|
|||
a { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
a:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
a.ml-2, |
|||
a.mx-2 { |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
#content:before { |
|||
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; |
|||
} |
|||
|
|||
* { |
|||
outline: none !important; |
|||
} |
|||
|
|||
/* TEXT */ |
|||
body, |
|||
.navbar-dark .navbar-text { |
|||
color: var(--text); |
|||
} |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
label { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
/* ACCENTS */ |
|||
.badge-dark { |
|||
color: var(--label-text-color); |
|||
background-color: rgb(rgb(var(--accent-color))); |
|||
} |
|||
|
|||
/* NAVBAR */ |
|||
#nav .bg-dark { |
|||
background: hsla(0, 0%, 0%, .25) !important; |
|||
} |
|||
|
|||
.navbar-dark .navbar-nav .nav-link { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.navbar-dark .navbar-nav .nav-link:hover, |
|||
.navbar-dark .navbar-nav .nav-link:focus { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
#navbarSupportedContent ul li { |
|||
background-color: transparent !important; |
|||
border: none !important; |
|||
} |
|||
|
|||
/* DROPDOWN MENU */ |
|||
.dropdown-menu { |
|||
color: #fff; |
|||
background: var(--modal-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; |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
.dropdown-item.active, |
|||
.dropdown-item:active, |
|||
.dropdown:active:hover { |
|||
color: var(--text-hover); |
|||
background-color: rgb(0 0 0 / 25%) !important; |
|||
} |
|||
|
|||
.dropdown-item { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.dropdown-item:hover, |
|||
.dropdown-item:focus { |
|||
color: var(--text-hover); |
|||
text-decoration: none; |
|||
background-color: rgb(255 255 255 / 8%); |
|||
} |
|||
|
|||
|
|||
/* CARDS */ |
|||
.card { |
|||
background: rgb(255 255 255 / 8%) !important; |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
.card-header { |
|||
color: var(--text-hover); |
|||
background-color: rgb(0 0 0 / 25%); |
|||
border-bottom: 1px solid rgba(255, 255, 255, .125) !important; |
|||
} |
|||
|
|||
ul li { |
|||
background-color: rgb(255 255 255 / 8%) !important; |
|||
border: none !important; |
|||
} |
|||
|
|||
ul li:hover { |
|||
background-color: rgb(255 255 255 / 16%) !important; |
|||
border: none; |
|||
} |
|||
|
|||
/* SETTINGS */ |
|||
.plugin_content .nav-tabs .nav-link.active, |
|||
.nav-tabs .nav-item.show .nav-link { |
|||
color: var(--text-hover) !important; |
|||
background-color: rgb(0 0 0 / 25%) !important; |
|||
border-color: #4440 #4440 transparent; |
|||
} |
|||
|
|||
.plugin_content .nav-tabs { |
|||
border-bottom: 1px solid rgb(255 255 255 / 20%); |
|||
} |
|||
|
|||
.alert-secondary { |
|||
background-color: rgb(255 255 255 / 20%); |
|||
} |
|||
|
|||
/* BUTTONS */ |
|||
.btn { |
|||
border-color: var(--button-color); |
|||
background: var(--button-color); |
|||
color: var(--button-text); |
|||
margin-right: 5px; |
|||
} |
|||
|
|||
.btn:hover, |
|||
.btn:focus, |
|||
.btn:active, |
|||
.btn-primary:not(:disabled):not(.disabled):active, |
|||
.btn-primary:not(:disabled):not(.disabled).active, |
|||
.show>.btn-primary.dropdown-toggle { |
|||
border-color: var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
box-shadow: none !important; |
|||
} |
|||
|
|||
.badge-primary { |
|||
color: var(--label-text-color); |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.badge-secondary { |
|||
color: var(--button-text); |
|||
background-color: rgb(0 0 0 / 25%); |
|||
} |
|||
|
|||
/* FORMS */ |
|||
.form-control { |
|||
color: var(--text) !important; |
|||
background-color: rgba(0, 0, 0, .25) !important; |
|||
border: 1px solid transparent !important; |
|||
box-shadow: none !important; |
|||
transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
|||
} |
|||
|
|||
.form-control:focus { |
|||
background-color: rgb(0 0 0 / 50%) !important; |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.custom-control-input:checked~.custom-control-label::before { |
|||
color: var(--label-text-color); |
|||
border-color: rgb(var(--accent-color)); |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.custom-checkbox .custom-control-input:checked~.custom-control-label::after { |
|||
filter: invert(1); |
|||
} |
|||
|
|||
.custom-control-input:focus~.custom-control-label::before { |
|||
box-shadow: 0 0 0 .2rem rgba(55, 90, 127, 0.25) |
|||
} |
|||
|
|||
.custom-control-input:focus:not(:checked)~.custom-control-label::before { |
|||
border-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.custom-control-input:not(:disabled):active~.custom-control-label::before { |
|||
color: #fff; |
|||
background-color: #97b3d2; |
|||
border-color: #97b3d2 |
|||
} |
|||
|
|||
|
|||
/* PLACEHOLDER TEXT */ |
|||
::placeholder { |
|||
color: var(--text) !important; |
|||
opacity: .5 !important; |
|||
} |
|||
|
|||
:-moz-placeholder { |
|||
color: var(--text) !important; |
|||
opacity: .5 !important; |
|||
} |
|||
|
|||
:-ms-input-placeholder { |
|||
color: var(--text) !important; |
|||
opacity: .5 !important; |
|||
} |
|||
|
|||
::-webkit-input-placeholder { |
|||
color: var(--text) !important; |
|||
opacity: .5; |
|||
} |
|||
@ -1,489 +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 */ |
|||
* { |
|||
outline: none !important; |
|||
} |
|||
|
|||
body { |
|||
color: var(--text); |
|||
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; |
|||
} |
|||
|
|||
p { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
label, |
|||
legend { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
legend, |
|||
.nav-tabs { |
|||
border-bottom: 1px solid rgb(var(--accent-color), .45) !important; |
|||
} |
|||
|
|||
a, |
|||
.btn-link { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
a:hover, |
|||
.btn-link:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
input::-webkit-input-placeholder { |
|||
color: var(--text-muted) !important; |
|||
} |
|||
|
|||
input:focus::-webkit-input-placeholder { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
/* Placeholders */ |
|||
/* Firefox < 19 */ |
|||
input:-moz-placeholder { |
|||
color: var(--text-muted) !important; |
|||
} |
|||
|
|||
input:focus:-moz-placeholder { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
/* Firefox > 19 */ |
|||
input::-moz-placeholder { |
|||
color: var(--text-muted) !important; |
|||
} |
|||
|
|||
input:focus::-moz-placeholder { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
/* Internet Explorer 10 */ |
|||
input:-ms-input-placeholder { |
|||
color: var(--text-muted) !important; |
|||
} |
|||
|
|||
input:focus:-ms-input-placeholder { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
/* SCROLLBAR */ |
|||
@media only screen and (min-width: 768px) { |
|||
html { |
|||
height: 100%; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
body { |
|||
overflow-y: auto; |
|||
height: 100%; |
|||
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; |
|||
} |
|||
} |
|||
|
|||
::-webkit-scrollbar { |
|||
width: 14px; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .2); |
|||
background-clip: padding-box; |
|||
} |
|||
|
|||
::-webkit-scrollbar-track { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb:hover { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .5); |
|||
background-clip: padding-box; |
|||
} |
|||
|
|||
/* NAVBAR */ |
|||
.navbar { |
|||
border: 1px solid transparent; |
|||
text-shadow: 1px 1px 1px rgb(0, 0, 0); |
|||
background: rgba(0, 0, 0, 0); |
|||
} |
|||
|
|||
.navbar-inverse { |
|||
background-image: none; |
|||
background-color: transparent; |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.navbar-default .navbar-brand { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.navbar-default .navbar-brand:hover, |
|||
.navbar-default .navbar-brand:focus { |
|||
color: var(--accent-color-hover); |
|||
background-color: none; |
|||
} |
|||
|
|||
.navbar-default .navbar-nav>li>a { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.navbar-default .navbar-nav>li>a:hover, |
|||
.navbar-default .navbar-nav>li>a:focus { |
|||
color: var(--text-hover); |
|||
background-image: none; |
|||
background-color: rgba(0, 0, 0, .25); |
|||
} |
|||
|
|||
/* BUTTONS */ |
|||
|
|||
.btn-primary, |
|||
.btn-default { |
|||
color: var(--button-text) !important; |
|||
background-color: var(--button-color) !important; |
|||
background: var(--button-color) !important; |
|||
border-color: var(--button-color) !important; |
|||
background-image: none !important; |
|||
outline: none; |
|||
} |
|||
|
|||
.btn-primary:hover, |
|||
.btn-default:hover, |
|||
.btn-primary:active, |
|||
.btn-primary.active, |
|||
.open>.dropdown-toggle.btn-primary { |
|||
background-image: none; |
|||
color: var(--button-text-hover) !important; |
|||
background-color: var(--button-color-hover) !important; |
|||
border-color: var(--button-color-hover) !important; |
|||
} |
|||
|
|||
.btn-primary:active:hover, |
|||
.btn-primary.active:hover, |
|||
.open>-toggle.btn-primary:hover, |
|||
.btn-primary:active:focus, |
|||
.btn-primary.active:focus, |
|||
.open>.dropdown-toggle.btn-primary:focus, |
|||
.btn-primary:active.focus, |
|||
.btn-primary.active.focus, |
|||
.open>.dropdown-toggle.btn-primary.focus { |
|||
color: var(--button-text-hover) !important; |
|||
background-color: var(--button-color-hover) !important; |
|||
border-color: var(--button-color-hover) !important; |
|||
} |
|||
|
|||
.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(--button-text-hover) !important; |
|||
background-color: var(--button-color-hover) !important; |
|||
border-color: var(--button-color-hover) !important; |
|||
} |
|||
|
|||
.btn-primary:active:hover, |
|||
.btn-primary.active:hover, |
|||
.open>.dropdown-toggle.btn-primary:hover, |
|||
.btn-primary:active:focus, |
|||
.btn-primary.active:focus, |
|||
.open>.dropdown-toggle.btn-primary:focus, |
|||
.btn-primary:active.focus, |
|||
.btn-primary.active.focus, |
|||
.open>.dropdown-toggle.btn-primary.focus { |
|||
outline: none; |
|||
color: var(--button-text-hover) !important; |
|||
background-color: var(--button-color-hover) !important; |
|||
border-color: var(--button-color-hover) !important; |
|||
} |
|||
|
|||
.btn-link:hover, |
|||
.btn-link:focus, |
|||
button.close { |
|||
outline: none |
|||
} |
|||
|
|||
.btn-warning { |
|||
background-image: none; |
|||
color: var(--button-text-hover); |
|||
background-color: #f89406; |
|||
border-color: #f89406; |
|||
} |
|||
|
|||
.btn-warning:hover { |
|||
background-image: none; |
|||
color: var(--button-text-hover); |
|||
background-color: #c67605; |
|||
border-color: #bc7005; |
|||
} |
|||
|
|||
.btn:hover, |
|||
.btn:focus, |
|||
.btn.focus { |
|||
color: var(--button-text-hover); |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.pagination>li.disabled>a, |
|||
.pagination>li.disabled>a:hover, |
|||
.pagination>li.disabled>span, |
|||
.pagination>li.disabled>span:hover { |
|||
background-color: var(--button-color); |
|||
color: var(--text-muted); |
|||
background-image: none; |
|||
outline: none; |
|||
} |
|||
|
|||
.pagination>.disabled>span, |
|||
.pagination>.disabled>span:hover, |
|||
.pagination>.disabled>span:focus, |
|||
.pagination>.disabled>a, |
|||
.pagination>.disabled>a:hover, |
|||
.pagination>.disabled>a:focus { |
|||
color: var(--text-muted); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
cursor: not-allowed; |
|||
} |
|||
|
|||
.pagination>.active>a, |
|||
.pagination>.active>span, |
|||
.pagination>.active>a:hover, |
|||
.pagination>.active>span:hover, |
|||
.pagination>.active>a:focus, |
|||
.pagination>.active>span:focus { |
|||
color: var(--button-text-hover); |
|||
background-image: none; |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
outline: none; |
|||
} |
|||
|
|||
.pagination>li.active>a, |
|||
.pagination>li.active>span { |
|||
background-image: none; |
|||
} |
|||
|
|||
.pagination>li>a, |
|||
.pagination>li>span { |
|||
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); |
|||
background-image: none; |
|||
} |
|||
|
|||
.pagination>li>a, |
|||
.pagination>li>span { |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border: 1px solid var(--button-color); |
|||
|
|||
} |
|||
|
|||
.pagination>li>a:hover, |
|||
.pagination>li>span:hover, |
|||
.pagination>li>a:focus, |
|||
.pagination>li>span:focus { |
|||
color: var(--button-text-hover); |
|||
background-image: none; |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
outline: none; |
|||
} |
|||
|
|||
/* FORM CONTYROL */ |
|||
|
|||
.form-control:focus { |
|||
border-color: transparent; |
|||
outline: 0; |
|||
-webkit-box-shadow: none; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.form-control { |
|||
color: var(--text); |
|||
background-color: rgba(255, 255, 255, 0.1); |
|||
background-image: none; |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
select:focus, |
|||
select:active, |
|||
select.form-control:focus, |
|||
select.form-control:active, |
|||
#auth_type:focus { |
|||
background: #1b1b1b !important; |
|||
color: white !important; |
|||
} |
|||
|
|||
.form-control:active:not(select.form-control), |
|||
.form-control:focus:not(select.form-control), |
|||
.configtable .input-group .form-control:active, |
|||
.configtable .input-group .form-control:focus { |
|||
color: var(--text-hover); |
|||
background-color: rgba(0, 0, 0, 0.25) !important; |
|||
background-image: none; |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
|
|||
/* TABLE */ |
|||
|
|||
table { |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
thead { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.table-striped>tbody>tr:nth-of-type(odd) { |
|||
background-color: rgba(0, 0, 0, 0.08); |
|||
} |
|||
|
|||
.table-hover>tbody>tr:hover { |
|||
background-color: rgba(255, 255, 255, 0.08) !important; |
|||
} |
|||
|
|||
.table-bordered { |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
.table-bordered>thead>tr>th, |
|||
.table-bordered>tbody>tr>th, |
|||
.table-bordered>tfoot>tr>th, |
|||
.table-bordered>thead>tr>td, |
|||
.table-bordered>tbody>tr>td, |
|||
.table-bordered>tfoot>tr>td { |
|||
border: 1px solid rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
/* BOOKWALL */ |
|||
|
|||
.table-responsive>.table { |
|||
background-color: rgba(255, 255, 255, .08); |
|||
} |
|||
|
|||
/* SETTINGS */ |
|||
|
|||
.nav-tabs>li.active>a, |
|||
.nav-tabs>li.active>a:hover, |
|||
.nav-tabs>li.active>a:focus { |
|||
color: rgb(var(--accent-color)); |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
border: 1px solid TRANSPARENT; |
|||
border-bottom-color: transparent; |
|||
cursor: default; |
|||
} |
|||
|
|||
.nav-tabs { |
|||
border-bottom: 1px solid rgba(255, 255, 255, 0.45); |
|||
} |
|||
|
|||
.nav-tabs>li>a:hover { |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.nav>li>a:hover, |
|||
.nav>li>a:focus { |
|||
text-decoration: none; |
|||
background-color: rgba(255, 255, 255, 0.15); |
|||
} |
|||
|
|||
.input-group-addon { |
|||
border: none; |
|||
border-color: transparent; |
|||
background-image: none; |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
} |
|||
|
|||
.input-group { |
|||
margin-top: 2px; |
|||
} |
|||
|
|||
legend { |
|||
border-bottom: 1px solid rgba(255, 255, 255, .45); |
|||
} |
|||
|
|||
/* MODAL */ |
|||
|
|||
.modal-content { |
|||
background: var(--modal-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; |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
.modal-header { |
|||
background: var(--modal-header-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; |
|||
border-bottom: 1px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.modal-footer { |
|||
background: var(--modal-footer-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; |
|||
border-top: 1px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
pre { |
|||
color: var(--text); |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
border: 1px solid transparent; |
|||
} |
|||
@ -1,119 +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 */ |
|||
|
|||
html, |
|||
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; |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
label { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div.meterText:empty:before { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
#dlText { |
|||
color: #F44336; |
|||
} |
|||
|
|||
#ulText { |
|||
color: #4CAF50; |
|||
} |
|||
|
|||
#pingText, |
|||
#jitText { |
|||
color: #2cabe3; |
|||
} |
|||
|
|||
#startStopBtn { |
|||
color: var(--button-text); |
|||
background: var(--button-color); |
|||
border: 0.15em solid var(--button-color); |
|||
} |
|||
|
|||
#startStopBtn:hover { |
|||
border: 0.15em solid var(--button-color-hover); |
|||
background: var(--button-color-hover); |
|||
} |
|||
|
|||
#startStopBtn.running { |
|||
background: #FF3030 !important; |
|||
border-color: #FF6060; |
|||
color: #FFFFFF; |
|||
} |
|||
|
|||
#startStopBtn.running:hover { |
|||
background: #FF3030; |
|||
border-color: #FF6060; |
|||
color: #FFFFFF; |
|||
} |
|||
|
|||
a, |
|||
a:-webkit-any-link { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
a:hover, |
|||
a:-webkit-any-link:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
#ip, |
|||
.unit { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
#privacyPolicy { |
|||
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; |
|||
} |
|||
|
|||
input { |
|||
font-family: "Roboto", sans-serif; |
|||
color: white; |
|||
background-color: rgba(0, 0, 0, 0.25) !important; |
|||
-webkit-rtl-ordering: logical; |
|||
Font-size: 16px; |
|||
padding: 10px; |
|||
border: none; |
|||
padding-left: 10px; |
|||
max-width: -webkit-fill-available; |
|||
border-radius: 3px; |
|||
margin-bottom: 5px !important; |
|||
outline: none; |
|||
} |
|||
|
|||
.testName { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
File diff suppressed because it is too large
@ -1,581 +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 */ |
|||
|
|||
body { |
|||
font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif; |
|||
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; |
|||
color: #FFFFFF !important; |
|||
} |
|||
|
|||
/* Scrollbar */ |
|||
|
|||
@media only screen and (min-width: 768px) { |
|||
html { |
|||
height: 100%; |
|||
width: 100%; |
|||
overflow: auto; |
|||
} |
|||
|
|||
body { |
|||
overflow-y: auto; |
|||
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; |
|||
} |
|||
} |
|||
|
|||
.expand::-webkit-scrollbar-track { |
|||
background-color: transparent !important; |
|||
-webkit-box-shadow: none !important; |
|||
box-shadow: none !important; |
|||
} |
|||
|
|||
.expand::-webkit-scrollbar { |
|||
background-color: transparent !important; |
|||
} |
|||
|
|||
.expand::-webkit-scrollbar-thumb { |
|||
background-color: hsla(0, 0%, 100%, .2) !important; |
|||
-webkit-box-shadow: none !important; |
|||
box-shadow: none !important; |
|||
} |
|||
|
|||
.expand::-webkit-scrollbar-thumb:hover { |
|||
background-color: hsla(0, 0%, 100%, .5) !important; |
|||
} |
|||
|
|||
body::-webkit-scrollbar-track { |
|||
background-color: transparent !important; |
|||
-webkit-box-shadow: none !important; |
|||
box-shadow: none !important; |
|||
} |
|||
|
|||
body::-webkit-scrollbar { |
|||
background-color: transparent !important; |
|||
} |
|||
|
|||
body::-webkit-scrollbar-thumb { |
|||
background-color: hsla(0, 0%, 100%, .2) !important; |
|||
-webkit-box-shadow: none !important; |
|||
box-shadow: none !important; |
|||
} |
|||
|
|||
body::-webkit-scrollbar-thumb:hover { |
|||
background-color: hsla(0, 0%, 100%, .5) !important; |
|||
} |
|||
|
|||
.flex-child { |
|||
border-radius: 0px; |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15); |
|||
} |
|||
|
|||
#includedContent { |
|||
background-color: transparent; |
|||
background: transparent; |
|||
} |
|||
|
|||
body { |
|||
opacity: 1; |
|||
transition: 1s opacity; |
|||
background-color: #00000000; |
|||
-webkit-font-smoothing: antialiased; |
|||
font-family: 'Roboto:400', sans-serif !important; |
|||
color: #FFFFFF; |
|||
padding: 10px 10px 0; |
|||
} |
|||
|
|||
.btn { |
|||
font-weight: 600 !important; |
|||
} |
|||
|
|||
body.fade-out { |
|||
opacity: 0; |
|||
transition: none; |
|||
} |
|||
|
|||
.left, |
|||
.right, |
|||
.category-filter-item, |
|||
.nav-item, |
|||
.filesize, |
|||
.path { |
|||
color: #ffffff; |
|||
} |
|||
|
|||
#username:hover, |
|||
#password:hover { |
|||
text-shadow: 0 0 1rem transparent; |
|||
} |
|||
|
|||
#categoryFilter, |
|||
#auto-update { |
|||
color: white !important; |
|||
background-color: transparent !important; |
|||
box-shadow: none; |
|||
border-radius: 0px; |
|||
} |
|||
|
|||
#markform { |
|||
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; |
|||
|
|||
} |
|||
|
|||
.slide { |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
.expandtoggle { |
|||
background-color: transparent !important; |
|||
} |
|||
|
|||
.expandtoggle:hover { |
|||
background-color: rgba(255, 255, 255, 0.08) !important; |
|||
} |
|||
|
|||
.expandtoggle:checked~.expandtoggle::before { |
|||
content: ""; |
|||
background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/resources/logarr/increase.png) no-repeat; |
|||
background-size: 2em; |
|||
display: inline-block; |
|||
width: 2em; |
|||
height: 2em; |
|||
cursor: row-resize; |
|||
} |
|||
|
|||
.expandtoggle::before { |
|||
background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/resources/logarr/decrease.png) no-repeat; |
|||
background-size: 2em; |
|||
content: ""; |
|||
display: inline-block; |
|||
width: 2em; |
|||
height: 2em; |
|||
-webkit-transition: .5s; |
|||
-moz-transition: .5s; |
|||
transition: .5s; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.expand { |
|||
height: 43rem; |
|||
width: auto; |
|||
overflow: auto; |
|||
transition: height 0.5s; |
|||
color: rgb(255, 255, 255); |
|||
background-color: rgba(0, 0, 0, 0.3); |
|||
word-wrap: break-word; |
|||
padding: 0 10px 0 10px; |
|||
} |
|||
|
|||
.header-brand, |
|||
.logheader { |
|||
text-shadow: none !important; |
|||
} |
|||
|
|||
/* 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; |
|||
} |
|||
|
|||
.input:hover, |
|||
input.form-control:hover, |
|||
select.form-control:hover { |
|||
border: .2rem solid transparent; |
|||
} |
|||
|
|||
.input:focus, |
|||
input.form-control:focus, |
|||
select.form-control:focus { |
|||
border: .2rem solid transparent; |
|||
} |
|||
|
|||
input:invalid { |
|||
border: .2rem solid transparent; |
|||
} |
|||
|
|||
input:valid { |
|||
border: .2rem solid transparent; |
|||
} |
|||
|
|||
/* 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); |
|||
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: 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; |
|||
border: none !important; |
|||
} |
|||
|
|||
.btn:hover { |
|||
background-color: var(--button-color-hover) !important; |
|||
border: none !important; |
|||
} |
|||
|
|||
.btn-primary, |
|||
.btn-primary:hover { |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.btn-group>.btn-group:not(:first-child)>.btn, |
|||
.btn-group>.btn:not(:first-child) { |
|||
color: white !important; |
|||
} |
|||
|
|||
.btn-group>.btn:first-child { |
|||
color: white !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; |
|||
} |
|||
|
|||
.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; |
|||
} |
|||
|
|||
.logrollmodal { |
|||
background: var(--modal-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; |
|||
border: 1px solid transparent !important; |
|||
} |
|||
|
|||
.modalimgpath, |
|||
.modaltext, |
|||
#uploadbutton { |
|||
color: #fff !important; |
|||
} |
|||
|
|||
.file-upload { |
|||
background-color: var(--button-color) !important; |
|||
color: white !important; |
|||
} |
|||
|
|||
.file-upload:hover { |
|||
background-color: var(--button-color-hover) !important; |
|||
color: white !important; |
|||
} |
|||
|
|||
@media only screen and (max-width: 775px) { |
|||
#slidertable { |
|||
display: none !important; |
|||
} |
|||
|
|||
#time { |
|||
display: none !important; |
|||
} |
|||
} |
|||
|
|||
@media only screen and (max-width: 768px) { |
|||
#dateRight { |
|||
background-color: rgba(0, 0, 0, .15) !important; |
|||
color: #fff !important; |
|||
box-shadow: none; |
|||
} |
|||
} |
|||
@ -1,433 +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 */ |
|||
|
|||
|
|||
#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; |
|||
color: #FFFFFF !important; |
|||
} |
|||
|
|||
/* Scrollbar */ |
|||
|
|||
body::-webkit-scrollbar-track { |
|||
background-color: transparent !important; |
|||
-webkit-box-shadow: none !important; |
|||
box-shadow: none !important; |
|||
} |
|||
|
|||
body::-webkit-scrollbar { |
|||
background-color: transparent !important; |
|||
} |
|||
|
|||
body::-webkit-scrollbar-thumb { |
|||
background-color: hsla(0, 0%, 100%, .2) !important; |
|||
-webkit-box-shadow: none !important; |
|||
box-shadow: none !important; |
|||
} |
|||
|
|||
body::-webkit-scrollbar-thumb:hover { |
|||
background-color: hsla(0, 0%, 100%, .5) !important; |
|||
} |
|||
|
|||
|
|||
|
|||
#myModal3::-webkit-scrollbar-track { |
|||
background-color: transparent !important; |
|||
-webkit-box-shadow: none !important; |
|||
box-shadow: none !important; |
|||
} |
|||
|
|||
#myModal3::-webkit-scrollbar { |
|||
background-color: transparent !important; |
|||
} |
|||
|
|||
#myModal3::-webkit-scrollbar-thumb { |
|||
background-color: hsla(0, 0%, 100%, .2) !important; |
|||
-webkit-box-shadow: none !important; |
|||
box-shadow: none !important; |
|||
} |
|||
|
|||
#myModal3::-webkit-scrollbar-thumb:hover { |
|||
background-color: hsla(0, 0%, 100%, .5) !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); |
|||
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: 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; |
|||
} |
|||
|
|||
.btn-group>.btn-group:not(:first-child)>.btn, |
|||
.btn-group>.btn:not(:first-child) { |
|||
color: white !important; |
|||
} |
|||
|
|||
.btn-group>.btn:first-child { |
|||
color: white !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; |
|||
} |
|||
|
|||
.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; |
|||
} |
|||
|
|||
#myModal3 { |
|||
background: var(--modal-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; |
|||
border: 1px solid transparent !important; |
|||
} |
|||
|
|||
.modalimgpath, |
|||
.modaltext, |
|||
#uploadbutton { |
|||
color: #fff !important; |
|||
} |
|||
|
|||
.file-upload { |
|||
background-color: var(--button-color) !important; |
|||
color: white !important; |
|||
} |
|||
|
|||
.file-upload:hover { |
|||
background-color: var(--button-color-hover) !important; |
|||
color: white !important; |
|||
} |
|||
|
|||
@media only screen and (max-width: 775px) { |
|||
#slidertable { |
|||
display: none !important; |
|||
} |
|||
|
|||
#time { |
|||
display: none !important; |
|||
} |
|||
} |
|||
@ -1,210 +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 */ |
|||
|
|||
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; |
|||
} |
|||
} |
|||
@ -1,147 +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 */ |
|||
|
|||
* { |
|||
outline: none; |
|||
|
|||
} |
|||
|
|||
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) |
|||
} |
|||
|
|||
|
|||
|
|||
/* TEXT COLOR */ |
|||
.matches-title, |
|||
.matches-list:empty::before, |
|||
.card-stack:empty::after, |
|||
footer, |
|||
.Field_Label { |
|||
color: var(--text); |
|||
} |
|||
|
|||
/* ACCENTS */ |
|||
.matches-section hr { |
|||
border: 0.5px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.matches-section hr::before, |
|||
.matches-title .matches-count { |
|||
background: rgb(var(--accent-color)); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
.Logo { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* FORMS */ |
|||
.login-form input, |
|||
input, |
|||
.TextInput { |
|||
background: rgba(0, 0, 0, .25); |
|||
border: 1px solid transparent; |
|||
color: var(--text) |
|||
} |
|||
|
|||
.login-form input:focus, |
|||
input:focus, |
|||
.TextInput:focus { |
|||
background: #fff; |
|||
border: 1px solid transparent; |
|||
color: black; |
|||
} |
|||
|
|||
input:focus { |
|||
outline: none; |
|||
} |
|||
|
|||
.Select_Element { |
|||
border: 2px solid var(--button-color); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
/* BUTTONS */ |
|||
.login-form .room-code-container .generate-button, |
|||
.login-form .submit-button, |
|||
.ButtonPrimary, |
|||
.AddRemoveList_Add, |
|||
.SegmentedControlsListItem { |
|||
background: var(--button-color); |
|||
color: var(--button-text); |
|||
border: 1px solid var(--button-color); |
|||
} |
|||
|
|||
.login-form .room-code-container .generate-button:hover, |
|||
.login-form .submit-button:hover, |
|||
.ButtonPrimary:hover, |
|||
.ButtonPrimary:active .ButtonSecondary:hover, |
|||
.ButtonSecondary:active, |
|||
.ButtonTertiary:hover, |
|||
.ButtonTertiary:active, |
|||
.AddRemoveList_Add:hover, |
|||
.AddRemoveList_Add:active, |
|||
.SegmentedControlsListItem:hover, |
|||
.SegmentedControlsListItem:active { |
|||
background: var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
@media (hover: hover) { |
|||
.ButtonSecondary:hover { |
|||
color: var(--button-text-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
} |
|||
|
|||
.ButtonSecondary { |
|||
border: 2px solid var(--button-color); |
|||
color: var(--button-color); |
|||
} |
|||
|
|||
.ButtonTertiary { |
|||
color: var(--button-color); |
|||
transition: background-color var(--button-color-hover) ease-in-out; |
|||
} |
|||
|
|||
.SegmentedControlOption { |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
/* CARDS */ |
|||
.card { |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
.Card_MoreInfoButton:hover { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.RoomInfoBar { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
/* MENUS POPOVER */ |
|||
.PopoverMenuButton:hover { |
|||
background: rgb(255 255 255 / 15%) !important; |
|||
color: var(--mm-white); |
|||
} |
|||
File diff suppressed because one or more lines are too long
@ -1,484 +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 */ |
|||
|
|||
|
|||
body, |
|||
[class*="styled__SocialMediaContainer-"] { |
|||
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; |
|||
color: var(--text); |
|||
} |
|||
|
|||
* { |
|||
outline: none !important; |
|||
} |
|||
|
|||
/* TEXT */ |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
label:not(.toggle-on.btn, .toggle-off.btn), |
|||
legend { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.dashboard-context-info { |
|||
color: var(--text); |
|||
} |
|||
|
|||
a, |
|||
.dashboard-context-info a { |
|||
color: var(--link-color) !important; |
|||
} |
|||
|
|||
a:hover, |
|||
.dashboard-context-info a:hover { |
|||
color: var(--link-color-hover) !important; |
|||
} |
|||
|
|||
.loadOverlay { |
|||
color: var(--text) !important; |
|||
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; |
|||
} |
|||
|
|||
/* Navbar */ |
|||
.navbar-default { |
|||
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; |
|||
} |
|||
|
|||
.navbar-default .navbar-nav>li>a:hover, |
|||
.navbar-default .navbar-nav>li>a:focus { |
|||
background-color: rgba(0, 0, 0, .25) !important; |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.navbar-default .navbar-nav>.open>a, |
|||
.navbar-default .navbar-nav>.open>a:hover, |
|||
.navbar-default .navbar-nav>.open>a:focus { |
|||
background-color: rgba(0, 0, 0, .25) !important; |
|||
} |
|||
|
|||
.navbar-default, |
|||
.navbar-inverse { |
|||
border: 0px solid rgba(0, 0, 0, 0.6) !important; |
|||
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) !important; |
|||
} |
|||
|
|||
.navbar-default .navbar-brand { |
|||
color: #ffffff !important; |
|||
} |
|||
|
|||
.navbar-default .navbar-brand:hover, |
|||
.navbar-default .navbar-brand:focus { |
|||
color: #ffffff !important; |
|||
background-color: rgba(0, 0, 0, .25) !important; |
|||
} |
|||
|
|||
.navbar-default .navbar-nav>li>a, |
|||
.navbar-inverse .navbar-nav>li>a { |
|||
border-right: 1px solid rgba(0, 0, 0, 0) !important; |
|||
border-left: 1px solid rgba(0, 0, 0, 0) !important; |
|||
color: #ffffff !important; |
|||
} |
|||
|
|||
.nav-tabs>li.active>a, |
|||
.nav-tabs>li.active>a:hover, |
|||
.nav-tabs>li.active>a:focus { |
|||
background-color: rgba(0, 0, 0, 0.15) !important; |
|||
border: 1px solid #00000000 !important; |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.nav>li>a:hover, |
|||
.nav>li>a:focus { |
|||
text-decoration: none; |
|||
background-color: #3e444c; |
|||
} |
|||
|
|||
.nav>li>a:hover, |
|||
.nav>li>a:focus { |
|||
background-color: rgba(255, 255, 255, 0.08) !important; |
|||
} |
|||
|
|||
.nav-tabs>li>a:hover { |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.nav-tabs { |
|||
border-bottom: 1px 1px 1px rgba(0, 0, 0, 0.3); |
|||
} |
|||
|
|||
#my-netdata-dropdown-content .agent-item:hover { |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
.sign-in-btn { |
|||
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; |
|||
} |
|||
|
|||
.dropdown-menu, |
|||
[class*="__Dropdown-"], |
|||
[class*="documentation__Container-sc-"], |
|||
[class*="styled__PickerBox-"] { |
|||
background: var(--drop-down-menu-bg) !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; |
|||
border: 0px !important; |
|||
} |
|||
|
|||
[class*="styled__ShortPickElement-"] { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
[class*="styled__ShortPickElement-"]:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
.DateInput_input__focused { |
|||
border: 1px solid rgb(var(--accent-color)); |
|||
|
|||
} |
|||
|
|||
.CalendarDay__selected, |
|||
.CalendarDay__selected:active, |
|||
.CalendarDay__selected:hover, |
|||
.CalendarDay__selected_span:active, |
|||
.CalendarDay__selected_span:hover { |
|||
background: rgb(var(--accent-color)); |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
.CalendarDay__default:hover { |
|||
background: var(--accent-color-hover); |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
[class*="item__PanelRowContainer-"]:hover { |
|||
background: rgba(255, 255, 255, 0.15); |
|||
} |
|||
|
|||
|
|||
|
|||
.dropdown-menu>li>a:hover, |
|||
.dropdown-menu>li>a:focus { |
|||
background-color: rgba(0, 0, 0, 0.25) !important; |
|||
} |
|||
|
|||
.modal-content { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.modal-header { |
|||
background: var(--modal-header-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; |
|||
border-bottom: 1px solid rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.modal-footer { |
|||
background: var(--modal-footer-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; |
|||
border-top: 1px solid rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.nav-tabs { |
|||
border-bottom: 1px solid rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.panel { |
|||
background: rgba(0, 0, 0, 0.45) !important; |
|||
} |
|||
|
|||
.panel-default>.panel-heading { |
|||
background-color: transparent !important; |
|||
} |
|||
|
|||
table { |
|||
background: transparent !important; |
|||
} |
|||
|
|||
.table-hover>tbody>tr:hover { |
|||
background-color: rgba(255, 255, 255, 0.08) !important; |
|||
} |
|||
|
|||
.table>thead>tr>th { |
|||
border-bottom: 2px solid rgba(255, 255, 255, 0.3) !important; |
|||
} |
|||
|
|||
#my-netdata-dropdown-content hr { |
|||
border-top: 1px solid rgba(255, 255, 255, 0.3); |
|||
} |
|||
|
|||
.table>thead>tr>th, |
|||
.table>tbody>tr>th, |
|||
.table>tfoot>tr>th, |
|||
.table>thead>tr>td, |
|||
.table>tbody>tr>td, |
|||
.table>tfoot>tr>td { |
|||
background: var(--modal-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; |
|||
border-top: 1px solid #00000000 !important; |
|||
} |
|||
|
|||
.multi-column-dropdown li a:hover { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.close, |
|||
.close:hover, |
|||
.close:focus { |
|||
color: #ffffff !important; |
|||
} |
|||
|
|||
/* System Overview */ |
|||
.dashboard-sidebar .nav>.active>a, |
|||
.dashboard-sidebar .nav>.active:hover>a, |
|||
.dashboard-sidebar .nav>.active:focus>a { |
|||
color: rgb(var(--accent-color)) !important; |
|||
border-left: 2px solid rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
[class*="sidebar__Wrapper-"] { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
[class*="sidebar__Wrapper-"] [class*="flex-sc-"]:not([class*="collapsible__Animated-"]) { |
|||
background: transparent; |
|||
} |
|||
|
|||
[class*="collapsible__Animated-"] { |
|||
background: var(--main-bg-color); |
|||
} |
|||
|
|||
[class*="header__Wrapper-"] { |
|||
background: var(--main-bg-color); |
|||
} |
|||
|
|||
[class*="styled__StyledButton-"] .button-icon { |
|||
fill: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
[class*="styled__StyledButton-"]:hover .button-icon { |
|||
fill: var(--accent-color-hover) !important; |
|||
} |
|||
|
|||
/*code*/ |
|||
code { |
|||
color: var(--label-text-color) !important; |
|||
background-color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
/* System Overview metrics */ |
|||
.gaugeChartTitle, |
|||
.gaugeChartUnits, |
|||
.gaugeChartMax, |
|||
.gaugeChartMin, |
|||
.gaugeChartLabel, |
|||
.easyPieChartTitle, |
|||
.easyPieChartLabel, |
|||
.easyPieChartUnits { |
|||
color: #ffffff !important; |
|||
} |
|||
|
|||
.netdata-legend-value, |
|||
.netdata-legend-toolbox, |
|||
.netdata-legend-toolbox-button, |
|||
.dygraph-axis-label { |
|||
background-color: rgba(0, 0, 0, 0) !important; |
|||
color: #ffffff !important; |
|||
} |
|||
|
|||
.netdata-legend-resize-handler { |
|||
background-color: rgba(0, 0, 0, 0) !important; |
|||
color: #ffffff !important; |
|||
} |
|||
|
|||
.netdata-legend-name-table-line { |
|||
border-bottom-width: 0px !important; |
|||
} |
|||
|
|||
/* Sidebar */ |
|||
.dashboard-sidebar .nav>li>a { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.dashboard-sidebar .nav>li>a:focus, |
|||
.dashboard-sidebar .nav>li>a:hover { |
|||
padding-left: 19px; |
|||
color: var(--text-hover); |
|||
text-decoration: none; |
|||
background-color: transparent; |
|||
border-left: 1px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
small, |
|||
.small { |
|||
color: var(--text-muted); |
|||
} |
|||
|
|||
.action-button { |
|||
color: var(--button-text-hover) !important; |
|||
} |
|||
|
|||
hr { |
|||
border-top: 1px solid rgba(255, 255, 255, 0.3); |
|||
} |
|||
|
|||
.pagination>li>a, |
|||
.pagination>li>span { |
|||
background-color: rgba(0, 0, 0, 0.25) !important; |
|||
border: 1px solid transparent !important; |
|||
} |
|||
|
|||
.pagination>li>a:hover { |
|||
background-color: rgba(255, 255, 255, 0.08) !important; |
|||
} |
|||
|
|||
/* Buttons */ |
|||
.btn-default:not([class*="toggle"]) { |
|||
background-color: var(--button-color); |
|||
color: var(--button-text); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
a[class*="styled__StyledButton-"], |
|||
[data-testid*="date-picker::click-apply::global-view-"] { |
|||
background-color: var(--button-color) !important; |
|||
color: var(--button-text) !important; |
|||
border-color: var(--button-color) !important; |
|||
} |
|||
|
|||
a[class*="styled__StyledButton-"]:hover, |
|||
a[class*="styled__StyledButton-"]:active, |
|||
[data-testid*="date-picker::click-apply::global-view-"]:hover, |
|||
[data-testid*="date-picker::click-apply::global-view-"]:active { |
|||
background-color: var(--button-color-hover) !important; |
|||
color: var(--button-text-hover) !important; |
|||
border-color: var(--button-color-hover) !important; |
|||
} |
|||
|
|||
.btn-default:hover:not([class*="toggle"]) { |
|||
background-color: var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-default:active:not(.open>.dropdown-toggle.btn-default):not([class*="toggle"]), |
|||
.btn-default.active:not(.open>.dropdown-toggle.btn-default):not([class*="toggle"]) { |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
} |
|||
|
|||
/* NAV */ |
|||
[class^="with-panel"] { |
|||
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; |
|||
} |
|||
|
|||
[class*="styled__ListContainer"], |
|||
[class*="container__Container-"] div, |
|||
[class*="styled__PanelContainer"], |
|||
[class*="styled__StyledHeader"] { |
|||
background: var(--modal-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-hover); |
|||
} |
|||
|
|||
|
|||
[class^="styled__BottomPanel"] { |
|||
background: #0000; |
|||
} |
|||
|
|||
[class^=".styled__StyledSpaceBarPlus"] { |
|||
background: rgb(var(--accent-color)); |
|||
border-color: rgb(var(--accent-color)); |
|||
} |
|||
@ -1,20 +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 */ |
|||
|
|||
|
|||
/* NETDATA ORGANIZR DASHBOARD THEME */ |
|||
@import url(https://theme-park.dev/CSS/themes/netdata/netdata-base.css); |
|||
@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); |
|||
:root { |
|||
--main-bg-color: transparent; |
|||
} |
|||
@ -1,664 +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 */ |
|||
|
|||
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) !important; |
|||
} |
|||
|
|||
/* scroller */ |
|||
::-webkit-scrollbar-corner { |
|||
background-color: rgba(0, 0, 0, .25); |
|||
} |
|||
|
|||
::-webkit-scrollbar { |
|||
width: 10px; |
|||
height: 10px; |
|||
background: #0c1218; |
|||
|
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb { |
|||
-webkit-border-radius: 2px; |
|||
border-radius: 2px; |
|||
background-color: hsla(0, 0%, 100%, .08); |
|||
} |
|||
|
|||
.modal-header { |
|||
padding: 9px 15px; |
|||
border-bottom: 1px solid rgb(var(--accent-color)); |
|||
background: var(--modal-footer-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; |
|||
} |
|||
|
|||
.modal { |
|||
background: var(--modal-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; |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
.modal-footer { |
|||
background-color: var(--modal-footer-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; |
|||
border-top: 1px solid rgb(var(--accent-color)); |
|||
-webkit-box-shadow: inset 0 1px 0 transparent; |
|||
-moz-box-shadow: inset 0 1px 0 transparent; |
|||
box-shadow: inset 0 1px 0 transparent; |
|||
} |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6 { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
/* TABLES */ |
|||
.table a { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
.table a:hover { |
|||
color: var(--link-color-hover) !important; |
|||
} |
|||
|
|||
.table-striped tbody tr:nth-child(odd) { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.table-striped tbody tr:nth-child(odd) td, |
|||
.table-striped tbody tr:nth-child(odd) th { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
.table-striped tbody tr:nth-child(even) { |
|||
background-color: rgba(0, 0, 0, 0.08); |
|||
} |
|||
|
|||
.table tbody tr:hover, |
|||
.table tbody tr:hover td, |
|||
.table tbody tr:hover a { |
|||
color: var(--text-hover); |
|||
background-color: hsla(0, 0%, 100%, .08); |
|||
} |
|||
|
|||
.table-striped tbody tr.checked:nth-child(2n+1) td, |
|||
.checked .progress { |
|||
background-color: hsla(0, 0%, 100%, .08); |
|||
} |
|||
|
|||
tr.checked, |
|||
tr.checked td, |
|||
tr.checked:nth-child(odd) .progress { |
|||
background-color: hsla(0, 0%, 100%, .08); |
|||
} |
|||
|
|||
.table tbody tr.checked:hover, |
|||
.table tbody tr.checked:hover td { |
|||
background-color: hsla(0, 0%, 100%, .08); |
|||
} |
|||
|
|||
.table tbody tr.checked:hover, |
|||
.table tbody tr.checked:hover td { |
|||
background-color: hsla(0, 0%, 100%, .08); |
|||
} |
|||
|
|||
.table.check-simple tbody tr.checked:hover, |
|||
.table.check-simple tbody tr.checked:hover td { |
|||
background-color: hsla(0, 0%, 100%, .08); |
|||
} |
|||
|
|||
.table th, |
|||
.table td { |
|||
border-top: none; |
|||
} |
|||
|
|||
.table-bordered { |
|||
border-left: none; |
|||
border: none; |
|||
} |
|||
|
|||
.pagination a { |
|||
border: none; |
|||
background: rgba(0, 0, 0, .25); |
|||
} |
|||
|
|||
.pagination a:hover, |
|||
.pagination .active a { |
|||
background-color: hsla(0, 0%, 100%, .08); |
|||
} |
|||
|
|||
.pagination .active a { |
|||
color: rgb(rgb(var(--accent-color))); |
|||
} |
|||
|
|||
/* PROGRESS BAR */ |
|||
.progress { |
|||
background: hsla(0, 0%, 100%, .08); |
|||
} |
|||
|
|||
.progress-warning.progress-striped .bar { |
|||
background-color: #cc7b19; |
|||
} |
|||
|
|||
.progress-success.progress-striped .bar { |
|||
background-color: #51a351; |
|||
} |
|||
|
|||
.bar-text-left, |
|||
.bar-text-right { |
|||
color: #fff; |
|||
} |
|||
|
|||
/* NAVBAR */ |
|||
.navbar-fixed-top .navbar-inner { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.navbar-inner { |
|||
background-image: none; |
|||
background-color: transparent; |
|||
} |
|||
|
|||
.navbar-container { |
|||
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; |
|||
} |
|||
|
|||
.navbar .nav>li>a:hover { |
|||
color: rgb(var(--accent-color)) !important; |
|||
background: hsla(0, 0%, 100%, .08); |
|||
} |
|||
|
|||
.navbar .nav .active>a { |
|||
background: hsla(0, 0%, 100%, .08); |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.navbar .nav .active>a:hover { |
|||
background: hsla(0, 0%, 100%, .08); |
|||
color: var(--accent-color-hover) !important; |
|||
} |
|||
|
|||
div.check:hover { |
|||
border: 1px solid var(--accent-color-hover); |
|||
} |
|||
|
|||
#DownloadsTable>tbody>tr.checked td .check { |
|||
border: 1px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
[class^="icon-"], |
|||
[class*=" icon-"], |
|||
[class^="img-"], |
|||
[class*=" img-"] { |
|||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/resources/nzbget/icons.png); |
|||
} |
|||
|
|||
.navbar-search .search-query { |
|||
color: var(--text); |
|||
background-color: rgba(0, 0, 0, 0.25) !important; |
|||
|
|||
|
|||
} |
|||
|
|||
.navbar-search .search-query:focus, |
|||
.navbar-search .search-query.focused { |
|||
color: var(--text-hover) !important; |
|||
text-shadow: none; |
|||
background-color: rgba(0, 0, 0, 0.45) !important; |
|||
} |
|||
|
|||
.focused .search-caret-button .caret { |
|||
margin-left: 5px; |
|||
border-top-color: rgb(255, 255, 255); |
|||
border-bottom-color: rgb(255, 255, 255); |
|||
} |
|||
|
|||
.search-caret-button { |
|||
outline: none; |
|||
} |
|||
|
|||
.menu-header { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.dropdown-menu { |
|||
background: var(--drop-down-menu-bg); |
|||
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); |
|||
} |
|||
|
|||
.dropdown-menu a { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.dropdown-menu li>a:hover, |
|||
.dropdown-menu .active>a, |
|||
.dropdown-menu .active>a:hover { |
|||
color: var(--text-hover); |
|||
background-color: hsla(0, 0%, 100%, .05); |
|||
} |
|||
|
|||
.dropdown-menu .divider { |
|||
height: 0px; |
|||
border-bottom: none; |
|||
} |
|||
|
|||
#ConfigContent .config-header { |
|||
border-bottom: 1px solid rgb(var(--accent-color)); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
#StatDialog_Custom a, |
|||
#AddDialog_Files a { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
#StatDialog_Custom a:hover, |
|||
#AddDialog_Files a:hover { |
|||
color: var(--link-color-hover); |
|||
cursor: pointer; |
|||
} |
|||
|
|||
/* BUTTONS */ |
|||
.btn-primary, |
|||
.btn-primary:hover, |
|||
.btn-warning, |
|||
.btn-warning:hover, |
|||
.btn-danger, |
|||
.btn-danger:hover, |
|||
.btn-success, |
|||
.btn-success:hover, |
|||
.btn-info, |
|||
.btn-info:hover, |
|||
.btn-inverse, |
|||
.btn-inverse:hover { |
|||
text-shadow: none; |
|||
} |
|||
|
|||
.btn-group>.dropdown-toggle { |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.config-header .btn { |
|||
background: #FFF; |
|||
color: #adb1b1; |
|||
text-shadow: unset; |
|||
} |
|||
|
|||
#ConfigData>div>button.btn { |
|||
background: var(--button-color) !important; |
|||
color: var(--button-text) !important; |
|||
font-weight: bold; |
|||
text-shadow: unset; |
|||
} |
|||
|
|||
#ConfigData>div>button.btn:hover { |
|||
background: var(--button-color-hover) !important; |
|||
color: var(--button-text-hover) !important; |
|||
font-weight: bold; |
|||
text-shadow: unset; |
|||
} |
|||
|
|||
#ConfigData>div>div>table>tbody>tr>td>.btn { |
|||
background: var(--button-color); |
|||
color: var(--button-text); |
|||
text-shadow: unset; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
#Config_Save:hover { |
|||
background-color: rgb(81, 163, 81); |
|||
color: #eee; |
|||
} |
|||
|
|||
#Config_Save { |
|||
background: rgba(81, 163, 81, 0.8); |
|||
color: #FFF; |
|||
margin: auto; |
|||
} |
|||
|
|||
#ConfigData>div>div>button.btn.btn-danger { |
|||
background: #ad292c; |
|||
text-shadow: unset; |
|||
} |
|||
|
|||
#ConfigData>div>div>button.btn.btn-danger:hover { |
|||
background: #d33a3e; |
|||
text-shadow: unset; |
|||
} |
|||
|
|||
#ConfigData>div:nth-child(3)>div>button, |
|||
#ConfigData>div:nth-child(4)>div>button, |
|||
#ConfigData>div:nth-child(5)>div>button { |
|||
text-shadow: unset; |
|||
background: rgba(0, 0, 0, 0.25); |
|||
color: white; |
|||
} |
|||
|
|||
#ConfigData>div:nth-child(3)>div>button:hover, |
|||
#ConfigData>div:nth-child(4)>div>button:hover, |
|||
#ConfigData>div:nth-child(5)>div>button:hover { |
|||
text-shadow: unset; |
|||
background: hsla(0, 0%, 100%, .08); |
|||
color: white; |
|||
} |
|||
|
|||
#ConfigData input.btn.btn-primary { |
|||
background: var(--button-color-hover) !important; |
|||
text-shadow: unset; |
|||
color: var(--button-text-hover) !important; |
|||
border: 1px solid var(--button-color-hover); |
|||
} |
|||
|
|||
#ConfigData input.btn { |
|||
background: rgba(0, 0, 0, 0.25) !important; |
|||
text-shadow: unset; |
|||
color: #a8a8a8; |
|||
} |
|||
|
|||
#Config_ViewButton { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
color: #FFF; |
|||
} |
|||
|
|||
#Config_ViewButton:hover { |
|||
background: hsla(0, 0%, 100%, .08); |
|||
color: #FFF; |
|||
} |
|||
|
|||
#DownloadsEditDialog input.btn.btn-primary { |
|||
background: var(--button-color) !important; |
|||
text-shadow: unset; |
|||
color: white; |
|||
} |
|||
|
|||
#HistoryEdit_ParamData input.btn.btn-primary { |
|||
background: var(--button-color) !important; |
|||
text-shadow: unset; |
|||
color: white; |
|||
} |
|||
|
|||
.btn { |
|||
color: var(--button-text); |
|||
text-shadow: none; |
|||
background-color: var(--button-color); |
|||
background-image: none; |
|||
/* border-color: transparent; |
|||
border-bottom-color: transparent; */ |
|||
-webkit-box-shadow: none; |
|||
-moz-box-shadow: none; |
|||
box-shadow: none; |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.btn:hover { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
|
|||
} |
|||
|
|||
.config-header .btn { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.btn-group.open .btn.dropdown-toggle { |
|||
background-color: var(--button-color-hover); |
|||
} |
|||
|
|||
#ConfigData>div>div>table>tbody>tr>td>.btn { |
|||
background: var(--button-color); |
|||
color: var(--button-text); |
|||
text-shadow: unset; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
#ConfigData>div>div>table>tbody>tr>td>.btn:hover { |
|||
background: var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
} |
|||
|
|||
input, |
|||
textarea, |
|||
.uneditable-input { |
|||
background: rgba(0, 0, 0, 0.25) !important; |
|||
color: var(--text) !important; |
|||
border: transparent; |
|||
} |
|||
|
|||
input:focus:not(.btn), |
|||
textarea:focus, |
|||
.uneditable-input:focus { |
|||
background: rgba(255, 255, 255, 0.10) !important; |
|||
color: var(--text-hover) !important; |
|||
border: transparent; |
|||
} |
|||
|
|||
select { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
border: 1px solid #00000000; |
|||
color: var(--text) |
|||
} |
|||
|
|||
select:focus { |
|||
background: #1b1b1b !important; |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
input[type="file"]:focus, |
|||
input[type="radio"]:focus, |
|||
input[type="checkbox"]:focus, |
|||
select:focus { |
|||
outline: thin dotted #333; |
|||
outline: none; |
|||
outline-offset: -2px; |
|||
-webkit-box-shadow: none; |
|||
-moz-box-shadow: none; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
input:focus, |
|||
textarea:focus { |
|||
-webkit-box-shadow: none; |
|||
-moz-box-shadow: none; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.alert-info { |
|||
font-weight: bold; |
|||
border-radius: unset; |
|||
border-bottom-left-radius: 0px; |
|||
border-bottom-right-radius: 0px; |
|||
border: 0px; |
|||
background-color: hsla(0, 0%, 100%, .05); |
|||
text-shadow: unset; |
|||
color: var(--text-hover); |
|||
text-transform: capitalize; |
|||
} |
|||
|
|||
.alert-inverse { |
|||
background-color: #414141; |
|||
background-image: 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; |
|||
border-color: transparent; |
|||
opacity: 1; |
|||
|
|||
} |
|||
|
|||
/* SETTINGS */ |
|||
|
|||
label { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.badge-active, |
|||
#MessagesTabBadge { |
|||
background-color: var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
-webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 20%); |
|||
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); |
|||
box-shadow: 0 5px 10px rgb(0 0 0 / 20%); |
|||
} |
|||
|
|||
.label:not(.label-success, .label-warning, .label-important, .label-info, .label-inverse), |
|||
.badge:not(.badge-success, .badge-warning, .badge-important, .badge-info, .badge-inverse) { |
|||
font-size: 10.998px; |
|||
font-weight: bold; |
|||
line-height: 14px; |
|||
color: #ffffff; |
|||
text-shadow: 0 -1px 0 rgb(0 0 0 / 25%); |
|||
white-space: nowrap; |
|||
vertical-align: baseline; |
|||
background-color: rgb(255 255 255 / 25%); |
|||
} |
|||
|
|||
#ConfigNav { |
|||
border: 1px solid rgba(0, 0, 0, .25); |
|||
background-color: rgba(0, 0, 0, .25); |
|||
} |
|||
|
|||
#ConfigNav.nav-list a { |
|||
color: var(--text); |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.nav-list>li>a, |
|||
.nav-list .nav-header { |
|||
text-shadow: none; |
|||
} |
|||
|
|||
.nav-list>.active>a, |
|||
.nav-list>.active>a:hover { |
|||
color: #ffffff; |
|||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); |
|||
background-color: #0088cc; |
|||
} |
|||
|
|||
.nav-list>.active>a, |
|||
.nav-list>.active>a:hover { |
|||
color: rgb(var(--accent-color)) !important; |
|||
background-color: transparent; |
|||
} |
|||
|
|||
.nav>li>a:hover { |
|||
background-color: hsla(0, 0%, 100%, .08); |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.nav-list .divider { |
|||
background-color: rgb(var(--accent-color)); |
|||
border-bottom: 1px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
span.help-option-title { |
|||
color: #eee; |
|||
} |
|||
|
|||
.help-block, |
|||
.help-inline { |
|||
color: #eee; |
|||
} |
|||
|
|||
.confirm-help-block { |
|||
color: #eee; |
|||
font-size: 13px; |
|||
line-height: 16px; |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.input-prepend .add-on, |
|||
.input-append .add-on { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
background-image: 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: transparent; |
|||
color: #FFFFFF !important; |
|||
border: none; |
|||
} |
|||
|
|||
.config-settitle { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
border-bottom: none; |
|||
} |
|||
|
|||
a { |
|||
color: var(--link-color); |
|||
text-decoration: none; |
|||
} |
|||
|
|||
a:hover { |
|||
color: var(--link-color-hover); |
|||
text-decoration: underline; |
|||
} |
|||
|
|||
.caret { |
|||
border-top: 4px solid #ffffff; |
|||
} |
|||
|
|||
hr { |
|||
margin: 18px 0; |
|||
border: 0; |
|||
border-top: 1px solid gb(var(--accent-color)); |
|||
border-bottom: 1px solid gb(var(--accent-color)); |
|||
} |
|||
@ -1,583 +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 */ |
|||
|
|||
@import url(https://theme-park.dev/CSS/defaults/placeholders.css); |
|||
|
|||
body, |
|||
html { |
|||
height: 100%; |
|||
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; |
|||
font-family: Open Sans Semibold, Helvetica Neue, Helvetica, Arial, sans-serif; |
|||
color: var(--text); |
|||
} |
|||
|
|||
* { |
|||
outline: none !important; |
|||
} |
|||
|
|||
a { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
a:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
.navbar-default { |
|||
background-color: rgba(0, 0, 0, 0.6); |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.navbar-default .navbar-nav>.active>a, |
|||
.navbar-default .navbar-nav>.active>a:focus, |
|||
.navbar-default .navbar-nav>.active>a:hover { |
|||
color: rgb(var(--accent-color)); |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.navbar-default .navbar-nav>li>a:focus, |
|||
.navbar-default .navbar-nav>li>a:hover { |
|||
color: var(--text-hover); |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
.navbar-default .navbar-nav>li>a { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.growl-container>.alert-info.icon { |
|||
background: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.alert-info { |
|||
background: rgb(var(--accent-color)); |
|||
border-color: transparent; |
|||
color: var(--label-text-color); |
|||
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); |
|||
outline: none; |
|||
} |
|||
|
|||
.alert-info a:hover { |
|||
color: var(--link-color); |
|||
opacity: .8; |
|||
} |
|||
|
|||
/* Config */ |
|||
.nav-tabs { |
|||
border-bottom: 1px solid rgba(255, 255, 255, 0.15); |
|||
} |
|||
|
|||
.nav-tabs>li.active>a, |
|||
.nav-tabs>li.active>a:focus, |
|||
.nav-tabs>li.active>a:hover { |
|||
color: rgb(var(--accent-color)); |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
border: 1px solid #1a1f2000; |
|||
border-bottom-color: transparent; |
|||
} |
|||
|
|||
.nav-tabs>li>a:hover { |
|||
border-color: transparent; |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.nav>li>a:focus, |
|||
.nav>li>a:hover { |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
.nav-tabs>li>a { |
|||
margin-right: 2px; |
|||
line-height: 1.42857143; |
|||
border: 1px solid transparent; |
|||
border-radius: 4px 4px 0 0; |
|||
color: var(--text); |
|||
} |
|||
|
|||
.formly>.formly-field-group { |
|||
background-color: transparent; |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
legend, |
|||
label { |
|||
color: var(--text-hover); |
|||
border-bottom: 1px solid rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6 { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
/* Buttons */ |
|||
.btn-primary { |
|||
color: var(--button-text); |
|||
background: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.btn-primary.active, |
|||
.btn-primary.focus, |
|||
.btn-primary:active, |
|||
.btn-primary:focus, |
|||
.btn-primary:hover, |
|||
.open>.dropdown-toggle.btn-primary { |
|||
color: var(--button-text-hover); |
|||
background: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.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(--button-text-hover); |
|||
background: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-info { |
|||
color: var(--button-text); |
|||
background: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.btn-info.active, |
|||
.btn-info.focus, |
|||
.btn-info:active, |
|||
.btn-info:focus, |
|||
.btn-info:hover, |
|||
.open>.dropdown-toggle.btn-info { |
|||
color: var(--button-text-hover); |
|||
background: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-info.active.focus, |
|||
.btn-info.active:focus, |
|||
.btn-info.active:hover, |
|||
.btn-info:active.focus, |
|||
.btn-info:active:focus, |
|||
.btn-info:active:hover, |
|||
.open>.dropdown-toggle.btn-info.focus, |
|||
.open>.dropdown-toggle.btn-info:focus, |
|||
.open>.dropdown-toggle.btn-info:hover { |
|||
color: var(--button-text-hover); |
|||
background: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-default:not(.uib-day button, .uib-month button, .uib-year button) { |
|||
color: var(--button-text); |
|||
background: var(--button-color); |
|||
border-color: var(--button-color) !important; |
|||
} |
|||
|
|||
.btn-default.active, |
|||
.btn-default.focus, |
|||
.btn-default:active, |
|||
.btn-default:focus, |
|||
.btn-default:hover, |
|||
.open>.dropdown-toggle.btn-default { |
|||
color: var(--button-text-hover); |
|||
background: var(--button-color-hover) !important; |
|||
border-color: var(--button-color-hover) !important; |
|||
} |
|||
|
|||
.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(--button-text-hover); |
|||
background: var(--button-color-hover); |
|||
border-color: var(--button-color-hover) !important; |
|||
} |
|||
|
|||
.config-button { |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
.btn-success.active.focus, |
|||
.btn-success.active:focus, |
|||
.btn-success.active:hover, |
|||
.btn-success:active.focus, |
|||
.btn-success:active:focus, |
|||
.btn-success:active:hover, |
|||
.open>.dropdown-toggle.btn-success.focus, |
|||
.open>.dropdown-toggle.btn-success:focus, |
|||
.open>.dropdown-toggle.btn-success:hover { |
|||
outline: none !important; |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.btn-danger.active.focus, |
|||
.btn-danger.active:focus, |
|||
.btn-danger.active:hover, |
|||
.btn-danger:active.focus, |
|||
.btn-danger:active:focus, |
|||
.btn-danger:active:hover, |
|||
.open>.dropdown-toggle.btn-danger.focus, |
|||
.open>.dropdown-toggle.btn-danger:focus, |
|||
.open>.dropdown-toggle.btn-danger:hover { |
|||
outline: none; |
|||
} |
|||
|
|||
.btn-warning.active.focus, |
|||
.btn-warning.active:focus, |
|||
.btn-warning.active:hover, |
|||
.btn-warning:active.focus, |
|||
.btn-warning:active:focus, |
|||
.btn-warning:active:hover, |
|||
.open>.dropdown-toggle.btn-warning.focus, |
|||
.open>.dropdown-toggle.btn-warning:focus, |
|||
.open>.dropdown-toggle.btn-warning:hover { |
|||
outline: none; |
|||
} |
|||
|
|||
.dropdown-menu { |
|||
background: var(--drop-down-menu-bg); |
|||
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; |
|||
} |
|||
|
|||
.dropdown-menu>li>a { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.dropdown-menu>li>a:focus, |
|||
.dropdown-menu>li>a:hover { |
|||
text-decoration: none; |
|||
color: var(--text-hover); |
|||
background-color: rgba(255, 255, 255, 0.1); |
|||
} |
|||
|
|||
.history-title { |
|||
font-style: italic; |
|||
color: var(--text-muted); |
|||
} |
|||
|
|||
.bootstrap-switch { |
|||
border: 1px solid rgba(255, 255, 255, .08); |
|||
} |
|||
|
|||
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, |
|||
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default { |
|||
color: var(--text-muted); |
|||
background: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary { |
|||
background-color: var(--button-color); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
.input-group-btn:last-child>.btn, |
|||
.input-group-btn:last-child>.btn-group { |
|||
margin-left: -1px; |
|||
background: #f0f8ff00; |
|||
} |
|||
|
|||
.input-group-btn2 { |
|||
border: 1px solid var(--button-color); |
|||
background: var(--button-color); |
|||
} |
|||
|
|||
.input-group-btn1 { |
|||
border: 1px solid var(--button-color); |
|||
background: var(--button-color); |
|||
} |
|||
|
|||
.input-group-addon { |
|||
color: var(--button-text); |
|||
border: 1px solid var(--button-color); |
|||
background: var(--button-color); |
|||
|
|||
} |
|||
|
|||
/* Form Control */ |
|||
|
|||
.form-control { |
|||
border: 1px solid transparent; |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
|
|||
} |
|||
|
|||
.form-control:focus { |
|||
border-color: rgba(255, 255, 255, 0); |
|||
background: rgba(0, 0, 0, 0.35); |
|||
outline: 0; |
|||
-webkit-box-shadow: none; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
select.form-control:focus { |
|||
background: #1b1b1b; |
|||
color: var(--text) |
|||
} |
|||
|
|||
/* .input-group-addon { |
|||
outline: none; |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
border: 1px solid transparent; |
|||
|
|||
} */ |
|||
|
|||
/* Categories */ |
|||
.panel { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
.repeatsection { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
box-shadow: 0 0 4px 1px transparent; |
|||
} |
|||
|
|||
hr { |
|||
border-top: 1px solid rgba(255, 255, 255, 0.25); |
|||
} |
|||
|
|||
/* Modal */ |
|||
.modal-body { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.modal-header { |
|||
background: var(--modal-header-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; |
|||
border-bottom: 1px solid rgb(var(--accent-color)); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.modal-content { |
|||
border: 1px solid transparent; |
|||
color: var(--text) |
|||
} |
|||
|
|||
.modal-footer { |
|||
background: var(--modal-footer-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; |
|||
border-top: 1px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.well { |
|||
background-color: hsla(0, 0%, 0%, 0.45); |
|||
border: 1px solid #00000000; |
|||
} |
|||
|
|||
/* Updates */ |
|||
.alert-warning { |
|||
background: rgba(255, 255, 255, 0.25); |
|||
border-color: transparent; |
|||
color: #fff; |
|||
} |
|||
|
|||
.panel-default>.panel-heading { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.panel-default>.panel-heading { |
|||
color: var(--text); |
|||
border-color: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
.list-group-item { |
|||
background-color: rgba(0, 0, 0, 0.08); |
|||
border: 1px solid rgba(255, 255, 255, 0.1); |
|||
} |
|||
|
|||
/* Table */ |
|||
table { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.table>thead>tr>th { |
|||
vertical-align: bottom; |
|||
border-bottom: 2px solid rgba(255, 255, 255, 0.25); |
|||
} |
|||
|
|||
.table>tbody>tr>td, |
|||
.table>tbody>tr>th, |
|||
.table>tfoot>tr>td, |
|||
.table>tfoot>tr>th, |
|||
.table>thead>tr>td, |
|||
.table>thead>tr>th { |
|||
border-top: 1px solid rgba(255, 255, 255, 0.15); |
|||
} |
|||
|
|||
.table-hover>tbody>tr:hover { |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
.search-result-tbody { |
|||
color: white; |
|||
} |
|||
|
|||
pre { |
|||
background-color: rgba(0, 0, 0, 0.45); |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
/* FORM LOGIN */ |
|||
body>div>div.center-form.panel.col-md-8>div>form>button { |
|||
color: var(--button-text); |
|||
background: var(--button-color); |
|||
border-color: var(--button-color); |
|||
|
|||
} |
|||
|
|||
body>div>div.center-form.panel.col-md-8>div>form>button:hover, |
|||
body>div>div.center-form.panel.col-md-8>div>form>button:focus, |
|||
body>div>div.center-form.panel.col-md-8>div>form>button:active { |
|||
color: var(--button-text-hover); |
|||
background: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
|
|||
} |
|||
|
|||
/* SEARCH */ |
|||
.search-results-table { |
|||
background-color: rgb(0 0 0 / 25%); |
|||
border: 1px solid rgba(255, 255, 255, 0.1); |
|||
} |
|||
|
|||
.filter-button.btn-default:focus, |
|||
.filter-button.btn-default:focus.active { |
|||
background-color: var(--button-color-hover) !important; |
|||
border-color: var(--button-color-hover) !important; |
|||
color: var(--button-text) !important; |
|||
} |
|||
|
|||
.indexer-statuses-accordion { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* Pagination */ |
|||
|
|||
.pagination>li>a, |
|||
.pagination>li>span { |
|||
text-decoration: none; |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
|
|||
} |
|||
|
|||
.pagination>li>a:focus, |
|||
.pagination>li>a:hover, |
|||
.pagination>li>span:focus, |
|||
.pagination>li>span:hover { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.pagination>.active>a, |
|||
.pagination>.active>a:focus, |
|||
.pagination>.active>a:hover, |
|||
.pagination>.active>span, |
|||
.pagination>.active>span:focus, |
|||
.pagination>.active>span:hover { |
|||
z-index: 2; |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
cursor: default |
|||
} |
|||
|
|||
.pagination>.disabled>a, |
|||
.pagination>.disabled>a:focus, |
|||
.pagination>.disabled>a:hover, |
|||
.pagination>.disabled>span, |
|||
.pagination>.disabled>span:focus, |
|||
.pagination>.disabled>span:hover { |
|||
color: var(--text-muted); |
|||
background-color: rgba(255, 255, 255, .1); |
|||
border-color: rgba(255, 255, 255, .1); |
|||
cursor: not-allowed |
|||
} |
|||
|
|||
/*pre*/ |
|||
pre { |
|||
color: var(--text); |
|||
background: var(--modal-bg-color); |
|||
border: 1px solid rgba(255, 255, 255, .1); |
|||
} |
|||
|
|||
chart>nvd3>svg>text { |
|||
fill: var(--text-muted); |
|||
} |
|||
|
|||
.caption, |
|||
caption { |
|||
color: var(--text-muted); |
|||
} |
|||
|
|||
.default-chip { |
|||
border: 1px solid rgb(var(--accent-color)); |
|||
border-radius: 5px; |
|||
background: rgb(var(--accent-color)); |
|||
color: var(--label-text-color); |
|||
padding: 0 2px 0 2px; |
|||
} |
|||
|
|||
chip-tmpl:focus .default-chip { |
|||
border: 2px solid var(--accent-color-hover); |
|||
background: var(--accent-color-hover); |
|||
color: var(--label-text-color); |
|||
} |
|||
@ -1,706 +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 */ |
|||
|
|||
|
|||
* { |
|||
outline: none !important; |
|||
} |
|||
|
|||
html, |
|||
body, |
|||
.wizard-background, |
|||
.content-container, |
|||
.mat-sidenav-container { |
|||
color: var(--text) !important; |
|||
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; |
|||
} |
|||
|
|||
.content-container .top-bar-container { |
|||
background: transparent !important; |
|||
} |
|||
|
|||
.h1, |
|||
.h2, |
|||
.h3, |
|||
.h4, |
|||
.h5, |
|||
.h6, |
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
legend { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
/* LINKS */ |
|||
a { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
a:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
.forgot-password:active, |
|||
.forgot-password:focus, |
|||
.forgot-password:hover { |
|||
color: var(--link-color-hover) !important; |
|||
} |
|||
|
|||
/* SCROLLBAR */ |
|||
::-webkit-scrollbar-thumb { |
|||
border-radius: 3px; |
|||
background: rgb(255 255 255 / 30%); |
|||
} |
|||
|
|||
/* TOP NAV */ |
|||
.top-search-bar .mat-form-field-flex { |
|||
border: 1px solid rgba(255, 255, 255, 0.10); |
|||
background-color: rgba(0, 0, 0, 0.45); |
|||
} |
|||
|
|||
/* Drop down menu */ |
|||
.mat-menu-panel, |
|||
#requestsToDisplayDropdown-panel { |
|||
background: var(--drop-down-menu-bg); |
|||
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; |
|||
} |
|||
|
|||
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { |
|||
background: hsl(0deg 0% 0% / 25%); |
|||
} |
|||
|
|||
/* SIDE NAV */ |
|||
|
|||
@media only screen and (min-width: 1025px){ |
|||
#main-container\ dark > mat-sidenav-container > mat-sidenav-content { |
|||
margin-left: 256px !important; |
|||
} |
|||
} |
|||
|
|||
/* OMBI TEXT */ |
|||
.sidenav-container .sidenav .application-name { |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
@media (min-width: 768px) { |
|||
.sidenav-container .sidenav { |
|||
background: hsla(0, 0%, 0%, 0.438) !important; |
|||
} |
|||
} |
|||
|
|||
.sidenav-container .sidenav { |
|||
background: var(--modal-bg-color) !important; |
|||
color: #fff; |
|||
font-family: Montserrat, sans-serif; |
|||
width: 16rem; |
|||
} |
|||
|
|||
.sidenav-container .sidenav .menu-spacing { |
|||
margin-bottom: 5%; |
|||
/* padding-left: .5rem; |
|||
padding-right: .5rem; */ |
|||
} |
|||
|
|||
.mat-drawer-backdrop.mat-drawer-shown { |
|||
background-color: hsl(0deg 0% 0% / 50%); |
|||
backdrop-filter: blur(10px) !important; |
|||
-webkit-backdrop-filter: blur(10px) !important; |
|||
} |
|||
|
|||
.mat-list-base { |
|||
padding-top: 8px; |
|||
display: block; |
|||
-webkit-tap-highlight-color: transparent; |
|||
padding-left: .5rem; |
|||
padding-right: .5rem; |
|||
} |
|||
|
|||
.sidenav-container[_ngcontent-icv-c127] .sidenav[_ngcontent-icv-c127] .active-list-item[_ngcontent-icv-c127] { |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.sidenav-container .sidenav .active-list-item, |
|||
.sidenav-container .sidenav .active-list-item:hover { |
|||
color: rgb(var(--accent-color)) !important; |
|||
background: rgb(255 255 255 / 15%) !important; |
|||
border-radius: .375rem !important; |
|||
padding: 10px 20px; |
|||
height: auto; |
|||
} |
|||
|
|||
[id*="nav-"] { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
.sidenav-container .sidenav .mat-list-item { |
|||
font-family: Roboto, sans-serif; |
|||
font-size: 16px; |
|||
font-weight: 400; |
|||
padding: 10px 0 0 0; |
|||
height: auto; |
|||
margin-bottom: .5rem; |
|||
width: 15rem !important; |
|||
padding-left: .5rem !important; |
|||
padding-right: .5rem !important; |
|||
} |
|||
|
|||
.sidenav-container .sidenav .mat-drawer-inner-container { |
|||
width: 100%; |
|||
height: 100%; |
|||
overflow: hidden; |
|||
-webkit-overflow-scrolling: touch; |
|||
} |
|||
|
|||
.sidenav-container .sidenav .mat-list-base .mat-list-item .mat-list-item-content, |
|||
.sidenav-container .sidenav.mat-list-base .mat-list-option .mat-list-item-content { |
|||
padding: 0 !important; |
|||
} |
|||
|
|||
.sidenav-container .sidenav .mat-list-base .mat-list-item .mat-list-item-ripple, |
|||
.sidenav-container .sidenav.mat-list-base .mat-list-option .mat-list-item-ripple { |
|||
display: none !important; |
|||
} |
|||
|
|||
.sidenav-container .sidenav.mat-action-list .mat-list-item:focus, |
|||
.sidenav-container .sidenav.mat-list-option:focus, |
|||
.sidenav-container .sidenav .mat-nav-list .mat-list-item:focus, |
|||
.sidenav-container .sidenav.mat-action-list .mat-list-item:focus:hover, |
|||
.sidenav-container .sidenav.mat-list-option:focus:hover, |
|||
.sidenav-container .sidenav .mat-nav-list .mat-list-item:focus:hover { |
|||
background: hsla(0, 0%, 100%, .04); |
|||
border-radius: .375rem !important; |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
|
|||
.sidenav-container .sidenav .mat-action-list .mat-list-item:hover:not(.active-list-item), |
|||
.mat-list-option:hover:not(.active-list-item), |
|||
.sidenav-container .sidenav .mat-nav-list .mat-list-item:hover:not(.active-list-item) { |
|||
background: hsla(0, 0%, 100%, .04); |
|||
border-radius: .375rem !important; |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.active-advanced.fa-filter{ |
|||
color: rgb(var(--accent-color)); |
|||
background:none; |
|||
} |
|||
|
|||
/* DISCOVER PAGE */ |
|||
.discover-filter-buttons-group { |
|||
background: rgb(255 255 255 / 8%) !important; |
|||
border: 1px solid rgb(255 255 255 / 10%) !important; |
|||
border-radius: 30px; |
|||
color: #fff; |
|||
margin-bottom: 10px; |
|||
margin-right: 30px; |
|||
} |
|||
|
|||
.discover-filter-buttons-group .button-active { |
|||
background: rgba(0, 0, 0, 0.45) !important; |
|||
} |
|||
|
|||
#search-filter{ |
|||
color:var(--text); |
|||
} |
|||
|
|||
.small-middle-container [div*="_ngcontent-"] { |
|||
margin: auto; |
|||
width: 100% !important; |
|||
} |
|||
|
|||
.small-middle-container.ng-star-inserted { |
|||
width: 85% !important; |
|||
margin: 10px auto auto !important; |
|||
} |
|||
|
|||
.small-middle-container[div*="_ngcontent-"] { |
|||
width: 95% !important; |
|||
margin: 10px auto auto !important; |
|||
} |
|||
|
|||
/* @media (min-width: 768px) { |
|||
.content-container { |
|||
margin-left: 255px !important; |
|||
} |
|||
|
|||
.content-container .section { |
|||
margin: 6px !important; |
|||
} |
|||
} */ |
|||
|
|||
/* MOBILE */ |
|||
@media (min-width: 768px) { |
|||
.sidenav-container .sidenav { |
|||
background: hsla(0, 0%, 0%, 0.438) !important; |
|||
} |
|||
} |
|||
|
|||
|
|||
@media (max-width: 768px) { |
|||
.p-carousel-item { |
|||
min-height: 230px !important; |
|||
max-width: 11.7rem !important |
|||
} |
|||
|
|||
.p-carousel .p-carousel-content .p-carousel-next, |
|||
.p-carousel .p-carousel-content .p-carousel-prev { |
|||
display: none; |
|||
} |
|||
|
|||
.right { |
|||
text-align: right !important; |
|||
margin-top: -61px; |
|||
} |
|||
} |
|||
|
|||
.p-carousel-item { |
|||
min-height: 290px; |
|||
max-height: 290px; |
|||
max-width: 12rem; |
|||
} |
|||
|
|||
@media (max-width: 768px) { |
|||
.section h2 { |
|||
margin-left: 5px !important; |
|||
} |
|||
} |
|||
|
|||
@media (min-width: 768px) { |
|||
.section h2 { |
|||
margin-left: 63px !important; |
|||
} |
|||
} |
|||
|
|||
/* CARDS */ |
|||
.ombi-card { |
|||
padding: 0px !important; |
|||
margin: 5px !important; |
|||
} |
|||
|
|||
#cardImage, |
|||
.ombi-card { |
|||
border-radius: .75rem !important; |
|||
} |
|||
|
|||
#cardImage { |
|||
min-height: 225px; |
|||
} |
|||
|
|||
.p-carousel-indicators, |
|||
.p-carousel-items-container { |
|||
display: flex; |
|||
padding-bottom: 5px; |
|||
flex-direction: row; |
|||
} |
|||
|
|||
.c .card-top-info { |
|||
top: -1px !important; |
|||
position: absolute; |
|||
border-radius: .75rem .75rem 0 0 !important; |
|||
background-color: rgba(0, 0, 0, 0.7) !important; |
|||
backdrop-filter: blur(10px) !important; |
|||
-webkit-backdrop-filter: blur(10px) !important; |
|||
transition: 0s -webkit-filter linear; |
|||
} |
|||
|
|||
.ombi-card .button-request-container .button-request { |
|||
/* padding-left: .5rem !important; |
|||
padding-right: .5rem !important; */ |
|||
} |
|||
|
|||
#info-wrapper .mat-card, |
|||
.mat-expansion-panel { |
|||
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; |
|||
} |
|||
|
|||
#info-wrapper .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { |
|||
box-shadow: 0 0 0 0 rgb(0 0 0 / 20%), 0 0 0 0 rgb(0 0 0 / 14%), 0 0 0 0 rgb(0 0 0 / 12%); |
|||
background: transparent; |
|||
} |
|||
|
|||
#info-wrapper .mat-card .label, |
|||
#info-wrapper .mat-card .mat-card-header { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
#info-wrapper .mat-card, |
|||
#info-wrapper .mat-card-content { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.btn-ombi { |
|||
background-color: rgba(0, 0, 0, 0.85) !important; |
|||
/* backdrop-filter: blur(10px) !important; |
|||
-webkit-backdrop-filter: blur(10px) !important; */ |
|||
border-radius: .375rem !important; |
|||
padding: 0 .375rem !important; |
|||
} |
|||
|
|||
.btn-ombi.mat-raised-button { |
|||
line-height: 29.4px !important; |
|||
} |
|||
|
|||
.btn-ombi:hover { |
|||
background-color: var(--button-color-hover) !important; |
|||
color: var(--button-text-hover) !important; |
|||
|
|||
} |
|||
|
|||
.c .button-request-container { |
|||
padding: 0 .375rem !important; |
|||
/* padding: .375rem !important; */ |
|||
} |
|||
|
|||
.ombi-card .button-request-container { |
|||
position: relative; |
|||
width: 100%; |
|||
margin: -40px 0 0 !important; |
|||
opacity: 0; |
|||
transition: .3s ease; |
|||
} |
|||
|
|||
.p-carousel-item, |
|||
.ombi-card { |
|||
transition: .3s ease-in-out; |
|||
} |
|||
|
|||
.ombi-card #cardImage:hover { |
|||
/* transform: scale(1.02) !important; */ |
|||
} |
|||
|
|||
/* Search results */ |
|||
@media (min-width: 768px) { |
|||
#searchResults .ombi-card { |
|||
margin-bottom: 15px !important; |
|||
margin-left: 0px !important; |
|||
height: 100% !important; |
|||
} |
|||
} |
|||
|
|||
#searchResults { |
|||
margin-bottom: 15px !important; |
|||
} |
|||
|
|||
/* Wizard */ |
|||
.wizard-background .mat-stepper-horizontal, |
|||
.mat-stepper-vertical, |
|||
.mat-tooltip { |
|||
background: rgb(0, 0, 0, .25) !important; |
|||
} |
|||
|
|||
small.important { |
|||
color: red; |
|||
background: rgba(0, 0, 0, .25); |
|||
border-radius: 5px; |
|||
padding: 5px; |
|||
} |
|||
|
|||
.mat-step-header .mat-step-label, |
|||
.mat-step-header .mat-step-optional { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
/* Accents */ |
|||
.mat-step-header .mat-step-icon { |
|||
background-color: rgb(var(--accent-color)) !important; |
|||
color: var(--button-text) !important; |
|||
} |
|||
|
|||
.mat-tab-group.mat-primary .mat-ink-bar, |
|||
.mat-tab-nav-bar.mat-primary .mat-ink-bar { |
|||
background-color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
/* slide toggle */ |
|||
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar { |
|||
background-color: rgba(var(--accent-color), .54) !important; |
|||
} |
|||
|
|||
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { |
|||
background-color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
/* BUTTONS */ |
|||
.mat-fab.mat-accent, |
|||
.mat-flat-button.mat-accent, |
|||
.mat-mini-fab.mat-accent, |
|||
.mat-raised-button.mat-accent, |
|||
.buttons .mat-raised-button { |
|||
color: var(--button-text) !important; |
|||
background-color: var(--button-color) !important; |
|||
} |
|||
|
|||
.mat-raised-button:not([class*=mat-elevation-z]):not(.mat-raised-button.mat-warn):not(.viewon-btn.plex) { |
|||
box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); |
|||
background: var(--button-color); |
|||
} |
|||
|
|||
.mat-raised-button:not([class*=mat-elevation-z]):not(.mat-raised-button.mat-warn):not(.viewon-btn.plex):hover { |
|||
box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); |
|||
background: var(--button-color-hover) !important; |
|||
} |
|||
|
|||
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { |
|||
border-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* Plex buttons */ |
|||
.viewon-btn.plex, |
|||
.viewon-btn.emby, |
|||
.viewon-btn.jellyfin { |
|||
background: transparent !important; |
|||
} |
|||
|
|||
/* login button */ |
|||
button#sign-in { |
|||
color: var(--button-text) !important; |
|||
} |
|||
|
|||
.mat-fab.mat-primary, |
|||
.mat-flat-button.mat-primary, |
|||
.mat-mini-fab.mat-primary, |
|||
.mat-raised-button.mat-primary { |
|||
box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
button.admin-cog { |
|||
color: var(--button-color) !important; |
|||
} |
|||
|
|||
.grow:hover { |
|||
color: #fff; |
|||
} |
|||
|
|||
/* FORMS */ |
|||
::ng-deep .dark .mat-form-field.mat-focused .mat-form-field-label, |
|||
::ng-deep .mat-form-field.mat-focused .mat-form-field-label { |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.mat-form-field.mat-focused .mat-form-field-label.mat-accent, |
|||
.mat-focused .mat-form-field-required-marker, |
|||
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after, |
|||
.mat-form-field.mat-focused.mat-accent .mat-select-arrow, |
|||
.mat-toolbar .mat-focused .mat-form-field-ripple, |
|||
.mat-toolbar .mat-form-field-ripple, |
|||
.mat-toolbar .mat-form-field-underline, |
|||
.mat-toolbar .mat-focused .mat-form-field-label, |
|||
.mat-toolbar .mat-form-field-label, |
|||
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow, |
|||
.mat-toolbar .mat-select-arrow, |
|||
.mat-toolbar .mat-select-value, |
|||
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick, |
|||
.mat-form-field.mat-focused .mat-form-field-label, |
|||
.mat-form-field.mat-focused .mat-form-field-ripple { |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.mat-checkbox-checked.mat-accent .mat-checkbox-background, |
|||
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background { |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.form-control:focus { |
|||
border-color: rgb(var(--accent-color)); |
|||
box-shadow: 0 0 0 0.2rem rgb(var(--accent-color) / 25%); |
|||
} |
|||
|
|||
.form-control:focus { |
|||
border: 1px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { |
|||
box-shadow: inset 0 0 0 1px rgb(var(--accent-color)), inset 0 0 0 1px rgb(var(--accent-color)), inset 0 0 0 1px rgb(var(--accent-color)), inset 0 0 0 1px rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { |
|||
border-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* Check box*/ |
|||
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, |
|||
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { |
|||
background: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
|
|||
/* popups */ |
|||
.mat-snack-bar-container { |
|||
color: var(--text); |
|||
background: var(--modal-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; |
|||
box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12) |
|||
} |
|||
|
|||
/* Login page */ |
|||
.login-card H1.login_logo { |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
/* TABLES */ |
|||
|
|||
.mat-table-sticky, |
|||
.mat-table tbody, |
|||
.mat-table tfoot, |
|||
.mat-table thead, |
|||
[mat-footer-row], |
|||
[mat-header-row], |
|||
[mat-row], |
|||
mat-footer-row, |
|||
mat-header-row, |
|||
mat-row { |
|||
background: rgb(255 255 255 / 0%); |
|||
} |
|||
|
|||
.mat-paginator, |
|||
.mat-table { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
tr.mat-header-row { |
|||
background: rgba(0, 0, 0, 0.45); |
|||
} |
|||
|
|||
.table thead th { |
|||
vertical-align: bottom; |
|||
border-bottom: 2px solid rgb(255 255 255 / 25%); |
|||
border-top: 1px solid rgb(255 255 255 / 25%); |
|||
} |
|||
|
|||
/* Details page */ |
|||
|
|||
#info-wrapper .p-carousel-item { |
|||
max-width: none; |
|||
} |
|||
|
|||
#viewCollectionBtn { |
|||
background: var(--button-color); |
|||
} |
|||
|
|||
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { |
|||
background: rgb(var(--accent-color)); |
|||
color: #121212; |
|||
} |
|||
|
|||
#info-wrapper .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { |
|||
background-color: rgb(var(--accent-color)); |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
hr { |
|||
border-top: 1px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.full-screenshot.enabled.overlay { |
|||
background-image: linear-gradient(180deg, transparent, 50%, rgb(var(--accent-color), 0.1)); |
|||
} |
|||
|
|||
.social-icons-container { |
|||
background-color: hsl(0deg 0% 0% / 85%) !important; |
|||
backdrop-filter: blur(10px) !important; |
|||
-webkit-backdrop-filter: blur(10px) !important; |
|||
} |
|||
|
|||
/* MODAL */ |
|||
.mat-autocomplete-panel, |
|||
.mat-dialog-container { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.mat-bottom-sheet-container { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
/* OTHER */ |
|||
.mat-tooltip { |
|||
background: var(--drop-down-menu-bg) !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; |
|||
} |
|||
|
|||
.mat-progress-spinner.mat-accent circle, |
|||
.mat-spinner.mat-accent circle { |
|||
stroke: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* ADVANCED SEARCH MODAL */ |
|||
.alert-info { |
|||
background: rgba(255, 255, 255, .25) !important; |
|||
border-color: rgba(255, 255, 255, .1) !important; |
|||
color: var(--text-hover) !important; |
|||
} |
|||
File diff suppressed because one or more lines are too long
@ -1,524 +0,0 @@ |
|||
/* TEXT */ |
|||
[class*="text-gray-"]:not(button:disabled) { |
|||
color: var(--text); |
|||
} |
|||
|
|||
[class*="text-indigo-"]:not(.text-indigo-100) { |
|||
color: rgb(var(--accent-color)) |
|||
} |
|||
|
|||
.text-indigo-100 { |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
.tagline, |
|||
.media-crew>li>span { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
p { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div.relative.z-10.flex.flex-col.flex-1.min-w-0.pr-4>div.flex.items-center.mt-2.text-sm.sm\:mt-1>span { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.media-fact-value a, |
|||
.media-fact-value button, |
|||
a.crew-name, |
|||
.card-field a, |
|||
.prose a { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
a.text-indigo-500 { |
|||
color: var(--link-color) !important; |
|||
} |
|||
|
|||
a.text-indigo-500:hover { |
|||
color: var(--link-color-hover) !important; |
|||
} |
|||
|
|||
.media-fact-value a:hover, |
|||
.media-fact-value button:hover, |
|||
a.crew-name:hover, |
|||
.prose a:hover, |
|||
.card-field a:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
.label-tip { |
|||
color: var(--text-muted); |
|||
} |
|||
|
|||
|
|||
/* BUTTONS */ |
|||
|
|||
button[class*="bg-indigo-"], |
|||
button[class*="bg-gray-"], |
|||
button[class*="border-indigo-"], |
|||
button[class*="border-gray-"], |
|||
button.input-action { |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
button[class*="text-white"] { |
|||
color: var(--button-text) |
|||
} |
|||
|
|||
button[class*="bg-indigo-"]:hover, |
|||
button[class*="bg-gray-"]:hover, |
|||
button[class*="border-indigo-"]:hover, |
|||
button[class*="border-gray-"]:hover, |
|||
button.input-action:hover { |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
button[class*="text-white"]:hover, |
|||
button.input-action:hover { |
|||
color: var(--button-text-hover) |
|||
} |
|||
|
|||
/* INPUT FORMS */ |
|||
|
|||
[multiple]:focus, |
|||
[type=date]:focus, |
|||
[type=datetime-local]:focus, |
|||
[type=email]:focus, |
|||
[type=month]:focus, |
|||
[type=number]:focus, |
|||
[type=password]:focus, |
|||
[type=search]:focus, |
|||
[type=tel]:focus, |
|||
[type=text]:focus, |
|||
[type=time]:focus, |
|||
[type=url]:focus, |
|||
[type=week]:focus, |
|||
select:focus, |
|||
textarea:focus { |
|||
--tw-ring-color: rgb(var(--accent-color)); |
|||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); |
|||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); |
|||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent); |
|||
border-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
input[type=password], |
|||
input[type=text], |
|||
select, |
|||
textarea { |
|||
border-color: rgba(255, 255, 255, .1); |
|||
background-color: rgba(7, 7, 7, .25); |
|||
color: var(--text); |
|||
} |
|||
|
|||
input[type=checkbox] { |
|||
color: rgba(var(--accent-color)); |
|||
} |
|||
|
|||
[type=checkbox]:focus, |
|||
[type=radio]:focus { |
|||
outline: 2px solid transparent; |
|||
outline-offset: 2px; |
|||
--tw-ring-offset-width: 2px; |
|||
--tw-ring-offset-color: #fff; |
|||
--tw-ring-color: rgb(var(--accent-color)); |
|||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); |
|||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); |
|||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); |
|||
} |
|||
|
|||
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.flex.flex-col>div>div>div>table>tbody>tr>td.px-4.py-4.text-sm.font-medium.leading-5.text-gray-100.whitespace-nowrap.false>span>span.bg-indigo-500, |
|||
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.flex.flex-col>div>div>div>table>thead>tr>th.w-16.px-4.py-3.bg-gray-500.false>span>span.bg-indigo-500 { |
|||
background: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
span.bg-indigo-500 { |
|||
background-color: rgb(var(--accent-color)); |
|||
color: var(--label-text-color) !important; |
|||
} |
|||
|
|||
.react-select-container .react-select__control { |
|||
border-color: rgba(255, 255, 255, 0.1) !important; |
|||
background-color: rgba(0, 0, 0, 0.25) !important; |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
.react-select-container .react-select__menu { |
|||
background: var(--drop-down-menu-bg); |
|||
color: var(--text); |
|||
} |
|||
|
|||
.react-select-container .react-select__option--is-focused { |
|||
background-color: rgba(255, 255, 255, 0.1); |
|||
color: var(--text-hover) |
|||
} |
|||
|
|||
|
|||
.group-label, |
|||
label { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
select:focus { |
|||
background: #1f1f1f; |
|||
} |
|||
|
|||
|
|||
/* BG STUFF */ |
|||
#__next>div, |
|||
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); |
|||
} |
|||
|
|||
.bg-gray-800 { |
|||
--tw-bg-opacity: 0.3; |
|||
background-color: rgb(0, 0, 0, var(--tw-bg-opacity)); |
|||
} |
|||
|
|||
.hover\:bg-gray-700:hover { |
|||
--tw-bg-opacity: .3; |
|||
background-color: rgb(var(--accent-color), var(--tw-bg-opacity)); |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
/* SEARCH BAR */ |
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>.bg-gray-700 { |
|||
background-color: rgb(var(--accent-color), .3) |
|||
} |
|||
|
|||
#search_field { |
|||
background-color: rgba(0, 0, 0, 0.45); |
|||
} |
|||
|
|||
|
|||
/* TOP GRADIENT */ |
|||
#__next>div>div.absolute.top-0.w-full.h-64.from-gray-800.to-gray-900.bg-gradient-to-bl .bg-gradient-to-t { |
|||
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; |
|||
|
|||
} |
|||
|
|||
/* GRADIENT ON CARDS'N'STUFF*/ |
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a>div { |
|||
background: none; |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a>div>div>div>div.absolute.bottom-0.left-0.right-0.h-12.rounded-b-xl.bg-gradient-to-t.from-gray-900.bg-gradient-to-t, |
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>ul>li>a>div>div>div>div.absolute.bottom-0.left-0.right-0.h-12.rounded-b-xl.bg-gradient-to-t.from-gray-900 { |
|||
background-image: none !important; |
|||
} |
|||
|
|||
/* SIDE BAR*/ |
|||
|
|||
.sidebar { |
|||
border-right-width: 1px; |
|||
--tw-border-opacity: .1; |
|||
border-color: rgba(255, 255, 255, var(--tw-border-opacity)); |
|||
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; |
|||
} |
|||
|
|||
#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.to-purple-600 { |
|||
--tw-gradient-to: rgb(var(--accent-color), .3); |
|||
} |
|||
|
|||
.hover\:to-purple-500:hover { |
|||
--tw-gradient-to: rgb(var(--accent-color), .8); |
|||
} |
|||
|
|||
#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500, |
|||
#__next>div>div.lg\:hidden>div>div.relative.flex.flex-col.flex-1.w-full.max-w-xs.bg-gray-800.sidebar.appear-done.enter-done>div.flex.flex-col.flex-1.h-0.pt-8.pb-8.overflow-y-auto.sm\:pb-4>nav>a.flex.items-center.px-2.py-2.text-base.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500 { |
|||
--tw-gradient-from: rgb(var(--accent-color), .5); |
|||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--accent-color), .5)); |
|||
} |
|||
|
|||
#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500 { |
|||
background: rgba(var(--accent-color), 0.05); |
|||
color: rgba(var(--accent-color)); |
|||
} |
|||
|
|||
body>div.z-50.fixed.inset-0.overflow-hidden.bg-opacity-70.bg-gray-800.enter-done>div>section>div>div { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
body>div.z-50.fixed.inset-0.overflow-hidden.bg-opacity-70.bg-gray-800.enter-done>div>section>div>div>header, |
|||
body>div.z-50.fixed.inset-0.overflow-hidden.bg-opacity-70.bg-gray-800.enter-done>div>section>div>div>div { |
|||
background: transparent; |
|||
} |
|||
|
|||
body>div.z-50.fixed.inset-0.overflow-hidden.bg-opacity-70.bg-gray-800.enter-done>div>section>div>div>div>div.overflow-hidden.bg-gray-600.rounded-md.shadow { |
|||
background: rgba(0, 0, 0, .25) !important; |
|||
} |
|||
|
|||
#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>div.px-2>a { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
/* LOADER */ |
|||
body>div.fixed.top-0.left-0.z-50.w-full.transition-opacity.ease-out.duration-400.opacity-0>div { |
|||
--tw-bg-opacity: 1; |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
body>div.fixed.top-0.left-0.z-50.w-full .bg-indigo-400 { |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* DISCOVER PAGE */ |
|||
|
|||
.slider-title, |
|||
.to-purple-400 { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
a.slider-title:hover { |
|||
color: var(--accent-color-hover); |
|||
} |
|||
|
|||
/* CARD HOVER */ |
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div>div>div:hover { |
|||
background: linear-gradient(rgba(var(--accent-color), .04) 0%, rgba(var(--accent-color), 0.9) 100%); |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div.absolute.inset-0.z-0>div.absolute.inset-0 { |
|||
background-image: linear-gradient(135deg, rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 75%) !important; |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a:hover { |
|||
background: linear-gradient(rgba(var(--accent-color), .04) 0%, rgba(var(--accent-color), 0.3) 100%); |
|||
} |
|||
|
|||
|
|||
/* SHOW PAGE */ |
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-page-bg-image>div.absolute.inset-0 { |
|||
background: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%) !important; |
|||
} |
|||
|
|||
#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div > div.media-overview { |
|||
background: var(--main-bg-color); |
|||
padding: 1rem 1rem 2rem 0; |
|||
padding-left: 1rem; |
|||
margin: 1rem -1rem -1rem; |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a>div:hover, |
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>ul>li>a>div:hover { |
|||
--tw-bg-opacity: 0.4; |
|||
background-color: rgb(var(--accent-color), var(--tw-bg-opacity)); |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a>div>div>div>div.text-gray-300 { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
#__next>div>div .bg-gradient-to-t.from-gray-800 { |
|||
background: none; |
|||
} |
|||
|
|||
.media-facts { |
|||
border-color: rgba(255, 255, 255, 0.1); |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
color: var(--text-hover) !important; |
|||
--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); |
|||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); |
|||
} |
|||
|
|||
.media-ratings, |
|||
.media-fact { |
|||
border-color: rgb(255 255 255 / 10%); |
|||
} |
|||
|
|||
.media-fact-value { |
|||
color: var(--text); |
|||
} |
|||
|
|||
/* REQUESTS */ |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div:nth-child(2)>div>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>div.absolute.inset-0 { |
|||
background-image: linear-gradient(90deg, rgba(var(--accent-color), 0.2) 0%, rgb(var(--accent-color)) 100%) !important; |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.flex.flex-col.justify-between.mb-4.lg\:items-end.lg\:flex-row>div.mt-8.md\:flex.md\:items-center.md\:justify-between>div>h2>span { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div:nth-child(2)>div>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>div.absolute.inset-0, |
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>div.absolute.inset-0 { |
|||
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, var(--modal-bg-color) 100%) !important; |
|||
} |
|||
|
|||
/* RINGA A DINGALING*/ |
|||
.ring-1 { |
|||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) rgb(0 0 0 / 10%) !important; |
|||
} |
|||
|
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.absolute.top-0.left-0.right-0.z-0.h-96>div>div>div.absolute.inset-0 { |
|||
background-image: linear-gradient(rgba(var(--accent-color), 0.2) 0%, #000 100%) !important; |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.bg-gray-800 { |
|||
background: #000; |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>div.absolute.inset-0, |
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div:nth-child(2)>div>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>div.absolute.inset-0 { |
|||
background: linear-gradient(90deg, rgba(var(--accent-color), 0.4) 0%, #000 100%) !important; |
|||
} |
|||
|
|||
/* SETTINGS */ |
|||
|
|||
code { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.mt-6>div.hidden.overflow-x-scroll.border-b.border-gray-600.sm\:block.hide-scrollbar>nav>a.px-1.py-4.ml-8.text-sm.font-medium.leading-5.transition.duration-300.border-b-2.border-transparent.whitespace-nowrap.first\:ml-0.text-indigo-500.border-indigo-600 { |
|||
border-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.mt-10.text-white>div>ul>li>div { |
|||
background: rgba(255, 255, 255, 0.1); |
|||
border-color: rgba(255, 255, 255, 0.1); |
|||
} |
|||
|
|||
.bg-indigo-600 { |
|||
--tw-bg-opacity: 1; |
|||
background-color: rgba(var(--accent-color), var(--tw-bg-opacity)); |
|||
} |
|||
|
|||
.focus\:ring:focus { |
|||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); |
|||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) rgba(var(--accent-color), 0.5); |
|||
} |
|||
|
|||
.border-gray-600 { |
|||
--tw-border-opacity: .1; |
|||
border-color: rgba(255, 255, 255, var(--tw-border-opacity)); |
|||
} |
|||
|
|||
.actions { |
|||
--tw-border-opacity: .1; |
|||
border-color: rgba(255, 255, 255, var(--tw-border-opacity)); |
|||
--tw-text-opacity: 1; |
|||
color: rgba(255, 255, 255, var(--tw-text-opacity)); |
|||
} |
|||
|
|||
.border-gray-800, |
|||
.divide-gray-800>:not([hidden])~:not([hidden]) { |
|||
--tw-border-opacity: .2; |
|||
border-color: rgba(255, 255, 255, var(--tw-border-opacity)); |
|||
} |
|||
|
|||
.border-gray-500, |
|||
.border-gray-700 { |
|||
--tw-border-opacity: .1; |
|||
border-color: rgba(255, 255, 255, var(--tw-border-opacity)); |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.mt-10.text-white>div.hidden.sm\:block>nav>a.px-3.py-2.text-sm.font-medium.transition.duration-300.rounded-md.whitespace-nowrap.mx-2.my-1.bg-indigo-700 { |
|||
background-color: var(--button-color); |
|||
} |
|||
|
|||
|
|||
/* TABLE */ |
|||
|
|||
.divide-gray-700>:not([hidden])~:not([hidden]) { |
|||
border-color: rgba(255, 255, 255, 0.1); |
|||
} |
|||
|
|||
table>thead>tr>th, |
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.mt-10.text-white>div>div.flex.flex-col>div>div>div>table>tbody>tr.bg-gray-700, |
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div>div>table>tbody>tr.bg-gray-700 { |
|||
background: rgb(0 0 0 / 25%) !important; |
|||
border-color: rgba(255, 255, 255, 0.1); |
|||
} |
|||
|
|||
|
|||
/* MODAL */ |
|||
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div, |
|||
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.p-4.bg-gray-600.rounded-md.shadow, |
|||
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div, |
|||
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div.bg-gray-700, |
|||
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.mt-4>div.p-4.bg-gray-600.rounded-md.shadow { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div>img, |
|||
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div>img { |
|||
display: none !important; |
|||
} |
|||
|
|||
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div.absolute.inset-0, |
|||
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div.absolute.inset-0 { |
|||
background: transparent !important; |
|||
} |
|||
|
|||
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.flex.flex-col>div>div>div>table>tbody { |
|||
background: rgb(255, 255, 255, .1); |
|||
} |
|||
|
|||
|
|||
/* DROPDOWN */ |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div.bg-gray-700, |
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div>div>a { |
|||
background: var(--drop-down-menu-bg); |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div>div>a:hover { |
|||
background: rgba(255, 255, 255, 0.1); |
|||
} |
|||
|
|||
/* LOGIN */ |
|||
#__next>div>div.relative.z-50.mt-8.sm\:mx-auto.sm\:w-full.sm\:max-w-md>div>button, |
|||
#__next>div>div.relative.z-50.mt-8.sm\:mx-auto.sm\:w-full.sm\:max-w-md>div>div:nth-child(3)>button { |
|||
background: rgba(255, 255, 255, 0.1); |
|||
} |
|||
@ -1,502 +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 */ |
|||
|
|||
* { |
|||
outline: none; |
|||
} |
|||
|
|||
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) |
|||
} |
|||
|
|||
/* TEXT COLOR */ |
|||
p, |
|||
.card .text-wrap .year, |
|||
.media-content .overview, |
|||
.media-content .media-crew .crew-credit, |
|||
.media-content .media-crew .sidebar--item a, |
|||
.sidebar--item .media-content .media-crew a, |
|||
.sidebar--item p, |
|||
.menu--item p { |
|||
color: var(--text); |
|||
} |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
.person--details p, |
|||
.text-wrap>p, |
|||
.card .text-wrap .title, |
|||
.main-title, |
|||
.media-details .media-title, |
|||
.single-title, |
|||
.sub-title, |
|||
.sub-title, |
|||
.widget--title, |
|||
.settings--menu--item p { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.card .text-wrap>p { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.settings--menu--item.active p { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.settings--menu--item.active { |
|||
border-bottom: 1px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.settings--menu--item:hover { |
|||
border-bottom: 1px solid var(--text-hover); |
|||
} |
|||
|
|||
.settings--menu--item.active .icon svg path { |
|||
fill: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* MENU */ |
|||
.menu { |
|||
background: rgb(0 0 0 / 25%); |
|||
} |
|||
|
|||
@media (max-width: 1099.98px) { |
|||
|
|||
.sidebar--inner, |
|||
.sidebar--scroll { |
|||
background: var(--modal-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; |
|||
} |
|||
} |
|||
|
|||
@media (min-width: 1100px) { |
|||
.page .sidebar { |
|||
background: rgb(0 0 0 / 25%); |
|||
} |
|||
} |
|||
|
|||
@media (max-width: 991.98px) { |
|||
.menu { |
|||
background: var(--modal-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; |
|||
} |
|||
} |
|||
|
|||
.mob-menu-top { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.menu--item.active { |
|||
background: rgba(var(--accent-color), .05); |
|||
border-right: 4px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.sidebar--inner .logo .logo-text span, |
|||
.menu .logo span { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
@media (min-width: 1100px) { |
|||
.sidebar--item.active { |
|||
border-top: none !important; |
|||
border-right: 4px solid rgb(var(--accent-color)); |
|||
} |
|||
} |
|||
|
|||
.sidebar--item.active { |
|||
background: rgba(var(--accent-color), .05); |
|||
border-top: 4px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.menu--item.active p, |
|||
.media-content .media-crew .sidebar--item.active a, |
|||
.sidebar--item.active .media-content .media-crew a, |
|||
.sidebar--item.active p { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.menu--item.active .icon svg path, |
|||
.sidebar--item.active .icon svg path { |
|||
fill: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.mob-menu-top .nav-toggle span { |
|||
background: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.sidebar--item:hover p, |
|||
.sidebar--item:hover .icon svg path, |
|||
.menu--item:hover p, |
|||
.menu--item:hover .icon svg path { |
|||
color: rgb(var(--accent-color)); |
|||
fill: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.sidebar--item .icon svg path, |
|||
.menu--item .icon svg path { |
|||
fill: var(--text); |
|||
} |
|||
|
|||
/* LINKS */ |
|||
a, |
|||
.table-action, |
|||
.session--toggle, |
|||
p a, |
|||
.profile-page .logout, |
|||
.person--bio--read-more, |
|||
.filter--item--collapse, |
|||
.filter--comparison { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
a:hover, |
|||
.table-action:hover, |
|||
.session--toggle:hover, |
|||
p a:hover, |
|||
.profile-page .logout:hover, |
|||
.person--bio--read-more:hover, |
|||
.filter--item--collapse:hover, |
|||
.filter--comparison:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
/* OTHER */ |
|||
.widget--item hr { |
|||
background: rgb(255 255 255 / 50%); |
|||
} |
|||
|
|||
.widget--item--inner, |
|||
.sr--instance--inner { |
|||
background: hsl(0deg 0% 0% / 15%); |
|||
} |
|||
|
|||
.filter--add:hover { |
|||
color: rgb(var(--accent-color)); |
|||
border-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.filter--row--add:hover, |
|||
.filter--row--remove:hover { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.filter--item { |
|||
background: rgb(0 0 0 / 25%); |
|||
} |
|||
|
|||
.spinner svg { |
|||
filter: var(--petio-spinner); |
|||
} |
|||
|
|||
.request-status { |
|||
color: #fff !important; |
|||
} |
|||
|
|||
.filter--action { |
|||
background: rgba(var(--accent-color), .3); |
|||
} |
|||
|
|||
.sr--add-new .sr--instance--inner:hover { |
|||
color: rgb(var(--accent-color)); |
|||
border-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.console--item { |
|||
color: #fff; |
|||
} |
|||
|
|||
code { |
|||
color: #fff; |
|||
} |
|||
|
|||
.color-green, |
|||
.color-orange, |
|||
.color-blue, |
|||
.color-red { |
|||
/* Ratings */ |
|||
background: rgb(0 0 0 / 25%); |
|||
border-radius: 5px; |
|||
padding: 0px 7px; |
|||
} |
|||
|
|||
.color-blue { |
|||
color: #4eaff4; |
|||
} |
|||
|
|||
.setup--step.active { |
|||
border-color: rgb(var(--accent-color)); |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.setup--wrap .server-select-option.selected { |
|||
background: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.login-wrap .logo span { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* DASH */ |
|||
.session--prog, |
|||
.session--media .card .playback-status { |
|||
background: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.card--inner:hover .image-wrap, |
|||
.company-card:hover .company-card--inner { |
|||
-webkit-filter: brightness(.7); |
|||
filter: brightness(.7); |
|||
-webkit-box-shadow: 0 0 0 2px rgb(var(--accent-color)), 0 5px 10px 0 rgb(0 0 0 / 30%); |
|||
-moz-box-shadow: 0 0 0 2px rgb(var(--accent-color)), 0 5px 10px 0 rgba(0, 0, 0, .3); |
|||
box-shadow: 0 0 0 2px rgb(var(--accent-color)), 0 5px 10px 0 rgb(0 0 0 / 30%); |
|||
} |
|||
|
|||
.card .quick-req:hover svg { |
|||
fill: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.push-msg--item { |
|||
color: #fff; |
|||
} |
|||
|
|||
|
|||
/* BUTTONS */ |
|||
|
|||
.btn, |
|||
.btn__square, |
|||
.rbc-btn-group button.rbc-active { |
|||
background: var(--button-color); |
|||
color: var(--button-text); |
|||
border: 2px solid var(--button-color); |
|||
} |
|||
|
|||
.btn:hover, |
|||
.btn__square:hover, |
|||
.rbc-btn-group button.rbc-active:active, |
|||
.rbc-btn-group button.rbc-active:focus, |
|||
.rbc-btn-group button.rbc-active:hover, |
|||
.rbc-btn-group button:active, |
|||
.rbc-btn-group button:focus, |
|||
.rbc-btn-group button:hover { |
|||
background: var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
border: 2px solid var(--button-color-hover); |
|||
} |
|||
|
|||
/* Keep Plex Button Color*/ |
|||
#root>div>div.login-wrap>div.login--inner>form>div:nth-child(7)>button, |
|||
#root>div>div.view>div>div>div.settings--content>section:nth-child(2)>button:nth-child(3) { |
|||
background: #d79b23; |
|||
border: 2px solid #d79b23; |
|||
color: #000; |
|||
} |
|||
|
|||
#root>div>div.login-wrap>div.login--inner>form>div:nth-child(7)>button:hover, |
|||
#root>div>div.view>div>div>div.settings--content>section:nth-child(2)>button:nth-child(3):hover { |
|||
background: #ab7b1c; |
|||
border-color: #ab7b1c; |
|||
} |
|||
|
|||
.btn.bad:hover { |
|||
/*Delete/Cancel button*/ |
|||
border: 2px solid #f55; |
|||
background: #f55; |
|||
} |
|||
|
|||
.btn.good.btn__square:hover { |
|||
/*Watch Now button*/ |
|||
border: 2px solid #98ec1c; |
|||
background: #98ec1c; |
|||
} |
|||
|
|||
.btn.blue.btn__square:hover { |
|||
/* Requested button*/ |
|||
border: 2px solid #3f9de0; |
|||
background: #3f9de0; |
|||
} |
|||
|
|||
.media-trailer--close { |
|||
background: var(--button-color); |
|||
} |
|||
|
|||
.media-trailer--close:hover { |
|||
background: var(--button-color-hover); |
|||
} |
|||
|
|||
.requests--status__pending, |
|||
.requests--status__orange, |
|||
.requests--status__bad, |
|||
.requests--status__cinema, |
|||
.requests--status__blue, |
|||
.requests--status__manual { |
|||
color: #fff; |
|||
} |
|||
|
|||
.myrequests--item--details .detail-steps--item__active { |
|||
color: rgb(var(--accent-color)); |
|||
opacity: 1; |
|||
} |
|||
|
|||
.myrequests--item--details .detail-steps--item__active .icon { |
|||
border-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.myrequests--item--details .detail-steps--item__active svg { |
|||
fill: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.request-count { |
|||
color: #fff; |
|||
background: rgba(var(--accent-color), .8); |
|||
} |
|||
|
|||
/* TABLES */ |
|||
.generic-table tr:not(.child):not(.sub) td { |
|||
border-bottom: 1px solid rgba(255, 255, 255, .1); |
|||
} |
|||
|
|||
.generic-table tr:not(.child):not(.sub) th { |
|||
text-align: left; |
|||
padding: 5px; |
|||
border-bottom: 1px solid rgba(255, 255, 255, .4); |
|||
} |
|||
|
|||
thead { |
|||
color: var(--text-hover); |
|||
background: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.generic-table tr:not(.child):not(.sub) th:nth-child(odd), |
|||
.generic-table tr:not(.child):not(.sub) th:nth-child(2n) { |
|||
background: transparent !important; |
|||
} |
|||
|
|||
/* MODALS */ |
|||
.modal--inner, |
|||
.issues--inner, |
|||
.review--main { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.modal--top, |
|||
.issues--top, |
|||
.review--top { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
/* FORMS & INPUTS */ |
|||
input[type=checkbox]:checked:after { |
|||
background: rgb(var(--accent-color)) |
|||
} |
|||
|
|||
input:not([type=checkbox]):not(.styled-input--input):not([type=file]):focus { |
|||
border-bottom: 2px solid rgb(var(--accent-color)); |
|||
background: rgba(255, 255, 255, .2); |
|||
color: var(--text-hover) |
|||
} |
|||
|
|||
input:not([type=checkbox]):not(.styled-input--input):not([type=file]), |
|||
.login-wrap input { |
|||
border-bottom: 2px solid rgba(0, 0, 0, 0); |
|||
color: var(--text); |
|||
background: rgb(255 255 255 / 10%); |
|||
} |
|||
|
|||
.search-form input:focus { |
|||
background: hsla(0, 0%, 100%, .1) !important; |
|||
color: var(--text-hover) !important; |
|||
border-bottom: 2px solid rgba(0, 0, 0, 0) !important; |
|||
} |
|||
|
|||
/* CALENDAR */ |
|||
.rbc-show-more { |
|||
background-color: hsl(0deg 0% 0% / 25%); |
|||
} |
|||
|
|||
.rbc-day-bg.rbc-today { |
|||
background: rgb(var(--accent-color), .5); |
|||
} |
|||
|
|||
a.rbc-show-more { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.calendar--event p { |
|||
color: #fff !important; |
|||
} |
|||
|
|||
/* PLACEHOLDER TEXT */ |
|||
::placeholder { |
|||
color: var(--text) !important; |
|||
opacity: .5; |
|||
} |
|||
|
|||
:-moz-placeholder { |
|||
color: var(--text) !important; |
|||
opacity: .5; |
|||
} |
|||
|
|||
:-ms-input-placeholder { |
|||
color: var(--text) !important; |
|||
opacity: .5; |
|||
} |
|||
|
|||
::-webkit-input-placeholder { |
|||
color: var(--text) !important; |
|||
opacity: .5; |
|||
} |
|||
@ -1,592 +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 */ |
|||
|
|||
@import url(https://theme-park.dev/CSS/defaults/placeholders.css); |
|||
|
|||
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; |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
a { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
* { |
|||
outline: none !important; |
|||
} |
|||
|
|||
a:hover, |
|||
a:active, |
|||
a:focus { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
.treeview-menu>li.active>a, |
|||
.treeview-menu>li>a:hover { |
|||
color: var(--text-hover); |
|||
background: rgba(255, 255, 255, 0.1); |
|||
} |
|||
|
|||
.h1, |
|||
.h2, |
|||
.h3, |
|||
.h4, |
|||
.h5, |
|||
.h6, |
|||
h1, |
|||
h2, |
|||
h3:not(.statistic), |
|||
h4, |
|||
h5, |
|||
h6 { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
h3.box-title { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.box, |
|||
.box-footer, |
|||
.info-box, |
|||
.box-comment, |
|||
.comment-text, |
|||
.comment-text .username { |
|||
color: var(--text); |
|||
} |
|||
|
|||
kbd { |
|||
color: var(--label-text-color); |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* Donate dropdown */ |
|||
.skin-blue .main-header li.user-header { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.dropdown-menu { |
|||
box-shadow: none; |
|||
border-color: rgba(0, 0, 0, .25); |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.navbar-nav>.user-menu>.dropdown-menu>.user-body { |
|||
padding: 15px; |
|||
border-bottom: 1px solid rgba(255, 255, 255, .25); |
|||
border-top: 1px solid rgba(255, 255, 255, .25); |
|||
background-color: rgba(255, 255, 255, .2) !important; |
|||
} |
|||
|
|||
.navbar-nav>.user-menu>.dropdown-menu>.user-body a { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.navbar-nav>.user-menu>.dropdown-menu>.user-footer { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
/* Header */ |
|||
.skin-blue .main-header .navbar, |
|||
.skin-blue .main-header .logo, |
|||
.main-header .navbar, |
|||
.main-header .logo { |
|||
background-color: rgba(0, 0, 0, .25); |
|||
} |
|||
|
|||
.skin-blue .main-header .logo:hover, |
|||
.skin-blue .main-header .navbar .sidebar-toggle:hover, |
|||
.sidebar-menu>li:hover>a { |
|||
background-color: rgba(255, 255, 255, .05); |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.sidebar-menu>li.active>a { |
|||
background-color: rgba(255, 255, 255, .05); |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
/* Footer */ |
|||
.main-footer { |
|||
background: rgba(0, 0, 0, .25); |
|||
color: var(--text); |
|||
border-top: 1px solid rgb(255 255 255 / 20%); |
|||
} |
|||
|
|||
/* Side bar */ |
|||
.skin-blue .sidebar a, |
|||
.sidebar a { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.skin-blue .sidebar a:hover, |
|||
.sidebar a:hover { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.skin-blue .wrapper, |
|||
.skin-blue .main-sidebar, |
|||
.skin-blue .left-side, |
|||
.wrapper, |
|||
.main-sidebar, |
|||
.left-side { |
|||
background-color: rgba(0, 0, 0, .25) !important; |
|||
} |
|||
|
|||
.skin-blue .sidebar-menu>li.header, |
|||
.sidebar-menu>li.header { |
|||
color: rgb(var(--accent-color)); |
|||
background: rgba(0, 0, 0, .2); |
|||
} |
|||
|
|||
.treeview-menu>li>a { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
.sidebar-menu>li>.treeview-menu { |
|||
background-color: rgb(0 0 0 / 25%); |
|||
} |
|||
|
|||
/* Menus */ |
|||
.skin-blue .sidebar-menu>li:hover>a, |
|||
.skin-blue .sidebar-menu>li.active>a, |
|||
.sidebar-menu>li:hover>a, |
|||
.sidebar-menu>li.active>a { |
|||
color: var(--text-hover); |
|||
background: rgba(0, 0, 0, .1); |
|||
border-left-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.skin-blue .sidebar-menu>li>.treeview-menu { |
|||
background: rgba(0, 0, 0, .25); |
|||
} |
|||
|
|||
.skin-blue .treeview-menu>li>a { |
|||
color: var(--text); |
|||
} |
|||
|
|||
/* Collapsed menu hover*/ |
|||
@media (min-width: 768px) { |
|||
|
|||
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), |
|||
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu { |
|||
background: var(--drop-down-menu-bg); |
|||
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); |
|||
} |
|||
} |
|||
|
|||
/* Pages */ |
|||
/*Background*/ |
|||
.content-wrapper, |
|||
.right-side { |
|||
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; |
|||
} |
|||
|
|||
.page-header>small { |
|||
color: var(--text-muted); |
|||
} |
|||
|
|||
.main-footer .nav-tabs, |
|||
.nav-tabs-custom .nav-tabs { |
|||
background-color: rgb(0 0 0 / 0.25); |
|||
border-bottom-color: rgb(255 255 255 / 15%); |
|||
} |
|||
|
|||
.nav-tabs-custom>.nav-tabs>li:hover { |
|||
background-color: rgba(255, 255, 255, .05); |
|||
color: var(--text-hover); |
|||
border-top-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.nav-tabs-custom>.nav-tabs>li:hover>a { |
|||
background-color: rgba(255, 255, 255, .05); |
|||
} |
|||
|
|||
/* Dashboard */ |
|||
/*Total Queries box */ |
|||
.box-header { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.box { |
|||
background: rgba(0, 0, 0, .24); |
|||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); |
|||
} |
|||
|
|||
.box-solid>.box-header, |
|||
.box>.box-header { |
|||
color: var(--text); |
|||
background-color: rgba(0, 0, 0, .25); |
|||
} |
|||
|
|||
/* Total queries box*/ |
|||
.small-box.bg-green { |
|||
background-color: rgba(0, 166, 90, .45) !important; |
|||
} |
|||
|
|||
/* Queries blocked box*/ |
|||
.small-box.bg-aqua { |
|||
background-color: rgba(0, 192, 239, .45) !important; |
|||
|
|||
} |
|||
|
|||
/* Percent blocked box */ |
|||
.small-box.bg-yellow { |
|||
background-color: rgba(243, 156, 18, .45) !important; |
|||
} |
|||
|
|||
/*Blocklist box*/ |
|||
.small-box.bg-red { |
|||
background-color: rgba(221, 75, 57, .45) !important; |
|||
} |
|||
|
|||
thead { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.table-bordered { |
|||
background: rgba(0, 0, 0, .1); |
|||
} |
|||
|
|||
.table-bordered>thead>tr>th, |
|||
.table-bordered>tbody>tr>th, |
|||
.table-bordered>tfoot>tr>th, |
|||
.table-bordered>thead>tr>td, |
|||
.table-bordered>tbody>tr>td, |
|||
.table-bordered>tfoot>tr>td { |
|||
border: 1px solid rgba(255, 255, 255, 0.15); |
|||
} |
|||
|
|||
.table-striped>tbody>tr:nth-of-type(odd) { |
|||
background-color: rgba(255, 255, 255, .1); |
|||
} |
|||
|
|||
/* Query Log */ |
|||
.text-black { |
|||
color: #eee !important; |
|||
} |
|||
|
|||
|
|||
|
|||
.pagination>.active>a, |
|||
.pagination>.active>a:focus, |
|||
.pagination>.active>a:hover, |
|||
.pagination>.active>span, |
|||
.pagination>.active>span:focus, |
|||
.pagination>.active>span:hover, |
|||
.paginate_button .active #all-queries_wrapper .pagination>li>a { |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.pagination>.active>a, |
|||
.pagination>.active>a:focus, |
|||
.pagination>.active>a:hover, |
|||
.pagination>.active>span, |
|||
.pagination>.active>span:focus, |
|||
.pagination>.active>span:hover { |
|||
color: var(--button-text-hover) !important; |
|||
background-color: var(--button-color-hover) !important; |
|||
border-color: var(--button-color-hover) !important; |
|||
} |
|||
|
|||
.pagination>li>a { |
|||
color: var(--button-text) !important; |
|||
background-color: var(--button-color) !important; |
|||
border-color: var(--button-color) !important; |
|||
} |
|||
|
|||
.pagination>li>a:focus, |
|||
.pagination>li>a:hover, |
|||
.pagination>li>span:focus, |
|||
.pagination>li>span:hover { |
|||
color: var(--button-text-hover) !important; |
|||
background-color: var(--button-color-hover) !important; |
|||
border-color: var(--button-color-hover) !important; |
|||
} |
|||
|
|||
/* Login */ |
|||
.panel-default { |
|||
border-color: transparent; |
|||
background: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.panel-default>.panel-heading { |
|||
color: var(--text-hover); |
|||
background-color: inherit; |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.panel, |
|||
.panel-body, |
|||
.panel-default>.panel-heading { |
|||
background-color: rgb(0 0 0 / 25%); |
|||
border-radius: 0px; |
|||
border: 1px solid transparent; |
|||
color: var(--text); |
|||
} |
|||
|
|||
/* Blacklist */ |
|||
.nav-tabs-custom { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.nav-tabs-custom>.tab-content { |
|||
background: transparent; |
|||
} |
|||
|
|||
.nav-tabs-custom>.nav-tabs>li.active { |
|||
border-top-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.nav-tabs-custom>.nav-tabs>li.active>a { |
|||
border-top-color: transparent; |
|||
border-left-color: rgba(255, 255, 255, 0.1); |
|||
border-right-color: rgba(255, 255, 255, 0.1); |
|||
} |
|||
|
|||
.nav-tabs-custom>.nav-tabs>li.active>a, |
|||
.nav-tabs-custom>.nav-tabs>li.active:hover>a { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.nav-tabs-custom>.nav-tabs>li>a { |
|||
color: var(--text) !important; |
|||
border-radius: 0; |
|||
} |
|||
|
|||
.input-group .input-group-addon { |
|||
border-radius: 0; |
|||
border-color: #d2d6de00; |
|||
background-color: rgb(var(--accent-color)); |
|||
color: var(--text); |
|||
} |
|||
|
|||
/* Network */ |
|||
.table-striped>tbody>tr:nth-of-type(odd) { |
|||
background-color: rgba(0, 0, 0, .25) !important; |
|||
} |
|||
|
|||
.table-striped>tbody>tr:nth-of-type(even) { |
|||
background-color: rgba(0, 0, 0, .5) !important; |
|||
} |
|||
|
|||
#network-entries_wrapper.text-center { |
|||
text-align: center; |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
/* Buttons */ |
|||
button, |
|||
.btn-default { |
|||
background-color: var(--button-color) !important; |
|||
border: 1px solid var(--button-color) !important; |
|||
color: var(--button-text) !important; |
|||
} |
|||
|
|||
.btn-primary:hover, |
|||
.btn-primary:active, |
|||
.btn-primary.hover { |
|||
background-color: var(--button-color-hover) !important; |
|||
border: 1px solid var(--button-color-hover) !important; |
|||
color: var(--button-text-hover) !important; |
|||
} |
|||
|
|||
.btn-default:hover, |
|||
.btn-default:active, |
|||
.btn-default.hover { |
|||
background-color: var(--button-color-hover) !important; |
|||
border: 1px solid var(--button-color-hover) !important; |
|||
color: var(--button-text-hover) !important; |
|||
} |
|||
|
|||
.box.box-solid>.box-header .btn:hover, |
|||
.box.box-solid>.box-header a:hover { |
|||
background-color: var(--button-color-hover) !important; |
|||
border: 1px solid var(--button-color-hover) !important; |
|||
color: var(--button-text-hover) !important; |
|||
} |
|||
|
|||
.box.box-solid.box-info>.box-header, |
|||
.box.box-solid.box-info { |
|||
background-color: var(--button-color) !important; |
|||
border: 1px solid var(--button-color) !important; |
|||
color: var(--button-text) !important; |
|||
} |
|||
|
|||
.btn-danger { |
|||
background-color: #dd4b39 !important; |
|||
border-color: #d73925 !important; |
|||
} |
|||
|
|||
.btn-danger:hover, |
|||
.btn-danger:active, |
|||
.btn-danger.hover { |
|||
background-color: #d73925 !important; |
|||
} |
|||
|
|||
.btn-warning { |
|||
background-color: #f39c12 !important; |
|||
border-color: #e08e0b !important; |
|||
} |
|||
|
|||
.btn-warning:hover { |
|||
color: #fff; |
|||
background-color: #ec971f !important; |
|||
border-color: #d58512 !important; |
|||
} |
|||
|
|||
.box.box-warning { |
|||
border-top-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.icheck-primary>input:first-child:checked+input[type=hidden]+label::before, |
|||
.icheck-primary>input:first-child:checked+label::before { |
|||
background-color: var(--button-color) !important; |
|||
border-color: var(--button-color) !important; |
|||
} |
|||
|
|||
.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before, |
|||
.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before { |
|||
border-color: var(--button-color) !important; |
|||
} |
|||
|
|||
/* Input */ |
|||
input, |
|||
.form-control, |
|||
pre, |
|||
.box-footer, |
|||
.datatables_processing { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
border: 1px solid rgba(255, 255, 255, 0.1); |
|||
color: var(--text); |
|||
} |
|||
|
|||
.dataTables_wrapper input[type="search"] { |
|||
background-color: rgb(0 0 0 / 25%); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
input, |
|||
select, |
|||
select.form-control, |
|||
.form-group .input-group-addon, |
|||
.input-group .input-group-addon, |
|||
.form-group input, |
|||
.input-group input, |
|||
.form-group textarea, |
|||
.input-group textarea, |
|||
.daterangepicker select.hourselect, |
|||
.daterangepicker select.minuteselect, |
|||
.daterangepicker select.secondselect, |
|||
.daterangepicker select.ampmselect, |
|||
.form-control, |
|||
div.dataTables_wrapper div.dataTables_length select { |
|||
background-color: rgb(0 0 0 / 0.25); |
|||
color: var(--text); |
|||
border: 1px solid rgb(255 255 255 / 15%); |
|||
} |
|||
|
|||
select:focus, |
|||
select.form-control:focus { |
|||
background: #1b1b1b !important; |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.form-control:focus { |
|||
border-color: rgb(255 255 255 / 0.25); |
|||
box-shadow: none; |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.select2-dropdown, |
|||
.select2 .select2-selection { |
|||
background: var(--drop-down-menu-bg); |
|||
color: var(--text); |
|||
border: 1px solid rgba(255, 255, 255, 0.1); |
|||
} |
|||
|
|||
.select2-container--default .select2-results__option--highlighted[aria-selected] { |
|||
background-color: rgb(var(--accent-color)); |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
/* Scrollbar */ |
|||
|
|||
::-webkit-scrollbar { |
|||
width: 0px; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .2); |
|||
background-clip: padding-box; |
|||
} |
|||
|
|||
::-webkit-scrollbar-track { |
|||
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; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb:hover { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .5); |
|||
background-clip: padding-box; |
|||
} |
|||
@ -1,673 +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 */ |
|||
|
|||
* { |
|||
outline: none; |
|||
} |
|||
|
|||
/* TEXT */ |
|||
body, |
|||
p, |
|||
label, |
|||
[class*="PrePlaySummary-summary-"], |
|||
[class*="ClaimedServer-messageHeader-"], |
|||
[class*="MetadataPosterCardTitle-isSecondary-"], |
|||
[class*="MetadataPosterCardTitle-isSecondary-"] a { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
[class*="SourceSidebarLink-title-"], |
|||
[class*="SourceSidebarLink-sourceLink-"], |
|||
[class*="Link-default-"], |
|||
[class*="PrePlayTertiaryTitle-tertiaryTitle-"] { |
|||
color: var(--text); |
|||
} |
|||
|
|||
[class*="PivotTab-button-"] { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
[class*="PivotTabDropdown-isSelected-"] { |
|||
border-color: rgb(var(--accent-color)) !important; |
|||
border-bottom-width: 5px !important; |
|||
border-left: 4px solid transparent !important; |
|||
border-right: 4px solid transparent !important; |
|||
border-top-width: 0 !important; |
|||
margin-top: -2px !important; |
|||
} |
|||
|
|||
[class*="MetadataPosterCardActions-editButton-"], |
|||
[class*="MetadataPosterCardActions-moreButton-"] { |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
[class*="MetadataPosterCardActions-editButton-"]:hover, |
|||
[class*="MetadataPosterCardActions-moreButton-"]:hover { |
|||
color: var(--accent-color-hover) !important; |
|||
} |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
.h1, |
|||
.h2, |
|||
.h3, |
|||
.h4, |
|||
.h5, |
|||
.h6, |
|||
[class*="PrePlayPrimaryTitle-primaryTitle-"] a, |
|||
[class*="PrePlayLeftTitle-leftTitle-"], |
|||
[class*="PrePlayPrimaryTitle-primaryTitle-"], |
|||
[class*="CollapsibleText-readMore-"], |
|||
[class*="HubTitle-hubTitle-"], |
|||
[class*="FormLabel-label-"], |
|||
[class*="ServerDashboardPageHeader-headerTitle-"], |
|||
[class*="SidebarList-sidebarListHeader-"], |
|||
[class*="MenuHeader-menuHeader-WuKJVD"], |
|||
[class*="PrePlayDetailsGroupItem-label-"], |
|||
[class*="PageHeader-pageHeader-"], |
|||
[class*="PageHeaderTitle-title-"] { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.text-muted { |
|||
color: var(--text-muted); |
|||
} |
|||
|
|||
/* LINKS */ |
|||
|
|||
a, |
|||
[class*="Link-primary-"], |
|||
[class*="Link-isSelected-"], |
|||
[class*="PrePlayDetailsGroupItem-groupItem-"] a, |
|||
[class*="MetadataPosterCardTitle-title-"] a, |
|||
a[class*="MetadataPosterCardTitle-title-"], |
|||
[class*="PrePlayTagListLink-tagsListLink-"][class*="Link-default-"] { |
|||
color: var(--link-color) |
|||
} |
|||
|
|||
a:hover, |
|||
[class*="Link-link-"]:hover:not([type="button"]):not([role="menuitem"]), |
|||
.artwork-file-container:hover a, |
|||
[class*="MetadataPosterCardTitle-title-"] a:hover, |
|||
a[class*="MetadataPosterCardTitle-title-"]:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
[class*="MetadataPosterCardTitle-title-"][class*="MetadataPosterCardTitle-isSecondary-377V8A"] [class*="Link-link-1Kt-hA"]:hover, |
|||
[class*="MetadataPosterCardTitle-title-"][class*="MetadataPosterCardTitle-isSecondary-377V8A"]:hover, |
|||
[class*=".MetadataTableRow-title-"] a:hover, |
|||
a[class*="MetadataTableRow-title-"]:hover { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
[class*="TopUsersCell-playHistoryLink-"][class*="Link-link-"] { |
|||
color: var(--label-text-color) !important; |
|||
} |
|||
|
|||
/* BODY */ |
|||
[class*="FullPageBackground-backgroundContainer-"] [class*="CrossFadeImage-crossFade-"], |
|||
#plex>[class*="background-container-"]>div>div>div:nth-child(2), |
|||
#plex>div[class*="FullPageBackground-backgroundContainer-"]>div>div:nth-child(2), |
|||
#plex>div[class*="FullPageBackground-backgroundContainer-"]>div>div:nth-child(4) { |
|||
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; |
|||
} |
|||
|
|||
[class*="BottomBar-bottomBar-"] { |
|||
background-color: rgb(0 0 0 / 70%); |
|||
box-shadow: 0 0 4px 0 rgb(0 0 0 / 50%); |
|||
} |
|||
|
|||
/* SIDEBAR */ |
|||
|
|||
/* TEMP */ |
|||
[class*="SourceSidebarLink-isSelected-"] { |
|||
box-shadow: inset 2px 0 0 0 rgb(var(--accent-color)); |
|||
background: rgb(var(--accent-color), 0.05); |
|||
} |
|||
|
|||
/* /TEMP */ |
|||
|
|||
[class*="SourceSidebar-openSidebar-"][class*="SourceSidebar-sidebar-"], |
|||
[class*="SourceSidebar-sidebar-"] { |
|||
background: rgba(0, 0, 0, .25); |
|||
} |
|||
|
|||
[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
[class*="DisclosureArrow-isSelected-"] { |
|||
border-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
[class*="SourceSidebarLink-isSelected-"]:before { |
|||
background-color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
[class*="SourceSidebarLink-isSelected-"] [class*="SourceSidebarLink-iconContainer-"], |
|||
[class*="SourceSidebarLink-isSelected-"] [class*="SourceSidebarLink-title-"] { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-iconContainer-"], |
|||
[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-title-"] { |
|||
color: var(--accent-color-hover); |
|||
} |
|||
|
|||
[class*="SourceSidebarServerHeader-title-"] { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* NAVBAR */ |
|||
[class*="NavBar-container-"] { |
|||
background: rgba(0, 0, 0, .25) !important; |
|||
} |
|||
|
|||
[class*="NavBarActivityButton-isHighlighted-"] [class*="NavBarActivityButton-activityIcon-"] { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* old plex web */ |
|||
.NavBarActivityButton-isHighlighted-2YqjDs .NavBarActivityButton-activityIcon-3gF_TD { |
|||
background-color: rgb(var(--accent-color)); |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
.NavBarActivityButton-isHighlighted-2YqjDs:hover .NavBarActivityButton-activityIcon-3gF_TD { |
|||
background-color: var(--accent-color-hover); |
|||
color: var(--label-text-color) !important; |
|||
} |
|||
|
|||
/* /old plex web */ |
|||
|
|||
[class*="NavBarActivityButton-isHighlighted-"]:hover [class*="NavBarActivityButton-activityIcon-"] { |
|||
color: var(--accent-color-hover); |
|||
|
|||
} |
|||
|
|||
[class*="NavBarActivityButton-isHighlighted-"] [class*="NavBarActivityButton-label-"] { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
[class*="NavBarActivityButton-isHighlighted-"]:hover [class*="NavBarActivityButton-label-"] { |
|||
color: var(--accent-color-hover); |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
/* ACCENTS */ |
|||
|
|||
[class*="Badge-primary-"] { |
|||
background-color: rgb(var(--accent-color)); |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
[class*="DisclosureArrow-default-"] { |
|||
border-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
a:hover [class*="DisclosureArrow-disclosureArrow-"], |
|||
button:hover [class*="DisclosureArrow-disclosureArrow-"] { |
|||
border-color: var(--accent-color-hover); |
|||
} |
|||
|
|||
.nav-pills>li.active>a, |
|||
.nav-pills>li.active>a:focus, |
|||
.nav-pills>li.active>a:hover { |
|||
color: rgb(var(--accent-color)) |
|||
} |
|||
|
|||
.nav-pills>li.active>a, |
|||
.nav-pills>li.active>a:focus, |
|||
.nav-pills>li.active>a:hover { |
|||
background-color: rgb(var(--accent-color), .03); |
|||
|
|||
} |
|||
|
|||
.btn-gray:focus, |
|||
.btn-gray:hover { |
|||
color: var(--accent-color-hover); |
|||
} |
|||
|
|||
[class*="PageHeaderTabButton-isSelected-"], |
|||
[class*="PageHeaderTabDropdown-isSelected-"], |
|||
[class*="MultiSelectPageHeader-selectedTitle-"], |
|||
[class*="PageHeaderMultiselectActions-container-"], |
|||
[class*="PageHeaderMultiselectActions-count-"], |
|||
[class*="PivotTab-selectedButton-"], |
|||
[class*="PageHeaderTitle-detail-"] { |
|||
color: rgb(var(--accent-color)) !important; |
|||
border-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
[class*="PivotTab-selectedButton-"]:after { |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
[class*="PivotTab-selectedButton-"]:hover:after { |
|||
background-color: var(--link-color-hover); |
|||
} |
|||
|
|||
[class*="MetadataPosterCardOverlay-unplayedBadge-"], |
|||
[class*="MetadataPosterCard-legacyUnwatchedTag-"], |
|||
[class*="MetadataPosterCard-legacyUnwatchedEpisodesBadge-"], |
|||
[class*="MetadataPosterCardOverlay-versionBadge-"] { |
|||
background-color: var(--plex-poster-unwatched); |
|||
} |
|||
|
|||
[class*="MetadataPosterCardFace-"]:hover, |
|||
[class*="PosterCardLink-hoveredLink-"] { |
|||
box-shadow: 0 0 0 1px rgb(var(--accent-color)), 0 0 4px rgb(0 0 0 / 30%); |
|||
} |
|||
|
|||
[class*="MultiSelectPageHeader-multiSelectPageHeader-"] { |
|||
box-shadow: 0 2px 0 0 rgb(var(--accent-color)); |
|||
} |
|||
|
|||
[class*="MetadataPosterCardFace-isSelected-"], |
|||
[class*="MetadataPosterCard-hoveredSelectedLink-"], |
|||
[class*="MetadataPosterCard-selectedLink-"] { |
|||
box-shadow: 0 0 0 2px rgb(var(--accent-color)), 0 0 4px rgb(0 0 0 / 30%); |
|||
} |
|||
|
|||
[class*="SelectButton-isSelected-"] [class*="SelectButton-selectCircle-"] { |
|||
border-color: rgb(var(--accent-color)); |
|||
background-color: rgb(var(--accent-color)); |
|||
box-shadow: 0 0 4px rgb(0 0 0 / 60%); |
|||
color: rgba(0, 0, 0, .75); |
|||
transform: scale(1.4); |
|||
} |
|||
|
|||
[class*="SelectButton-selectButton-"].isActive [class*="SelectButton-selectCircle-"] { |
|||
background: rgb(var(--accent-color-hover)); |
|||
} |
|||
|
|||
[class*="PlayButton-playButton-"]:hover [class*="PlayButton-playCircle-"], |
|||
[class*="PlayPauseOverlay-playCircle-"] { |
|||
border-color: rgb(var(--accent-color)); |
|||
background-color: rgb(var(--accent-color)); |
|||
color: #1f2326; |
|||
} |
|||
|
|||
[class*="PosterCardOverlayProgress-progressBar-"], |
|||
[class*="MetadataPosterCardProgressBar-bar-"], |
|||
[class*="SeekBar-seekBarFill-"], |
|||
[class*="VolumeSlider-fill-"], |
|||
[class*="SessionTile-playProgressPercent-"] { |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
[class*="SeekBar-seekBarBuffer-"], |
|||
[class*="SessionTile-transcodeProgressPercent-"] { |
|||
background-color: rgba(var(--accent-color), .3); |
|||
} |
|||
|
|||
[class*="SessionTileDetails-playerContainer-"] { |
|||
background-color: rgba(var(--accent-color), .2) |
|||
} |
|||
|
|||
[class*="SessionTileDetails-videoStreamInformation-"] { |
|||
background-color: rgba(var(--accent-color), .15) |
|||
} |
|||
|
|||
[class*="SessionTileDetails-audioStreamInformation-"] { |
|||
background-color: rgba(var(--accent-color), .1) |
|||
} |
|||
|
|||
[class*="SessionTileDetails-subtitlesStreamInformation-"] { |
|||
background-color: rgba(var(--accent-color), .05); |
|||
} |
|||
|
|||
[class*="TopUsersList-container-"][class*="ServerDashboardSectionContent-container-"]>div>div>div>div:nth-child(3) { |
|||
background-color: rgba(var(--accent-color), .2) !important; |
|||
} |
|||
|
|||
[class*="TopUsersList-container-"][class*="ServerDashboardSectionContent-container-"]>div>div>div>div:nth-child(4) { |
|||
background-color: rgba(var(--accent-color), .15) !important; |
|||
} |
|||
|
|||
[class*="TopUsersList-container-"][class*="ServerDashboardSectionContent-container-"]>div>div>div>div:nth-child(5) { |
|||
background-color: rgba(var(--accent-color), .1) !important; |
|||
} |
|||
|
|||
[class*="TopUsersList-container-"][class*="ServerDashboardSectionContent-container-"]>div>div>div>div:nth-child(6) { |
|||
background-color: rgba(var(--accent-color), .05) !important; |
|||
} |
|||
|
|||
[class*="TopUsersCell-playHistoryLink-"] { |
|||
background-color: rgb(var(--accent-color)); |
|||
color: #fff; |
|||
} |
|||
|
|||
[class*="TopPlayedColumnHeader-emptyTitleBackground-"] { |
|||
background-color: rgba(var(--accent-color), .3); |
|||
} |
|||
|
|||
[class*="SelectedMenuItem-isSelected-"], |
|||
[class*="SelectedMenuItem-isSelected-"] [class*="SelectedMenuItem-selectedIcon-"], |
|||
[class*="IconButton-isActive-"] { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
[class*="IconButton-isActive-"]:hover { |
|||
color: rgb(var(--accent-color-hover)); |
|||
} |
|||
|
|||
[class*="Spinner-spinner-"] { |
|||
border-color: rgb(var(--accent-color)) transparent transparent rgb(var(--accent-color)); |
|||
border-top-color: rgb(var(--accent-color)) !important; |
|||
border-left-color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
[class*="CircularProgressBar-circularProgressBar-"] { |
|||
stroke-width: 2; |
|||
stroke: rgb(var(--accent-color)); |
|||
stroke-dashoffset: 0; |
|||
} |
|||
|
|||
.loading { |
|||
border-color: rgb(var(--accent-color)) transparent transparent rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.media-poster-container.selected .media-poster, |
|||
.media-poster-container:hover .media-poster { |
|||
-webkit-box-shadow: 0 0 4px rgb(0 0 0 / 30%), inset 0 0 0 3px rgb(var(--accent-color)); |
|||
box-shadow: 0 0 4px rgb(0 0 0 / 30%), inset 0 0 0 3px rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.media-poster-container.selected .media-poster:before { |
|||
border-color: rgb(var(--accent-color)) rgb(var(--accent-color)) transparent transparent; |
|||
} |
|||
|
|||
.media-poster-container.selected .media-poster:after { |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
[class*="NavBarActivityMenuStatusItem-statusButtonIndicator-"] { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
[class*="SelectButton-selectedCircle-"] { |
|||
border-color: rgb(var(--accent-color)); |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* MODAL */ |
|||
[class*="ModalContent-modalContent-"] { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.modal-header { |
|||
padding: 15px 20px; |
|||
background: var(--modal-header-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; |
|||
border-bottom: 1px solid rgba(255, 255, 255, .05); |
|||
} |
|||
|
|||
.modal-content { |
|||
position: relative; |
|||
background: var(--modal-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; |
|||
border: 1px solid #999; |
|||
border: 1px solid rgba(0, 0, 0, .2); |
|||
border-radius: 3px; |
|||
-webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%); |
|||
box-shadow: 0 3px 9px rgb(0 0 0 / 50%); |
|||
background-clip: padding-box; |
|||
outline: none; |
|||
} |
|||
|
|||
.modal-footer { |
|||
padding: 15px 20px; |
|||
margin-top: 0; |
|||
background: var(--modal-footer-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; |
|||
border-top: 1px solid rgba(255, 255, 255, .05); |
|||
} |
|||
|
|||
.modal-body-with-panes .modal-nav-pane { |
|||
background-image: none; |
|||
background: rgba(0, 0, 0, .25); |
|||
} |
|||
|
|||
.well, |
|||
.files ul li { |
|||
color: var(--text); |
|||
background-color: rgb(255 255 255 / 10%); |
|||
border: 1px solid transparent; |
|||
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%); |
|||
box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%); |
|||
} |
|||
|
|||
.edit-section-modal .wizard-blocks-group>.wizard-block.selectable:hover { |
|||
color: var(--text-hover); |
|||
background-color: rgba(255, 255, 255, .05); |
|||
} |
|||
|
|||
.edit-section-modal .wizard-blocks-group>.wizard-block.selectable { |
|||
color: var(--text) |
|||
} |
|||
|
|||
.striped-list-item>.striped-list-inner-item>.selected, |
|||
.striped-list-item>a.selected { |
|||
border-left: 3px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.modal-header>h4>.modal-icon { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
/* BUTTONS */ |
|||
.btn-primary { |
|||
border-color: var(--button-color); |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
-webkit-transition: background-color .1s; |
|||
transition: background-color .1s; |
|||
} |
|||
|
|||
.btn-primary:focus, |
|||
.btn-primary:hover { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
} |
|||
|
|||
[class*="Button-primary"].isDisabled { |
|||
background: var(--button-color); |
|||
} |
|||
|
|||
.btn-primary.disabled, |
|||
.btn-primary.disabled.active, |
|||
.btn-primary.disabled:active, |
|||
.btn-primary.disabled:focus, |
|||
.btn-primary.disabled:hover, |
|||
.btn-primary[disabled], |
|||
.btn-primary[disabled].active, |
|||
.btn-primary[disabled]:active, |
|||
.btn-primary[disabled]:focus, |
|||
.btn-primary[disabled]:hover, |
|||
fieldset[disabled] .btn-primary, |
|||
fieldset[disabled] .btn-primary.active, |
|||
fieldset[disabled] .btn-primary:active, |
|||
fieldset[disabled] .btn-primary:focus, |
|||
fieldset[disabled] .btn-primary:hover { |
|||
background-color: var(--button-color); |
|||
} |
|||
|
|||
.btn-gray.selected { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.btn-gray { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.edit-lock-addon.locked { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.edit-lock-addon { |
|||
color: var(--button-color-hover); |
|||
background-color: rgba(0, 0, 0, .5); |
|||
border-color: transparent; |
|||
-webkit-box-shadow: 0 0 2px rgb(0 0 0 / 30%), inset -2px 2px 2px rgb(0 0 0 / 10%); |
|||
box-shadow: 0 0 2px rgb(0 0 0 / 30%), inset -2px 2px 2px rgb(0 0 0 / 10%); |
|||
} |
|||
|
|||
.edit-section-modal .wizard-blocks-group>.wizard-block.selected, |
|||
.edit-section-modal .wizard-blocks-group>.wizard-block.selected:hover { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.edit-section-modal .wizard-blocks-group>.wizard-block { |
|||
color: var(--text); |
|||
} |
|||
|
|||
[class*="Button-primary-"], |
|||
.selectize-control.multi .selectize-input>div { |
|||
background-color: var(--button-color); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
[class*="Button-primary-"]:hover, |
|||
.selectize-control.multi .selectize-input>div.active { |
|||
background-color: var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
} |
|||
|
|||
/* DROPDOWN MENU */ |
|||
[class*="Menu-menu-"], |
|||
.selectize-dropdown, |
|||
.selectize-dropdown.form-control { |
|||
background: var(--drop-down-menu-bg); |
|||
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; |
|||
} |
|||
|
|||
[class*="ServerMenuItem-selectedServerMenuItem-"], |
|||
[class*="ServerMenuItem-selectedIcon-"] { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
[class*="Tooltip-tooltip-"] { |
|||
background-color: var(--button-color); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
[class*="Tooltip-tooltipBottomArrow-"]:after { |
|||
border-top-color: var(--button-color); |
|||
} |
|||
|
|||
[class*="Tooltip-tooltipTopArrow-"]:after { |
|||
border-bottom-color: var(--button-color); |
|||
} |
|||
|
|||
[class*="Tooltip-tooltipRightArrow-"]:after { |
|||
border-left-color: var(--button-color); |
|||
} |
|||
|
|||
[class*="Tooltip-tooltipLeftArrow-"]:after { |
|||
border-right-color: var(--button-color); |
|||
} |
|||
|
|||
/* SETTINGS */ |
|||
[class*="SettingsFormSection-sectionWrapper-"], |
|||
[class*="ServerDashboardPageSection-section-"], |
|||
hr { |
|||
border-top: 2px solid rgb(255 255 255 / 30%); |
|||
} |
|||
|
|||
[class*="SettingsFormSection-sectionWrapper-"]:last-of-type, |
|||
[class*="ClaimedServer-container-"] { |
|||
border-bottom: 2px solid rgb(255 255 255 / 30%); |
|||
} |
|||
|
|||
/* ALERTS */ |
|||
.alerts-container .page-count { |
|||
margin-right: 15px; |
|||
font-size: 14px; |
|||
color: var(--text); |
|||
vertical-align: top; |
|||
} |
|||
|
|||
/* SYNC */ |
|||
.filter-bar .dropdown.open>a { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* TABLE */ |
|||
|
|||
[class*="TableHeaderTitle-tableHeaderTitle-"] { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
[class*="DirectoryListTableHeader-tableHeaderCell-"], |
|||
[class*="DirectoryListTableHeader-columnMenuButton-"] { |
|||
background-color: rgb(0 0 0 / 25%); |
|||
} |
|||
|
|||
a>[class*="DirectoryListTableHeader-tableHeaderCell-"]:hover, |
|||
button>[class*="DirectoryListTableHeader-tableHeaderCell-"]:hover, |
|||
[class*="DirectoryListTableHeader-columnMenuButton-"]:hover { |
|||
background-color: rgba(255, 255, 255, 0.1); |
|||
} |
|||
@ -1,284 +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 */ |
|||
|
|||
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: transparent; |
|||
color: hsla(0, 0%, 100%, .7) !important; |
|||
font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif !important; |
|||
font-size: 1.4em !important; |
|||
overflow-y: auto; |
|||
height: 100%; |
|||
} |
|||
|
|||
/* Scrollbar */ |
|||
@media only screen and (min-width: 768px) { |
|||
html { |
|||
height: 100%; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
body { |
|||
overflow-y: auto; |
|||
height: 100%; |
|||
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; |
|||
} |
|||
} |
|||
|
|||
::-webkit-scrollbar { |
|||
width: 14px; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .2); |
|||
background-clip: padding-box; |
|||
} |
|||
|
|||
::-webkit-scrollbar-track { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb:hover { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .5); |
|||
background-clip: padding-box; |
|||
} |
|||
|
|||
legend { |
|||
border-bottom: 1px solid rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
.navbar-inverse { |
|||
background-color: rgba(0, 0, 0, 0.6); |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.side-nav { |
|||
background-color: rgba(0, 0, 0, 0.15); |
|||
} |
|||
|
|||
.navbar-inverse .navbar-nav>li>a { |
|||
color: hsla(0, 0%, 100%, .7); |
|||
} |
|||
|
|||
.navbar-inverse .navbar-nav>li>a:hover, |
|||
.navbar-inverse .navbar-nav>li>a:focus { |
|||
background-color: hsla(0, 0%, 100%, .08); |
|||
} |
|||
|
|||
.nav>li.selected>a { |
|||
background-color: transparent; |
|||
color: #f9be03 !important; |
|||
} |
|||
|
|||
@media only screen and (max-width: 768px) { |
|||
|
|||
.navbar-inverse .navbar-collapse, |
|||
.navbar-inverse .navbar-form { |
|||
border-color: transparent; |
|||
background: var(--modal-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; |
|||
} |
|||
} |
|||
|
|||
.breadcrumb>.active { |
|||
text-transform: uppercase; |
|||
text-transform: bold; |
|||
} |
|||
|
|||
.panel, |
|||
.panel-default>.panel-heading, |
|||
.breadcrumb>.active { |
|||
background-color: transparent; |
|||
border: transparent; |
|||
color: inherit; |
|||
font-size: 15px; |
|||
font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif !important; |
|||
line-height: 24px; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0); |
|||
} |
|||
|
|||
.plpp_table.even:hover, |
|||
.plpp_table.odd:hover { |
|||
background-color: hsla(0, 0%, 100%, .08) !important; |
|||
} |
|||
|
|||
.panel-heading { |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.plpp_thumbs_Title:hover, |
|||
.plpp_slider_Title:hover, |
|||
.plpp_thumbs_Episode_Title:hover, |
|||
.plpp_slider_Episode_Title:hover, |
|||
.plpp_thumbs_Season_Title:hover, |
|||
.plpp_slider_Season_Title:hover, |
|||
.plpp_thumbs_Show_Title:hover, |
|||
.plpp_slider_Show_Title:hover, |
|||
.plpp_thumbs_Artist:hover, |
|||
.plpp_slider_Artist:hover, |
|||
.plpp_thumbs_Year:hover, |
|||
.plpp_thumbs_Episode_No:hover, |
|||
.plpp_slider_Year:hover, |
|||
.plpp_slider_Episode_no:hover, |
|||
.plpp_thumbs_Track_no:hover, |
|||
.plpp_slider_Track_no:hover, |
|||
.plpp_thumbs_Episode_Count:hover, |
|||
.plpp_slider_Episode_Count:hover, |
|||
.plpp_thumbs_Track_Count:hover, |
|||
.plpp_slider_Track_Count:hover, |
|||
.plpp_thumbs_Dimensions:hover, |
|||
.plpp_slider_Dimensions:hover, |
|||
.plpp_thumbs_Duration:hover, |
|||
.plpp_slider_Duration:hover { |
|||
text-decoration: underline; |
|||
} |
|||
|
|||
.img-rounded { |
|||
border-radius: 0px; |
|||
} |
|||
|
|||
.img-rounded:hover { |
|||
border-radius: 0px; |
|||
box-shadow: 0 0 0 2px #cc7b19; |
|||
background: radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%); |
|||
opacity: .7; |
|||
transition: linear .2s; |
|||
} |
|||
|
|||
.img-responsive, |
|||
.thumbnail>img, |
|||
.thumbnail a>img, |
|||
.carousel-inner>.item>img, |
|||
.carousel-inner>.item>a>img { |
|||
width: 100%; |
|||
} |
|||
|
|||
div.modal-content>div.modal-body>div.plpp_details_container>div.plpp_details_Thumbnail, |
|||
div.plpp_details_Poster>.img-rounded { |
|||
box-shadow: none; |
|||
opacity: 1; |
|||
} |
|||
|
|||
div.plpp_slider { |
|||
margin: 2px 15px 10px 2px; |
|||
} |
|||
|
|||
table { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
table, |
|||
.table { |
|||
color: hsla(0, 0%, 100%, .7); |
|||
} |
|||
|
|||
.table>thead>tr>th, |
|||
.table>tbody>tr>th, |
|||
.table>tfoot>tr>th, |
|||
.table>thead>tr>td, |
|||
.table>tbody>tr>td, |
|||
.table>tfoot>tr>td { |
|||
border-top: 1px solid rgba(255, 255, 255, .15); |
|||
} |
|||
|
|||
.table>thead>tr>th { |
|||
vertical-align: bottom; |
|||
border-bottom: 2px solid rgba(255, 255, 255, .15); |
|||
} |
|||
|
|||
.pagination>li>a, |
|||
.pagination>li>span { |
|||
color: #ffffff; |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
border: transparent; |
|||
} |
|||
|
|||
.pagination>.disabled>span, |
|||
.pagination>.disabled>span:hover, |
|||
.pagination>.disabled>span:focus, |
|||
.pagination>.disabled>a, |
|||
.pagination>.disabled>a:hover, |
|||
.pagination>.disabled>a:focus { |
|||
color: #BDBDBD; |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
border: transparent; |
|||
cursor: not-allowed; |
|||
} |
|||
|
|||
/* Modal */ |
|||
.modal-header, |
|||
div.modal-body, |
|||
.modal-footer { |
|||
border-bottom: 1px solid rgba(255, 255, 255, .15); |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
/* Buttons */ |
|||
.btn-default { |
|||
background-color: var(--button-color); |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.btn-default:hover, |
|||
.btn-default:focus, |
|||
.btn-default:active, |
|||
.btn-default.active, |
|||
.open .dropdown-toggle.btn-default { |
|||
background-color: var(--button-color-hover); |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.modal-header .close { |
|||
color: #dadada; |
|||
} |
|||
|
|||
.modal-header .close:hover { |
|||
color: #fff; |
|||
} |
|||
@ -1,710 +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 */ |
|||
|
|||
@import url("https://theme-park.dev/CSS/defaults/placeholders.css"); |
|||
|
|||
/* Scrollbar */ |
|||
@media only screen and (min-width: 768px) { |
|||
html { |
|||
height: 100%; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
body { |
|||
overflow-y: auto; |
|||
height: 100%; |
|||
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; |
|||
} |
|||
} |
|||
|
|||
::-webkit-scrollbar { |
|||
width: 14px; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .2); |
|||
background-clip: padding-box; |
|||
} |
|||
|
|||
::-webkit-scrollbar-track { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb:hover { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .5); |
|||
background-clip: padding-box; |
|||
} |
|||
|
|||
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) !important; |
|||
} |
|||
|
|||
* { |
|||
outline: none !important; |
|||
} |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
label, |
|||
legend, |
|||
ul.sidebar .sidebar-title.endpoint-name { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
ul.sidebar .sidebar-list .sidebar-sublist a { |
|||
color: var(--text); |
|||
} |
|||
|
|||
a { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
a:focus, |
|||
a:hover { |
|||
color: var(--link-color-hover); |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.text-danger { |
|||
color: #f44336; |
|||
} |
|||
|
|||
.fa.red-icon { |
|||
color: #f44336; |
|||
} |
|||
|
|||
.text-muted { |
|||
color: var(--text-muted); |
|||
} |
|||
|
|||
.form-section-title { |
|||
color: var(--text); |
|||
} |
|||
|
|||
ul.sidebar .sidebar-list a { |
|||
color: var(--text); |
|||
} |
|||
|
|||
/* NEWS */ |
|||
.motd-body { |
|||
background-color: rgba(255, 255, 255, 0.15) !important; |
|||
} |
|||
|
|||
/* LOGIN */ |
|||
.panel-default { |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.panel { |
|||
background-color: transparent; |
|||
border: 1px solid transparent; |
|||
-webkit-box-shadow: none; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.panel-body { |
|||
background-color: transparent !important; |
|||
} |
|||
|
|||
/* SIDEBAR */ |
|||
#sidebar-wrapper { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.sidebar-header { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
ul.sidebar .sidebar-list a.active { |
|||
color: rgb(var(--accent-color)); |
|||
background: rgba(255, 255, 255, 0.1); |
|||
border-left: 3px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
#page-wrapper:not(.open) ul.sidebar .sidebar-title.separator, |
|||
.sidebar-footer, |
|||
ul.sidebar .sidebar-list a:hover:not(ul.sidebar .sidebar-list a.active), |
|||
ul.sidebar .sidebar-main a { |
|||
background: rgba(255, 255, 255, 0.15); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
ul.sidebar .sidebar-list a:hover, |
|||
#page-wrapper:not(.open) ul.sidebar .sidebar-list a:hover span { |
|||
border-left: 3px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
ul.sidebar .sidebar-title { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
ul.sidebar .sidebar-list .sidebar-sublist a.active { |
|||
border-left: 3px solid rgb(var(--accent-color)); |
|||
background: rgba(255, 255, 255, .08); |
|||
} |
|||
|
|||
ul.sidebar .sidebar-title { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
/* Header */ |
|||
.row.header { |
|||
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; |
|||
} |
|||
|
|||
/* WIDGETS */ |
|||
.widget { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.widget .widget-body table thead { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.widget .widget-header { |
|||
color: var(--text-hover); |
|||
background-color: rgba(0, 0, 0, .25); |
|||
border-bottom: 1px solid transparent; |
|||
} |
|||
|
|||
/* DATATABLES */ |
|||
.datatable .toolBar { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.datatable .footer { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
color: var(--text); |
|||
} |
|||
|
|||
.blocklist-item--selected, |
|||
.blocklist-item:hover { |
|||
background-color: rgba(255, 255, 255, 0.15); |
|||
color: var(--text); |
|||
} |
|||
|
|||
.datatable .actionBar, |
|||
.datatable .toolBar { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.datatable .searchIcon { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.datatable .searchBar { |
|||
border-top: 1px solid rgba(255, 255, 255, .1); |
|||
border-bottom: 1px solid rgba(255, 255, 255, .1); |
|||
padding: 8px; |
|||
background: rgba(255, 255, 255, .15); |
|||
} |
|||
|
|||
.datatable .searchBar:focus-within { |
|||
background:rgba(255, 255, 255, .25); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
/* TABLE */ |
|||
|
|||
.table-hover>tbody>tr:hover, |
|||
.table>tbody>tr.active>td, |
|||
.table>tbody>tr.active>th, |
|||
.table>tbody>tr>td.active, |
|||
.table>tbody>tr>th.active, |
|||
.table>tfoot>tr.active>td, |
|||
.table>tfoot>tr.active>th, |
|||
.table>tfoot>tr>td.active, |
|||
.table>tfoot>tr>th.active, |
|||
.table>thead>tr.active>td, |
|||
.table>thead>tr.active>th, |
|||
.table>thead>tr>td.active, |
|||
.table>thead>tr>th.active { |
|||
background-color: rgba(255, 255, 255, 0.1); |
|||
} |
|||
|
|||
.table-hover>tbody>tr.active:hover>td, |
|||
.table-hover>tbody>tr.active:hover>th, |
|||
.table-hover>tbody>tr:hover>.active, |
|||
.table-hover>tbody>tr>td.active:hover, |
|||
.table-hover>tbody>tr>th.active:hover { |
|||
background-color: rgba(255, 255, 255, 0.1); |
|||
} |
|||
|
|||
.table .table { |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
.label-default { |
|||
color: var(--label-text-color); |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* BUTTONS */ |
|||
|
|||
.btn-danger:hover { |
|||
color: #fff !important; |
|||
background-color: #c9302c !important; |
|||
border-color: #ac2925 !important; |
|||
} |
|||
|
|||
.btn-primary, |
|||
.btn-default { |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.btn-default.active, |
|||
.btn-default:active, |
|||
.open>.dropdown-toggle.btn-default, |
|||
.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(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-link { |
|||
font-weight: 400; |
|||
color: var(--button-color); |
|||
border-radius: 0; |
|||
} |
|||
|
|||
.btn-primary:hover, |
|||
.btn-default:hover { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn.active.focus, |
|||
.btn.active:focus, |
|||
.btn.focus, |
|||
.btn:active.focus, |
|||
.btn:active:focus, |
|||
.btn:focus { |
|||
outline: none; |
|||
} |
|||
|
|||
.btn-primary.disabled.focus, |
|||
.btn-primary.disabled:focus, |
|||
.btn-primary.disabled:hover, |
|||
.btn-primary[disabled].focus, |
|||
.btn-primary[disabled]:focus, |
|||
.btn-primary[disabled]:hover, |
|||
fieldset[disabled] .btn-primary.focus, |
|||
fieldset[disabled] .btn-primary:focus, |
|||
fieldset[disabled] .btn-primary:hover { |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.bootbox-form .checkbox i, |
|||
.switch i { |
|||
background: rgba(255, 255, 255, 0.15); |
|||
} |
|||
|
|||
.btn.focus, |
|||
.btn:focus, |
|||
.btn:hover { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-link:focus, |
|||
.btn-link:hover { |
|||
background: transparent; |
|||
color: var(--button-color-hover); |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.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(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.ui-select-bootstrap>.ui-select-match>.btn:hover, |
|||
.ui-select-bootstrap>.ui-select-match>.btn:focus { |
|||
text-align: left !important; |
|||
color: var(--button-text-hover); |
|||
background-color: rgba(255, 255, 255, 0.25); |
|||
border-color: #00000000; |
|||
} |
|||
|
|||
/* PAGINATION */ |
|||
.pagination>.disabled>a, |
|||
.pagination>.disabled>a:focus, |
|||
.pagination>.disabled>a:hover, |
|||
.pagination>.disabled>span, |
|||
.pagination>.disabled>span:focus, |
|||
.pagination>.disabled>span:hover { |
|||
color: var(--text-muted); |
|||
cursor: not-allowed; |
|||
background-color: rgba(255, 255, 255, 0.1); |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.pagination>.active>a, |
|||
.pagination>.active>a:focus, |
|||
.pagination>.active>a:hover, |
|||
.pagination>.active>span, |
|||
.pagination>.active>span:focus, |
|||
.pagination>.active>span:hover { |
|||
z-index: 2; |
|||
color: var(--button-text); |
|||
cursor: default; |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.pagination>li>a, |
|||
.pagination>li>span { |
|||
text-decoration: none; |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.pagination>li>a:focus, |
|||
.pagination>li>a:hover, |
|||
.pagination>li>span:focus, |
|||
.pagination>li>span:hover { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
/* FORM CONTROL */ |
|||
|
|||
select:focus, select.form-control:focus { |
|||
background: #1f1f1f !important; |
|||
} |
|||
|
|||
.form-control { |
|||
background-color: rgba(255, 255, 255, 0.15) !important; |
|||
border: 1px solid transparent; |
|||
color: var(--text); |
|||
} |
|||
|
|||
.form-control:not([disabled]):not(select), |
|||
output { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.form-control:focus { |
|||
border-color: rgb(var(--accent-color)); |
|||
outline: 0; |
|||
-webkit-box-shadow: none; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.input-group-addon { |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
/* DROPDOWN MENU */ |
|||
|
|||
.dropdown-menu { |
|||
background: var(--drop-down-menu-bg); |
|||
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); |
|||
} |
|||
|
|||
.dropdown-menu>li>a, |
|||
.ui-select-bootstrap .ui-select-choices-row>span { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.dropdown-menu>.active>a, |
|||
.dropdown-menu>.active>a:focus, |
|||
.dropdown-menu>.active>a:hover, |
|||
.ui-select-bootstrap .ui-select-choices-row.active>span { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.ui-select-bootstrap .ui-select-choices-row>span:focus, |
|||
.ui-select-bootstrap .ui-select-choices-row>span:hover, |
|||
.ui-select-choices-row:hover { |
|||
color: var(--text-hover); |
|||
background-color: rgba(255, 255, 255, 0.15); |
|||
} |
|||
|
|||
/* APP TEMPLATES */ |
|||
|
|||
.blocklist-item { |
|||
border: 1px solid transparent; |
|||
-webkit-box-shadow: 0 3px 10px -2px hsla(0, 0%, 0%, 0.5); |
|||
box-shadow: 0 3px 10px -2px hsla(0, 0%, 0%, 0.5); |
|||
} |
|||
|
|||
/* ADD NETWORK */ |
|||
|
|||
.boxselector_wrapper input[type=radio]:checked+label { |
|||
background: rgba(255, 255, 255, .15); |
|||
color: var(--text-hover); |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.boxselector_wrapper label { |
|||
-webkit-box-shadow: none; |
|||
box-shadow: none; |
|||
background: rgba(0, 0, 0, 0.15); |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
.boxselector_wrapper input[type=radio]:checked+label:after { |
|||
color: rgb(var(--accent-color)); |
|||
border: 2px solid rgb(var(--accent-color)); |
|||
background: var(--label-text-color); |
|||
} |
|||
|
|||
.bootbox-form .checkbox :checked~i, |
|||
.switch :checked+i { |
|||
-webkit-box-shadow: inset 0 0 1px rgb(0 0 0 / 50%), inset 0 0 40px rgb(var(--accent-color)); |
|||
box-shadow: inset 0 0 1px rgb(0 0 0 / 50%), inset 0 0 40px rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.md-checkbox input[type=checkbox]:checked+label:before { |
|||
background: rgb(var(--accent-color)); |
|||
border: none; |
|||
} |
|||
|
|||
.md-checkbox input[type=checkbox]:checked+label:after { |
|||
border-color: var(--label-text-color); |
|||
} |
|||
|
|||
.fa.blue-icon, |
|||
.fab.blue-icon { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
|
|||
/* STACKS */ |
|||
.CodeMirror { |
|||
background: rgba(255, 255, 255, 0.10); |
|||
color: white; |
|||
} |
|||
|
|||
.CodeMirror-gutters { |
|||
border-right: 1px solid rgba(255, 255, 255, 0.25); |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
caret-color: white; |
|||
} |
|||
|
|||
.CodeMirror-linenumber { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.CodeMirror-line::selection, |
|||
.CodeMirror-line>span::selection, |
|||
.CodeMirror-line>span>span::selection { |
|||
background: #d7d4f0; |
|||
} |
|||
|
|||
.cm-s-default .cm-atom { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* NAVIGATION */ |
|||
.nav-tabs>li.active>a, |
|||
.nav-tabs>li.active>a:focus, |
|||
.nav-tabs>li.active>a:hover { |
|||
color: #fff; |
|||
cursor: default; |
|||
background-color: rgba(255, 255, 255, 0.15); |
|||
border: 1px solid #ddd0; |
|||
border-bottom-color: transparent; |
|||
} |
|||
|
|||
.nav-tabs>li>a:hover { |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.nav>li>a:focus, |
|||
.nav>li>a:hover { |
|||
text-decoration: none; |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.nav-tabs>li>a { |
|||
border: 1px solid rgba(0, 0, 0, 0); |
|||
background: rgba(0, 0, 0, 0.15); |
|||
} |
|||
|
|||
/* LOGS */ |
|||
.log_viewer { |
|||
color: #fff; |
|||
background-color: rgba(255, 255, 255, 0.1); |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
/* JSON TREE */ |
|||
json-tree { |
|||
color: #eee; |
|||
} |
|||
|
|||
json-tree .key { |
|||
color: rgb(var(--accent-color)); |
|||
padding-right: 5px; |
|||
} |
|||
|
|||
pre { |
|||
color: #fff; |
|||
background-color: rgba(255, 255, 255, .1); |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
/* MODAL */ |
|||
.close { |
|||
float: right; |
|||
font-size: 21px; |
|||
font-weight: 700; |
|||
line-height: 1; |
|||
color: var(--text); |
|||
text-shadow: 0 1px 0 var(--text); |
|||
filter: alpha(opacity=100); |
|||
opacity: 1; |
|||
} |
|||
|
|||
.close:focus, |
|||
.close:hover { |
|||
color: var(--text-hover); |
|||
text-decoration: none; |
|||
cursor: pointer; |
|||
filter: alpha(opacity=100); |
|||
opacity: 1; |
|||
} |
|||
|
|||
.modal-content { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.modal-header { |
|||
background: var(--modal-header-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; |
|||
border-bottom: 1px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.modal-footer { |
|||
background: var(--modal-footer-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; |
|||
border-top: 1px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* STACKS / SERVICES TABLES */ |
|||
.widget .widget-body table tbody { |
|||
background-color: transparent !important; |
|||
background: transparent !important; |
|||
} |
|||
|
|||
.widget .widget-body table .ng-scope tr { |
|||
background: rgba(0, 0, 0, .25) !important; |
|||
background-color: rgba(0, 0, 0, .25) !important; |
|||
} |
|||
|
|||
.widget .widget-body table thead { |
|||
background-color: rgba(0, 0, 0, .25) !important; |
|||
background: rgba(0, 0, 0, .25) !important; |
|||
} |
|||
|
|||
.widget .widget-body table tbody .ng-isolate-scope div { |
|||
background-color: rgba(0, 0, 0, .25) !important; |
|||
background: rgba(0, 0, 0, 0) !important; |
|||
} |
|||
|
|||
.widget .widget-body table tbody tr:hover { |
|||
background-color: #0000 !important; |
|||
background: rgba(0, 0, 0, 0) !important; |
|||
} |
|||
|
|||
.widget .widget-body table thead tr:hover { |
|||
background-color: rgba(0, 0, 0, .35) !important; |
|||
background: rgba(0, 0, 0, .35) !important; |
|||
} |
|||
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
@ -1,398 +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 */ |
|||
|
|||
@import url(https://theme-park.dev/CSS/defaults/placeholders.css); |
|||
|
|||
body { |
|||
color: var(--text); |
|||
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; |
|||
} |
|||
|
|||
.bg-default { |
|||
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; |
|||
} |
|||
|
|||
.h1, |
|||
.h2, |
|||
.h3, |
|||
.h4, |
|||
.h5, |
|||
.h6, |
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
.heading-small.text-muted, |
|||
.form-control-label, |
|||
.text-white { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.text-muted { |
|||
color: var(--text-muted); |
|||
} |
|||
|
|||
.navbar-light .navbar-nav .active>.nav-link, |
|||
.navbar-light .navbar-nav .nav-link.active, |
|||
.navbar-light .navbar-nav .nav-link.show, |
|||
.navbar-light .navbar-nav .show>.nav-link { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.navbar-light .navbar-nav .nav-link { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.nav-link.active:hover, |
|||
.nav-link.active:focus { |
|||
background: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
.navbar-light .navbar-nav .nav-link:focus:not(.nav-link.active), |
|||
.navbar-light .navbar-nav .nav-link:hover:not(.nav-link.active) { |
|||
color: var(--text-hover); |
|||
background: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
@media (min-width: 768px) { |
|||
.navbar-vertical.navbar-expand-md.fixed-left { |
|||
left: 0; |
|||
border-width: 0 1px 0 0; |
|||
background: rgba(0, 0, 0, 0.25) !important; |
|||
} |
|||
} |
|||
|
|||
@media (max-width: 767.98px) { |
|||
|
|||
.navbar-collapse.collapsing, |
|||
.navbar-collapse.show { |
|||
background: var(--modal-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; |
|||
box-shadow: 0 50px 100px rgba(0, 0, 0, 0.1), 0 15px 35px rgba(0, 0, 0, 0.15), 0 5px 15px rgba(0, 0, 0, .1); |
|||
} |
|||
} |
|||
|
|||
@media (max-width: 767.98px) { |
|||
.navbar-nav .nav-link { |
|||
color: var(--text) !important; |
|||
} |
|||
} |
|||
|
|||
#sidenav-main>div>div>ul.mb-md-3.navbar-nav>li:nth-child(3)>a>i { |
|||
color: white !important; |
|||
} |
|||
|
|||
.card-profile-image img, |
|||
.shadow, |
|||
.navbar-vertical { |
|||
box-shadow: none !important; |
|||
} |
|||
|
|||
.fade { |
|||
-webkit-transition: opacity .15s linear; |
|||
transition: opacity .15s linear; |
|||
background: rgba(0, 0, 0, 0.15) !important; |
|||
} |
|||
|
|||
.bg-secondary { |
|||
background-color: rgba(0, 0, 0, 0) !important; |
|||
} |
|||
|
|||
.bg-gradient-default { |
|||
background: none !important; |
|||
} |
|||
|
|||
.card-profile-image img, |
|||
.shadow { |
|||
box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .15) !important; |
|||
} |
|||
|
|||
.bg-white, |
|||
.footer { |
|||
background-color: rgba(0, 0, 0, 0.25) !important; |
|||
} |
|||
|
|||
.footer { |
|||
padding-left: 15px; |
|||
} |
|||
|
|||
/* Logo */ |
|||
|
|||
#sidenav-main>div>a::before { |
|||
content: ""; |
|||
background: url('../static/media/requestrr.1e4722c9.svg') no-repeat; |
|||
background-size: 200px; |
|||
width: 200px; |
|||
height: 36px; |
|||
display: block; |
|||
} |
|||
|
|||
.navbar-brand-img { |
|||
display: none; |
|||
} |
|||
|
|||
@media (max-width: 767.98px) { |
|||
.navbar-collapse .collapse-brand img { |
|||
display: none; |
|||
} |
|||
} |
|||
|
|||
@media (max-width: 767.98px) { |
|||
#sidenav-main>div>div>div>div>div.collapse-brand.col-6>a::before { |
|||
content: ""; |
|||
background: url('../static/media/requestrr.1e4722c9.svg') no-repeat; |
|||
background-size: 200px; |
|||
width: 200px; |
|||
height: 36px; |
|||
display: block; |
|||
} |
|||
} |
|||
|
|||
/* FORMS */ |
|||
.form-control:disabled, |
|||
.form-control[readonly] { |
|||
background-color: rgba(255, 255, 255, 0.1); |
|||
opacity: 1; |
|||
border: 1px solid transparent; |
|||
color: gray; |
|||
} |
|||
|
|||
.form-control-alternative, |
|||
.has-danger .form-control { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.form-control-alternative:focus { |
|||
background: rgba(0, 0, 0, 0.5); |
|||
} |
|||
|
|||
.form-control:focus { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.has-success .form-control { |
|||
background-color: rgba(0, 0, 0, 0.5); |
|||
} |
|||
|
|||
.form-control { |
|||
color: var(--text); |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
/* Drop down*/ |
|||
.react-dropdown-select-item.css-148o527-ItemComponent { |
|||
background: var(--drop-down-menu-bg) !important; |
|||
} |
|||
|
|||
.react-dropdown-select.dropdown div[role=list] span { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.react-dropdown-select.dropdown div[role=list] span:focus, |
|||
.react-dropdown-select.dropdown div[role=list] span:hover { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
[class*="-ItemComponent"] { |
|||
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; |
|||
} |
|||
|
|||
[class*="-DropDown"]:not(.react-dropdown-select-dropdown-position-bottom) { |
|||
background: rgb(255 255 255 / 0%); |
|||
box-shadow: 0 0 10px 1px #000 !important; |
|||
} |
|||
|
|||
.react-dropdown-select.dropdown { |
|||
color: var(--text); |
|||
background-color: rgb(0 0 0 / 25%); |
|||
} |
|||
|
|||
.react-dropdown-select.dropdown .react-dropdown-select-item-selected { |
|||
background: rgb(var(--accent-color)) !important; |
|||
color: var(--label-text-color) !important; |
|||
} |
|||
|
|||
|
|||
/* Buttons */ |
|||
.custom-checkbox .custom-control-input:checked~.custom-control-label:before { |
|||
background-color: rgb(var(--accent-color)); |
|||
border-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.custom-checkbox .custom-control-input:checked~.custom-control-label:after { |
|||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='000000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); |
|||
} |
|||
|
|||
|
|||
.btn-primary { |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.btn-primary:hover { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-primary:not(:disabled):not(.disabled).active, |
|||
.btn-primary:not(:disabled):not(.disabled):active, |
|||
.show>.btn-primary.dropdown-toggle { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-default, |
|||
.btn-default:hover { |
|||
color: #fff; |
|||
background-color: rgba(255, 255, 255, 0.25); |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.btn-default:not(:disabled):not(.disabled).active, |
|||
.btn-default:not(:disabled):not(.disabled):active, |
|||
.show>.btn-default.dropdown-toggle { |
|||
color: #fff; |
|||
background-color: rgba(0, 0, 0, 0.26); |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.btn-default.disabled, |
|||
.btn-default:disabled { |
|||
color: #fff; |
|||
background-color: rgba(255, 255, 255, 0.15); |
|||
border-color: transparent; |
|||
opacity: .5; |
|||
} |
|||
|
|||
.btn-info.disabled, |
|||
.btn-info:disabled { |
|||
color: var(--text-muted); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.btn-info, |
|||
.btn-info:hover { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
/* Login page*/ |
|||
|
|||
.header.bg-gradient-info { |
|||
background: transparent !important; |
|||
} |
|||
|
|||
@media (min-width: 1200px) { |
|||
.separator-skew { |
|||
height: 70px; |
|||
display: none; |
|||
} |
|||
} |
|||
|
|||
#root>div>div.mt--8.pb-5.container>div>div>div { |
|||
background: rgba(0, 0, 0, 0.25) !important; |
|||
} |
|||
|
|||
#root>div>div.mt--8.pb-5.container>div>div>div>div>form>div:nth-child(1)>div>input, |
|||
#root>div>div.mt--8.pb-5.container>div>div>div>div>form>div:nth-child(2)>div>input, |
|||
#root>div>div.mt--8.pb-5.container>div>div>div>div>form>div:nth-child(3)>div>input { |
|||
background: rgba(0, 0, 0, .25) !important; |
|||
border: 10px solid transparent; |
|||
} |
|||
|
|||
.input-group-text { |
|||
color: var(--text); |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
border: 1px solid transparent !important; |
|||
} |
|||
|
|||
.input-group-prepend { |
|||
margin-right: 0px; |
|||
} |
|||
|
|||
#root>div>div.header.bg-gradient-info.py-7.py-lg-8>div.separator.separator-bottom.separator-skew.zindex-100>svg>polygon { |
|||
display: none; |
|||
} |
|||
|
|||
/* Scrollbar */ |
|||
@media only screen and (min-width: 768px) { |
|||
html { |
|||
height: 100%; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
body { |
|||
overflow-y: auto; |
|||
height: 100%; |
|||
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; |
|||
} |
|||
} |
|||
|
|||
::-webkit-scrollbar { |
|||
width: 14px; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .2); |
|||
background-clip: padding-box; |
|||
} |
|||
|
|||
::-webkit-scrollbar-track { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb:hover { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .5); |
|||
background-clip: padding-box; |
|||
} |
|||
@ -1,804 +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 */ |
|||
|
|||
@import url(https://use.fontawesome.com/releases/v5.15.1/css/all.css); |
|||
@import url(https://theme-park.dev/CSS/defaults/placeholders.css); |
|||
|
|||
body, |
|||
.tableScrollContainer, |
|||
.settings-tabs-wrapper .settings-tabs-container { |
|||
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); |
|||
} |
|||
|
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
.h1, |
|||
.h2, |
|||
.h3, |
|||
.h4, |
|||
.h5, |
|||
.h6 { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
a { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
a:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
* { |
|||
outline: none !important; |
|||
} |
|||
|
|||
/* Scrollbar */ |
|||
@media only screen and (min-width: 768px) { |
|||
html { |
|||
height: 100%; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
body { |
|||
overflow-y: auto; |
|||
height: 100%; |
|||
background: var(--main-bg-color) |
|||
} |
|||
} |
|||
|
|||
::-webkit-scrollbar { |
|||
width: 14px; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .2); |
|||
background-clip: padding-box; |
|||
} |
|||
|
|||
::-webkit-scrollbar-track { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb:hover { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .5); |
|||
background-clip: padding-box; |
|||
} |
|||
|
|||
/* TEXT */ |
|||
body, |
|||
#onboarding-dark #page-main, |
|||
p, |
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
#choose-product-dialog .choose-title h1, |
|||
label.control-label, |
|||
.emptyMessage, |
|||
.bt-navbar #choose-share-type-menu .container-fluid .menu-item h2, |
|||
.bt-navbar .choose-dropdown-menu .container-fluid .menu-item h2, |
|||
UL.jqueryFileTree A, |
|||
.settings-tabs-wrapper .settings-tabs-container, |
|||
.bt-checkbox label, |
|||
.bt-radio label, |
|||
.settings-tabs-wrapper .settings-tabs-buttons .left-nav-button, |
|||
#licenses-tab #unlicensed-container h1, |
|||
#licenses-tab #unlicensed-container .unlicensed-text, |
|||
#support-tab #page-menu .support-content>a h5, |
|||
#support-tab #page-menu .support-content>button h5, |
|||
#support-tab #page-menu .support-content>a p, |
|||
.modal-header .transfer-path .labelContainer .secondaryLine, |
|||
.transfer-table .transfer-row .nameLabel, |
|||
.dropdown-menu li a { |
|||
color: var(--text); |
|||
} |
|||
|
|||
/* ACCENTS */ |
|||
#choose-product-dialog .product-container .product:hover { |
|||
border-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.text-success { |
|||
color: #4CAF50; |
|||
} |
|||
|
|||
#historyContainer .table-filter-panel .filter-item.active, |
|||
.resizableTableContainer .table-filter-panel .filter-item.active, |
|||
.tableContainerWithFilterPanel .table-filter-panel .filter-item.active { |
|||
color: rgb(var(--accent-color)) |
|||
} |
|||
|
|||
/* NAVBAR */ |
|||
.bt-navbar { |
|||
background-color: rgb(0 0 0 / 25%); |
|||
} |
|||
|
|||
.bt-navbar .btn.dropdown-toggle { |
|||
background-color: rgb(255 255 255 / 8%); |
|||
} |
|||
|
|||
.bt-navbar .btn.dropdown-toggle:hover { |
|||
background-color: rgb(255 255 255 / 16%); |
|||
} |
|||
|
|||
.bt-navbar .btn.btn-tab.active, |
|||
.bt-navbar .btn.btn-tab:active { |
|||
background-color: rgb(0 0 0 / 25%); |
|||
border-bottom-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.bt-navbar .btn:hover { |
|||
background-color: rgb(255 255 255 / 8%) !important; |
|||
} |
|||
|
|||
.bt-navbar .btn#try-pro-button { |
|||
background-color: rgb(0 0 0 / 50%); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
.bt-navbar .btn#try-pro-button:hover { |
|||
background-color: rgb(255 255 255 / 8%); |
|||
} |
|||
|
|||
.bt-navbar .btn.btn-tab { |
|||
background: transparent; |
|||
} |
|||
|
|||
/* SIDE MENU */ |
|||
/* DROPDOWN MENU */ |
|||
.bt-navbar #choose-share-type-menu, |
|||
.bt-navbar .choose-dropdown-menu { |
|||
background: var(--drop-down-menu-bg); |
|||
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; |
|||
} |
|||
|
|||
.dropdown-menu { |
|||
background: var(--drop-down-menu-bg); |
|||
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; |
|||
border: 1px solid rgba(255, 255, 255, .1); |
|||
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .2); |
|||
box-shadow: 0 6px 12px rgba(0, 0, 0, .2); |
|||
} |
|||
|
|||
.dropdown-menu li a:focus, |
|||
.dropdown-menu li a:hover { |
|||
background-color: rgb(255 255 255 / 8%); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
#columns-context .bt-checkbox:hover { |
|||
background-color: rgba(255, 255, 255, .1); |
|||
} |
|||
|
|||
.context-menu .bt-checkbox label, |
|||
.context-menu .bt-radio label { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.sync-level .add-folder-mode .option-text { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.sync-level .add-folder-mode .option-description { |
|||
color: var(--text); |
|||
white-space: normal; |
|||
} |
|||
|
|||
.sync-level .add-folder-mode li.selected a { |
|||
background-color: rgb(0 0 0 / 25%); |
|||
} |
|||
|
|||
.sync-level .add-folder-mode li:not(.selected) a:focus, |
|||
.sync-level .add-folder-mode li:not(.selected) a:hover { |
|||
background-color: rgb(255 255 255 / .08); |
|||
} |
|||
|
|||
.sync-level .add-folder-mode .btn-group { |
|||
background-color: transparent !important; |
|||
} |
|||
|
|||
button.selectpicker.btn-default { |
|||
border-color: #ccc0 !important; |
|||
color: var(--text) !important; |
|||
background-color: rgb(0 0 0 / 25%) !important; |
|||
} |
|||
|
|||
.btn-group.open .dropdown-toggle { |
|||
-webkit-box-shadow: none !important; |
|||
box-shadow: none !important; |
|||
border: none; |
|||
background: rgb(0 0 0 / 50%) !important; |
|||
} |
|||
|
|||
.animating { |
|||
background-color: transparent !important; |
|||
} |
|||
|
|||
/* ICONS */ |
|||
.mycon.mycon-folder-rw, |
|||
.mycon.mycon-folder-owner, |
|||
.mycon.mycon-folder-encrypted, |
|||
.mycon.mycon-file, |
|||
.mycon.mycon-plus { |
|||
background-image: none !important; |
|||
} |
|||
|
|||
.mycon.mycon-folder-rw:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 24px; |
|||
content: "\f07b"; |
|||
font-weight: bold; |
|||
width: 24px; |
|||
height: 24px; |
|||
margin-left: 5px; |
|||
color: var(--text); |
|||
font-style: normal; |
|||
} |
|||
|
|||
.mycon.mycon-folder-owner:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 24px; |
|||
content: "\f65e"; |
|||
font-weight: bold; |
|||
width: 24px; |
|||
height: 24px; |
|||
margin-left: 5px; |
|||
color: var(--text); |
|||
font-style: normal; |
|||
} |
|||
|
|||
.mycon.mycon-folder-encrypted:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 24px; |
|||
content: "\f023"; |
|||
font-weight: bold; |
|||
width: 24px; |
|||
height: 24px; |
|||
margin-left: 5px; |
|||
color: var(--text); |
|||
font-style: normal; |
|||
} |
|||
|
|||
.mycon.mycon-file:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 24px; |
|||
content: "\f064"; |
|||
font-weight: bold; |
|||
width: 24px; |
|||
height: 24px; |
|||
margin-left: 5px; |
|||
color: var(--text); |
|||
font-style: normal; |
|||
} |
|||
|
|||
.mycon.mycon-plus:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 24px; |
|||
content: "\f0c1"; |
|||
font-weight: bold; |
|||
width: 24px; |
|||
height: 24px; |
|||
margin-left: 5px; |
|||
color: var(--text); |
|||
font-style: normal; |
|||
} |
|||
|
|||
.bt-navbar #choose-share-type-menu .container-fluid .menu-item:focus, |
|||
.bt-navbar #choose-share-type-menu .container-fluid .menu-item:hover, |
|||
.bt-navbar .choose-dropdown-menu .container-fluid .menu-item:focus, |
|||
.bt-navbar .choose-dropdown-menu .container-fluid .menu-item:hover { |
|||
background-color: rgb(255 255 255 / 8%); |
|||
|
|||
} |
|||
|
|||
.bt-navbar #choose-share-type-menu .container-fluid .menu-item .menu-item-description:hover, |
|||
.bt-navbar .choose-dropdown-menu .container-fluid .menu-item .menu-item-description:hover { |
|||
margin-left: 6px; |
|||
padding-top: 4px; |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.bt-navbar #choose-share-type-menu .arrow, |
|||
.bt-navbar .choose-dropdown-menu .arrow { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.popout-parent { |
|||
background: var(--drop-down-menu-bg); |
|||
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; |
|||
} |
|||
|
|||
.context-menu li a:focus, |
|||
.context-menu li a:hover { |
|||
background-color: rgb(255 255 255 / 8%); |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.context-menu li.has-icon a { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.context-notification .context-notification-inner { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
#general-settings #languagedrop { |
|||
background-color: rgb(0 0 0 / 25%); |
|||
border: transparent; |
|||
} |
|||
|
|||
.popout-anchor.popout-open { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
/* MODALS */ |
|||
.modal-header { |
|||
background: var(--modal-header-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); |
|||
} |
|||
|
|||
.modal-footer { |
|||
background: var(--modal-footer-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); |
|||
} |
|||
|
|||
.modal-content, |
|||
.modal-body, |
|||
.modal-body .fileTreeContainer, |
|||
.modal-page { |
|||
color: var(--text); |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.modal-body .horizontal-separator .horizontal-separator-text { |
|||
background: var(--modal-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); |
|||
} |
|||
|
|||
.modal-filter .btn:hover, |
|||
.modal-input .btn:hover { |
|||
background-color: var(--button-color); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
#choose-product-dialog .product-container .product { |
|||
background-color: rgb(255 255 255 / 0.08); |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
.modal-header .close:hover { |
|||
background: rgb(255 255 255 / 8%); |
|||
} |
|||
|
|||
ul.jqueryFileTree a.active, |
|||
ul.jqueryFileTree a:hover { |
|||
background-color: rgb(255 255 255 / 8%); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.modal-filter:before, |
|||
.modal-input:before { |
|||
background: -owg-linear-gradient(left, transparent, transparent); |
|||
background: transparent !important; |
|||
background: -moz-linear-gradient(left, transparent, transparent); |
|||
background: -o-linear-gradient(left, transparent, transparent); |
|||
background: linear-gradient(left, transparent, transparent); |
|||
} |
|||
|
|||
.nav-tabs.nav-sub-tabs, |
|||
.nav-tabs.nav-sub-tabs>li { |
|||
background-color: transparent; |
|||
border-bottom-color: rgb(255 255 255 / .1); |
|||
} |
|||
|
|||
.nav-tabs.nav-sub-tabs>li.active a, |
|||
.nav-tabs.nav-sub-tabs>li.active a:focus, |
|||
.nav-tabs.nav-sub-tabs>li.active a:hover { |
|||
background-color: var(--button-color-hover); |
|||
border: 1px solid var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
} |
|||
|
|||
.nav-tabs.nav-sub-tabs>li>a { |
|||
background-color: var(--button-color); |
|||
border: 1px solid var(--button-color); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
.nav-tabs.nav-sub-tabs>li>a:hover { |
|||
background-color: var(--button-color-hover); |
|||
border: 1px solid var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
} |
|||
|
|||
#file-sharing-content .shareOptionsContainer .shareOption:hover, |
|||
#sharing-content .shareOptionsContainer .shareOption:hover, |
|||
.sharing-dialog-content .shareOptionsContainer .shareOption:hover { |
|||
background-color: rgb(255 255 255 / 8%); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
#sharing-content .nav-tabs.nav-sub-tabs>li { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
#sharing-content .nav-tabs.nav-sub-tabs>li>a { |
|||
border: 1px solid var(--button-color); |
|||
color: var(--button-text); |
|||
background: var(--button-color); |
|||
} |
|||
|
|||
#sharing-content .nav-tabs.nav-sub-tabs>li.active a, |
|||
.nav-tabs.nav-sub-tabs>li.active a:focus, |
|||
.nav-tabs.nav-sub-tabs>li.active a:hover { |
|||
background: var(--button-color-hover) !important; |
|||
border: 1px solid var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
} |
|||
|
|||
.activity-filter.open, |
|||
.main-filter.open, |
|||
.modal-filter.open, |
|||
.modal-input.open { |
|||
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; |
|||
} |
|||
|
|||
.modal-header .transfer-path .labelContainer { |
|||
border-left: 1px solid rgb(255 255 255 / .1); |
|||
} |
|||
|
|||
.modal-filter .btn, |
|||
.modal-input .btn { |
|||
background: transparent; |
|||
} |
|||
|
|||
.modal-filter .btn:hover, |
|||
.modal-input .btn:focus, |
|||
.modal-filter animating { |
|||
background: rgb(255 255 255 / .08) !important; |
|||
} |
|||
|
|||
/* PAGES */ |
|||
#archive-onboarding.fixed .tutorial-background, |
|||
#onboarding-dark.fixed .tutorial-background, |
|||
#syncall-tutorial.fixed .tutorial-background { |
|||
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); |
|||
} |
|||
|
|||
#historyContainer .table-filter-panel, |
|||
.resizableTableContainer .table-filter-panel, |
|||
.tableContainerWithFilterPanel .table-filter-panel { |
|||
background-color: rgb(0 0 0 / 25%); |
|||
border-bottom: 1px solid rgb(255 255 255 / 10%); |
|||
} |
|||
|
|||
.section-header { |
|||
border-bottom: 1px solid rgb(255 255 255 / .1); |
|||
} |
|||
|
|||
/* FOOTER */ |
|||
#sync-core-state { |
|||
background-color: rgb(0 0 0 / 50%); |
|||
border-top: 1px solid rgb(255 255 255 / 10%); |
|||
} |
|||
|
|||
#statusPanel { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.status-panel-shown #statusPanel { |
|||
border-top: 1px solid rgb(255 255 255 / 20%); |
|||
} |
|||
|
|||
#statusPanel .nav-pills a.tab-button .header, |
|||
#statusPanel .nav-pills a.tab-button .value, |
|||
#statusPanel .nav-pills a.tab-button span[class$=-speed-label] { |
|||
color: var(--text); |
|||
} |
|||
|
|||
#statusPanel .nav-pills li { |
|||
border-bottom: 1px solid rgb(255 255 255 / .1); |
|||
} |
|||
|
|||
#statusPanel .nav-pills a.tab-button:focus, |
|||
#statusPanel .nav-pills a.tab-button:hover, |
|||
#statusPanel .nav-pills .active>a { |
|||
background-color: rgb(255 255 255 / 8%); |
|||
} |
|||
|
|||
#statusPanel .tab-content { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
#statusPanel .chart-wrapper { |
|||
background-color: rgb(0 0 0 / 25%); |
|||
border-right: 1px solid rgba(255, 255, 255, .1); |
|||
} |
|||
|
|||
.resizableTableContainer .tableHeaderContainer { |
|||
border-bottom: 1px solid rgba(255, 255, 255, .1); |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
#statusPanel .chart-c3 .c3-tooltip { |
|||
background-color: #000; |
|||
opacity: .7; |
|||
border-radius: 4px; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.c3-grid line { |
|||
stroke: var(--text); |
|||
} |
|||
|
|||
.c3 text { |
|||
fill: var(--text); |
|||
} |
|||
|
|||
|
|||
/* SETTINGS */ |
|||
.settings-tabs-wrapper .settings-tabs-buttons .left-nav-button.active { |
|||
background-color: rgb(0 0 0 / 25%); |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.settings-tabs-wrapper .settings-tabs-buttons .left-nav-button:hover:not(.active) { |
|||
background-color: rgb(255 255 255 / 8%); |
|||
} |
|||
|
|||
.settings-tabs-wrapper .settings-tabs-buttons .left-nav-button:hover:not(.active) .txt-button { |
|||
color: var(--button-text-hover); |
|||
} |
|||
|
|||
#support-tab #page-menu .support-content>a, |
|||
#support-tab #page-menu .support-content>button { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
#support-tab #page-menu .support-content>a:hover h5, |
|||
#support-tab #page-menu .support-content>a:hover p, |
|||
#support-tab #page-menu .support-content>button:hover h5, |
|||
#support-tab #page-menu .support-content>button:hover p { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.settings-tabs-wrapper .settings-tabs-buttons { |
|||
border-right: 1px solid rgb(255 255 255 / 10%); |
|||
background: rgb(0 0 0 / 25%); |
|||
} |
|||
|
|||
/* IDENTITY */ |
|||
#my-devices .my-devices .single-my-device:hover:not(.disabled) { |
|||
background-color: rgb(255 255 255 / 8%); |
|||
} |
|||
|
|||
#my-devices .my-devices .link-device-block #device-to-qr .device-link { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
#my-devices .my-devices .link-device-block #device-to-qr:hover:not(:disabled) .device-link-text { |
|||
text-decoration: underline; |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
#my-devices .my-devices .info-button:hover { |
|||
background-color: var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
} |
|||
|
|||
/* BUTTONS */ |
|||
.btn, |
|||
#support-tab #page-feedback-form .back-button { |
|||
border-color: var(--button-color); |
|||
background: var(--button-color); |
|||
color: var(--button-text); |
|||
margin-right: 5px; |
|||
box-shadow: none; |
|||
border: transparent; |
|||
border-radius: 2px; |
|||
} |
|||
|
|||
.btn:hover, |
|||
.btn:focus, |
|||
.btn:active, |
|||
.btn-primary:not(:disabled):not(.disabled):active, |
|||
.btn-primary:not(:disabled):not(.disabled).active, |
|||
#support-tab #page-feedback-form .back-button:hover { |
|||
border-color: var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
box-shadow: none !important; |
|||
} |
|||
|
|||
.transfer-table .transfer-row .optionsColumn .options-button { |
|||
background-color: transparent; |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
.transfer-table .transfer-row .optionsColumn .options-button.active, |
|||
.transfer-table .transfer-row .optionsColumn .options-button:hover { |
|||
background-color: rgb(255 255 255 / 8%); |
|||
} |
|||
|
|||
/* FORMS */ |
|||
.form-control { |
|||
color: var(--text) !important; |
|||
background-color: rgba(0, 0, 0, .25) !important; |
|||
border: 1px solid transparent !important; |
|||
box-shadow: none !important; |
|||
transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
|||
} |
|||
|
|||
.form-control:focus { |
|||
background-color: rgba(0, 0, 0, .5) !important; |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
/* TABLE */ |
|||
#advanced-settings-dialog .verticalScrollContainer tr:active, |
|||
#advanced-settings-dialog .verticalScrollContainer tr:focus, |
|||
#advanced-settings-dialog .verticalScrollContainer tr:hover { |
|||
background-color: rgb(255 255 255 / 8%); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.table-hover>tbody>tr.active, |
|||
.table-hover>tbody>tr:hover:not(.no-hover) { |
|||
background-color: rgb(255 255 255 / 8%); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.transfer-table .transfer-row.active a, |
|||
.transfer-table .transfer-row:hover a { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.table>thead>tr>th { |
|||
vertical-align: bottom; |
|||
border-bottom: 1px solid rgb(255 255 255 / 10%); |
|||
|
|||
} |
|||
|
|||
.table.table-bordered-header thead tr th { |
|||
background-color: #fff; |
|||
border-right: 1px solid rgb(255 255 255 / 0.1) !important; |
|||
} |
|||
|
|||
.tableScrollContainer .table thead tr th { |
|||
background: var(--main-bg-color) !important; |
|||
background-repeat: repeat, no-repeat !important; |
|||
background-attachment: fixed, fixed !important; |
|||
background-position: center center, center center !important; |
|||
background-size: auto, cover !important; |
|||
-webkit-background-size: auto, cover !important; |
|||
-moz-background-size: auto, cover !important; |
|||
-o-background-size: auto, cover !important; |
|||
} |
|||
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
@ -1,196 +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 */ |
|||
|
|||
@import url(https://theme-park.dev/CSS/defaults/placeholders.css); |
|||
|
|||
:root { |
|||
--v-primary-base: rgb(var(--accent-color)); |
|||
--v-anchor-base: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
main { |
|||
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) |
|||
} |
|||
|
|||
h4 { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.v-toolbar { |
|||
background: transparent !important; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.v-toolbar__content, |
|||
.v-toolbar__extension { |
|||
background-color: rgba(0, 0, 0, 0.6) !important; |
|||
} |
|||
|
|||
p a { |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.theme--dark.v-icon { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.application .theme--dark.v-card, |
|||
.theme--dark .v-card .primary--text { |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.application .theme--dark.v-card, |
|||
.theme--dark .v-card .accent--text { |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.application .theme--dark.v-card, |
|||
.theme--dark .v-card .primary { |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
|
|||
|
|||
.flex.xs12 a { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.v-list__tile { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.v-stepper__step__step .primary { |
|||
background-color: var(--button-color) !important; |
|||
border-color: var(--button-color) !important; |
|||
} |
|||
|
|||
.primary { |
|||
background-color: var(--button-color) !important; |
|||
border-color: var(--button-color) !important; |
|||
} |
|||
|
|||
.primary:hover, |
|||
.primary:focus { |
|||
background-color: var(--button-color-hover) !important; |
|||
border-color: var(--button-color-hover) !important; |
|||
color: var(--button-text-hover) !important; |
|||
} |
|||
|
|||
.v-input__control .v-input__slot .primary--text input, |
|||
.primary--text textarea { |
|||
caret-color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.v-input input:active, |
|||
.v-input input:focus, |
|||
.v-input textarea:active, |
|||
.v-input textarea:focus .primary--text input, |
|||
.primary--text textarea { |
|||
caret-color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.theme--dark.v-app-bar.v-toolbar.v-sheet { |
|||
background: var(--modal-bg-color) !important; |
|||
} |
|||
|
|||
.application .theme--dark.v-btn:not(.v-btn--icon):not(.v-btn--flat), |
|||
.theme--dark .v-btn:not(.v-btn--icon):not(.v-btn--flat):not(.v-btn:not(.v-btn--round).v-size--small) { |
|||
background-color: var(--button-color) !important; |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
.application .theme--dark.v-btn:hover:not(.v-btn--icon):not(.v-btn--flat), |
|||
.theme--dark .v-btn:hover:not(.v-btn--icon):not(.v-btn--flat):not(.v-btn:not(.v-btn--round).v-size--small) { |
|||
background-color: var(--button-color-hover) !important; |
|||
color: var(--button-text-hover); |
|||
} |
|||
|
|||
.v-btn__content { |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
.v-btn--active:before, |
|||
.v-btn:focus:before, |
|||
.v-btn:hover:before { |
|||
background-color: var(--text-hover); |
|||
} |
|||
|
|||
.application .theme--dark.v-card, |
|||
.theme--dark .v-card { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.flex.md3 .application .theme--dark.v-card, |
|||
.theme--dark .v-card { |
|||
background: rgba(255, 255, 255, 0.10) !important; |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.theme--dark.v-expansion-panels .v-expansion-panel { |
|||
background-color: transparent; |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.theme--dark.v-text-field--solo>.v-input__control>.v-input__slot { |
|||
background: rgb(0 0 0 / 0.50); |
|||
} |
|||
|
|||
.v-navigation-drawer { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
/*popup modal */ |
|||
|
|||
.v-dialog, |
|||
.theme--dark.v-list { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.menuable__content__active { |
|||
background: var(--drop-down-menu-bg); |
|||
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; |
|||
} |
|||
@ -1,860 +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 */ |
|||
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); |
|||
} |
|||
|
|||
/* Text */ |
|||
|
|||
p, |
|||
.news-title, |
|||
.news-date { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.help-block, |
|||
h1 small, |
|||
h2 small, |
|||
h3 small, |
|||
h4 small, |
|||
h5 small, |
|||
h6 small, |
|||
.h1 small, |
|||
.h2 small, |
|||
.h3 small, |
|||
.h4 small, |
|||
.h5 small, |
|||
.h6 small, |
|||
h1 .small, |
|||
h2 .small, |
|||
h3 .small, |
|||
h4 .small, |
|||
h5 .small, |
|||
h6 .small, |
|||
.h1 .small, |
|||
.h2 .small, |
|||
.h3 .small, |
|||
.h4 .small, |
|||
.h5 .small, |
|||
.h6 .small, |
|||
.header-bar span, |
|||
.dashboard-activity-info-time, |
|||
strong, |
|||
.summary-content-details-tag strong, |
|||
.padded-header h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
.config-scheduler-table th, |
|||
#tautulli-news .open .news-title, |
|||
#tautulli-news .open .news-date, |
|||
#tautulli-news .accordion li.open .link i.fa { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.list-unstyled { |
|||
color: #fff; |
|||
} |
|||
|
|||
.text-muted, |
|||
.small-muted { |
|||
color: var(--text-muted); |
|||
} |
|||
|
|||
/* LINKS */ |
|||
|
|||
a:not(.sub-value a), |
|||
a.no-highlight, |
|||
.news-body a { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
a:hover, |
|||
a.no-highlight:hover, |
|||
.dashboard-activity-metadata-title a:hover, |
|||
.dashboard-activity-metadata-user a:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
#plexpy-notifiers-table .friendly_name, |
|||
#notifier-config-modal span.notifier_id, |
|||
#plexpy-newsletters-table .friendly_name, |
|||
#newsletter-config-modal span.newsletter_id, |
|||
#plexpy-mobile-devices-table .friendly_name, |
|||
#mobile-device-config-modal span.notifier_id { |
|||
color: #fff; |
|||
} |
|||
|
|||
/* Navbar */ |
|||
.navbar { |
|||
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; |
|||
-webkit-box-shadow: none; |
|||
-moz-box-shadow: none; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
#search_form #search_button.btn-inactive { |
|||
background-color: #0000; |
|||
color: var(--text); |
|||
} |
|||
|
|||
.nav>li.active>a, |
|||
.nav>li.active>a:hover, |
|||
.nav>li.active>a:focus { |
|||
color: #f9be03; |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.nav>li>a { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.nav>li>a:hover, |
|||
.nav>li>a:focus { |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.nav .open>a, |
|||
.nav .open>a:hover, |
|||
.nav .open>a:focus { |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* Dropdown */ |
|||
.dropdown-menu { |
|||
background: var(--drop-down-menu-bg); |
|||
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; |
|||
} |
|||
|
|||
.dropdown-menu>li>a { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.dropdown-menu>li>a:hover, |
|||
.dropdown-menu>li>a:focus { |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.dropdown-menu .divider { |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
select, |
|||
.react-selectize.bootstrap3.root-node .react-selectize-control { |
|||
background: var(--drop-down-menu-bg); |
|||
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; |
|||
} |
|||
|
|||
/* Dashboard */ |
|||
.dashboard-stats-background, |
|||
.dashboard-activity-background, |
|||
.dashboard-activity-poster-container { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.dashboard-activity-progress-bar { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.dashboard-activity-progress .buffer-bar { |
|||
background-color: rgba(255, 255, 255, 0.25); |
|||
} |
|||
|
|||
.dashboard-activity-metadata-user a { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
.dashboard-activity-metadata-subtitle-container { |
|||
color: #fff; |
|||
} |
|||
|
|||
.dashboard-recent-media-metacontainer h3.text-muted a { |
|||
color: #fff; |
|||
} |
|||
|
|||
.dashboard-recent-media-metacontainer h3.text-muted { |
|||
color: #fff; |
|||
} |
|||
|
|||
/* Buttons */ |
|||
.btn-dark { |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
.btn-dark:hover { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-dark:active, |
|||
.btn-dark.active, |
|||
.open>.dropdown-toggle.btn-dark, |
|||
.btn-dark.active:focus { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn:focus:not(select), |
|||
.btn.focus:not(select), |
|||
.btn-dark:focus:not(select), |
|||
.btn-dark.focus:not(select), |
|||
.btn-dark:active:focus:not(select) { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover) !important; |
|||
} |
|||
|
|||
.btn-dark.active:hover { |
|||
background-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-dark.inactive:hover { |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
.btn-danger.btn-edit { |
|||
background-color: rgba(255, 255, 255, 0.25); |
|||
} |
|||
|
|||
.btn-form { |
|||
background-color: var(--button-color); |
|||
} |
|||
|
|||
.btn-form:hover { |
|||
background-color: var(--button-color-hover); |
|||
} |
|||
|
|||
/* Inputs */ |
|||
textarea, |
|||
input[type="text"], |
|||
input[type="password"], |
|||
input[type="datetime"], |
|||
input[type="datetime-local"], |
|||
input[type="date"], |
|||
input[type="month"], |
|||
input[type="time"], |
|||
input[type="week"], |
|||
input[type="number"], |
|||
input[type="email"], |
|||
input[type="url"], |
|||
input[type="search"], |
|||
input[type="tel"], |
|||
input[type="color"], |
|||
.uneditable-input { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.react-selectize.root-node .react-selectize-control, |
|||
.selectize-control.form-control .selectize-input { |
|||
background: rgba(0, 0, 0, 0.25) !important; |
|||
} |
|||
|
|||
/*Formcontrol */ |
|||
select.form-control, |
|||
div.form-control .selectize-input { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
@media (min-width: 768px) { |
|||
.form-inline .input-group>.form-control { |
|||
width: auto; |
|||
} |
|||
} |
|||
|
|||
.form-control[disabled], |
|||
.form-control[readonly], |
|||
fieldset[disabled] .form-control { |
|||
background-color: rgba(236, 236, 236, 0.25); |
|||
} |
|||
|
|||
textarea.form-control { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
textarea:focus, |
|||
input[type="text"]:focus, |
|||
input[type="password"]:focus, |
|||
input[type="datetime"]:focus, |
|||
input[type="datetime-local"]:focus, |
|||
input[type="date"]:focus, |
|||
input[type="month"]:focus, |
|||
input[type="time"]:focus, |
|||
input[type="week"]:focus, |
|||
input[type="number"]:focus, |
|||
input[type="email"]:focus, |
|||
input[type="url"]:focus, |
|||
input[type="search"]:focus, |
|||
input[type="tel"]:focus, |
|||
input[type="color"]:focus, |
|||
.uneditable-input:focus { |
|||
color: #fff; |
|||
background: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.form-control:focus { |
|||
border-color: transparent; |
|||
outline: 0; |
|||
-webkit-box-shadow: none; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
/* Settings table cards */ |
|||
.table-card-header { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
border-bottom: 1px solid rgba(255, 255, 255, 0.25); |
|||
border-top: 1px solid #00000000; |
|||
} |
|||
|
|||
.table-card-back { |
|||
background-color: rgba(0, 0, 0, 0.15); |
|||
} |
|||
|
|||
table.display thead th { |
|||
color: var(--text-hover); |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
table.display thead tr:hover { |
|||
background-color: rgba(0, 0, 0, 0.45); |
|||
} |
|||
|
|||
/*Settings menu */ |
|||
.card-back-full { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
.nav-settings>li>a { |
|||
border-bottom: 1px solid transparent; |
|||
color: var(--text); |
|||
} |
|||
|
|||
.nav-settings>li { |
|||
background-color: rgba(0, 0, 0, 0.45); |
|||
border-top: 1px solid transparent; |
|||
} |
|||
|
|||
.nav-settings>.active>a, |
|||
.nav-settings>.active>a:hover, |
|||
.nav-settings>.active>a:focus { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.nav-settings>li>a:hover, |
|||
.nav-settings>li>a:focus { |
|||
color: var(--text-hover); |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
.card { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
border-top: 1px solid #00000000; |
|||
} |
|||
|
|||
.card-sortable { |
|||
border-bottom: 1px solid rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
.card-handle { |
|||
color: #fff; |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
/*Notification agents menu */ |
|||
.stacked-configs>li { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.stacked-configs>li>span { |
|||
color: #FFF; |
|||
border-left: 2px solid rgba(0, 0, 0, 0.25); |
|||
border-top: 1px solid rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
.stacked-configs>li>span:hover, |
|||
.stacked-configs>li>span:focus { |
|||
color: #fff; |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
.stacked-configs>li>span>a.toggle-left, |
|||
.stacked-configs>li>span>span.toggle-left { |
|||
color: #999; |
|||
} |
|||
|
|||
span>a.active, |
|||
.stacked-configs>li>span>span.active { |
|||
color: #f9be03; |
|||
} |
|||
|
|||
.inline-pre { |
|||
background-color: rgba(255, 255, 255, 0.25); |
|||
} |
|||
|
|||
/* Summary containers */ |
|||
.summary-container .table-card-header, |
|||
.summary-container .table-card-back { |
|||
background: rgba(0, 0, 0, 0.45); |
|||
} |
|||
|
|||
.summary-navbar { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
/* pagination */ |
|||
.pagination>.disabled>span, |
|||
.pagination>.disabled>span:hover, |
|||
.pagination>.disabled>span:focus, |
|||
.pagination>.disabled>a, |
|||
.pagination>.disabled>a:hover, |
|||
.pagination>.disabled>a:focus { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
border-color: #00000000; |
|||
} |
|||
|
|||
.pagination>li>a, |
|||
.pagination>li>span { |
|||
background-color: var(--button-color); |
|||
border: 1px solid var(--button-color); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
.pagination>li>a:hover, |
|||
.pagination>li>span:hover, |
|||
.pagination>li>a:focus, |
|||
.pagination>li>span:focus { |
|||
background-color: var(--button-color-hover); |
|||
border: 1px solid var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
} |
|||
|
|||
/* Graphs */ |
|||
.graphs-instance { |
|||
background-color: rgba(0, 0, 0, 0.45); |
|||
} |
|||
|
|||
/* Modal */ |
|||
.modal-content { |
|||
border: none; |
|||
} |
|||
|
|||
.modal-body li { |
|||
color: #fff; |
|||
} |
|||
|
|||
.modal-body { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.modal-header { |
|||
background: var(--modal-header-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; |
|||
border-bottom: 1px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.modal-footer { |
|||
background: var(--modal-footer-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; |
|||
border-top: 1px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.modal-config-section { |
|||
border-top: 1px solid rgba(255, 255, 255, .08); |
|||
} |
|||
|
|||
#changelog-modal .modal-body>h2 { |
|||
border-bottom: 1px solid rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
#notifier-config-modal .nav-tabs>li>a, |
|||
#newsletter-config-modal .nav-tabs>li>a { |
|||
color: var(--text); |
|||
} |
|||
|
|||
#notifier-config-modal .nav-tabs>li.active>a, |
|||
#notifier-config-modal .nav-tabs>li.active>a:hover, |
|||
#notifier-config-modal .nav-tabs>li.active>a:focus, |
|||
#newsletter-config-modal .nav-tabs>li.active>a, |
|||
#newsletter-config-modal .nav-tabs>li.active>a:hover, |
|||
#newsletter-config-modal .nav-tabs>li.active>a:focus { |
|||
color: var(--text-hover); |
|||
background: rgba(0, 0, 0, 0.45); |
|||
} |
|||
|
|||
#notifier-config-modal .nav-tabs>li.active>a, |
|||
#notifier-config-modal .nav-tabs>li.active>a:hover, |
|||
#notifier-config-modal .nav-tabs>li.active>a:focus, |
|||
#newsletter-config-modal .nav-tabs>li.active>a, |
|||
#newsletter-config-modal .nav-tabs>li.active>a:hover, |
|||
#newsletter-config-modal .nav-tabs>li.active>a:focus { |
|||
border: 1px solid #0000; |
|||
border-bottom-color: transparent; |
|||
} |
|||
|
|||
#notifier-config-modal .nav-tabs>li>a:hover, |
|||
#newsletter-config-modal .nav-tabs>li>a:hover { |
|||
border-color: #0000; |
|||
background: rgba(255, 255, 255, 0.08); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
#notifier-config-modal .nav-tabs, |
|||
#newsletter-config-modal .nav-tabs { |
|||
border-bottom: 1px solid rgba(255, 255, 255, 0.25); |
|||
} |
|||
|
|||
.accordion { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.accordion li .link { |
|||
color: #fff; |
|||
border-bottom: 1px solid rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
.accordion li .link:hover, |
|||
.accordion li .link:hover i.fa { |
|||
background: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
.submenu { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
/* Stream info */ |
|||
.stream-info { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
/* Edit metadata */ |
|||
.item-children-section-title { |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
border-bottom: 1px solid #00000000; |
|||
border-top: 1px solid #00000000; |
|||
} |
|||
|
|||
/* Mobile */ |
|||
.navbar-toggle:hover, |
|||
.navbar-toggle:focus { |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
.navbar-toggle { |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
@media (max-width: 768px) { |
|||
.navbar-collapse.in { |
|||
box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.7); |
|||
} |
|||
} |
|||
|
|||
#login-methods .submenu { |
|||
background: transparent; |
|||
} |
|||
|
|||
.login-container .remember-group { |
|||
color: #eee; |
|||
} |
|||
|
|||
#login-methods>li.open>div { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* Buttons */ |
|||
.btn-bright { |
|||
color: #fff; |
|||
background-color: var(--button-color); |
|||
box-shadow: inset 0 1px 0 var(--button-color); |
|||
} |
|||
|
|||
.btn-bright:hover { |
|||
color: #fff; |
|||
background-color: var(--button-color-hover); |
|||
box-shadow: inset 0 1px 0 var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-bright:active, |
|||
.btn-bright.active, |
|||
.open>.dropdown-toggle.btn-bright, |
|||
#menu_link_show_advanced_settings.active { |
|||
color: #fff; |
|||
background-color: var(--button-color-hover); |
|||
box-shadow: inset 0 1px 0 var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-bright:active:hover, |
|||
.btn-bright.active:hover, |
|||
.open>.dropdown-toggle.btn-bright:hover, |
|||
.btn-bright:active:focus, |
|||
.btn-bright.active:focus, |
|||
.open>.dropdown-toggle.btn-bright:focus, |
|||
.btn-bright:active.focus, |
|||
.btn-bright.active.focus, |
|||
.open>.dropdown-toggle.btn-bright.focus { |
|||
color: #fff; |
|||
background-color: var(--button-color-hover); |
|||
box-shadow: inset 0 1px 0 var(--button-color-hover); |
|||
} |
|||
|
|||
.btn:focus:not(#history-user):not(#graph-user):not(#sync-user), |
|||
.btn.focus, |
|||
.btn-dark:focus, |
|||
.btn-dark.focus, |
|||
.btn-dark:active:focus { |
|||
color: #fff; |
|||
background-color: var(--button-color-hover) !important; |
|||
opacity: .8; |
|||
} |
|||
|
|||
.btn-bright.disabled, |
|||
.btn-bright[disabled], |
|||
fieldset[disabled] .btn-bright, |
|||
.btn-bright.disabled:hover, |
|||
.btn-bright[disabled]:hover, |
|||
fieldset[disabled] .btn-bright:hover, |
|||
.btn-bright.disabled:focus, |
|||
.btn-bright[disabled]:focus, |
|||
fieldset[disabled] .btn-bright:focus, |
|||
.btn-bright.disabled.focus, |
|||
.btn-bright[disabled].focus, |
|||
fieldset[disabled] .btn-bright.focus, |
|||
.btn-bright.disabled:active, |
|||
.btn-bright[disabled]:active, |
|||
fieldset[disabled] .btn-bright:active, |
|||
.btn-bright.disabled.active, |
|||
.btn-bright[disabled].active, |
|||
fieldset[disabled] .btn-bright.active { |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
/* Accents */ |
|||
.badge { |
|||
color: var(--label-text-color); |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.summary-content { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.nav>li.active>a, |
|||
.nav>li.active>a:hover, |
|||
.nav>li.active>a:focus { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.dashboard-activity-progress .progress-bar { |
|||
background-color: rgb(var(--accent-color)); |
|||
background-image: -moz-linear-gradient(top, var(--accent-color-hover), rgb(var(--accent-color))); |
|||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--accent-color-hover)), to(rgb(var(--accent-color)))); |
|||
background-image: -webkit-linear-gradient(top, var(--accent-color-hover, rgb(var(--accent-color)))); |
|||
background-image: -o-linear-gradient(top, var(--accent-color-hover, rgb(var(--accent-color)))); |
|||
background-image: linear-gradient(to bottom, var(--accent-color-hover, rgb(var(--accent-color)))); |
|||
|
|||
} |
|||
|
|||
.dashboard-stats-info-item .sub-count { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.pagination>.active>a, |
|||
.pagination>.active>span, |
|||
.pagination>.active>a:hover, |
|||
.pagination>.active>span:hover, |
|||
.pagination>.active>a:focus, |
|||
.pagination>.active>span:focus { |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
} |
|||
|
|||
a:hover, |
|||
a:focus { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
table.display td:hover a { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
.user-overview-stats-instance h3, |
|||
.user-player-instance-playcount h3, |
|||
.summary-content-title h1, |
|||
.summary-content-title h1 a { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.user-info-nav>.active>a { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
a:hover .dashboard-recent-media-poster, |
|||
a:hover .dashboard-recent-media-cover { |
|||
-webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); |
|||
-moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); |
|||
box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.nav-settings>.active>a, |
|||
.nav-settings>.active>a:hover, |
|||
.nav-settings>.active>a:focus { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
div.advanced-setting { |
|||
border-left: 1px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.docker-setting { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.modal-body strong, |
|||
.modal-body strong i.fa { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.user-info-nav a:hover { |
|||
color: var(--accent-color-hover) |
|||
} |
|||
|
|||
a:hover .dashboard-activity-poster, |
|||
a:hover .dashboard-activity-cover { |
|||
-webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); |
|||
-moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); |
|||
box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); |
|||
} |
|||
|
|||
a:hover .dashboard-stats-poster, |
|||
a:hover .dashboard-stats-cover, |
|||
a:hover .dashboard-stats-circle, |
|||
a:hover .dashboard-stats-square { |
|||
-webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); |
|||
-moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); |
|||
box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); |
|||
} |
|||
|
|||
a:hover .item-children-poster { |
|||
-webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); |
|||
-moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); |
|||
box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.dashboard-activity-terminate-session:hover { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
a .dashboard-activity-metadata-user-thumb:hover { |
|||
-webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); |
|||
-moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); |
|||
box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.stream-info .heading { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
a .library-user-instance-box:hover { |
|||
-webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); |
|||
-moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); |
|||
box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.summary-navbar-list .breadcrumb a:hover { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.dashboard-recent-media-metacontainer h3.text-muted a:hover { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
a .poster-face:hover, |
|||
a .cover-face:hover, |
|||
a .users-poster-face:hover, |
|||
.summary-poster-face-overlay { |
|||
-webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); |
|||
-moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); |
|||
box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.submenu li { |
|||
border-bottom: 1px solid rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
span>a.active, |
|||
.stacked-configs>li>span>span.active { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.accordion li.open .link, |
|||
.accordion li.open .link i.fa { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.news-body a:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
@ -1,179 +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 */ |
|||
|
|||
#chat .userlist .names { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
#chat .user-mode:before { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
@media (max-width: 768px) { |
|||
#chat .userlist .names { |
|||
box-shadow: 0 0 25px 0 rgba(0, 0, 0, .5); |
|||
background: var(--window-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; |
|||
} |
|||
} |
|||
|
|||
@media (max-width: 768px) { |
|||
|
|||
#viewport.menu-dragging #sidebar, |
|||
#viewport.menu-open #sidebar { |
|||
box-shadow: 0 0 25px 0 rgba(0, 0, 0, .5); |
|||
background: rgba(0, 0, 0, 0.85); |
|||
} |
|||
} |
|||
|
|||
#chat .chan .notice .user, |
|||
#chat .notice .content, |
|||
#chat .notice .time { |
|||
color: var(--date-marker-color) !important; |
|||
} |
|||
|
|||
#form #nick { |
|||
background: var(--theme-accent); |
|||
color: #f3f3f3; |
|||
} |
|||
|
|||
#form { |
|||
background-color: rgba(0, 0, 0, 0.45); |
|||
border-color: #0086ff00; |
|||
color: var(--body-color); |
|||
} |
|||
|
|||
#sidebar .active, |
|||
#sidebar .active:hover { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
#chat .msg.motd .text, |
|||
code, |
|||
.irc-monospace { |
|||
background: rgba(0, 0, 0, 0.45); |
|||
color: #f3f3f3; |
|||
} |
|||
|
|||
#chat .content, |
|||
#windows #chat .header, |
|||
#chat .user-mode::before, |
|||
#chat .userlist { |
|||
border-color: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
#chat .msg[data-type=motd] .text { |
|||
background: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
/* Dropdown menu */ |
|||
#context-menu, |
|||
.textcomplete-menu { |
|||
background: var(--body-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: white !important; */ |
|||
} |
|||
|
|||
.context-menu-item, |
|||
.textcomplete-item { |
|||
color: var(--body-color); |
|||
} |
|||
|
|||
#chat .userlist .user.active, |
|||
.context-menu-item:focus, |
|||
.context-menu-item:hover, |
|||
.textcomplete-item:focus, |
|||
.textcomplete-item:hover, |
|||
.textcomplete-menu .active { |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
transition: none; |
|||
outline: 0; |
|||
} |
|||
|
|||
#chat.table.ignore-list td, |
|||
#chat table.ban-list td, |
|||
#chat table.ban-list th, |
|||
#chat table.channel-list td, |
|||
#chat table.channel-list th, |
|||
#chat table.ignore-list th, |
|||
#chat table.invite-list td, |
|||
#chat table.invite-list th { |
|||
padding: 5px; |
|||
vertical-align: top; |
|||
border-bottom: 1px solid rgba(255, 255, 255, 0.25); |
|||
} |
|||
|
|||
#chat .userlist .count { |
|||
background-color: rgba(0, 0, 0, 0.6); |
|||
} |
|||
|
|||
#footer button:hover, |
|||
#sidebar .chan:hover { |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
#settings .extra-help:before { |
|||
content: "\F059"; |
|||
color: var(--body-color); |
|||
} |
|||
|
|||
#windows .window h2 { |
|||
color: var(--body-color); |
|||
} |
|||
|
|||
#windows .window h2 { |
|||
border-bottom: 1px solid rgba(255, 255, 255, 0.25); |
|||
} |
|||
|
|||
.input:not(:disabled):focus, |
|||
.input:not(:disabled):hover { |
|||
border-color: #ffffff; |
|||
} |
|||
|
|||
.btn:active, |
|||
.btn:focus, |
|||
.input:focus { |
|||
outline: 0; |
|||
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); |
|||
} |
|||
|
|||
.btn { |
|||
color: inherit; |
|||
} |
|||
|
|||
.mentions-popup { |
|||
background: var(--body-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; |
|||
} |
|||
|
|||
#chat .toggle-content { |
|||
background: var(--highlight-bg-color); |
|||
|
|||
} |
|||
@ -1,982 +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 */ |
|||
@import url(https://use.fontawesome.com/releases/v5.0.7/css/all.css); |
|||
|
|||
* { |
|||
outline: none !important; |
|||
} |
|||
|
|||
a { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
a:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
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); |
|||
} |
|||
|
|||
/* Scrollbar */ |
|||
@media only screen and (min-width: 768px) { |
|||
html { |
|||
height: 100%; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
body { |
|||
overflow-y: auto; |
|||
height: 100%; |
|||
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; |
|||
} |
|||
} |
|||
|
|||
::-webkit-scrollbar { |
|||
width: 14px; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .2); |
|||
background-clip: padding-box; |
|||
} |
|||
|
|||
::-webkit-scrollbar-track { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb:hover { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .5); |
|||
background-clip: padding-box; |
|||
} |
|||
|
|||
div#torrent_container { |
|||
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; |
|||
} |
|||
|
|||
div#torrent_inspector #inspector_header #torrent_inspector_name, |
|||
.prefs-section .title { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
/* Toolbar */ |
|||
div#toolbar { |
|||
background: rgba(0, 0, 0, .25); |
|||
background-image: none; |
|||
border-bottom: 1px solid transparent; |
|||
} |
|||
|
|||
div#toolbar>div#toolbar-separator { |
|||
display: none |
|||
} |
|||
|
|||
/* Open torrent folder*/ |
|||
div#toolbar>div#toolbar-open { |
|||
background-image: none; |
|||
} |
|||
|
|||
div#toolbar>div#toolbar-open:hover:before { |
|||
color: var(--accent-color-hover); |
|||
} |
|||
|
|||
div#toolbar>div#toolbar-open:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 33px; |
|||
content: "\f07c"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: rgb(var(--accent-color)); |
|||
margin-right: 5px; |
|||
} |
|||
|
|||
/* Stop Icon */ |
|||
div#toolbar>div#toolbar-remove { |
|||
background-image: none; |
|||
} |
|||
|
|||
div#toolbar>div#toolbar-remove:hover:before { |
|||
color: var(--accent-color-hover); |
|||
} |
|||
|
|||
div#toolbar>div#toolbar-remove:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 33px; |
|||
content: "\f28d"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: rgb(var(--accent-color)); |
|||
margin-left: 5px; |
|||
} |
|||
|
|||
/* Start Icon */ |
|||
div#toolbar>div#toolbar-start { |
|||
background-image: none; |
|||
} |
|||
|
|||
div#toolbar>div#toolbar-start:hover:before { |
|||
color: var(--accent-color-hover); |
|||
} |
|||
|
|||
div#toolbar>div#toolbar-start:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 33px; |
|||
content: "\f152"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: rgb(var(--accent-color)); |
|||
margin-left: 5px; |
|||
} |
|||
|
|||
/* Pause Icon */ |
|||
div#toolbar>div#toolbar-pause { |
|||
background-image: none; |
|||
} |
|||
|
|||
div#toolbar>div#toolbar-pause:hover:before { |
|||
color: var(--accent-color-hover); |
|||
} |
|||
|
|||
div#toolbar>div#toolbar-pause:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 33px; |
|||
content: "\f04c"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: rgb(var(--accent-color)); |
|||
margin-left: 5px; |
|||
} |
|||
|
|||
/* Start-all Icon */ |
|||
div#toolbar>div#toolbar-start-all { |
|||
background-image: none; |
|||
} |
|||
|
|||
div#toolbar>div#toolbar-start-all:hover:before { |
|||
color: var(--accent-color-hover); |
|||
} |
|||
|
|||
div#toolbar>div#toolbar-start-all:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 33px; |
|||
content: "\f101"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: rgb(var(--accent-color)); |
|||
margin-left: 5px; |
|||
} |
|||
|
|||
/* Pause-all Icon */ |
|||
div#toolbar>div#toolbar-pause-all { |
|||
background-image: none; |
|||
} |
|||
|
|||
div#toolbar>div#toolbar-pause-all:hover:before { |
|||
color: var(--accent-color-hover); |
|||
} |
|||
|
|||
div#toolbar>div#toolbar-pause-all:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 33px; |
|||
content: "\f28b"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* Info Icon */ |
|||
div#toolbar>div#toolbar-inspector { |
|||
background-image: none; |
|||
} |
|||
|
|||
div#toolbar>div#toolbar-inspector:hover:before { |
|||
color: var(--accent-color-hover); |
|||
} |
|||
|
|||
div#toolbar>div#toolbar-inspector:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 33px; |
|||
content: "\f05a"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* Statusbar */ |
|||
#statusbar { |
|||
border-bottom: 1px solid transparent; |
|||
background-image: none; |
|||
background-color: rgba(0, 0, 0, 0.25) |
|||
} |
|||
|
|||
#statusbar #filter input#torrent_search { |
|||
outline: none; |
|||
border: none; |
|||
border-radius: 2px; |
|||
} |
|||
|
|||
#statusbar #filter input#torrent_search.blur { |
|||
color: #999; |
|||
outline: none; |
|||
border: none; |
|||
border-radius: 2px; |
|||
} |
|||
|
|||
#statusbar #speed-info #speed-dn-icon { |
|||
background: none; |
|||
} |
|||
|
|||
#statusbar #speed-info #speed-dn-icon:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 10px; |
|||
content: "\f0d7"; |
|||
font-weight: 900; |
|||
} |
|||
|
|||
#statusbar #speed-info #speed-up-icon { |
|||
background: none; |
|||
} |
|||
|
|||
#statusbar #speed-info #speed-up-icon:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 10px; |
|||
content: "\f0d8"; |
|||
font-weight: 900; |
|||
} |
|||
|
|||
ul.torrent_list, |
|||
ul.torrent_list li.torrent.even { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
ul.torrent_list li.torrent div.torrent_name { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
ul.torrent_list li.torrent.selected { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
ul.torrent_list li.torrent { |
|||
border-bottom: 1px solid rgba(204, 204, 204, 0.1); |
|||
padding: 4px 30px 5px 14px; |
|||
color: var(--text); |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
/* Modal */ |
|||
div.dialog_container div.dialog_window { |
|||
background: var(--modal-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; |
|||
border: none !important; |
|||
opacity: 1; |
|||
} |
|||
|
|||
div.dialog_container div.dialog_window h2.dialog_heading, |
|||
div#upload_container div.dialog_window div.dialog_message label { |
|||
color: #dedede |
|||
} |
|||
|
|||
input { |
|||
color: var(--text-hover); |
|||
background: rgba(0, 0, 0, .25) |
|||
} |
|||
|
|||
#add-dialog-folder-input, |
|||
#torrent_upload_url { |
|||
color: var(--text-hover); |
|||
outline: none; |
|||
} |
|||
|
|||
div.dialog_container div.dialog_window div.dialog_message { |
|||
color: #dedede; |
|||
} |
|||
|
|||
/* Button*/ |
|||
div.dialog_container div.dialog_window a { |
|||
background-color: var(--button-color); |
|||
border: 1px solid var(--button-color); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
div.dialog_container div.dialog_window a:hover, |
|||
div.dialog_container div.dialog_window a:active { |
|||
background: none; |
|||
background-color: var(--button-color-hover); |
|||
border: 1px solid var(--button-color-hover); |
|||
} |
|||
|
|||
/* ul.torrent_list div.torrent_progress_bar.complete.leeching { |
|||
background-position: left 0px; |
|||
background: var(--progress-color); |
|||
border-color: var(--progress-color); |
|||
} */ |
|||
|
|||
/* ul.torrent_list div.torrent_progress_bar { |
|||
height: 100%; |
|||
position: absolute; |
|||
top: 0px; |
|||
left: 0px; |
|||
background-image: none; |
|||
background-repeat: repeat-x; |
|||
border: 1px solid #888; |
|||
} */ |
|||
|
|||
.ui-widget-content { |
|||
border: 1px solid transparent; |
|||
background: var(--drop-down-menu-bg); |
|||
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); |
|||
} |
|||
|
|||
.ui-widget-header { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.ui-widget .ui-widget { |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.ui-widget { |
|||
-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7); |
|||
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7); |
|||
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7); |
|||
} |
|||
|
|||
#download-dir, |
|||
#seedRatioLimit, |
|||
#idle-seeding-limit, |
|||
#speed-limit-up, |
|||
#speed-limit-down, |
|||
#alt-speed-up, |
|||
#alt-speed-down, |
|||
#peer-limit-per-torrent, |
|||
#peer-limit-global, |
|||
#blocklist-url, |
|||
#blocklist-update-button, |
|||
#peer-port { |
|||
color: black; |
|||
outline: none; |
|||
} |
|||
|
|||
.ui-widget-header { |
|||
border: 1px solid transparent; |
|||
background: none; |
|||
color: #222; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.ui-state-active, |
|||
.ui-widget-content .ui-state-active, |
|||
.ui-widget-header .ui-state-active { |
|||
border: 1px solid transparent; |
|||
background: rgba(255, 255, 255, .1) !important; |
|||
font-weight: normal; |
|||
color: #dedede; |
|||
} |
|||
|
|||
.ui-state-active a, |
|||
.ui-state-active a:link, |
|||
.ui-state-active a:visited { |
|||
color: #dedede; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.ui-state-default a, |
|||
.ui-state-default a:link, |
|||
.ui-state-default a:visited { |
|||
color: #dedede; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.ui-state-default, |
|||
.ui-widget-content .ui-state-default, |
|||
.ui-widget-header .ui-state-default { |
|||
border: 1px solid transparent; |
|||
background: rgba(0, 0, 0, 0.25); |
|||
font-weight: normal; |
|||
color: #dedede; |
|||
} |
|||
|
|||
.ui-tabs .ui-tabs-nav li.ui-tabs-active { |
|||
padding-bottom: 0px; |
|||
} |
|||
|
|||
/*Close Icon*/ |
|||
ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close { |
|||
background-image: none; |
|||
} |
|||
|
|||
ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close:hover:before { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 10px; |
|||
content: "\f00d"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: var(--text); |
|||
} |
|||
|
|||
/*Inspector*/ |
|||
div#torrent_inspector { |
|||
border-left: 1px solid transparent; |
|||
-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7); |
|||
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7); |
|||
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7); |
|||
} |
|||
|
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>* { |
|||
border-color: transparent; |
|||
height: auto; |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
div#torrent_inspector div.inspector_torrent_file_list_entry_name, |
|||
div#torrent_inspector ul.tier_list .tracker_activity, |
|||
div#torrent_inspector ul.tier_list table, |
|||
div#torrent_inspector div.tracker_host { |
|||
color: #dedede; |
|||
} |
|||
|
|||
/*Info button*/ |
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info { |
|||
background-image: none; |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:hover:before { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 20px; |
|||
content: "\f05a"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: var(--text); |
|||
} |
|||
|
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:active, |
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info.selected { |
|||
background-image: none; |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:active, |
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info.selected:hover:before { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:active, |
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info.selected:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 20px; |
|||
content: "\f05a"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: var(--text); |
|||
} |
|||
|
|||
/*Peers Button*/ |
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers { |
|||
background-image: none; |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:hover:before { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 20px; |
|||
content: "\f0c0"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: var(--text); |
|||
} |
|||
|
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:active, |
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers.selected { |
|||
background-image: none; |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:active, |
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers.selected:hover:before { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:active, |
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers.selected:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 20px; |
|||
content: "\f0c0"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: var(--text); |
|||
} |
|||
|
|||
/*Tracker Button*/ |
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers { |
|||
background-image: none; |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:hover:before { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 20px; |
|||
content: "\f233"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: var(--text); |
|||
} |
|||
|
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:active, |
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers.selected { |
|||
background-image: none; |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:active, |
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers.selected:hover:before { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:active, |
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers.selected:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 20px; |
|||
content: "\f233"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: var(--text); |
|||
} |
|||
|
|||
/*Files Button*/ |
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files { |
|||
background-image: none; |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:hover:before { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 20px; |
|||
content: "\f0c5"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: var(--text); |
|||
} |
|||
|
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:active, |
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files.selected { |
|||
background-image: none; |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:active, |
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files.selected:hover:before { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:active, |
|||
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files.selected:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 20px; |
|||
content: "\f0c5"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: var(--text); |
|||
} |
|||
|
|||
tr.inspector_peer_entry.odd { |
|||
background-color: rgba(255, 255, 255, 0.1); |
|||
} |
|||
|
|||
/* Priority buttons */ |
|||
div.file-priority-radiobox>* { |
|||
border-color: transparent; |
|||
width: auto; |
|||
} |
|||
|
|||
/*Low pri*/ |
|||
div.file-priority-radiobox>div.low { |
|||
background-color: transparent; |
|||
background-image: none; |
|||
} |
|||
|
|||
div.file-priority-radiobox>div.low:hover:before { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div.file-priority-radiobox>div.low:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 30px; |
|||
content: "\f107"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: var(--text); |
|||
} |
|||
|
|||
div.file-priority-radiobox>div.low:active, |
|||
div.file-priority-radiobox>div.low.selected { |
|||
background-color: transparent; |
|||
background-image: none; |
|||
} |
|||
|
|||
div.file-priority-radiobox>div.low:active, |
|||
div.file-priority-radiobox>div.low.selected:hover:before { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div.file-priority-radiobox>div.low:active, |
|||
div.file-priority-radiobox>div.low.selectedbefore { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 30px; |
|||
content: "\f107"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: var(--text); |
|||
} |
|||
|
|||
/*Normal pri*/ |
|||
div.file-priority-radiobox>div.normal { |
|||
background-color: transparent; |
|||
background-image: none; |
|||
} |
|||
|
|||
div.file-priority-radiobox>div.normal:hover:before { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div.file-priority-radiobox>div.normal:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 30px; |
|||
content: "\f068"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: var(--text); |
|||
} |
|||
|
|||
div.file-priority-radiobox>div.normal:active, |
|||
div.file-priority-radiobox>div.normal.selected { |
|||
background-color: transparent; |
|||
background-image: none; |
|||
} |
|||
|
|||
div.file-priority-radiobox>div.normal:active, |
|||
div.file-priority-radiobox>div.normal.selected:hover:before { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div.file-priority-radiobox>div.normal:active, |
|||
div.file-priority-radiobox>div.normal.selectedbefore { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 30px; |
|||
content: "\f068"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: var(--text); |
|||
} |
|||
|
|||
/*High pri*/ |
|||
div.file-priority-radiobox>div.high { |
|||
background-color: transparent; |
|||
background-image: none; |
|||
} |
|||
|
|||
div.file-priority-radiobox>div.high:hover:before { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div.file-priority-radiobox>div.high:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 30px; |
|||
content: "\f106"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: var(--text); |
|||
} |
|||
|
|||
div.file-priority-radiobox>div.high:active, |
|||
div.file-priority-radiobox>div.high.selected { |
|||
background-color: transparent; |
|||
background-image: none; |
|||
} |
|||
|
|||
div.file-priority-radiobox>div.high:active, |
|||
div.file-priority-radiobox>div.high.selected:hover:before { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div.file-priority-radiobox>div.high:active, |
|||
div.file-priority-radiobox>div.high.selectedbefore { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 30px; |
|||
content: "\f106"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: var(--text); |
|||
} |
|||
|
|||
div#torrent_inspector li.inspector_tracker_entry.odd { |
|||
background-color: rgba(255, 255, 255, 0.1); |
|||
} |
|||
|
|||
/*Bottom Toolbar*/ |
|||
div.torrent_footer { |
|||
border-top: 1px solid transparent; |
|||
background-color: rgba(0, 0, 0, .25); |
|||
background-image: none; |
|||
height: 30px; |
|||
} |
|||
|
|||
div.torrent_footer>div { |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
/* Settings Icon */ |
|||
div.torrent_footer #settings_menu { |
|||
background-color: transparent; |
|||
background-image: none; |
|||
} |
|||
|
|||
div.torrent_footer #settings_menu:hover:before { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div.torrent_footer #settings_menu:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 20px; |
|||
content: "\f013"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: var(--text); |
|||
} |
|||
|
|||
div.torrent_footer #settings_menu:active, |
|||
div.torrent_footer #settings_menu.selected { |
|||
background-color: transparent; |
|||
background-image: none; |
|||
} |
|||
|
|||
div.torrent_footer #settings_menu:active, |
|||
div.torrent_footer #settings_menu.selected:hover:before { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div.torrent_footer #settings_menu:active, |
|||
div.torrent_footer #settings_menu.selected:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 20px; |
|||
content: "\f013"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: var(--text); |
|||
} |
|||
|
|||
/* Prefs Icon */ |
|||
div.torrent_footer #prefs-button { |
|||
background-color: transparent; |
|||
background-image: none; |
|||
} |
|||
|
|||
div.torrent_footer #prefs-button:hover:before { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div.torrent_footer #prefs-button:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 20px; |
|||
content: "\f0ad"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: var(--text); |
|||
} |
|||
|
|||
div.torrent_footer #prefs-button:active, |
|||
div.torrent_footer #prefs-button.selected { |
|||
background-color: transparent; |
|||
background-image: none; |
|||
} |
|||
|
|||
div.torrent_footer #prefs-button:active, |
|||
div.torrent_footer #prefs-button.selected:hover:before { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div.torrent_footer #prefs-button:active, |
|||
div.torrent_footer #prefs-button.selected:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 20px; |
|||
content: "\f0ad"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: var(--text); |
|||
} |
|||
|
|||
/* Turtle Icon */ |
|||
div.torrent_footer #turtle-button { |
|||
background-color: transparent; |
|||
background-image: none; |
|||
} |
|||
|
|||
div.torrent_footer #turtle-button:hover:before { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div.torrent_footer #turtle-button:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 20px; |
|||
content: "\f3fd"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: var(--text); |
|||
} |
|||
|
|||
div.torrent_footer #turtle-button:active, |
|||
div.torrent_footer #turtle-button.selected { |
|||
background-color: transparent; |
|||
background-image: none; |
|||
} |
|||
|
|||
div.torrent_footer #turtle-button:active, |
|||
div.torrent_footer #turtle-button.selected:hover:before { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div.torrent_footer #turtle-button:active, |
|||
div.torrent_footer #turtle-button.selected:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 20px; |
|||
content: "\f3fd"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: white; |
|||
} |
|||
|
|||
/* Compact Icon */ |
|||
div.torrent_footer #compact-button { |
|||
background-color: transparent; |
|||
background-image: none; |
|||
} |
|||
|
|||
div.torrent_footer #compact-button:hover:before { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div.torrent_footer #compact-button:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 20px; |
|||
content: "\f0ca"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: var(--text); |
|||
} |
|||
|
|||
div.torrent_footer #compact-button:active, |
|||
div.torrent_footer #compact-button.selected { |
|||
background-color: transparent; |
|||
background-image: none; |
|||
} |
|||
|
|||
div.torrent_footer #compact-button:active, |
|||
div.torrent_footer #compact-button.selected:hover:before { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div.torrent_footer #compact-button:active, |
|||
div.torrent_footer #compact-button.selected:before { |
|||
font-family: "Font Awesome 5 Free"; |
|||
font-size: 20px; |
|||
content: "\f0ca"; |
|||
font-weight: 900; |
|||
display: inline-block; |
|||
color: var(--text); |
|||
} |
|||
|
|||
/*Compact mode*/ |
|||
ul.torrent_list li.torrent div.torrent_name.paused, |
|||
ul.torrent_list li.torrent.compact div.torrent_name { |
|||
color: #dedede; |
|||
} |
|||
|
|||
/* Settings menu */ |
|||
.ui-state-hover, |
|||
.ui-widget-content .ui-state-hover, |
|||
.ui-widget-header .ui-state-hover, |
|||
.ui-state-focus, |
|||
.ui-widget-content .ui-state-focus, |
|||
.ui-widget-header .ui-state-focus { |
|||
border: 1px solid transparent; |
|||
background: none; |
|||
background-color: rgba(255, 255, 255, 0.1); |
|||
color: var(--text-hover); |
|||
outline: none; |
|||
} |
|||
|
|||
.ui-icon, |
|||
.ui-widget-content .ui-icon { |
|||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/resources/transmission/icons.png); |
|||
} |
|||
@ -1,721 +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 */ |
|||
|
|||
* { |
|||
outline: none; |
|||
} |
|||
|
|||
body { |
|||
color: var(--text); |
|||
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; |
|||
} |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
strong { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
i.fa.fa-fw { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
a, |
|||
.blue-text, |
|||
a.static, |
|||
i.control { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
a:hover, |
|||
a.static:hover, |
|||
i.control:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
#template { |
|||
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; |
|||
} |
|||
|
|||
#menu { |
|||
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; |
|||
} |
|||
|
|||
#header .text-left { |
|||
border-right: solid medium rgb(var(--accent-color)); |
|||
} |
|||
|
|||
#header { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
#header, |
|||
#header .text-right a { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
#header .block { |
|||
background-color: rgb(0 0 0 / 20%); |
|||
border-radius: 0px 0px 0px 25px; |
|||
} |
|||
|
|||
#nav-block #nav-item:focus:after, |
|||
#nav-block #nav-item:hover:after, |
|||
#nav-block #nav-item.active:after { |
|||
background: var(--accent-color-hover); |
|||
} |
|||
|
|||
#nav-block #nav-item a:hover { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
#nav-block #nav-item a { |
|||
color: var(--text); |
|||
} |
|||
|
|||
#nav-item.active a { |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
#nav-item.active a:hover { |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
textarea { |
|||
background: rgb(0 0 0 / 25%); |
|||
} |
|||
|
|||
/*DASHBOARD*/ |
|||
table.share_status.dashboard { |
|||
background-color: rgba(0, 0, 0, .15); |
|||
border: 1px solid rgba(255, 255, 255, .25); |
|||
} |
|||
|
|||
table.share_status.dashboard tr>td.next { |
|||
border-top: 1px solid rgba(255, 255, 255, .25); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
span.outer.solid { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
span.inner { |
|||
width: 137px !important; |
|||
} |
|||
|
|||
thead.sortable, |
|||
thead, |
|||
table.tablesorter thead tr th { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.sys, |
|||
.usage-disk, |
|||
.usage-bar { |
|||
background: rgba(0, 0, 0, .35); |
|||
} |
|||
|
|||
.usage-disk>span:first-child { |
|||
background-color: #4caf50 |
|||
} |
|||
|
|||
#db-box3>tbody.smb.share.share1.sortable>tr>td>a { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
#db-box3>tbody.smb.share.share1.sortable>tr>td>a:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
.green-text, |
|||
.passed, |
|||
.green { |
|||
color: #4caf50; |
|||
} |
|||
|
|||
/*MAIN*/ |
|||
#title { |
|||
border-bottom: 1px solid rgba(255, 255, 255, .25); |
|||
background-color: rgba(0, 0, 0, .5); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
table { |
|||
background-color: rgb(0 0 0 / 25%); |
|||
} |
|||
|
|||
table.disk_status thead tr:first-child td, |
|||
table tbody tr.tr_last, |
|||
table.share_status tbody tr:nth-child(even), |
|||
table.share_status thead tr:first-child td, |
|||
table.tablesorter thead tr th, |
|||
table.tablesorter tbody tr:nth-child(even), |
|||
table.tablesorter thead tr .tablesorter-headerAsc, |
|||
table.tablesorter thead tr .tablesorter-headerDesc { |
|||
background-color: rgba(0, 0, 0, .25); |
|||
} |
|||
|
|||
table.disk_status tbody tr:nth-child(even) { |
|||
background-color: rgba(0, 0, 0, .25); |
|||
} |
|||
|
|||
table.disk_status thead tr:last-child { |
|||
border-bottom: 1px solid rgb(160, 160, 160); |
|||
} |
|||
|
|||
table.tablesorter thead tr { |
|||
border-bottom: rgba(255, 255, 255, .25) 1px solid; |
|||
} |
|||
|
|||
table tbody tr.tr_last { |
|||
border-top: 1px solid rgba(255, 255, 255, .25); |
|||
} |
|||
|
|||
table.share_status tbody tr.warn { |
|||
color: #e68a00 !important; |
|||
background-color: #feefb3 !important; |
|||
} |
|||
|
|||
/*BUTTON*/ |
|||
input[type=button], |
|||
input[type=reset], |
|||
input[type=submit], |
|||
button, |
|||
button[type=button], |
|||
a.button, |
|||
.sweet-alert button, |
|||
#template button[type=button], |
|||
#template button { |
|||
color: var(--text); |
|||
text-shadow: var(--text-shadow) var(--text-shadow-color); |
|||
background: linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat; |
|||
background: -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat; |
|||
background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%; |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
input:hover[type=button], |
|||
input:hover[type=reset], |
|||
input:hover[type=submit], |
|||
button:hover, |
|||
button:hover[type=button], |
|||
a.button:hover, |
|||
.sweet-alert button:hover, |
|||
#template button[type=button]:hover, |
|||
#template button:hover { |
|||
color: var(--button-text-hover); |
|||
text-shadow: var(--text-shadow) var(--button-color-hover); |
|||
box-shadow: var(--box-shadow) var(--button-color-hover); |
|||
background-color: var(--button-color-hover); |
|||
background: -webkit-gradient(linear, left top, right top, from(var(--button-color-hover)), to(var(--button-color-hover))); |
|||
background: linear-gradient(90deg, var(--button-color-hover) 0, var(--button-color-hover)); |
|||
} |
|||
|
|||
.swal-button { |
|||
color: var(--button-text) !important; |
|||
text-shadow: var(--text-shadow) var(--text-shadow-color) !important; |
|||
background: linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat !important; |
|||
background: -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat !important; |
|||
background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100% !important; |
|||
border: 1px solid transparent !important; |
|||
} |
|||
|
|||
.swal-button:hover { |
|||
color: var(--button-text-hover) !important; |
|||
text-shadow: var(--text-shadow) var(--button-color-hover) !important; |
|||
box-shadow: var(--box-shadow) var(--button-color-hover) !important; |
|||
background-color: var(--button-color-hover) !important; |
|||
background: -webkit-gradient(linear, left top, right top, from(var(--button-color-hover)), to(var(--button-color-hover))) !important; |
|||
background: linear-gradient(90deg, var(--button-color-hover) 0, var(--button-color-hover)) !important; |
|||
} |
|||
|
|||
.switch-button-background.checked { |
|||
background-color: #4caf50 !important; |
|||
} |
|||
|
|||
.switch-button-label.on { |
|||
color: #4caf50 !important; |
|||
} |
|||
|
|||
/* BAR GAUGES */ |
|||
.usage-disk { |
|||
color: white; |
|||
} |
|||
|
|||
/* USERS */ |
|||
div.user-list { |
|||
border: 1px solid rgba(255, 255, 255, .15); |
|||
background-color: rgba(255, 255, 255, .05); |
|||
} |
|||
|
|||
/* SETTINGS */ |
|||
label.checkbox input:checked~.checkmark { |
|||
background: var(--button-color); |
|||
} |
|||
|
|||
.logLine { |
|||
background: transparent; |
|||
} |
|||
|
|||
.logLine.spacing { |
|||
color: var(--text); |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
#sb-info-inner, |
|||
#sb-loading-inner, |
|||
div.sb-message { |
|||
color: var(--text); |
|||
background-color: transparent; |
|||
} |
|||
|
|||
#sb-title, |
|||
#sb-title-inner { |
|||
color: var(--text-hover); |
|||
background-color: transparent; |
|||
} |
|||
|
|||
|
|||
#sb-wrapper { |
|||
border: 1px rgba(0, 0, 0, 0) solid; |
|||
color: var(--text); |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
#sb-loading, |
|||
#sb-body-inner, |
|||
iframe { |
|||
color: var(--text); |
|||
background: transparent !important; |
|||
} |
|||
|
|||
div.Panel i.PanelIcon { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
/* PLUGINS */ |
|||
div.tab [type=radio]:checked+label, |
|||
div.tab [type=radio]+label:hover { |
|||
border: 1px solid var(--accent-color-hover); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div.tab [type=radio]+label { |
|||
border: 1px solid rgb(255 255 255 / 25%); |
|||
background-color: rgb(0 0 0 / 50%); |
|||
opacity: 0.5; |
|||
} |
|||
|
|||
/* FOOTER */ |
|||
#footer { |
|||
color: var(--text); |
|||
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; |
|||
} |
|||
|
|||
/* CA */ |
|||
.ca_holderDocker { |
|||
background-color: rgb(0 0 0 / 10%) !important; |
|||
border-color: rgb(0 0 0 / 25%) !important; |
|||
} |
|||
|
|||
.ca_holderDocker::before { |
|||
color: rgb(255 255 255 / 40%) !important; |
|||
} |
|||
|
|||
.selectedMenu { |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.hoverMenu { |
|||
color: var(--link-color-hover) !important; |
|||
} |
|||
|
|||
.ca_descriptionArea:hover, |
|||
a.ca_repoPopup:hover { |
|||
color: var(--button-text-hover) !important; |
|||
} |
|||
|
|||
.ca_templatesDisplay .ca_holderFav { |
|||
background: rgb(var(--accent-color), .7) !important; |
|||
color: var(--label-text-color) !important; |
|||
} |
|||
|
|||
a.ca_appreadmore:hover { |
|||
color: var(--link-color-hover) !important; |
|||
} |
|||
|
|||
.ca_bottomLine .appIcons:hover, |
|||
.ca_bottomLine .unpinned:hover { |
|||
text-decoration: none; |
|||
color: var(--link-color-hover) !important; |
|||
} |
|||
|
|||
.tooltipster-sidetip.tooltipster-right .tooltipster-box { |
|||
border-left: 3px solid rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box { |
|||
border-top: 3px solid rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { |
|||
border-top-color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { |
|||
border-right-color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border, |
|||
.tooltipster-sidetip.tooltipster-top .tooltipster-box { |
|||
border-bottom-color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.appIconsPopUp:hover { |
|||
color: var(--accent-color-hover) !important; |
|||
} |
|||
|
|||
a.popUpLink:hover { |
|||
color: var(--accent-color-hover) !important; |
|||
} |
|||
|
|||
li.caMenuItem { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
li.caMenuItem:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
.ca_holder { |
|||
background-color: rgb(0, 0, 0, .25) !important; |
|||
border-color: rgba(255, 255, 255, 0.1) !important; |
|||
} |
|||
|
|||
.ca_holder:hover { |
|||
background-color: rgba(0, 0, 0, 0.45) !important; |
|||
} |
|||
|
|||
.supportButton, |
|||
.actionsPopup, |
|||
.supportPopup, |
|||
.popupProfile, |
|||
.repoPopup, |
|||
.ca_favouriteRepo { |
|||
color: var(--button-text) !important; |
|||
background: var(--button-color) !important; |
|||
border-color: var(--button-color) !important; |
|||
} |
|||
|
|||
#templates_content > div > div > div.ca_bottomLine > div.infoButton.ca_appPopup { |
|||
color: var(--button-text) !important; |
|||
background: var(--button-color) !important; |
|||
border-color: var(--button-color) !important; |
|||
} |
|||
.infoButton:hover { |
|||
background: var(--button-color-hover) !important; |
|||
color: var(--button-text-hover) !important; |
|||
border-color: var(--button-color-hover) !important; |
|||
} |
|||
|
|||
.supportButton:hover, |
|||
.actionsPopup:hover, |
|||
.supportPopup:hover, |
|||
.popupProfile:hover, |
|||
.repoPopup:hover, |
|||
.ca_favouriteRepo:hover, |
|||
.donate:hover{ |
|||
background: var(--button-color-hover) !important; |
|||
color: var(--button-text-hover) !important; |
|||
border-color: var(--button-color-hover) !important; |
|||
} |
|||
|
|||
.donate a { |
|||
color: var(--button-text) !important; |
|||
} |
|||
|
|||
.donate:hover a { |
|||
color: var(--button-text-hover) !important; |
|||
} |
|||
|
|||
.unpinned { |
|||
color: var(--button-color) !important |
|||
} |
|||
|
|||
.unpinned:hover { |
|||
color: var(--button-color-hover) !important; |
|||
} |
|||
|
|||
.homeMore:hover, |
|||
.popUpClose:hover, |
|||
.enabledIcon:hover, |
|||
.ca_readmore:hover { |
|||
color: var(--link-color-hover) !important; |
|||
} |
|||
|
|||
.homeMore, |
|||
.popUpClose, |
|||
.ca_readmore { |
|||
color: var(--link-color) !important; |
|||
} |
|||
|
|||
.sortIcons.enabledIcon { |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.sortIcons.enabledIcon:hover { |
|||
color: var(--link-color-hover) !important; |
|||
} |
|||
|
|||
.sortIcons { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
.sortIcons:hover { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.pageSelected { |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.pageNumber:hover { |
|||
color: var(--accent-color-hover) !important; |
|||
} |
|||
|
|||
#copyright>a { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
#copyright>a:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
.ca_red { |
|||
color: #e22828 !important; |
|||
} |
|||
|
|||
/* CA search input */ |
|||
#searchButton:hover { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
#searchBox, |
|||
.searchSubmit { |
|||
background: rgba(255, 255, 255, 0.05) !important; |
|||
} |
|||
|
|||
/* CA slide in menu */ |
|||
|
|||
.chartMenu:hover { |
|||
color: var(--link-color-hover) !important; |
|||
} |
|||
|
|||
.sidenav { |
|||
background: var(--modal-bg-color) !important; |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
/* AZURE THEME*/ |
|||
div.frame, |
|||
div.tabs { |
|||
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; |
|||
} |
|||
|
|||
/*DROPDOWN MENU*/ |
|||
.dropdown-menu { |
|||
background: var(--drop-down-menu-bg) !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; |
|||
} |
|||
|
|||
.dropdown-menu a { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
.dropdown-menu .divider { |
|||
background-color: rgb(255 255 255 / 10%) !important; |
|||
border-bottom: 1px solid rgb(255 255 255 / 10%) !important; |
|||
} |
|||
|
|||
.dropdown-menu li>a:hover, |
|||
.dropdown-menu li>a:focus, |
|||
.dropdown-submenu:hover>a { |
|||
color: var(--text-hover) !important; |
|||
background: rgb(255 255 255 / 10%) !important; |
|||
} |
|||
|
|||
/*VM MANAGER*/ |
|||
div.shade-black { |
|||
background-color: rgb(0 0 0 / 15%) !important; |
|||
} |
|||
|
|||
::placeholder { |
|||
color: var(--text-muted) !important; |
|||
} |
|||
|
|||
:-ms-input-placeholder { |
|||
color: var(--text-muted) !important; |
|||
} |
|||
|
|||
::-webkit-input-placeholder { |
|||
color: var(--text-muted) !important; |
|||
} |
|||
|
|||
/* MODAL */ |
|||
|
|||
/* .sweet-alert { |
|||
background: var(--modal-bg-color) !important; |
|||
} */ |
|||
|
|||
.showSweetAlert:not([data-has-cancel-button="false"]), |
|||
.swal-overlay--show-modal .swal-modal { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.sweet-alert h2, |
|||
.sweet-alert p, |
|||
.swal-title, |
|||
.swal-content, |
|||
.swal-content select { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
/*HELP TEXT*/ |
|||
|
|||
blockquote { |
|||
border-top: 2px solid rgb(0 0 0 / 25%); |
|||
border-bottom: 2px solid rgb(0 0 0 / 25%); |
|||
color: var(--text); |
|||
background-color: rgb(0 0 0 / 10%); |
|||
} |
|||
|
|||
/* MY SERVERS */ |
|||
.UnraidUPC .--hasBanner-custom .UnraidUPC-dropdown { |
|||
background: var(--drop-down-menu-bg) !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; |
|||
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 50%) !important; |
|||
-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow); |
|||
box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow); |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
#UnraidUPC .text-beta { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
.UnraidUPC-dropdown a, |
|||
.UnraidUPC-dropdown button { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
.UnraidUPC-dropdown .btn-emphasize, |
|||
.UnraidUPC-dropdown a:focus, |
|||
.UnraidUPC-dropdown a:hover, |
|||
.UnraidUPC-dropdown button:focus, |
|||
.UnraidUPC-dropdown button:hover { |
|||
background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops))); |
|||
background-image: linear-gradient(90deg, var(--tw-gradient-stops)); |
|||
--tw-gradient-from: var(--accent-color-hover); |
|||
--tw-gradient-stops: var(--tw-gradient-from), rgb(var(--accent-color)), rgba(226, 40, 40, 0); |
|||
--tw-gradient-to: var(--accent-color-hover); |
|||
--tw-text-opacity: 1; |
|||
color: rgba(255, 255, 255, var(--tw-text-opacity)); |
|||
outline: 0; |
|||
} |
|||
|
|||
unraid-authed::part(div[data-v-050c892a] > button) { |
|||
background: pink !important; |
|||
} |
|||
|
|||
/* Edit template*/ |
|||
#contDescription { |
|||
background: rgb(0 0 0 / 25%); |
|||
padding: 1%; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
dt { |
|||
color: var(--text-hover); |
|||
} |
|||
@ -1,395 +0,0 @@ |
|||
@import url("https://theme-park.dev/CSS/defaults/placeholders.css"); |
|||
|
|||
body, |
|||
.dark { |
|||
margin: 0; |
|||
font-family: var(--bs-body-font-family); |
|||
font-size: var(--bs-body-font-size); |
|||
font-weight: var(--bs-body-font-weight); |
|||
line-height: var(--bs-body-line-height); |
|||
color: var(--text); |
|||
text-align: var(--bs-body-text-align); |
|||
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; |
|||
-webkit-text-size-adjust: 100%; |
|||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
|||
} |
|||
|
|||
/* TEXT */ |
|||
.text-secondary { |
|||
color: var(--text-muted) !important; |
|||
} |
|||
|
|||
.text-dark, |
|||
.form-text { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.stats p, |
|||
.word, |
|||
footer { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
.title { |
|||
color: rgb(var(--accent-color)) !important |
|||
} |
|||
|
|||
h6, |
|||
.h6, |
|||
h5, |
|||
.h5, |
|||
h4, |
|||
.h4, |
|||
h3, |
|||
.h3, |
|||
h2, |
|||
.h2, |
|||
h1, |
|||
.h1 { |
|||
color: var(--text-hover) |
|||
} |
|||
|
|||
a:hover:not(.btn), |
|||
.nav-link:hover, |
|||
.dark a:hover:not(.btn) { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
a, |
|||
.nav-link, |
|||
.dark a, |
|||
.dark .nav-link { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
.url a { |
|||
color: var(--link-color) !important; |
|||
text-decoration: underline; |
|||
} |
|||
|
|||
|
|||
|
|||
/* CARDS */ |
|||
.shadow-box, |
|||
.dark .shadow-box { |
|||
box-shadow: 0px 0px 20px 10px #0000001a; |
|||
background: rgb(255 255 255 / 8%); |
|||
} |
|||
|
|||
.list .item:hover { |
|||
background-color: rgba(255, 255, 255, .15) !important; |
|||
} |
|||
|
|||
.dark .list .item.active, |
|||
.list .item.active { |
|||
background-color: rgba(0, 0, 0, .25) !important; |
|||
} |
|||
|
|||
.dark .hp-bar-big .beat.empty, |
|||
.hp-bar-big .beat.empty { |
|||
background-color: rgba(255, 255, 255, .45) !important; |
|||
} |
|||
|
|||
|
|||
canvas { |
|||
filter: invert(1) |
|||
} |
|||
|
|||
/* TABLES */ |
|||
|
|||
th { |
|||
color: var(--text-hover) |
|||
} |
|||
|
|||
td { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.dark .table-hover>tbody>tr:hover, |
|||
.table-hover>tbody>tr:hover { |
|||
--bs-table-accent-bg: rgba(0, 0, 0, .2); |
|||
color: var(--text); |
|||
} |
|||
|
|||
|
|||
/* MENUS */ |
|||
.dropdown-menu { |
|||
color: var(--text) !important; |
|||
background: var(--drop-down-menu-bg) !important; |
|||
} |
|||
|
|||
.dropdown-item { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
.dropdown-item:hover, |
|||
.dropdown-item:focus { |
|||
color: var(--text-hover) !important; |
|||
background-color: rgba(255, 255, 255, .1) !important; |
|||
} |
|||
|
|||
.dark .dropdown-clear-data ul { |
|||
border-color: #0000 !important; |
|||
color: var(--text) !important; |
|||
background: var(--drop-down-menu-bg) !important; |
|||
} |
|||
|
|||
/* HEADER */ |
|||
.dark header, |
|||
#app>div>header { |
|||
background-color: rgba(0, 0, 0, .15) !important; |
|||
border-bottom-color: rgba(255, 255, 255, 0) !important; |
|||
} |
|||
|
|||
/* BUTTONS */ |
|||
|
|||
.dark .btn-primary { |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
.btn-primary { |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.btn-primary:hover { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-check:focus+.btn-primary, |
|||
.btn-primary:focus { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
box-shadow: 0 0 0 .25rem rgba(var(--accent-color), .5) |
|||
} |
|||
|
|||
.btn-check:checked+.btn-primary, |
|||
.btn-check:active+.btn-primary, |
|||
.btn-primary:active, |
|||
.btn-primary.active, |
|||
.show>.btn-primary.dropdown-toggle { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-check:checked+.btn-primary:focus, |
|||
.btn-check:active+.btn-primary:focus, |
|||
.btn-primary:active:focus, |
|||
.btn-primary.active:focus, |
|||
.show>.btn-primary.dropdown-toggle:focus { |
|||
box-shadow: 0 0 0 .25rem rgba(var(--accent-color), .5) |
|||
} |
|||
|
|||
.btn-primary:disabled, |
|||
.btn-primary.disabled { |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
|
|||
.btn-outline-primary, |
|||
.btn-outline-secondary { |
|||
color: var(--button-text); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.btn-outline-primary:hover, |
|||
.btn-outline-secondary:hover { |
|||
color: var(--button-text-hover) !important; |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-check:focus+.btn-outline-primary, |
|||
.btn-outline-primary:focus { |
|||
box-shadow: 0 0 0 .25rem rgba(var(--accent-color), .5); |
|||
} |
|||
|
|||
.btn-check:checked+.btn-outline-primary, |
|||
.btn-check:active+.btn-outline-primary, |
|||
.btn-outline-primary:active, |
|||
.btn-outline-primary.active, |
|||
.btn-outline-primary.dropdown-toggle.show { |
|||
color: var(--button-text-hover) !important; |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-check:checked+.btn-outline-primary:focus, |
|||
.btn-check:active+.btn-outline-primary:focus, |
|||
.btn-outline-primary:active:focus, |
|||
.btn-outline-primary.active:focus, |
|||
.btn-outline-primary.dropdown-toggle.show:focus { |
|||
box-shadow: 0 0 0 .25rem rgba(var(--accent-color), .5); |
|||
} |
|||
|
|||
.btn-outline-primary:disabled, |
|||
.btn-outline-primary.disabled { |
|||
color: var(--button-color); |
|||
background-color: transparent |
|||
} |
|||
|
|||
|
|||
.nav-pills .nav-link.active, |
|||
.nav-pills .show>.nav-link { |
|||
color: var(--button-text) !important; |
|||
background-color: var(--button-color); |
|||
} |
|||
|
|||
.dark #importBackup::file-selector-button, |
|||
#importBackup::file-selector-button { |
|||
color: var(--button-text) !important; |
|||
background-color: var(--button-color) !important; |
|||
} |
|||
|
|||
.dark #importBackup[data-v-d684482e]:hover:not(:disabled):not([readonly])::file-selector-button, |
|||
#importBackup[data-v-d684482e]:hover:not(:disabled):not([readonly])::file-selector-button { |
|||
color: var(--button-text-hover) !important; |
|||
background-color: var(--button-color-hover) !important; |
|||
} |
|||
|
|||
/* FORMS */ |
|||
|
|||
.dark .form-control, |
|||
.dark .form-select, |
|||
.form-select, |
|||
.form-control { |
|||
color: var(--text); |
|||
background-color: rgba(0, 0, 0, .25); |
|||
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='#ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); |
|||
background-repeat: no-repeat; |
|||
} |
|||
|
|||
.dark .form-select:focus, |
|||
.dark .form-control:focus, |
|||
.form-select:focus, |
|||
.form-control:focus { |
|||
background: #1f1f1f; |
|||
box-shadow: 0 0 0 0.25rem rgba(var(--accent-color), 0.25); |
|||
border-color: rgba(var(--accent-color), 0.25); |
|||
} |
|||
|
|||
.dark .form-control, |
|||
.dark .form-select, |
|||
.form-select, |
|||
.form-control { |
|||
border-color: #0000; |
|||
} |
|||
|
|||
|
|||
|
|||
.form-check-input:checked { |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.form-check-input[type=checkbox]:indeterminate { |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") |
|||
} |
|||
|
|||
.dark .multiselect__content-wrapper, |
|||
.multiselect__content-wrapper { |
|||
background: var(--drop-down-menu-bg) !important; |
|||
border-color: transparent !important; |
|||
} |
|||
|
|||
.multiselect { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.multiselect__option--highlight { |
|||
background: rgb(var(--accent-color)) !important; |
|||
outline: none; |
|||
color: #fff |
|||
} |
|||
|
|||
.multiselect__option--highlight:after { |
|||
content: attr(data-select); |
|||
background: rgb(var(--accent-color)) !important; |
|||
color: #fff |
|||
} |
|||
|
|||
.multiselect__option--selected, |
|||
.dark .multiselect__option--selected { |
|||
background: rgba(0, 0, 0, .45); |
|||
color: #fff; |
|||
font-weight: 700; |
|||
} |
|||
|
|||
.multiselect__tag, |
|||
.dark .multiselect__tag { |
|||
background: var(--button-color) !important; |
|||
color: var(--button-text) !important; |
|||
} |
|||
|
|||
.dark .multiselect__tags, |
|||
.multiselect__tags { |
|||
color: var(--text); |
|||
background-color: rgba(0, 0, 0, .25); |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.dark .multiselect__input, |
|||
.dark .multiselect__single, |
|||
.multiselect__input, |
|||
.multiselect__single { |
|||
background-color: rgba(0, 0, 0, .25) !important; |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
/* MODAL */ |
|||
.dark .modal-header, |
|||
.modal-header { |
|||
border-color: rgb(var(--accent-color)); |
|||
border-radius: 1rem 1rem 0 0; |
|||
background: var(--modal-header-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; |
|||
} |
|||
|
|||
.dark .modal-footer, |
|||
.modal-footer { |
|||
border-color: rgb(var(--accent-color)); |
|||
background: var(--modal-footer-color); |
|||
border-radius: 0 0 1rem 1rem; |
|||
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; |
|||
} |
|||
|
|||
.dark .modal-content, |
|||
.modal-content { |
|||
box-shadow: 0 15px 70px #000; |
|||
background: var(--modal-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; |
|||
} |
|||
@ -1,492 +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 */ |
|||
|
|||
/* MOBILE */ |
|||
|
|||
@media (max-width: 720px) { |
|||
|
|||
.modal__body, |
|||
.modal__content__wrapper, |
|||
.modal__header, |
|||
body, |
|||
.dark .torrents, |
|||
.torrents, |
|||
.action-bar { |
|||
background: #1b1b1b !important; |
|||
} |
|||
} |
|||
|
|||
body, |
|||
.background, |
|||
.theme--light.v-application, |
|||
.theme--dark.v-application, |
|||
.v-application .background { |
|||
color: var(--text); |
|||
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; |
|||
} |
|||
|
|||
html { |
|||
color: var(--text); |
|||
background: #1f1f1f !important; |
|||
} |
|||
|
|||
/* SCROLL BAR */ |
|||
#app>div>nav>nav>div.v-navigation-drawer__content::-webkit-scrollbar-thumb { |
|||
background: rgba(255, 255, 255, .1); |
|||
border-radius: 20px |
|||
} |
|||
|
|||
#app>div>nav>nav>div.v-navigation-drawer__content::-webkit-scrollbar-thumb:hover { |
|||
background: rgba(255, 255, 255, .25); |
|||
border-radius: 20px |
|||
} |
|||
|
|||
/* TEXT */ |
|||
.h1, |
|||
.h2, |
|||
.h3, |
|||
.h4, |
|||
.h5, |
|||
.h6, |
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
p, |
|||
.theme--dark.v-label, |
|||
.theme--light.v-label, |
|||
.theme--light.v-counter { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.v-application .grey--text { |
|||
color: var(--text-muted) !important; |
|||
caret-color: var(--text-muted) !important; |
|||
} |
|||
|
|||
.theme--light.v-tabs>.v-tabs-bar .v-tab--disabled, |
|||
.theme--light.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active), |
|||
.theme--light.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-btn, |
|||
.theme--light.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-icon, |
|||
.theme--dark.v-tabs>.v-tabs-bar .v-tab--disabled, |
|||
.theme--dark.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active), |
|||
.theme--dark.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-btn, |
|||
.theme--dark.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-icon { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.theme--dark.v-subheader, |
|||
.theme--light.v-subheader { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.theme--light.v-input, |
|||
.theme--light.v-input input, |
|||
.theme--light.v-input textarea { |
|||
color: var(--text); |
|||
} |
|||
|
|||
/* CARDS */ |
|||
.theme--light.v-card, |
|||
.theme--dark.v-card { |
|||
background-color: rgba(0, 0, 0, .5); |
|||
color: var(--text); |
|||
} |
|||
|
|||
/* TOP NAVBAR */ |
|||
.theme--light.v-app-bar.v-toolbar.v-sheet, |
|||
.theme--dark.v-app-bar.v-toolbar.v-sheet { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
.v-app-bar.v-app-bar--hide-shadow { |
|||
background-color: rgba(0, 0, 0, .25) !important; |
|||
} |
|||
|
|||
.v-app-bar.v-app-bar--is-scrolled { |
|||
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; |
|||
} |
|||
|
|||
.v-navigation-drawer__content .theme--dark.v-card, |
|||
.v-navigation-drawer__content .theme--light.v-card { |
|||
background: rgba(0, 0, 0, 0) !important; |
|||
} |
|||
|
|||
/* SIDE MENU */ |
|||
.v-application .primary { |
|||
background: rgba(0, 0, 0, .25) !important; |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
.v-application .secondary { |
|||
background-color: rgba(255, 255, 255, .15) !important; |
|||
border-color: rgba(255, 255, 255, .15) !important; |
|||
|
|||
} |
|||
|
|||
.theme--dark.v-navigation-drawer:not(.v-navigation-drawer--floating) .v-navigation-drawer__border, |
|||
.theme--light.v-navigation-drawer:not(.v-navigation-drawer--floating) .v-navigation-drawer__border { |
|||
background-color: rgba(0, 0, 0, .12); |
|||
} |
|||
|
|||
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { |
|||
|
|||
.v-navigation-drawer--is-mobile:not(.v-navigation-drawer--close), |
|||
.v-navigation-drawer--temporary:not(.v-navigation-drawer--close), |
|||
.v-navigation-drawer--is-mobile:not(.v-navigation-drawer--close), |
|||
.v-navigation-drawer--temporary:not(.v-navigation-drawer--close) { |
|||
-webkit-backdrop-filter: blur(10px); |
|||
backdrop-filter: blur(10px); |
|||
} |
|||
} |
|||
|
|||
/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */ |
|||
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { |
|||
|
|||
.v-navigation-drawer--is-mobile:not(.v-navigation-drawer--close), |
|||
.v-navigation-drawer--temporary:not(.v-navigation-drawer--close), |
|||
.v-navigation-drawer--is-mobile:not(.v-navigation-drawer--close), |
|||
.v-navigation-drawer--temporary:not(.v-navigation-drawer--close) { |
|||
background-color: rgba(0, 0, 0, 0.9); |
|||
} |
|||
} |
|||
|
|||
.v-application .download--text { |
|||
color: rgb(var(--accent-color)) !important; |
|||
caret-color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.v-navigation-drawer__content .download--text { |
|||
color: var(--v-download-base) !important; |
|||
caret-color: var(--v-download-base) !important; |
|||
} |
|||
|
|||
/* MODAL */ |
|||
.v-dialog .theme--dark.v-card, |
|||
.v-dialog .theme--light.v-card, |
|||
.v-dialog .theme--light.v-tabs-items, |
|||
.v-dialog .theme--dark.v-tabs-items, |
|||
.v-dialog .theme--light.v-list, |
|||
.v-dialog .theme--dark.v-list { |
|||
background: var(--modal-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); |
|||
} |
|||
|
|||
.v-application .primary--text { |
|||
color: var(--button-color) !important; |
|||
caret-color: var(--button-color) !important; |
|||
} |
|||
|
|||
.theme--light.v-tabs>.v-tabs-bar, |
|||
.theme--dark.v-tabs>.v-tabs-bar { |
|||
background-color: rgba(0, 0, 0, .15); |
|||
} |
|||
|
|||
.v-application .white, |
|||
.v-tab:before, |
|||
.v-tabs-slider { |
|||
background-color: rgb(var(--accent-color)) !important; |
|||
border-color: rbg(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.theme--dark.v-icon.v-icon.v-icon--disabled, |
|||
.theme--light.v-icon.v-icon.v-icon--disabled { |
|||
color: rgba(255, 255, 255, .38) !important; |
|||
} |
|||
|
|||
.theme--dark.v-text-field--solo>.v-input__control>.v-input__slot, |
|||
.theme--light.v-text-field--solo>.v-input__control>.v-input__slot { |
|||
background: #1e1e1e; |
|||
} |
|||
|
|||
.v-input__icon svg, |
|||
.v-select__selection { |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.v-application .accent { |
|||
background-color: var(--button-color) !important; |
|||
border-color: var(--button-color) !important; |
|||
} |
|||
|
|||
.theme--light.v-text-field>.v-input__control>.v-input__slot:before, |
|||
.theme--dark.v-text-field>.v-input__control>.v-input__slot:before { |
|||
border-color: rgb(255 255 255 / 42%); |
|||
} |
|||
|
|||
.theme--light.v-text-field:not(.v-input--has-state):hover>.v-input__control>.v-input__slot:before, |
|||
.theme--dark.v-text-field:not(.v-input--has-state):hover>.v-input__control>.v-input__slot:before { |
|||
border-color: rgba(255, 255, 255, .87); |
|||
} |
|||
|
|||
.theme--dark.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled), |
|||
.theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
/* FORMS */ |
|||
.v-input__slot:hover fieldset, |
|||
.v-text-field--outlined fieldset { |
|||
border-color: rgba(255, 255, 255, .1) !important; |
|||
} |
|||
|
|||
/* DASHBOARD */ |
|||
|
|||
.theme--dark.v-card.sideborder.done, |
|||
.theme--light.v-card.sideborder.done { |
|||
background-color: #16573e40; |
|||
color: #FFF; |
|||
} |
|||
|
|||
.theme--dark.v-card.sideborder.downloading, |
|||
.theme--light.v-card.sideborder.downloading { |
|||
background-color: #5bb97440; |
|||
color: #FFF; |
|||
} |
|||
|
|||
.theme--dark.v-card.sideborder.fail, |
|||
.theme--light.v-card.sideborder.fail { |
|||
background-color: #f83e7040; |
|||
color: #FFF; |
|||
} |
|||
|
|||
.theme--dark.v-card.sideborder.paused, |
|||
.theme--light.v-card.sideborder.paused { |
|||
background-color: #9ca3af40; |
|||
color: #FFF; |
|||
} |
|||
|
|||
.theme--dark.v-card.sideborder.queued, |
|||
.theme--light.v-card.sideborder.queued { |
|||
background-color: #2e5eaa40; |
|||
color: #FFF; |
|||
} |
|||
|
|||
.theme--dark.v-card.sideborder.seeding, |
|||
.theme--light.v-card.sideborder.seeding { |
|||
background-color: #4ecde640; |
|||
color: #FFF; |
|||
} |
|||
|
|||
.theme--dark.v-card.sideborder.checking, |
|||
.theme--light.v-card.sideborder.checking { |
|||
background-color: #ff704340; |
|||
color: #FFF; |
|||
} |
|||
|
|||
.theme--dark.v-card.sideborder.stalled, |
|||
.theme--light.v-card.sideborder.stalled { |
|||
background-color: #4ade8040; |
|||
color: #FFF; |
|||
} |
|||
|
|||
.theme--dark.v-card.sideborder.metadata, |
|||
.theme--light.v-card.sideborder.metadata { |
|||
background-color: #7e57c240; |
|||
color: #FFF; |
|||
} |
|||
|
|||
.theme--dark.v-card.sideborder.moving, |
|||
.theme--light.v-card.sideborder.moving { |
|||
background-color: #ffaa2c40; |
|||
color: #FFF; |
|||
} |
|||
|
|||
.v-application .torrent-paused-color .caption, |
|||
.v-application .torrent-seeding-color .caption, |
|||
.v-application .torrent-done-color .caption { |
|||
color: #ccc !important; |
|||
} |
|||
|
|||
.v-application .torrent-paused-color { |
|||
background-color: rgb(156 163 175 / 70%) !important; |
|||
border-color: rgb(156 163 175 / 70%) !important; |
|||
} |
|||
|
|||
.v-application .torrent-seeding-color { |
|||
background-color: rgba(78, 205, 230, .7) !important; |
|||
border-color: rgba(78, 205, 230, .7) !important; |
|||
} |
|||
|
|||
.v-application .torrent-done-color { |
|||
background-color: rgba(22, 87, 62, .7) !important; |
|||
border-color: rgba(22, 87, 62, .7) !important; |
|||
} |
|||
|
|||
.v-application .torrent-downloading-color { |
|||
background-color: rgba(91, 185, 116, .7) !important; |
|||
border-color: rgba(91, 185, 116, .7) !important; |
|||
} |
|||
|
|||
.v-application .torrent-fail-color { |
|||
background-color: rgba(248, 62, 112, .7) !important; |
|||
border-color: rgba(248, 62, 112, .7) !important; |
|||
} |
|||
|
|||
.v-application .torrent-queued-color { |
|||
background-color: rgba(46, 94, 170, .7) !important; |
|||
border-color: rgba(46, 94, 170, .7) !important; |
|||
} |
|||
|
|||
.v-application .torrent-checking-color { |
|||
background-color: rgba(255, 112, 67, .7) !important; |
|||
border-color: rgba(255, 112, 67, .7) !important; |
|||
} |
|||
|
|||
.v-application .torrent-stalled-color { |
|||
background-color: rgba(74, 222, 128, .7) !important; |
|||
border-color: rgba(74, 222, 128, .7) !important; |
|||
} |
|||
|
|||
.v-application .torrent-metadata-color { |
|||
background-color: rgba(126, 87, 194, .7) !important; |
|||
border-color: rgba(126, 87, 194, .7) !important; |
|||
} |
|||
|
|||
.v-application .torrent-moving-color { |
|||
background-color: rgba(255, 170, 44, .7) !important; |
|||
border-color: rgba(255, 170, 44, .7) !important; |
|||
} |
|||
|
|||
.torrent-paused-color .v-chip.paused, |
|||
.torrent-seeding-color .v-chip.seeding, |
|||
.torrent-done-color .v-chip.downloading, |
|||
.torrent-done-color .v-chip.fail, |
|||
.torrent-done-color .v-chip.queued, |
|||
.torrent-done-color .v-chip.checking, |
|||
.torrent-done-color .v-chip.stalled, |
|||
.torrent-done-color .v-chip.metadata, |
|||
.torrent-done-color .v-chip.moving { |
|||
color: #fff !important; |
|||
} |
|||
|
|||
/* DROPDOWN */ |
|||
.v-menu__content .theme--dark.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled), |
|||
.v-menu__content .theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
.v-menu__content .theme--dark.theme--dark.v-list, |
|||
.v-menu__content .theme--light.theme--light.v-list { |
|||
background: var(--modal-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; |
|||
} |
|||
|
|||
.theme--dark.v-icon, |
|||
.theme--light.v-icon { |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.theme--light.v-divider, |
|||
.theme--dark.v-divider { |
|||
border-color: rgba(255, 255, 255, .2) !important; |
|||
} |
|||
|
|||
/* TABLE */ |
|||
.theme--dark.v-data-table, |
|||
.theme--light.v-data-table { |
|||
background-color: rgba(0, 0, 0, .65); |
|||
color: var(--text); |
|||
} |
|||
|
|||
.theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper), |
|||
.theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) { |
|||
background: rgb(255 255 255 / 15%); |
|||
} |
|||
|
|||
.theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:last-child, |
|||
.theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:not(.v-data-table__mobile-row), |
|||
.theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:last-child, |
|||
.theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:not(.v-data-table__mobile-row), |
|||
.theme--dark.v-data-table>.v-data-table__wrapper>table>thead>tr:last-child>th, |
|||
.theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:last-child, |
|||
.theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:not(.v-data-table__mobile-row), |
|||
.theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:last-child, |
|||
.theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:not(.v-data-table__mobile-row), |
|||
.theme--light.v-data-table>.v-data-table__wrapper>table>thead>tr:last-child>th { |
|||
border-bottom: thin solid hsla(0, 0%, 100%, .12); |
|||
} |
|||
|
|||
.theme--light.v-data-table>.v-data-table__wrapper>table>thead>tr>th, |
|||
.theme--dark.v-data-table>.v-data-table__wrapper>table>thead>tr>th { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.theme--light.v-data-table .v-data-table-header th.sortable.active, |
|||
.theme--light.v-data-table .v-data-table-header th.sortable.active .v-data-table-header__icon, |
|||
.theme--light.v-data-table .v-data-table-header th.sortable:hover, |
|||
.theme--dark.v-data-table .v-data-table-header th.sortable.active, |
|||
.theme--dark.v-data-table .v-data-table-header th.sortable.active .v-data-table-header__icon, |
|||
.theme--dark.v-data-table .v-data-table-header th.sortable:hover { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
/* TOOLTIP */ |
|||
.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title, |
|||
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title { |
|||
background: rgba(0, 0, 0, 0.7); |
|||
border-bottom: 1px solid rgba(255, 255, 255, .1); |
|||
} |
|||
|
|||
.apexcharts-tooltip.apexcharts-theme-dark, |
|||
.apexcharts-tooltip.apexcharts-theme-light { |
|||
color: var(--text); |
|||
background: var(--modal-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; |
|||
border: 1px solid rgba(255, 255, 255, .1); |
|||
} |
|||
|
|||
/* MOBILE */ |
|||
|
|||
.theme--dark.v-btn.v-btn--has-bg, |
|||
.theme--light.v-btn.v-btn--has-bg { |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.v-speed-dial__list .v-icon__svg { |
|||
fill: #fff; |
|||
} |
|||
@ -1,392 +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 */ |
|||
|
|||
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; |
|||
} |
|||
|
|||
a, |
|||
.language a { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
a:hover { |
|||
color: #fff; |
|||
} |
|||
|
|||
#content:before { |
|||
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; |
|||
} |
|||
|
|||
* { |
|||
outline: none !important; |
|||
} |
|||
|
|||
/* TEXT */ |
|||
body, |
|||
.head .title, |
|||
.fm .sections .section { |
|||
color: var(--text); |
|||
} |
|||
|
|||
/* ACCENTS */ |
|||
webtools-loading .webtoolsLoading, |
|||
content-loading .contentLoading { |
|||
color: var(--accent-color); |
|||
} |
|||
|
|||
.uas .type.active { |
|||
background: var(--button-color); |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.uas .type.active:hover { |
|||
background: var(--button-color-hover); |
|||
box-shadow: none; |
|||
} |
|||
|
|||
/* NAVBAR */ |
|||
.head { |
|||
background-color: rgb(0 0 0 / 0.25); |
|||
box-shadow: 0 0 0 0px rgb(0 0 0 / 0%); |
|||
} |
|||
|
|||
.vertical-center { |
|||
box-shadow: inset 0px 15px 15px -4px rgb(255 255 0 / 0%); |
|||
} |
|||
|
|||
/* SIDE MENU */ |
|||
.menu .toggle { |
|||
background: rgb(0 0 0 / .25); |
|||
color: var(--accent-color); |
|||
} |
|||
|
|||
.menu { |
|||
background-color: rgb(0 0 0 / 25%); |
|||
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0); |
|||
} |
|||
|
|||
.menu .item { |
|||
background: rgb(255 255 255 / 8%); |
|||
color: var(--button-text); |
|||
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .0); |
|||
} |
|||
|
|||
.menu .item:hover { |
|||
background: rgb(255 255 255 / .16); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.menu .item.active { |
|||
background: var(--accent-color); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
/* MODALS */ |
|||
.ngdialog.ngdialog-theme-default .ngdialog-content { |
|||
background: var(--modal-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) !important; |
|||
border: #f0505000 5px solid; |
|||
} |
|||
|
|||
.fm .settings { |
|||
background: var(--modal-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); |
|||
Border: 1px solid rgba(0, 0, 0, 0.2); |
|||
} |
|||
|
|||
/* PAGES */ |
|||
.sub .settings { |
|||
background: rgb(255 255 255 / 25%); |
|||
} |
|||
|
|||
label { |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
.sub .rowShow, |
|||
.uas .repoContainer .repo, |
|||
.uas .typesMenu, |
|||
.uas .repoContainer .repo.installed, |
|||
.fm .sections .section, |
|||
.playlists .userContainer .fileContainer, |
|||
.playlists .playlistContainer { |
|||
background: rgb(255 255 255 / .08); |
|||
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .0); |
|||
border: transparent; |
|||
} |
|||
|
|||
.uas .type:hover { |
|||
background: rgb(255 255 255 / 8%); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.sub .rowShow:hover, |
|||
.uas .repoContainer .repo:hover, |
|||
.fm .sections .section:hover { |
|||
background: rgb(255 255 255 / .16); |
|||
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .0); |
|||
} |
|||
|
|||
.expanded:hover { |
|||
background: rgb(255 255 255 / .08) !important; |
|||
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .0); |
|||
} |
|||
|
|||
.sub .rowShow .lineShow .contentShow .detail { |
|||
background: rgb(0 0 0 / 25%); |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
.sub .rowShow .lineShow .contentShow .detail .subItem .download:hover, |
|||
.sub .rowShow .lineShow .contentShow .detail .subHeader .selectActions div:hover { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.sub .rowShow .lineShow .contentShow .detail .subItem.selected { |
|||
background: rgb(0 0 0 / 25%); |
|||
} |
|||
|
|||
.sub .rowShow .lineShow .contentShow .detail .subItem.checked { |
|||
background: rgba(255, 255, 255, 0.5); |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.sub .rowShow .lineShow .contentShow .detail .subItem.selected.checked { |
|||
background: var(--accent-color); |
|||
} |
|||
|
|||
.sub .rowShow .lineShow .contentShow .tvshow { |
|||
background-color: rgb(255 255 255 / 8%); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
.sub .rowShow .lineShow .contentShow .tvshow:hover { |
|||
background-color: rgb(255 255 255 / 16%); |
|||
|
|||
} |
|||
|
|||
.sub .rowShow .lineShow .contentShow .loadmore { |
|||
background: var(--button-color); |
|||
border: solid 6px var(--button-color); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
.sub .rowShow .lineShow .contentShow .tvshowheader div { |
|||
background: var(--button-color); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
.sub .rowShow .lineShow .contentShow .tvshowheader div:hover { |
|||
background: var(--button-color-hover); |
|||
color: var(--button-text); |
|||
border: transparent; |
|||
} |
|||
|
|||
.sub .rowShow .lineShow .contentShow .loadmore:hover { |
|||
background: var(--button-color-hover); |
|||
color: var(--button-text); |
|||
border: solid 6px transparent; |
|||
} |
|||
|
|||
.logs .logDetails { |
|||
background-color: rgb(255 255 255 / 14%); |
|||
} |
|||
|
|||
.logs .search { |
|||
background-color: rgb(255 255 255 / 8%); |
|||
} |
|||
|
|||
.logs .logDetails table tr.danger { |
|||
background-color: rgb(244 67 54 / 50%) !important; |
|||
color: #fff; |
|||
} |
|||
|
|||
.uas .repoContainer .repo .details .row, |
|||
.uas .repoContainer .repo .details .row:nth-child(2n) { |
|||
background: rgb(0 0 0 / 25%); |
|||
color: var(--text); |
|||
} |
|||
|
|||
/* SETTINGS */ |
|||
|
|||
/* BUTTONS */ |
|||
.btn, |
|||
.sub .search .btnSearch, |
|||
.logs .logButton, |
|||
.uas .uasBtn, |
|||
.uas .repoContainer .repo .header .right .installUpdate, |
|||
.uas .typesMenu .search .btnSearch, |
|||
.btnInput, |
|||
.playlists .playlistBtn, |
|||
.language .languageActions .langBtn, |
|||
.fr .reset, |
|||
.logs .search .btnSearch, |
|||
.fm button { |
|||
border-color: var(--button-color); |
|||
background: var(--button-color); |
|||
color: var(--button-text); |
|||
margin-right: 5px; |
|||
box-shadow: none; |
|||
border: transparent; |
|||
} |
|||
|
|||
.btn:hover, |
|||
.btn:focus, |
|||
.btn:active, |
|||
.btn-primary:not(:disabled):not(.disabled):active, |
|||
.btn-primary:not(:disabled):not(.disabled).active, |
|||
.show>.btn-primary.dropdown-toggle, |
|||
.sub .search .btnSearch:hover, |
|||
.sub .search .btnSearch:focus, |
|||
.logs .logButton:hover, |
|||
.logs .logButton:focus, |
|||
.uas .uasBtn:hover, |
|||
.uas .uasBtn:focus, |
|||
.uas .repoContainer .repo .header .right .installUpdate:hover, |
|||
.uas .repoContainer .repo .header .right .installUpdate:focus, |
|||
.uas .typesMenu .search .btnSearch:focus, |
|||
.uas .typesMenu .search .btnSearch:hover, |
|||
.btnInput:hover, |
|||
.btnInput:focus, |
|||
.playlists .playlistBtn:hover, |
|||
.playlists .playlistBtn:focus, |
|||
.playlists .playlistBtn:not(.disabled):hover, |
|||
.language .languageActions .langBtn:hover, |
|||
.fr .reset:hover, |
|||
.logs .search .btnSearch:hover, |
|||
.logs .search .btnSearch:focus, |
|||
.fm button:hover, |
|||
.fm button:focus { |
|||
border-color: var(--button-color-hover); |
|||
color: var(--text-hover); |
|||
background-color: var(--button-color-hover); |
|||
box-shadow: none !important; |
|||
} |
|||
|
|||
.uas .repoContainer .repo .header .right .delete, |
|||
body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(2)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1), |
|||
body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(3)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1), |
|||
body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(4)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1), |
|||
body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(5)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1), |
|||
body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(6)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1), |
|||
body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(7)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1), |
|||
body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(8)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1), |
|||
body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(9)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1), |
|||
body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(10)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1), |
|||
body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(11)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1) { |
|||
background: #F44336; |
|||
color: var(--button-text); |
|||
border: #F44336; |
|||
} |
|||
|
|||
.uas .repoContainer .repo .header .right .delete:hover, |
|||
.uas .repoContainer .repo .header .right .delete:focus, |
|||
body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(2)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1):focus, |
|||
body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(2)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1):hover { |
|||
background: #ec2626; |
|||
color: var(--button-text); |
|||
border: #ec2626; |
|||
} |
|||
|
|||
.playlists .playlistBtn.disabled { |
|||
background: var(--button-color); |
|||
color: var(--button-text); |
|||
border: var(--button-color); |
|||
opacity: .5; |
|||
} |
|||
|
|||
.playlists .playlistBtn.disabled:hover { |
|||
background: var(--button-color); |
|||
color: var(--button-text); |
|||
border: var(--button-color); |
|||
} |
|||
|
|||
/* FORMS */ |
|||
.form-control, |
|||
.sub .search .searchInput, |
|||
.uas .manualInstall, |
|||
.uas .typesMenu .search .searchInput, |
|||
.logs .search .searchInput { |
|||
color: var(--text) !important; |
|||
background-color: rgba(0, 0, 0, .25) !important; |
|||
border: 1px solid transparent !important; |
|||
box-shadow: none !important; |
|||
transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
|||
} |
|||
|
|||
.form-control:focus, |
|||
.sub .search .searchInput:focus, |
|||
.uas .manualInstall:focus, |
|||
.uas .typesMenu .search .searchInput:focus, |
|||
.logs .search .searchInput:focus { |
|||
background-color: rgba(0, 0, 0, .5) !important; |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
/* TABLE */ |
|||
.info tr:nth-child(2n+1) { |
|||
background-color: rgb(255 255 255 / 0.08); |
|||
} |
|||
|
|||
.logs .logDetails table tr:nth-child(even) { |
|||
background-color: rgb(255 255 255 / 8%); |
|||
} |
|||
|
|||
/* PLACEHOLDER TEXT */ |
|||
::placeholder { |
|||
color: var(--text) !important; |
|||
opacity: .5 !important; |
|||
} |
|||
|
|||
:-moz-placeholder { |
|||
color: var(--text) !important; |
|||
opacity: .5 !important; |
|||
} |
|||
|
|||
:-ms-input-placeholder { |
|||
color: var(--text) !important; |
|||
opacity: .5 !important; |
|||
} |
|||
|
|||
::-webkit-input-placeholder { |
|||
color: var(--text) !important; |
|||
opacity: .5; |
|||
} |
|||
@ -1,458 +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 */ |
|||
|
|||
.bg-light { |
|||
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; |
|||
} |
|||
|
|||
/* Scrollbar */ |
|||
@media only screen and (min-width: 768px) { |
|||
html { |
|||
height: 100%; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
body { |
|||
overflow-y: auto; |
|||
height: 100%; |
|||
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; |
|||
} |
|||
} |
|||
|
|||
::-webkit-scrollbar { |
|||
width: 14px; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .2); |
|||
background-clip: padding-box; |
|||
} |
|||
|
|||
::-webkit-scrollbar-track { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb:hover { |
|||
min-height: 50px; |
|||
border: 3px solid transparent; |
|||
border-radius: 8px; |
|||
background-color: hsla(0, 0%, 100%, .5); |
|||
background-clip: padding-box; |
|||
} |
|||
|
|||
/* TEXT */ |
|||
body, |
|||
.table, |
|||
.navbar-dark .navbar-nav .nav-link, |
|||
.dropdown-menu, |
|||
.dropdown-item { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.navbar-dark .navbar-nav .nav-link:focus, |
|||
.navbar-dark .navbar-nav .nav-link:hover, |
|||
.navbar-dark .navbar-nav .show>.nav-link, |
|||
.col-form-label { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.navbar-dark .navbar-nav .nav-link.active { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.card-header { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.text-muted { |
|||
color: var(--text-muted) !important; |
|||
} |
|||
|
|||
code { |
|||
font-size: .875em; |
|||
color: #d63384; |
|||
word-wrap: break-word; |
|||
background: rgb(0 0 0 / 50%); |
|||
padding: 2px 6px; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
pre { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* LINKS */ |
|||
a { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
a:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
/* TOP NAV */ |
|||
.bg-primary { |
|||
background: rgba(0, 0, 0, .15) !important; |
|||
} |
|||
|
|||
.navbar-dark .navbar-brand { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.navbar-dark .navbar-brand:focus, |
|||
.navbar-dark .navbar-brand:hover { |
|||
color: var(--accent-color-hover); |
|||
} |
|||
|
|||
/* DROPDOWN MENU */ |
|||
.dropdown-menu { |
|||
background: var(--drop-down-menu-bg); |
|||
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; |
|||
} |
|||
|
|||
.dropdown-header { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.dropdown-item:focus, |
|||
.dropdown-item:hover { |
|||
color: var(--text-hover); |
|||
background-color: rgba(255, 255, 255, .1); |
|||
} |
|||
|
|||
.dropdown-item.disabled, |
|||
.dropdown-item:disabled { |
|||
color: var(--text-muted); |
|||
pointer-events: none; |
|||
background-color: transparent; |
|||
} |
|||
|
|||
.dropdown-divider { |
|||
border-top: 1px solid rgb(255 255 255 / 15%); |
|||
} |
|||
|
|||
/* TABLES */ |
|||
.table-hover>tbody>tr:hover, |
|||
.table>thead { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.table { |
|||
border-color: rgb(255 255 255 / 20%); |
|||
} |
|||
|
|||
.table>:not(:last-child)>:last-child>* { |
|||
border-bottom-color: rgb(255 255 255 / 50%); |
|||
} |
|||
|
|||
/* BUTTONS */ |
|||
|
|||
.btn-light { |
|||
color: var(--button-text); |
|||
background-color: rgba(255, 255, 255, .08); |
|||
border-color: rgba(255, 255, 255, .08); |
|||
} |
|||
|
|||
.btn-light:hover { |
|||
color: var(--button-text-hover); |
|||
background-color: rgba(255, 255, 255, .08); |
|||
border-color: rgba(255, 255, 255, .08); |
|||
} |
|||
|
|||
.btn-primary, |
|||
.btn-outline-dark, |
|||
.btn-outline-secondary { |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.btn-primary:hover, |
|||
.btn-outline-dark:hover, |
|||
.btn-outline-secondary:hover, |
|||
.btn-check:focus+.btn-primary, |
|||
.btn-primary:focus { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-check:active+.btn-primary:focus, |
|||
.btn-check:checked+.btn-primary:focus, |
|||
.btn-primary.active:focus, |
|||
.btn-primary:active:focus, |
|||
.show>.btn-primary.dropdown-toggle:focus, |
|||
.btn-check:focus+.btn-primary, |
|||
.btn-primary:focus { |
|||
box-shadow: 0 0 0 0.25rem rgba(var(--accent-color), .5); |
|||
} |
|||
|
|||
.btn-outline-primary, |
|||
.btn-outline-info { |
|||
color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.btn-outline-primary:hover, |
|||
.btn-outline-info:hover, |
|||
.btn-check:active+.btn-outline-primary, |
|||
.btn-check:checked+.btn-outline-primary, |
|||
.btn-outline-primary.active, |
|||
.btn-outline-primary.dropdown-toggle.show, |
|||
.btn-outline-primary:active, |
|||
.btn-check:active+.btn-outline-info, |
|||
.btn-check:checked+.btn-outline-info, |
|||
.btn-outline-info.active, |
|||
.btn-outline-info.dropdown-toggle.show, |
|||
.btn-outline-info:active { |
|||
color: var(--button-text-hover); |
|||
border-color: var(--button-color-hover); |
|||
background-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-check:focus+.btn-outline-primary, |
|||
.btn-outline-primary:focus, |
|||
.btn-check:focus+.btn-outline-info, |
|||
.btn-outline-info:focus, |
|||
.btn-check:active+.btn-outline-primary:focus, |
|||
.btn-check:checked+.btn-outline-primary:focus, |
|||
.btn-outline-primary.active:focus, |
|||
.btn-outline-primary.dropdown-toggle.show:focus, |
|||
.btn-outline-primary:active:focus, |
|||
.btn-check:active+.btn-outline-info:focus, |
|||
.btn-check:checked+.btn-outline-info:focus, |
|||
.btn-outline-info.active:focus, |
|||
.btn-outline-info.dropdown-toggle.show:focus, |
|||
.btn-outline-info:active:focus { |
|||
box-shadow: 0 0 0 0.25rem rgb(var(--accent-color), .5); |
|||
color: var(--button-text-hover); |
|||
border-color: var(--button-color-hover); |
|||
background-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-outline-info:not(:disabled):not(.disabled).active:focus, |
|||
.btn-outline-info:not(:disabled):not(.disabled):active:focus, |
|||
.show>.btn-outline-info.dropdown-toggle:focus { |
|||
box-shadow: 0 0 0 0.2rem rgb(var(--accent-color) / 50%); |
|||
} |
|||
|
|||
.btn-outline-info:not(:disabled):not(.disabled).active, |
|||
.btn-outline-info:not(:disabled):not(.disabled):active, |
|||
.show>.btn-outline-info.dropdown-toggle { |
|||
color: var(--button-text-hover); |
|||
border-color: var(--button-color-hover); |
|||
background-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-outline-primary { |
|||
color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.btn-outline-primary:hover { |
|||
color: var(--button-text-hover); |
|||
border-color: var(--button-color-hover); |
|||
background-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-outline-primary.focus, |
|||
.btn-outline-primary:focus { |
|||
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5) |
|||
} |
|||
|
|||
.btn-outline-primary.disabled, |
|||
.btn-outline-primary:disabled { |
|||
color: var(--button-color); |
|||
background-color: transparent |
|||
} |
|||
|
|||
.btn-outline-primary:not(:disabled):not(.disabled).active, |
|||
.btn-outline-primary:not(:disabled):not(.disabled):active, |
|||
.show>.btn-outline-primary.dropdown-toggle { |
|||
color: var(--button-text-hover); |
|||
border-color: var(--button-color-hover); |
|||
background-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, |
|||
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, |
|||
.show>.btn-outline-primary.dropdown-toggle:focus { |
|||
box-shadow: 0 0 0 .2rem rgba(var(--accent-color), .5) |
|||
} |
|||
|
|||
.btn-outline-dark { |
|||
color: var(--button-text); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
.btn-outline-dark:hover { |
|||
color: var(--button-text-hover); |
|||
border-color: var(--button-color-hover); |
|||
background-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-outline-dark.focus, |
|||
.btn-outline-dark:focus { |
|||
box-shadow: 0 0 0 .2rem rgba(var(--accent-color), .5) |
|||
} |
|||
|
|||
.btn-outline-dark.disabled, |
|||
.btn-outline-dark:disabled { |
|||
color: var(--button-color); |
|||
background-color: transparent |
|||
} |
|||
|
|||
.btn-outline-dark:not(:disabled):not(.disabled).active, |
|||
.btn-outline-dark:not(:disabled):not(.disabled):active, |
|||
.show>.btn-outline-dark.dropdown-toggle { |
|||
color: var(--button-text-hover); |
|||
border-color: var(--button-color-hover); |
|||
background-color: var(--button-color-hover); |
|||
} |
|||
|
|||
.btn-outline-dark:not(:disabled):not(.disabled).active:focus, |
|||
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, |
|||
.show>.btn-outline-dark.dropdown-toggle:focus { |
|||
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5) |
|||
} |
|||
|
|||
|
|||
/* FORMS */ |
|||
.form-control { |
|||
color: #fff; |
|||
background-color: rgba(0, 0, 0, .15); |
|||
border: 1px solid rgba(0, 0, 0, .15); |
|||
} |
|||
|
|||
.form-control:focus { |
|||
color: #fff; |
|||
background: #1f1f1f; |
|||
border-color: rgba(255, 255, 255, .15); |
|||
outline: 0; |
|||
box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0); |
|||
} |
|||
|
|||
textarea.form-control:focus { |
|||
color: #fff; |
|||
background: rgba(0, 0, 0, .35); |
|||
border-color: rgba(255, 255, 255, .15); |
|||
outline: 0; |
|||
box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 0%); |
|||
} |
|||
|
|||
.form-control:disabled, |
|||
.form-control[readonly] { |
|||
background-color: rgba(255, 255, 255, .15); |
|||
opacity: 1; |
|||
} |
|||
|
|||
.form-check-input:checked { |
|||
background-color: rgb(var(--accent-color)); |
|||
border-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.form-check-input:focus { |
|||
border-color: rgb(var(--accent-color)); |
|||
outline: 0; |
|||
box-shadow: 0 0 0 0.25rem rgb(var(--accent-color), .25); |
|||
} |
|||
|
|||
.dropzone { |
|||
border: 2px dashed rgb(255 255 255 / 30%); |
|||
} |
|||
|
|||
/* PAGINATION */ |
|||
.page-link { |
|||
color: var(--button-text); |
|||
background-color: var(--button-color); |
|||
border: 1px solid var(--button-color); |
|||
} |
|||
|
|||
.page-link:hover { |
|||
|
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
border: 1px solid var(--button-color-hover); |
|||
} |
|||
|
|||
.page-link:focus { |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
box-shadow: 0 0 0 0.25rem rgb(var(--accent-color) / 25%); |
|||
} |
|||
|
|||
.page-item.disabled .page-link { |
|||
color: var(--text-muted); |
|||
pointer-events: none; |
|||
background-color: rgba(255, 255, 255, .08); |
|||
border-color: rgba(255, 255, 255, .08); |
|||
} |
|||
|
|||
/* CARDS */ |
|||
.card { |
|||
background-color: rgba(0, 0, 0, .25); |
|||
} |
|||
|
|||
.image-card:hover .overlay { |
|||
opacity: 1; |
|||
transition: opacity .3s ease-in-out; |
|||
-moz-transition: opacity .3s ease-in-out; |
|||
-webkit-transition: opacity .3s ease-in-out; |
|||
background: rgba(0, 0, 0, .5); |
|||
-webkit-backdrop-filter: blur(10px); |
|||
backdrop-filter: blur(10px); |
|||
} |
|||
|
|||
/* PLACEHOLDER TEXT */ |
|||
::placeholder { |
|||
color: var(--text) !important; |
|||
opacity: .5 !important; |
|||
} |
|||
|
|||
:-moz-placeholder { |
|||
color: var(--text) !important; |
|||
opacity: .5 !important; |
|||
} |
|||
|
|||
:-ms-input-placeholder { |
|||
color: var(--text) !important; |
|||
opacity: .5 !important; |
|||
} |
|||
|
|||
::-webkit-input-placeholder { |
|||
color: var(--text) !important; |
|||
opacity: .5; |
|||
} |
|||
@ -1,30 +0,0 @@ |
|||
: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 top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; |
|||
--modal-header-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; |
|||
--modal-footer-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; |
|||
|
|||
--drop-down-menu-bg: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; |
|||
|
|||
--button-color: #009688; |
|||
--button-color-hover: #12afa0; |
|||
--button-text: #eee; |
|||
--button-text-hover: #FFF; |
|||
|
|||
--accent-color: 18, 175, 160; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: #0ed2bf; |
|||
--link-color-hover: #36e7d6; |
|||
--label-text-color: #fff; |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #009688; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: rgb(21, 213, 194); |
|||
--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; |
|||
} |
|||
@ -1,32 +0,0 @@ |
|||
:root { |
|||
--main-bg-color: linear-gradient(to bottom, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)) center center/cover no-repeat fixed, |
|||
radial-gradient(at bottom center, rgba(0, 0, 0, 0.4) 0%, hsla(211, 18%, 45%, 0.55), hsla(211, 18%, 5%, 0)) center center/cover no-repeat fixed, |
|||
linear-gradient(to right, hsla(211, 18%, 5%, 1), hsla(211, 18%, 45%, 1), hsla(211, 18%, 5%, 1)) center center/cover no-repeat fixed; |
|||
|
|||
--modal-bg-color: var(--main-bg-color); |
|||
--modal-header-color: var(--main-bg-color); |
|||
--modal-footer-color: var(--main-bg-color); |
|||
|
|||
--drop-down-menu-bg: var(--main-bg-color); |
|||
|
|||
--button-color: hsla(211, 18%, 45%, 1); |
|||
--button-color-hover: hsla(211, 18%, 45%, 0.55); |
|||
--button-text: #eee; |
|||
--button-text-hover: #FFF; |
|||
|
|||
--accent-color: 130, 157, 185; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: rgb(130, 157, 185); |
|||
--link-color-hover: rgb(100, 119, 139); |
|||
--label-text-color: #fff; |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: #829db9; |
|||
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 130, 157, 185; |
|||
} |
|||
@ -1,30 +0,0 @@ |
|||
:root { |
|||
--main-bg-color: radial-gradient(at top center, rgba(0, 0, 0, 0.25), hsla(0, 14%, 18%, 0.55) , hsla(0, 18%, 5%, 0.9)) center center/cover no-repeat fixed, linear-gradient(to bottom, #df89de 0%, hsl(276, 100%, 3%) 100%) center center/cover no-repeat fixed; |
|||
|
|||
--modal-bg-color: var(--main-bg-color); |
|||
--modal-header-color: var(--main-bg-color); |
|||
--modal-footer-color: var(--main-bg-color); |
|||
|
|||
--drop-down-menu-bg: var(--main-bg-color); |
|||
|
|||
--button-color: rgb(134, 84, 132); |
|||
--button-color-hover: rgba(134, 84, 132, .8); |
|||
--button-text: #eee; |
|||
--button-text-hover: #FFF; |
|||
|
|||
--accent-color: 217, 164, 217; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: rgb(199, 118, 197); |
|||
--link-color-hover: rgb(217, 164, 217); |
|||
--label-text-color: #fff; |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: rgb(134, 84, 132); |
|||
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 134, 84, 132; |
|||
} |
|||
@ -1,37 +0,0 @@ |
|||
:root { |
|||
--main-bg-color: url("https://theme-park.dev/resources/blur-noise.png"), |
|||
radial-gradient(at center center, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9) 120%) center center/cover no-repeat fixed, |
|||
radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed, |
|||
radial-gradient(at bottom center, rgba(167, 6, 6, 0.15), hsla(0, 14%, 18%, 0), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed, |
|||
radial-gradient(at top center, rgba(11, 80, 25, 0.6), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed, |
|||
radial-gradient(at bottom right, #0b5019, hsla(0, 14%, 18%, 0), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed, |
|||
radial-gradient(at center center, rgba(167, 6, 6, 0.25), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) center center/cover no-repeat fixed, |
|||
linear-gradient(45deg, #0b5019 0%, #a70606 135%) center center/cover no-repeat fixed; |
|||
|
|||
--modal-bg-color: var(--main-bg-color); |
|||
--modal-header-color: var(--main-bg-color); |
|||
--modal-footer-color: var(--main-bg-color); |
|||
|
|||
--drop-down-menu-bg: var(--main-bg-color); |
|||
|
|||
--button-color: rgb(51, 0, 0); |
|||
--button-color-hover: rgb(104, 4, 4); |
|||
--button-text: #eee; |
|||
--button-text-hover: #FFF; |
|||
|
|||
--accent-color:170,170,170; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: #aaaaaa; |
|||
--link-color-hover: #fff; |
|||
--label-text-color: rgb(32, 32, 32); |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: rgb(100, 15, 15); |
|||
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 100, 15, 15; |
|||
} |
|||
@ -1,33 +0,0 @@ |
|||
:root { |
|||
--main-bg-color: radial-gradient(at top center, rgba(0, 0, 0, 0), hsla(0, 14%, 18%, 0.2), hsla(0, 18%, 5%, 1) 95%) center center/cover no-repeat fixed, |
|||
radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed, |
|||
linear-gradient(to top, #e2c9cc 1%, #e7627d 46%, #b8235a 59%, #801357 71%, #3d1635 84%, #1c1a27 100%) center center/cover no-repeat fixed; |
|||
|
|||
|
|||
--modal-bg-color: var(--main-bg-color); |
|||
--modal-header-color: var(--main-bg-color); |
|||
--modal-footer-color: var(--main-bg-color); |
|||
|
|||
--drop-down-menu-bg: var(--main-bg-color); |
|||
|
|||
--button-color: #3d1635; |
|||
--button-color-hover: #801357; |
|||
--button-text: #eee; |
|||
--button-text-hover: #FFF; |
|||
|
|||
--accent-color: 231, 98, 125; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: rgb(230, 125, 146); |
|||
--link-color-hover: #e2c9cc; |
|||
--label-text-color: #fff; |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: #e7627d; |
|||
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 231, 98, 125; |
|||
} |
|||
@ -1,31 +0,0 @@ |
|||
:root { |
|||
--main-bg-color: radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.65), hsla(0, 18%, 5%, 0.95)) center center/cover no-repeat fixed, |
|||
linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%) center center/cover no-repeat fixed; |
|||
|
|||
--modal-bg-color: var(--main-bg-color); |
|||
--modal-header-color: var(--main-bg-color); |
|||
--modal-footer-color: var(--main-bg-color); |
|||
|
|||
--drop-down-menu-bg: var(--main-bg-color); |
|||
|
|||
--button-color: #fad0c4; |
|||
--button-color-hover: #ff9a9e; |
|||
--button-text: hsla(0, 18%, 5%, 0.95); |
|||
--button-text-hover: hsla(0, 18%, 5%, 0.95); |
|||
|
|||
--accent-color: 250, 208, 196; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: #fad0c4; |
|||
--link-color-hover: #e2c9cc; |
|||
--label-text-color: hsla(0, 18%, 5%, 0.95); |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: #ff9a9e; |
|||
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 255, 154, 158; |
|||
} |
|||
@ -1,32 +0,0 @@ |
|||
:root { |
|||
--main-bg-color: radial-gradient(at bottom center, rgba(0, 0, 0, 0.4) 0%, hsla(0, 14%, 18%, 0.55), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed, |
|||
linear-gradient(to bottom, hsl(0, 18%, 5%), hsl(0, 65%, 23%), hsl(0, 100%, 9%)) center center/cover no-repeat fixed; |
|||
|
|||
|
|||
--modal-bg-color: var(--main-bg-color); |
|||
--modal-header-color: var(--main-bg-color); |
|||
--modal-footer-color: var(--main-bg-color); |
|||
|
|||
--drop-down-menu-bg: var(--main-bg-color); |
|||
|
|||
--button-color: rgb(236, 106, 106); |
|||
--button-color-hover: hsl(0, 65%, 23%); |
|||
--button-text: hsla(0, 18%, 5%, 0.95); |
|||
--button-text-hover: hsla(0, 0%, 100%, 0.95); |
|||
|
|||
--accent-color: 236, 106, 106; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: #fad0c4; |
|||
--link-color-hover: #e2c9cc; |
|||
--label-text-color: hsla(0, 18%, 5%, 0.95); |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: #ff9a9e; |
|||
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 255, 154, 158; |
|||
} |
|||
@ -1,32 +0,0 @@ |
|||
:root { |
|||
--main-bg-color: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45)) center center/cover no-repeat fixed, |
|||
radial-gradient(at right center, rgba(0, 0, 0, 0.3) 10%, hsla(0, 14%, 18%, 0.6), hsla(0, 18%, 5%, 1) 95%) center center/cover no-repeat fixed, |
|||
linear-gradient(to right, #43e97b 0%, #043815 100%) center center/cover no-repeat fixed; |
|||
|
|||
--modal-bg-color: var(--main-bg-color); |
|||
--modal-header-color: var(--main-bg-color); |
|||
--modal-footer-color: var(--main-bg-color); |
|||
|
|||
--drop-down-menu-bg: var(--main-bg-color); |
|||
|
|||
--button-color: #2e5135; |
|||
--button-color-hover: #043815; |
|||
--button-text: #eee; |
|||
--button-text-hover: hsla(0, 0%, 100%, 0.95); |
|||
|
|||
--accent-color: 67, 233, 123; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: #43e97b; |
|||
--link-color-hover: #2e5135; |
|||
--label-text-color: hsla(0, 18%, 5%, 0.95); |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: #43e97b; |
|||
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 67, 233, 123; |
|||
} |
|||
@ -1,33 +0,0 @@ |
|||
:root { |
|||
--main-bg-color: linear-gradient(135deg, transparent 40%, rgba(20, 9, 27, 0.5)) center center/cover no-repeat fixed, |
|||
radial-gradient(at center center, rgba(243, 217, 217, 0.25), hsla(0, 14%, 18%, 0.55), rgba(14, 0, 19, 0.7)) center center/cover no-repeat fixed, |
|||
radial-gradient(at bottom center, rgba(0, 0, 0, 0.25), hsla(0, 14%, 18%, 0.55), rgb(10, 4, 12)) center center/cover no-repeat fixed, |
|||
radial-gradient(at center center, #ff8a00 50%, #37033a 100%) center center/cover no-repeat fixed; |
|||
|
|||
--modal-bg-color: var(--main-bg-color); |
|||
--modal-header-color: var(--main-bg-color); |
|||
--modal-footer-color: var(--main-bg-color); |
|||
|
|||
--drop-down-menu-bg: var(--main-bg-color); |
|||
|
|||
--button-color: #924e00; |
|||
--button-color-hover: #723d00; |
|||
--button-text: #eee; |
|||
--button-text-hover: hsla(0, 0%, 100%, 0.95); |
|||
|
|||
--accent-color: 255, 138, 0; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: #ff8a00; |
|||
--link-color-hover: #bd6500; |
|||
--label-text-color: hsla(0, 18%, 5%, 0.95); |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: #ff8a00; |
|||
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 255, 138, 0; |
|||
} |
|||
@ -1,31 +0,0 @@ |
|||
:root { |
|||
--main-bg-color: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.7) 100%) center center/cover no-repeat fixed, |
|||
radial-gradient(at top center, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.40) 120%) #000000 center center/cover no-repeat fixed; |
|||
|
|||
--modal-bg-color: var(--main-bg-color); |
|||
--modal-header-color: var(--main-bg-color); |
|||
--modal-footer-color: var(--main-bg-color); |
|||
|
|||
--drop-down-menu-bg: var(--main-bg-color); |
|||
|
|||
--button-color: rgb(185, 170, 159); |
|||
--button-color-hover: rgb(184, 159, 141); |
|||
--button-text: hsla(0, 18%, 5%, 0.95);; |
|||
--button-text-hover: hsla(0, 0%, 100%, 0.95); |
|||
|
|||
--accent-color: 185, 170, 159; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: rgb(185, 170, 159); |
|||
--link-color-hover: rgb(184, 159, 141); |
|||
--label-text-color: hsla(0, 18%, 5%, 0.95); |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: rgb(185, 170, 159); |
|||
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 185, 170, 159; |
|||
} |
|||
@ -1,30 +0,0 @@ |
|||
:root { |
|||
--main-bg-color: linear-gradient(135deg, #252b2f, #090c0e) center center/cover no-repeat fixed; |
|||
|
|||
--modal-bg-color: var(--main-bg-color); |
|||
--modal-header-color: var(--main-bg-color); |
|||
--modal-footer-color: var(--main-bg-color); |
|||
|
|||
--drop-down-menu-bg: var(--main-bg-color); |
|||
|
|||
--button-color: #252b2f; |
|||
--button-color-hover: #090c0e; |
|||
--button-text: #eee; |
|||
--button-text-hover: hsla(0, 0%, 100%, 0.95); |
|||
|
|||
--accent-color: 81, 101, 114; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: rgb(96, 128, 150); |
|||
--link-color-hover: rgb(81, 101, 114, .8); |
|||
--label-text-color: #eee; |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: rgb(81, 101, 114); |
|||
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 81, 101, 114; |
|||
} |
|||
@ -1,31 +0,0 @@ |
|||
:root { |
|||
--main-bg-color: radial-gradient(at top left, rgba(0, 0, 0, 0.31), hsla(0, 14%, 18%, 0.9), hsla(0, 18%, 5%, 1)) center center/cover no-repeat fixed, |
|||
linear-gradient(120deg, #f6d365 0%, #a25a25 100%) center center/cover no-repeat fixed; |
|||
|
|||
--modal-bg-color: var(--main-bg-color); |
|||
--modal-header-color: var(--main-bg-color); |
|||
--modal-footer-color: var(--main-bg-color); |
|||
|
|||
--drop-down-menu-bg: var(--main-bg-color); |
|||
|
|||
--button-color: #f6d365; |
|||
--button-color-hover: #a25a25; |
|||
--button-text: hsla(0, 18%, 5%, 0.95); |
|||
--button-text-hover: hsla(0, 0%, 100%, 0.95); |
|||
|
|||
--accent-color: 246, 211, 101; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: rgb(246, 211, 101); |
|||
--link-color-hover: rgb(246, 211, 101, .8); |
|||
--label-text-color: hsla(0, 18%, 5%, 0.95); |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: rgb(246, 211, 101); |
|||
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 246, 211, 101; |
|||
} |
|||
@ -1,30 +0,0 @@ |
|||
:root { |
|||
--main-bg-color: #000; |
|||
|
|||
--modal-bg-color: #181818; |
|||
--modal-header-color: #181818; |
|||
--modal-footer-color: #181818; |
|||
|
|||
--drop-down-menu-bg: #2d2d2d; |
|||
|
|||
--button-color: #7a7a7a; |
|||
--button-color-hover: #9b9b9b; |
|||
--button-text: #eee; |
|||
--button-text-hover: #FFF; |
|||
|
|||
--accent-color: 170, 170, 170; |
|||
--accent-color-hover: rgba(255, 255, 255, 0.45); |
|||
--link-color: #7a7a7a; |
|||
--link-color-hover: #fff; |
|||
--label-text-color: black; |
|||
|
|||
--text:#a5a5a5; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: #e5a00d; |
|||
--petio-spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 255, 255, 255; |
|||
} |
|||
@ -1,30 +0,0 @@ |
|||
:root { |
|||
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; |
|||
|
|||
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; |
|||
--modal-header-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; |
|||
--modal-footer-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; |
|||
|
|||
--drop-down-menu-bg: #2d2d2d; |
|||
|
|||
--button-color: #7a7a7a; |
|||
--button-color-hover: #9b9b9b; |
|||
--button-text: #eee; |
|||
--button-text-hover: #FFF; |
|||
|
|||
--accent-color: 170, 170, 170; |
|||
--accent-color-hover: rgba(255, 255, 255, 0.45); |
|||
--link-color: #7a7a7a; |
|||
--link-color-hover: #fff; |
|||
--label-text-color: black; |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: #e5a00d; |
|||
--petio-spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 255, 255, 255; |
|||
} |
|||
@ -1,30 +0,0 @@ |
|||
:root { |
|||
--main-bg-color: #282a36; |
|||
|
|||
--modal-bg-color: #1e2029; |
|||
--modal-header-color: #1e2029; |
|||
--modal-footer-color: #1e2029; |
|||
|
|||
--drop-down-menu-bg: #1e2029; |
|||
|
|||
--button-color: #bd93f9; |
|||
--button-color-hover: #ff79c6; |
|||
--button-text: #eee; |
|||
--button-text-hover: #FFF; |
|||
|
|||
--accent-color: 80, 250, 123; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: #ff79c6; |
|||
--link-color-hover: #8be9fd; |
|||
--label-text-color: #282a36; |
|||
|
|||
--text:#6272a4; |
|||
--text-hover: #95adfa; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #50fa7b; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: #bd93f9; |
|||
--petio-spinner: invert(79%) sepia(27%) saturate(1033%) hue-rotate(74deg) brightness(104%) contrast(96%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 80, 250, 123; |
|||
} |
|||
@ -1,30 +0,0 @@ |
|||
: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 top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; |
|||
--modal-header-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; |
|||
--modal-footer-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; |
|||
|
|||
--drop-down-menu-bg: radial-gradient(ellipse at top, #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); |
|||
--button-text: #eee; |
|||
--button-text-hover: #FFF; |
|||
|
|||
--accent-color: 244, 67, 54; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: #fff; |
|||
--link-color-hover: #fff; |
|||
--label-text-color: #fff; |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--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 */ |
|||
--gitea-color-primary-dark-4: 244, 67, 54; |
|||
} |
|||
@ -1,30 +0,0 @@ |
|||
:root { |
|||
--main-bg-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed; |
|||
|
|||
--modal-bg-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed; |
|||
--modal-header-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed; |
|||
--modal-footer-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed; |
|||
|
|||
--drop-down-menu-bg: linear-gradient(90deg, rgba(247,101,184,1) 0%, rgba(21, 95, 165) 100%) center center/cover no-repeat fixed; |
|||
|
|||
--button-color: #f98dc9; |
|||
--button-color-hover: #ff4cb1; |
|||
--button-text: #eee; |
|||
--button-text-hover: #fff; |
|||
|
|||
--accent-color: 249, 141, 201; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color:rgb(255, 179, 222); |
|||
--link-color-hover: #d7fffe; |
|||
--label-text-color: #fff; |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #f98dc9; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: #f765b8; |
|||
--petio-spinner: invert(78%) sepia(17%) saturate(4447%) hue-rotate(290deg) brightness(109%) contrast(95%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 215,255,254; |
|||
} |
|||
@ -1,30 +0,0 @@ |
|||
: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: #cd4164; |
|||
--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; |
|||
} |
|||
|
|||
@ -1,30 +0,0 @@ |
|||
: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; |
|||
} |
|||
@ -1,30 +0,0 @@ |
|||
:root { |
|||
--main-bg-color: #2E3440; |
|||
|
|||
--modal-bg-color: #3B4252; |
|||
--modal-header-color: #434C5E; |
|||
--modal-footer-color: #434C5E; |
|||
|
|||
--drop-down-menu-bg: #3B4252; |
|||
|
|||
--button-color: #79b8ca; |
|||
--button-color-hover: #6a9daf; |
|||
--button-text: #2E3440; |
|||
--button-text-hover: #D8DEE9; |
|||
|
|||
--accent-color: 121, 184, 202; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: #81A1C1; |
|||
--link-color-hover: #88C0D0; |
|||
--label-text-color: #222730; |
|||
|
|||
--text:#D8DEE9; |
|||
--text-hover: #ECEFF4; |
|||
--text-muted: #81A1C1; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #A3BE8C; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: #D08770; |
|||
--petio-spinner: invert(83%) sepia(9%) saturate(1787%) hue-rotate(156deg) brightness(85%) contrast(83%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 121, 184, 202; |
|||
} |
|||
@ -1,31 +0,0 @@ |
|||
:root { |
|||
--main-bg-color: #282c34; |
|||
|
|||
--modal-bg-color: #1e222a; |
|||
--modal-header-color: #1e222a; |
|||
--modal-footer-color: #1e222a; |
|||
|
|||
--drop-down-menu-bg: #1e222a; |
|||
|
|||
--button-color: #61afef; |
|||
--button-color-hover: #c678dd; |
|||
--button-text: #e2e4eb; |
|||
--button-text-hover: #FFF; |
|||
|
|||
--accent-color: 152, 195, 121; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: #61afef; |
|||
--link-color-hover: #56b6c2; |
|||
--label-text-color: #282c34; |
|||
|
|||
--text:#abb2bf; |
|||
--text-hover: #c8ccd4; |
|||
--text-muted: #565c64; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #e5c07b; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: #e06c75; |
|||
--petio-spinner: invert(79%) sepia(27%) saturate(1033%) hue-rotate(74deg) brightness(104%) contrast(96%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 97, 175, 239; |
|||
} |
|||
|
|||
@ -1,30 +0,0 @@ |
|||
:root { |
|||
--main-bg-color: #1f1f1f; |
|||
|
|||
--modal-bg-color: #333; |
|||
--modal-header-color: #232323; |
|||
--modal-footer-color: #232323; |
|||
|
|||
--drop-down-menu-bg: #1b1b1b; |
|||
|
|||
--button-color: #2cabe3; |
|||
--button-color-hover: #298fbc; |
|||
--button-text: #eee; |
|||
--button-text-hover: #fff; |
|||
|
|||
--accent-color: 44, 171, 227; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: #2cabe3; |
|||
--link-color-hover: #3cc5ff; |
|||
--label-text-color: #fff; |
|||
|
|||
--text:#96a2b4; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #2cabe3; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: #2cabe3; |
|||
--petio-spinner: invert(65%) sepia(83%) saturate(2026%) hue-rotate(167deg) brightness(90%) contrast(97%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 44, 171, 227; |
|||
} |
|||
@ -1,30 +0,0 @@ |
|||
:root { |
|||
--main-bg-color: #1f1f1f; |
|||
|
|||
--modal-bg-color: #333; |
|||
--modal-header-color: #232323; |
|||
--modal-footer-color: #232323; |
|||
|
|||
--drop-down-menu-bg: #1b1b1b; |
|||
|
|||
--button-color: #2cabe3; |
|||
--button-color-hover: #298fbc; |
|||
--button-text: #eee; |
|||
--button-text-hover: #fff; |
|||
|
|||
--accent-color: 44, 171, 227; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: #2cabe3; |
|||
--link-color-hover: #3cc5ff; |
|||
--label-text-color: #fff; |
|||
|
|||
--text:#96a2b4; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #2cabe3; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: #2cabe3; |
|||
--petio-spinner: invert(65%) sepia(83%) saturate(2026%) hue-rotate(167deg) brightness(90%) contrast(97%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 44, 171, 227; |
|||
} |
|||
@ -1,30 +0,0 @@ |
|||
:root { |
|||
--main-bg-color: linear-gradient(360deg, hsl(221, 39%, 11%) 65%, hsl(215, 28%, 17%) 100%); |
|||
|
|||
--modal-bg-color: #1f2937; |
|||
--modal-header-color: #1f2937; |
|||
--modal-footer-color: #1f2937; |
|||
|
|||
--drop-down-menu-bg: #374151; |
|||
|
|||
--button-color: #4f46e5; |
|||
--button-color-hover: #6366f1; |
|||
--button-text: #e5e7eb; |
|||
--button-text-hover: #fff; |
|||
|
|||
--accent-color: 167, 139, 250; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: #6366f1; |
|||
--link-color-hover: #a78bfa; |
|||
--label-text-color: #000; |
|||
|
|||
--text: #d1d5db; |
|||
--text-hover: #fff; |
|||
--text-muted: #9ca3af; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6366f1; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: #6366f1; |
|||
--petio-spinner: invert(24%) sepia(59%) saturate(3411%) hue-rotate(237deg) brightness(91%) contrast(96%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 98, 116, 145; |
|||
} |
|||
@ -1,32 +0,0 @@ |
|||
: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; |
|||
*/ |
|||
--main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/resources/blur-noise.png") repeat scroll 0% 0%, radial-gradient(circle at 0% 100%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 100% 100%, rgba(113, 135, 153, 0.55) 0%, rgba(113, 135, 153, 0.043) 70%, rgba(113, 135, 153, 0) 80%), radial-gradient(circle at 100% 0%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 0% 0%, rgba(91, 114, 135, 0.55) 0%, rgba(91, 114, 135, 0.043) 70%, rgba(91, 114, 135, 0) 80%), rgb(0, 0, 0) center center/cover no-repeat fixed; |
|||
|
|||
--modal-bg-color: #1f2326; |
|||
--modal-header-color: #1f2326; |
|||
--modal-footer-color: #323232; |
|||
|
|||
--drop-down-menu-bg: #191a1c; |
|||
|
|||
--button-color: #cc7b19; |
|||
--button-color-hover: #e59029; |
|||
--button-text: #eee; |
|||
--button-text-hover: #fff; |
|||
|
|||
--accent-color: 229, 160, 13; |
|||
--accent-color-hover: #ffc107; |
|||
--link-color: #e5a00d; |
|||
--link-color-hover: #fff; |
|||
--label-text-color: #fff; |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #27c24c; /* Servarr apps + Bazarr*/ |
|||
--petio-spinner: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 255, 193, 7; |
|||
} |
|||
@ -1,30 +0,0 @@ |
|||
: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; |
|||
} |
|||
@ -1,27 +0,0 @@ |
|||
: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; |
|||
} |
|||
@ -1,30 +0,0 @@ |
|||
: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; |
|||
} |
|||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue