From 4a82d00fa835202f8789e459339a36979424056a Mon Sep 17 00:00:00 2001 From: GilbN Date: Sat, 30 Oct 2021 01:40:03 +0200 Subject: [PATCH] copy new files to old path --- CSS/themes/adguard/adguard-base.css | 677 ++++ CSS/themes/bazarr/bazarr-base.css | 834 ++++ CSS/themes/bitwarden/bitwarden-base.css | 502 +++ CSS/themes/calibreweb/calibreweb-base.css | 337 ++ CSS/themes/deluge/aquamarine.css | 16 + CSS/themes/deluge/dark.css | 16 + CSS/themes/deluge/deluge-base.css | 2453 ++++++++++++ CSS/themes/deluge/dracula.css | 16 + CSS/themes/deluge/hotline.css | 16 + CSS/themes/deluge/organizr-dark.css | 16 + CSS/themes/deluge/plex.css | 16 + CSS/themes/deluge/space-gray.css | 16 + CSS/themes/dozzle/dozzle-base.css | 277 ++ CSS/themes/duplicacy/duplicacy-base.css | 686 ++++ CSS/themes/duplicati/duplicati-base.css | 350 ++ CSS/themes/emby/emby-base.css | 747 ++++ CSS/themes/filebrowser/filebrowser-base.css | 684 ++++ CSS/themes/flood/flood-base.css | 732 ++++ CSS/themes/gaps/gaps-base.css | 395 ++ CSS/themes/gitea/chroma.css | 561 +++ CSS/themes/gitea/gitea-base.css | 1605 ++++++++ CSS/themes/grafana/.deprecated | 0 CSS/themes/grafana/grafana-base.css | 1309 +++++++ CSS/themes/grafana/organizr-dashboard.css | 599 +++ CSS/themes/guacamole/guacamole-base.css | 642 ++++ CSS/themes/jackett/jackett-base.css | 441 +++ CSS/themes/jellyfin/jellyfin-base.css | 936 +++++ CSS/themes/kitana/kitana-base.css | 253 ++ .../lazylibrarian/lazylibrarian-base.css | 489 +++ CSS/themes/librespeed/librespeed-base.css | 119 + CSS/themes/lidarr/lidarr-base.css | 1140 ++++++ CSS/themes/logarr/.deprecated | 0 CSS/themes/logarr/logarr-base.css | 581 +++ CSS/themes/monitorr/.deprecated | 0 CSS/themes/monitorr/monitorr-base.css | 433 +++ CSS/themes/monitorr/organizr-dashboard.css | 210 ++ CSS/themes/moviematch/moviematch-base.css | 147 + CSS/themes/mylar3/mylar3-base.css | 3355 +++++++++++++++++ CSS/themes/netdata/netdata-base.css | 484 +++ CSS/themes/netdata/organizr-dashboard.css | 20 + CSS/themes/nzbget/nzbget-base.css | 664 ++++ CSS/themes/nzbhydra2/nzbhydra2-base.css | 583 +++ CSS/themes/ombi/ombi-base.css | 706 ++++ CSS/themes/organizr/organizr-base.css | 2513 ++++++++++++ CSS/themes/overseerr/overseerr-base.css | 524 +++ CSS/themes/petio/petio-base.css | 502 +++ CSS/themes/pihole/pihole-base.css | 592 +++ CSS/themes/plex/plex-base.css | 673 ++++ CSS/themes/plpp/.deprecated | 0 CSS/themes/plpp/plpp-base.css | 284 ++ CSS/themes/portainer/portainer-base.css | 710 ++++ CSS/themes/prowlarr/prowlarr-base.css | 1101 ++++++ CSS/themes/qbittorrent/qbittorrent-base.css | 1806 +++++++++ CSS/themes/radarr/radarr-base.css | 1101 ++++++ CSS/themes/readarr/readarr-base.css | 1212 ++++++ CSS/themes/requestrr/requestrr-base.css | 398 ++ CSS/themes/resilio-sync/resilio-sync-base.css | 804 ++++ CSS/themes/rutorrent/rutorrent-base.css | 1785 +++++++++ CSS/themes/sabnzbd/sabnzbd-base.css | 1162 ++++++ CSS/themes/sonarr/sonarr-base.css | 1084 ++++++ CSS/themes/synclounge/synclounge-base.css | 196 + CSS/themes/tautulli/tautulli-base.css | 860 +++++ CSS/themes/thelounge/.deprecated | 0 CSS/themes/thelounge/thelounge-base.css | 179 + CSS/themes/transmission/transmission-base.css | 982 +++++ CSS/themes/unraid/unraid-base.css | 721 ++++ CSS/themes/uptime-kuma/uptime-kuma-base.css | 395 ++ CSS/themes/vuetorrent/vuetorrent-base.css | 492 +++ CSS/themes/webtools/.deprecated | 0 CSS/themes/webtools/webtools-base.css | 392 ++ CSS/themes/xbackbone/xbackbone-base.css | 458 +++ CSS/variables/aquamarine.css | 30 + CSS/variables/blackberry-abyss.css | 32 + CSS/variables/blackberry-amethyst.css | 30 + CSS/variables/blackberry-carol.css | 37 + CSS/variables/blackberry-dreamscape.css | 33 + CSS/variables/blackberry-flamingo.css | 31 + CSS/variables/blackberry-hearth.css | 32 + CSS/variables/blackberry-martian.css | 32 + CSS/variables/blackberry-pumpkin.css | 33 + CSS/variables/blackberry-royal.css | 31 + CSS/variables/blackberry-shadow.css | 30 + CSS/variables/blackberry-solar.css | 31 + CSS/variables/blackberry-vanta.css | 30 + CSS/variables/dark.css | 30 + CSS/variables/dracula.css | 30 + CSS/variables/hotline-old.css | 30 + CSS/variables/hotline.css | 30 + CSS/variables/hotpink.css | 30 + CSS/variables/mind.css | 30 + CSS/variables/nord.css | 30 + CSS/variables/onedark.css | 31 + CSS/variables/organizr.css | 30 + CSS/variables/overseerr.css | 30 + CSS/variables/plex.css | 32 + CSS/variables/power.css | 30 + CSS/variables/reality.css | 27 + CSS/variables/soul.css | 30 + CSS/variables/space-gray.css | 30 + CSS/variables/space.css | 30 + CSS/variables/time.css | 30 + themes.py | 45 +- 102 files changed, 45938 insertions(+), 18 deletions(-) create mode 100644 CSS/themes/adguard/adguard-base.css create mode 100644 CSS/themes/bazarr/bazarr-base.css create mode 100644 CSS/themes/bitwarden/bitwarden-base.css create mode 100644 CSS/themes/calibreweb/calibreweb-base.css create mode 100644 CSS/themes/deluge/aquamarine.css create mode 100644 CSS/themes/deluge/dark.css create mode 100644 CSS/themes/deluge/deluge-base.css create mode 100644 CSS/themes/deluge/dracula.css create mode 100644 CSS/themes/deluge/hotline.css create mode 100644 CSS/themes/deluge/organizr-dark.css create mode 100644 CSS/themes/deluge/plex.css create mode 100644 CSS/themes/deluge/space-gray.css create mode 100644 CSS/themes/dozzle/dozzle-base.css create mode 100644 CSS/themes/duplicacy/duplicacy-base.css create mode 100644 CSS/themes/duplicati/duplicati-base.css create mode 100644 CSS/themes/emby/emby-base.css create mode 100644 CSS/themes/filebrowser/filebrowser-base.css create mode 100644 CSS/themes/flood/flood-base.css create mode 100644 CSS/themes/gaps/gaps-base.css create mode 100644 CSS/themes/gitea/chroma.css create mode 100644 CSS/themes/gitea/gitea-base.css create mode 100644 CSS/themes/grafana/.deprecated create mode 100644 CSS/themes/grafana/grafana-base.css create mode 100644 CSS/themes/grafana/organizr-dashboard.css create mode 100644 CSS/themes/guacamole/guacamole-base.css create mode 100644 CSS/themes/jackett/jackett-base.css create mode 100644 CSS/themes/jellyfin/jellyfin-base.css create mode 100644 CSS/themes/kitana/kitana-base.css create mode 100644 CSS/themes/lazylibrarian/lazylibrarian-base.css create mode 100644 CSS/themes/librespeed/librespeed-base.css create mode 100644 CSS/themes/lidarr/lidarr-base.css create mode 100644 CSS/themes/logarr/.deprecated create mode 100644 CSS/themes/logarr/logarr-base.css create mode 100644 CSS/themes/monitorr/.deprecated create mode 100644 CSS/themes/monitorr/monitorr-base.css create mode 100644 CSS/themes/monitorr/organizr-dashboard.css create mode 100644 CSS/themes/moviematch/moviematch-base.css create mode 100644 CSS/themes/mylar3/mylar3-base.css create mode 100644 CSS/themes/netdata/netdata-base.css create mode 100644 CSS/themes/netdata/organizr-dashboard.css create mode 100644 CSS/themes/nzbget/nzbget-base.css create mode 100644 CSS/themes/nzbhydra2/nzbhydra2-base.css create mode 100644 CSS/themes/ombi/ombi-base.css create mode 100644 CSS/themes/organizr/organizr-base.css create mode 100644 CSS/themes/overseerr/overseerr-base.css create mode 100644 CSS/themes/petio/petio-base.css create mode 100644 CSS/themes/pihole/pihole-base.css create mode 100644 CSS/themes/plex/plex-base.css create mode 100644 CSS/themes/plpp/.deprecated create mode 100644 CSS/themes/plpp/plpp-base.css create mode 100644 CSS/themes/portainer/portainer-base.css create mode 100644 CSS/themes/prowlarr/prowlarr-base.css create mode 100644 CSS/themes/qbittorrent/qbittorrent-base.css create mode 100644 CSS/themes/radarr/radarr-base.css create mode 100644 CSS/themes/readarr/readarr-base.css create mode 100644 CSS/themes/requestrr/requestrr-base.css create mode 100644 CSS/themes/resilio-sync/resilio-sync-base.css create mode 100644 CSS/themes/rutorrent/rutorrent-base.css create mode 100644 CSS/themes/sabnzbd/sabnzbd-base.css create mode 100644 CSS/themes/sonarr/sonarr-base.css create mode 100644 CSS/themes/synclounge/synclounge-base.css create mode 100644 CSS/themes/tautulli/tautulli-base.css create mode 100644 CSS/themes/thelounge/.deprecated create mode 100644 CSS/themes/thelounge/thelounge-base.css create mode 100644 CSS/themes/transmission/transmission-base.css create mode 100644 CSS/themes/unraid/unraid-base.css create mode 100644 CSS/themes/uptime-kuma/uptime-kuma-base.css create mode 100644 CSS/themes/vuetorrent/vuetorrent-base.css create mode 100644 CSS/themes/webtools/.deprecated create mode 100644 CSS/themes/webtools/webtools-base.css create mode 100644 CSS/themes/xbackbone/xbackbone-base.css create mode 100644 CSS/variables/aquamarine.css create mode 100644 CSS/variables/blackberry-abyss.css create mode 100644 CSS/variables/blackberry-amethyst.css create mode 100644 CSS/variables/blackberry-carol.css create mode 100644 CSS/variables/blackberry-dreamscape.css create mode 100644 CSS/variables/blackberry-flamingo.css create mode 100644 CSS/variables/blackberry-hearth.css create mode 100644 CSS/variables/blackberry-martian.css create mode 100644 CSS/variables/blackberry-pumpkin.css create mode 100644 CSS/variables/blackberry-royal.css create mode 100644 CSS/variables/blackberry-shadow.css create mode 100644 CSS/variables/blackberry-solar.css create mode 100644 CSS/variables/blackberry-vanta.css create mode 100644 CSS/variables/dark.css create mode 100644 CSS/variables/dracula.css create mode 100644 CSS/variables/hotline-old.css create mode 100644 CSS/variables/hotline.css create mode 100644 CSS/variables/hotpink.css create mode 100644 CSS/variables/mind.css create mode 100644 CSS/variables/nord.css create mode 100644 CSS/variables/onedark.css create mode 100644 CSS/variables/organizr.css create mode 100644 CSS/variables/overseerr.css create mode 100644 CSS/variables/plex.css create mode 100644 CSS/variables/power.css create mode 100644 CSS/variables/reality.css create mode 100644 CSS/variables/soul.css create mode 100644 CSS/variables/space-gray.css create mode 100644 CSS/variables/space.css create mode 100644 CSS/variables/time.css diff --git a/CSS/themes/adguard/adguard-base.css b/CSS/themes/adguard/adguard-base.css new file mode 100644 index 00000000..f9c143a9 --- /dev/null +++ b/CSS/themes/adguard/adguard-base.css @@ -0,0 +1,677 @@ +/* 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); +} \ No newline at end of file diff --git a/CSS/themes/bazarr/bazarr-base.css b/CSS/themes/bazarr/bazarr-base.css new file mode 100644 index 00000000..136ee34f --- /dev/null +++ b/CSS/themes/bazarr/bazarr-base.css @@ -0,0 +1,834 @@ +/* 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); +} \ No newline at end of file diff --git a/CSS/themes/bitwarden/bitwarden-base.css b/CSS/themes/bitwarden/bitwarden-base.css new file mode 100644 index 00000000..3a40abf5 --- /dev/null +++ b/CSS/themes/bitwarden/bitwarden-base.css @@ -0,0 +1,502 @@ +/* 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; +} \ No newline at end of file diff --git a/CSS/themes/calibreweb/calibreweb-base.css b/CSS/themes/calibreweb/calibreweb-base.css new file mode 100644 index 00000000..1a2ed7e8 --- /dev/null +++ b/CSS/themes/calibreweb/calibreweb-base.css @@ -0,0 +1,337 @@ + /* 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; + } \ No newline at end of file diff --git a/CSS/themes/deluge/aquamarine.css b/CSS/themes/deluge/aquamarine.css new file mode 100644 index 00000000..022459e0 --- /dev/null +++ b/CSS/themes/deluge/aquamarine.css @@ -0,0 +1,16 @@ + +/* 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); \ No newline at end of file diff --git a/CSS/themes/deluge/dark.css b/CSS/themes/deluge/dark.css new file mode 100644 index 00000000..1811f394 --- /dev/null +++ b/CSS/themes/deluge/dark.css @@ -0,0 +1,16 @@ + +/* 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); \ No newline at end of file diff --git a/CSS/themes/deluge/deluge-base.css b/CSS/themes/deluge/deluge-base.css new file mode 100644 index 00000000..89331d30 --- /dev/null +++ b/CSS/themes/deluge/deluge-base.css @@ -0,0 +1,2453 @@ + /* 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 */ + + /* Based on https://github.com/HalianElf/Deluge-Dark/blob/master/deluge.css */ + + @import url('https://fonts.googleapis.com/css?family=Roboto'); + + html { + 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); + font-family: 'Roboto', sans-serif !important; + } + + input { + color: #FFF !important; + } + + /* scroller */ + ::-webkit-scrollbar-corner { + background-color: hsla(0, 0%, 100%, .08); + } + + ::-webkit-scrollbar { + width: 10px; + height: 10px; + background: rgba(0, 0, 0, .25); + + } + + ::-webkit-scrollbar-thumb { + -webkit-border-radius: 2px; + border-radius: 2px; + background-color: hsla(0, 0%, 100%, .08); + } + + .x-grid3-header table, + .x-grid3-body table { + border-collapse: collapse; + } + + .ext-el-mask { + background-color: rgba(0, 0, 0, 0.25); + } + + .ext-el-mask-msg { + border-color: #999; + background-color: #f000; + //background-image: url(../images/gray/panel/white-top-bottom.gif); + background-position: 0 -1px; + } + + .ext-el-mask-msg div { + background-color: #eee; + border-color: #d0d0d0; + color: #222; + font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif; + } + + .x-mask-loading div { + background-color: #fbfbfb; + //background-image: url(../images/default/grid/loading.gif); + } + + .x-item-disabled { + color: #aaaaaa; + } + + .x-item-disabled * { + color: var(--text-muted) !important; + } + + .x-splitbar-proxy { + background-color: #aaa; + } + + .x-color-palette a { + border-color: #fff; + } + + .x-color-palette a:hover, + .x-color-palette a.x-color-palette-sel { + border-color: #CFCFCF; + background-color: #eaeaea; + } + + .x-deluge-plugins { + background: transparent; + } + + .x-deluge-all { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/all.png); + background-position: left center; + } + + .x-deluge-downloading, + .x-btn .x-deluge-downloading, + .x-deluge-peer { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/dling.png); + background-position: left center; + } + + .x-deluge-seeding, + .x-btn .x-deluge-seeding, + .deluge-torrents .seeding, + .x-deluge-seed { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/uling.png); + background-position: left center; + } + + .x-deluge-active, + .x-deluge-traffic, + .x-btn .x-deluge-traffic { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/active.png); + background-position: left center; + } + + .x-deluge-paused, + .x-btn .x-deluge-paused, + .deluge-torrents .paused { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/paused.png); + background-position: left center; + } + + .x-deluge-queued, + .x-btn .x-deluge-queued, + .deluge-torrents .queued { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/queued.png); + background-position: left center; + } + + .x-deluge-checking, + .deluge-torrents .checking { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/checking.png); + background-position: left center; + } + + .x-deluge-error, + .deluge-torrents .error, + .icon-error, + .x-not-connected { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/error.png) !important; + background-position: left center; + } + + .icon-ok { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/ok.png) !important; + background-position: left center; + } + + .x-deluge-connections, + .x-btn .x-deluge-connections { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connections.png) !important; + background-position: left center; + } + + .x-deluge-freespace, + .x-btn .x-deluge-freespace { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/harddrive.png) !important; + background-position: left center; + } + + .icon-move { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/move.png) !important; + background-position: left center; + } + + .icon-recheck, + .x-deluge-find-more, + .x-btn .x-deluge-find-more { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/search.png) !important; + background-position: left center; + } + + .icon-edit-trackers, + .icon-edit, + .x-deluge-edit-trackers, + .x-btn .x-deluge-edit-trackers { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/edit.png) !important; + background-position: left center; + } + + .xg-hmenu-sort-asc .x-menu-item-icon { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/ascending.png) !important; + background-position: left center; + } + + .xg-hmenu-sort-desc .x-menu-item-icon { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/descending.png) !important; + background-position: left center; + } + + .icon-update-tracker { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/update.png) !important; + background-position: left center; + } + + .icon-queue, + .icon-upload-slots { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/queue.png) !important; + background-position: left center; + } + + .x-deluge-install-plugin, + .x-btn .x-deluge-install-plugin { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/plugin.png) !important; + background-position: left center; + } + + .x-deluge-connect-window-icon { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connection_small.png) !important; + background-position: left center; + } + + .x-deluge-connect-window-icon { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connection_small.png) !important; + background-position: left center; + } + + .x-deluge-connect-window-icon { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connection_small.png) !important; + background-position: left center; + } + + .icon-top { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/top.png) !important; + background-position: left center; + } + + .icon-bottom { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/bottom.png) !important; + background-position: left center; + } + + /* + .x-color-palette em:hover, .x-color-palette span:hover{ + background-color: #eaeaea; + } + */ + + .x-color-palette em { + border-color: #aca899; + } + + .x-ie-shadow { + background-color: #777; + } + + .x-shadow .xsmc { + //background-image: url(../images/default/shadow-c.png); + } + + .x-shadow .xsml, + .x-shadow .xsmr { + //background-image: url(../images/default/shadow-lr.png); + } + + .x-shadow .xstl, + .x-shadow .xstc, + .x-shadow .xstr, + .x-shadow .xsbl, + .x-shadow .xsbc, + .x-shadow .xsbr { + //background-image: url(../images/default/shadow.png); + } + + .loading-indicator { + font-size: 11px; + //background-image: url(../images/default/grid/loading.gif); + } + + .x-spotlight { + background-color: #ccc; + } + + .x-tab-panel-header, + .x-tab-panel-footer { + background: var(--main-bg-color); + border-color: #d0d0d0; + overflow: hidden; + zoom: 1; + padding-bottom: 0; + } + + .x-tab-panel-header, + .x-tab-panel-footer { + border-color: transparent; + } + + ul.x-tab-strip-top { + background-color: rgba(0, 0, 0, 0.25); + background-image: none; + border-bottom-color: transparent; + } + + ul.x-tab-strip-bottom { + background-color: rgba(0, 0, 0, 0.25); + //background-image: url(../images/gray/tabs/tab-strip-btm-bg.gif); + border-top-color: transparent; + } + + .x-tab-panel-header-plain .x-tab-strip-spacer, + .x-tab-panel-footer-plain .x-tab-strip-spacer { + border-color: transparent; + background-color: transparent; + } + + .x-tab-strip span.x-tab-strip-text { + font: normal 11px 'Roboto', tahoma, arial, helvetica; + color: var(--text); + } + + .x-tab-strip-over span.x-tab-strip-text { + color: var(--text-hover); + } + + .x-tab-strip-active span.x-tab-strip-text { + color: var(--text-hover) !important; + font-weight: bold; + } + + .x-tab-strip-disabled .x-tabs-text { + color: var(--text-muted); + } + + .x-tab-strip-top .x-tab-right, + .x-tab-strip-top .x-tab-left, + .x-tab-strip-top .x-tab-strip-inner { + background-image: none; + background-color: transparent; + } + + ul.x-tab-strip li { + float: left; + margin-left: 2px; + background: rgba(0, 0, 0, 0.25); + } + + #torrentDetails dl dt, + dl.singleline dt { + color: var(--text-hover) !important; + } + + .x-tab-strip-bottom .x-tab-right { + //background-image: url(../images/gray/tabs/tab-btm-inactive-right-bg.gif); + } + + .x-tab-strip-bottom .x-tab-left { + //background-image: url(../images/gray/tabs/tab-btm-inactive-left-bg.gif); + } + + .x-tab-strip-bottom .x-tab-strip-over .x-tab-left { + //background-image: url(../images/gray/tabs/tab-btm-over-left-bg.gif); + } + + .x-tab-strip-bottom .x-tab-strip-over .x-tab-right { + //background-image: url(../images/gray/tabs/tab-btm-over-right-bg.gif); + } + + .x-tab-strip-bottom .x-tab-strip-active .x-tab-right { + //background-image: url(../images/gray/tabs/tab-btm-right-bg.gif); + } + + .x-tab-strip-bottom .x-tab-strip-active .x-tab-left { + //background-image: url(../images/gray/tabs/tab-btm-left-bg.gif); + } + + .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close { + //background-image: url(../images/gray/tabs/tab-close.gif); + } + + .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover { + //background-image: url(../images/gray/tabs/tab-close.gif); + } + + .x-tab-panel-body { + border-color: transparent; + background-color: transparent; + } + + .x-tab-panel-body-top { + border-top: 0 none; + } + + .x-tab-panel-body-bottom { + border-bottom: 0 none; + } + + .x-tab-scroller-left { + //background-image: url(../images/gray/tabs/scroll-left.gif); + border-bottom-color: #d0d0d0; + } + + .x-tab-scroller-left-over { + background-position: 0 0; + } + + .x-tab-scroller-left-disabled { + background-position: -18px 0; + opacity: .5; + -moz-opacity: .5; + filter: alpha(opacity=50); + cursor: default; + } + + .x-tab-scroller-right { + //background-image: url(../images/gray/tabs/scroll-right.gif); + border-bottom-color: #d0d0d0; + } + + .x-tab-panel-bbar .x-toolbar, + .x-tab-panel-tbar .x-toolbar { + border-color: #d0d0d0; + } + + .x-form-field { + font: normal 12px 'Roboto', tahoma, arial, helvetica, sans-serif; + } + + .x-form-text, + textarea.x-form-field { + background-color: rgba(255, 255, 255, 0.08); + background-image: none; + border-color: transparent; + } + + .x-form-select-one { + background-color: #fff; + border-color: #C1C1C1; + } + + .x-form-check-group-label { + border-bottom: 1px solid #d0d0d0; + color: #333; + } + + .x-editor .x-form-check-wrap { + background-color: #fff; + } + + .x-form-field-wrap .x-form-trigger { + //background-image: url(../images/gray/form/trigger.gif); + border-bottom-color: #b5b8c8; + } + + .x-form-field-wrap .x-form-date-trigger { + //background-image: url(../images/gray/form/date-trigger.gif); + } + + .x-form-field-wrap .x-form-clear-trigger { + //background-image: url(../images/gray/form/clear-trigger.gif); + } + + .x-form-field-wrap .x-form-search-trigger { + //background-image: url(../images/gray/form/search-trigger.gif); + } + + .x-trigger-wrap-focus .x-form-trigger { + border-bottom-color: #777777; + } + + .x-item-disabled .x-form-trigger-over { + border-bottom-color: #b5b8c8; + } + + .x-item-disabled .x-form-trigger-click { + border-bottom-color: #b5b8c8; + } + + .x-form-focus, + textarea.x-form-focus { + border-color: transparent; + } + + .x-form-invalid, + textarea.x-form-invalid { + background-color: #fff; + //background-image: url(../images/default/grid/invalid_line.gif); + border-color: #c30; + } + + .ext-webkit .x-form-invalid { + background-color: #fee; + border-color: #ff7870; + } + + .x-form-inner-invalid, + textarea.x-form-inner-invalid { + background-color: #fff; + //background-image: url(../images/default/grid/invalid_line.gif); + } + + .x-form-grow-sizer { + font: normal 12px 'Roboto', tahoma, arial, helvetica, sans-serif; + } + + .x-form-item { + font: normal 12px 'Roboto', tahoma, arial, helvetica, sans-serif; + } + + .x-form-invalid-msg { + color: #c0272b; + font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif; + //background-image: url(../images/default/shared/warning.gif); + } + + .x-form-empty-field { + color: gray; + } + + .x-small-editor .x-form-field { + font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif; + } + + .ext-webkit .x-small-editor .x-form-field { + font: normal 12px 'Roboto', arial, tahoma, helvetica, sans-serif; + } + + .x-form-invalid-icon { + //background-image: url(../images/default/form/exclamation.gif); + } + + .x-fieldset { + border-color: rgba(255, 255, 255, 0.25); + } + + .x-fieldset legend { + font: bold 11px 'Roboto', tahoma, arial, helvetica, sans-serif; + color: var(--text-hover); + } + + .x-window-draggable, + .x-window-draggable .x-window-header-text { + color: var(--text-hover); + } + + .x-panel-tbar .icon-add { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/add.png) no-repeat 0 0 !important; + width: 24px !important; + overflow: hidden; + } + + .x-panel-tbar .icon-add:hover { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/add.png) no-repeat 0 -24px !important; + } + + .x-panel-tbar .icon-add:active { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/add.png) no-repeat 1px -23px !important; + } + + .x-panel-bbar .icon-add { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/add_small.png) no-repeat 0 0 !important; + } + + .x-panel-tbar .icon-remove { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/remove.png) no-repeat 0 0 !important; + width: 24px !important; + overflow: hidden; + } + + .x-panel-tbar .icon-remove:hover { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/remove.png) no-repeat 0 -24px !important; + } + + .x-panel-tbar .icon-remove:active { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/remove.png) no-repeat 1px -23px !important; + } + + .x-panel-bbar .icon-remove { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/remove_small.png) no-repeat 0 0 !important; + } + + .x-panel-tbar .icon-pause { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/pause.png) no-repeat 0 0 !important; + width: 24px !important; + overflow: hidden; + } + + .x-panel-tbar .icon-pause:hover { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/pause.png) no-repeat 0 -24px !important; + } + + .x-panel-tbar .icon-pause:active { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/pause.png) no-repeat 1px -23px !important; + } + + .x-menu-item .icon-pause { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/paused.png) no-repeat 0 0 !important; + } + + .x-panel-tbar .icon-resume { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/resume.png) no-repeat 0 0 !important; + width: 24px !important; + overflow: hidden; + } + + .x-panel-tbar .icon-resume:hover { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/resume.png) no-repeat 0 -24px !important; + } + + .x-panel-tbar .icon-resume:active { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/resume.png) no-repeat 1px -23px !important; + } + + .x-menu-item .icon-resume { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/resume_small.png) no-repeat 0 0 !important; + } + + .icon-remove { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/remove_small.png) no-repeat 0 0 !important; + } + + .x-panel-tbar .icon-up { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/up.png) no-repeat 0 0 !important; + width: 24px !important; + overflow: hidden; + } + + .x-panel-tbar .icon-up:hover { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/up.png) no-repeat 0 -24px !important; + } + + .x-panel-tbar .icon-up:active { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/up.png) no-repeat 1px -23px !important; + } + + .icon-up { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/up_small.png) no-repeat 0 0 !important; + } + + .x-panel-tbar .icon-down { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/down.png) no-repeat 0 0 !important; + width: 24px !important; + overflow: hidden; + } + + .x-panel-tbar .icon-down:hover { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/down.png) no-repeat 0 -24px !important; + } + + .x-panel-tbar .icon-down:active { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/down.png) no-repeat 1px -23px !important; + } + + .icon-down { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/down_small.png) no-repeat 0 0 !important; + } + + .x-btn .x-deluge-preferences { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/settings.png) no-repeat 0 0 !important; + width: 24px !important; + overflow: hidden; + } + + .x-btn .x-deluge-preferences:hover { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/settings.png) no-repeat 0 -24px !important; + } + + .x-btn .x-deluge-preferences:active { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/settings.png) no-repeat 1px -23px !important; + } + + .x-deluge-preferences { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/settings_small.png) no-repeat 0 4px !important; + } + + .icon-options { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/settings_small.png) no-repeat 0 0px !important; + } + + .x-deluge-connection-manager, + .x-btn .x-deluge-connection-manager { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connection.png) no-repeat 0 0 !important; + width: 24px !important; + overflow: hidden; + } + + .x-deluge-connection-manager:hover, + .x-btn .x-deluge-connection-manager:hover { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connection.png) no-repeat 0 -24px !important; + } + + .x-deluge-connection-manager:active, + .x-btn .x-deluge-connection-manager:active { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connection.png) no-repeat 1px -23px !important; + } + + .icon-help { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/help.png) no-repeat 0 0 !important; + width: 24px !important; + overflow: hidden; + } + + .icon-help:hover { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/help.png) no-repeat 0 -24px !important; + } + + .icon-help:active { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/help.png) no-repeat 1px -23px !important; + } + + .icon-logout { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/logout.png) no-repeat 0 0 !important; + width: 24px !important; + overflow: hidden; + } + + .icon-logout:hover { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/logout.png) no-repeat 0 -24px !important; + } + + .icon-logout:active { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/logout.png) no-repeat 1px -23px !important; + } + + .x-deluge-main-panel { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/deluge.png) no-repeat 0 0 !important; + padding-left: 30px !important; + } + + #tbar-deluge-text.x-item-disabled * { + color: var(--text) !important; + font-size: 16px; + font-weight: normal; + } + + #tbar-deluge-text * { + color: var(--text-hover) !important; + } + + /* Buttons hover */ + .x-btn { + font: normal 11px 'Roboto', tahoma, verdana, helvetica; + } + + .x-window-bc .x-window-footer .x-btn { + background-color: var(--button-color); + color: var(--button-text); + } + + .x-window-bc .x-window-footer .x-btn:hover { + background-color: var(--button-color-hover); + color: var(--button-text-hover) + } + + .x-form-file-wrap .x-btn { + position: absolute; + right: 0; + z-index: 1; + background: var(--button-color); + } + + .x-form-file-wrap:hover .x-form-file-btn:hover .x-btn:hover { + position: absolute; + right: 0; + z-index: 1; + background: var(--button-color-hover); + color: var(--button-text-hover) + } + + .x-btn button { + font: normal 11px 'Roboto', arial, tahoma, verdana, helvetica; + color: var(--button-text); + } + + .x-btn em { + font-style: normal; + font-weight: normal; + } + + .x-btn-tl, + .x-btn-tr, + .x-btn-tc, + .x-btn-ml, + .x-btn-mr, + .x-btn-mc, + .x-btn-bl, + .x-btn-br, + .x-btn-bc { + background-image: none; + } + + .x-btn-click .x-btn-text, + .x-btn-menu-active .x-btn-text, + .x-btn-pressed .x-btn-text { + color: #AAAAAA; + } + + .x-btn-disabled * { + color: gray !important; + } + + .x-btn-mc em.x-btn-arrow { + //background-image: url(../images/default/button/arrow.gif); + } + + .x-btn-mc em.x-btn-split { + //background-image: url(../images/default/button/s-arrow.gif); + } + + .x-btn-over .x-btn-mc em.x-btn-split, + .x-btn-click .x-btn-mc em.x-btn-split, + .x-btn-menu-active .x-btn-mc em.x-btn-split, + .x-btn-pressed .x-btn-mc em.x-btn-split { + //background-image: url(../images/gray/button/s-arrow-o.gif); + } + + .x-btn-mc em.x-btn-arrow-bottom { + //background-image: url(../images/default/button/s-arrow-b-noline.gif); + } + + .x-btn-mc em.x-btn-split-bottom { + //background-image: url(../images/default/button/s-arrow-b.gif); + } + + .x-btn-over .x-btn-mc em.x-btn-split-bottom, + .x-btn-click .x-btn-mc em.x-btn-split-bottom, + .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, + .x-btn-pressed .x-btn-mc em.x-btn-split-bottom { + //background-image: url(../images/gray/button/s-arrow-bo.gif); + } + + .x-btn-group-header { + color: #666; + } + + .x-btn-group-tc { + //background-image: url(../images/gray/button/group-tb.gif); + } + + .x-btn-group-tl { + //background-image: url(../images/gray/button/group-cs.gif); + } + + .x-btn-group-tr { + //background-image: url(../images/gray/button/group-cs.gif); + } + + .x-btn-group-bc { + //background-image: url(../images/gray/button/group-tb.gif); + } + + .x-btn-group-bl { + //background-image: url(../images/gray/button/group-cs.gif); + } + + .x-btn-group-br { + //background-image: url(../images/gray/button/group-cs.gif); + } + + .x-btn-group-ml { + //background-image: url(../images/gray/button/group-lr.gif); + } + + .x-btn-group-mr { + //background-image: url(../images/gray/button/group-lr.gif); + } + + .x-btn-group-notitle .x-btn-group-tc { + //background-image: url(../images/gray/button/group-tb.gif); + } + + .x-toolbar { + border-color: transparent; + background-color: transparent; + background-image: none; + } + + .x-toolbar td, + .x-toolbar span, + .x-toolbar input, + .x-toolbar div, + .x-toolbar select, + .x-toolbar label { + font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif; + } + + .x-toolbar .x-item-disabled { + color: gray; + } + + .x-toolbar .x-item-disabled * { + color: gray; + } + + .x-toolbar div.xtb-text { + padding: 0px; + } + + .x-toolbar .x-btn-mc em.x-btn-split { + //background-image: url(../images/default/button/s-arrow-noline.gif); + } + + .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, + .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split, + .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split, + .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split { + //background-image: url(../images/gray/button/s-arrow-o.gif); + } + + .x-toolbar .x-btn-mc em.x-btn-split-bottom { + //background-image: url(../images/default/button/s-arrow-b-noline.gif); + } + + .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split-bottom, + .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split-bottom, + .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, + .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split-bottom { + //background-image: url(../images/gray/button/s-arrow-bo.gif); + } + + .x-toolbar .xtb-sep { + background: linear-gradient(to right, transparent 45%, rgba(255, 255, 255, .08) 45%, rgba(255, 255, 255, 0.08) 55%, transparent 55%); + width: 10px + } + + .x-tbar-page-first { + //background-image: url(../images/gray/grid/page-first.gif) !important; + } + + .x-tbar-loading { + //background-image: url(../images/gray/grid/refresh.gif) !important; + } + + .x-tbar-page-last { + //background-image: url(../images/gray/grid/page-last.gif) !important; + } + + .x-tbar-page-next { + //background-image: url(../images/gray/grid/page-next.gif) !important; + } + + .x-tbar-page-prev { + //background-image: url(../images/gray/grid/page-prev.gif) !important; + } + + .x-item-disabled .x-tbar-loading { + //background-image: url(../images/default/grid/loading.gif) !important; + } + + .x-item-disabled .x-tbar-page-first { + //background-image: url(../images/default/grid/page-first-disabled.gif) !important; + } + + .x-item-disabled .x-tbar-page-last { + //background-image: url(../images/default/grid/page-last-disabled.gif) !important; + } + + .x-item-disabled .x-tbar-page-next { + //background-image: url(../images/default/grid/page-next-disabled.gif) !important; + } + + .x-item-disabled .x-tbar-page-prev { + //background-image: url(../images/default/grid/page-prev-disabled.gif) !important; + } + + .x-paging-info { + color: #444; + } + + .x-toolbar-more-icon { + //background-image: url(../images/gray/toolbar/more.gif) !important; + } + + .x-resizable-handle { + background-color: #fff; + } + + .x-resizable-over .x-resizable-handle-east, + .x-resizable-pinned .x-resizable-handle-east, + .x-resizable-over .x-resizable-handle-west, + .x-resizable-pinned .x-resizable-handle-west { + //background-image: url(../images/gray/sizer/e-handle.gif); + } + + .x-resizable-over .x-resizable-handle-south, + .x-resizable-pinned .x-resizable-handle-south, + .x-resizable-over .x-resizable-handle-north, + .x-resizable-pinned .x-resizable-handle-north { + //background-image: url(../images/gray/sizer/s-handle.gif); + } + + .x-resizable-over .x-resizable-handle-north, + .x-resizable-pinned .x-resizable-handle-north { + //background-image: url(../images/gray/sizer/s-handle.gif); + } + + .x-resizable-over .x-resizable-handle-southeast, + .x-resizable-pinned .x-resizable-handle-southeast { + //background-image: url(../images/gray/sizer/se-handle.gif); + } + + .x-resizable-over .x-resizable-handle-northwest, + .x-resizable-pinned .x-resizable-handle-northwest { + //background-image: url(../images/gray/sizer/nw-handle.gif); + } + + .x-resizable-over .x-resizable-handle-northeast, + .x-resizable-pinned .x-resizable-handle-northeast { + //background-image: url(../images/gray/sizer/ne-handle.gif); + } + + .x-resizable-over .x-resizable-handle-southwest, + .x-resizable-pinned .x-resizable-handle-southwest { + //background-image: url(../images/gray/sizer/sw-handle.gif); + } + + .x-resizable-proxy { + border-color: #565656; + } + + .x-resizable-overlay { + background-color: #fff; + } + + .x-grid3 { + background: rgba(0, 0, 0, 0.25); + } + + .x-grid-panel .x-panel-mc .x-panel-body { + border-color: #d0d0d0; + } + + .x-grid3-row td, + .x-grid3-summary-row td { + font: normal 11px/16px 'Roboto', arial, tahoma, helvetica, sans-serif; + } + + .x-grid3-hd-row td { + font: normal 11px/15px 'Roboto', arial, tahoma, helvetica, sans-serif; + } + + .x-grid3-hd-row td { + border-left-color: transparent; + border-right-color: transparent; + } + + .x-grid-row-loading { + background-color: #fff; + //background-image: url(../images/default/shared/loading-balls.gif); + } + + .x-grid3-row { + border-color: transparent; + border-top-color: transparent; + } + + .x-grid3-row-alt { + background-color: rgba(0, 0, 0, 0.25); + } + + .x-grid3-row-over { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.08); + background-image: none; + } + + .x-grid3-resize-proxy { + background: var(--main-bg-color); + } + + .x-grid3-resize-marker { + background: var(--main-bg-color); + } + + .x-grid3-header { + background-color: rgba(0, 0, 0, 0.25); + background-image: none; + color: var(--text-hover) !important; + } + + .x-grid3-header-pop { + border-left-color: #d0d0d0; + } + + .x-grid3-header-pop-inner { + border-left-color: #eee; + //background-image: url(../images/default/grid/hd-pop.gif); + } + + td.x-grid3-hd-over, + td.sort-desc, + td.sort-asc, + td.x-grid3-hd-menu-open { + border-left-color: rgba(0, 0, 0, 0.25); + border-right-color: transparent; + } + + td.x-grid3-hd-over .x-grid3-hd-inner, + td.sort-desc .x-grid3-hd-inner, + td.sort-asc .x-grid3-hd-inner, + td.x-grid3-hd-menu-open .x-grid3-hd-inner { + background-color: rgba(0, 0, 0, 0.25); + background-image: none; + + } + + .sort-asc .x-grid3-sort-icon { + //background-image: url(../images/gray/grid/sort_asc.gif); + } + + .sort-desc .x-grid3-sort-icon { + //background-image: url(../images/gray/grid/sort_desc.gif); + } + + .x-grid3-cell-text, + .x-grid3-hd-text { + color: #000; + } + + .x-grid3-split { + //background-image: url(../images/default/grid/grid-split.gif); + } + + .x-grid3-hd-text { + color: #333; + } + + .x-dd-drag-proxy .x-grid3-hd-inner { + background-color: #f9f9f9; + //background-image: url(../images/gray/grid/grid3-hrow-over2.gif); + border-color: #ACACAC; + } + + .col-move-top { + //background-image: url(../images/gray/grid/col-move-top.gif); + } + + .col-move-bottom { + //background-image: url(../images/gray/grid/col-move-bottom.gif); + } + + .x-grid3-row-selected { + background-color: rgba(255, 255, 255, 0.08) !important; + background-image: none; + border-color: transparent; + color: var(--text-hover) !important; + } + + .x-grid3-cell-selected { + background-color: #CBCBCB !important; + color: #000; + } + + .x-grid3-cell-selected span { + color: #000 !important; + } + + .x-grid3-cell-selected .x-grid3-cell-text { + color: #000; + } + + .x-grid3-locked td.x-grid3-row-marker, + .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker { + background-color: #ebeadb !important; + //background-image: url(../images/default/grid/grid-hrow.gif) !important; + color: #000; + border-top-color: #fff; + border-right-color: #6fa0df !important; + } + + .x-grid3-locked td.x-grid3-row-marker div, + .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div { + color: #333 !important; + } + + .x-grid3-dirty-cell { + //background-image: url(../images/default/grid/dirty.gif); + } + + .x-grid3-topbar, + .x-grid3-bottombar { + font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif; + } + + .x-grid3-bottombar .x-toolbar { + border-top-color: #a9bfd3; + } + + .x-props-grid .x-grid3-td-name .x-grid3-cell-inner { + //background-image: url(../images/default/grid/grid3-special-col-bg.gif) !important; + color: #000 !important; + } + + .x-props-grid .x-grid3-body .x-grid3-td-name { + background-color: #fff !important; + border-right-color: #eee; + } + + .xg-hmenu-sort-asc .x-menu-item-icon { + //background-image: url(../images/default/grid/hmenu-asc.gif); + } + + .xg-hmenu-sort-desc .x-menu-item-icon { + //background-image: url(../images/default/grid/hmenu-desc.gif); + } + + .xg-hmenu-lock .x-menu-item-icon { + //background-image: url(../images/default/grid/hmenu-lock.gif); + } + + .xg-hmenu-unlock .x-menu-item-icon { + //background-image: url(../images/default/grid/hmenu-unlock.gif); + } + + .x-grid3-hd-btn, + a.x-grid3-hd-btn:hover { + background: linear-gradient(116deg, transparent 0%, transparent 0%, transparent 60%, #252525 60%), linear-gradient(244deg, var(--text-hover) 0%, var(--text-hover) 0%, var(--text-hover) 60%, transparent 60%); + height: 6px !important; + width: 8px; + padding: 7px 2px; + border-left: 1px solid #444444; + background-clip: content-box; + } + + .x-grid3-body .x-grid3-td-expander { + //background-image: url(../images/default/grid/grid3-special-col-bg.gif); + } + + .x-grid3-row-expander { + //background-image: url(../images/gray/grid/row-expand-sprite.gif); + } + + .x-grid3-body .x-grid3-td-checker { + //background-image: url(../images/default/grid/grid3-special-col-bg.gif); + } + + .x-grid3-row-checker, + .x-grid3-hd-checker { + //background-image: url(../images/default/grid/row-check-sprite.gif); + } + + .x-grid3-body .x-grid3-td-numberer { + //background-image: url(../images/default/grid/grid3-special-col-bg.gif); + } + + .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner { + color: #444; + } + + .x-grid3-body .x-grid3-td-row-icon { + //background-image: url(../images/default/grid/grid3-special-col-bg.gif); + } + + .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, + .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, + .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander { + //background-image: url(../images/gray/grid/grid3-special-col-sel-bg.gif); + } + + .x-grid3-check-col { + //background-image: url(../images/default/menu/unchecked.gif); + } + + .x-grid3-check-col-on { + //background-image: url(../images/default/menu/checked.gif); + } + + .x-grid-group, + .x-grid-group-body, + .x-grid-group-hd { + zoom: 1; + } + + .x-grid-group-hd { + border-bottom-color: #d0d0d0; + } + + .x-grid-group-hd div.x-grid-group-title { + //background-image: url(../images/gray/grid/group-collapse.gif); + color: #5F5F5F; + font: bold 11px 'Roboto', tahoma, arial, helvetica, sans-serif; + } + + .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title { + //background-image: url(../images/gray/grid/group-expand.gif); + } + + .x-group-by-icon { + //background-image: url(../images/default/grid/group-by.gif); + } + + .x-cols-icon { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/columns.png); + } + + .x-show-groups-icon { + //background-image: url(../images/default/grid/group-by.gif); + } + + .x-grid-empty { + color: gray; + font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif; + } + + .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell { + border-right-color: #ededed; + } + + .x-grid3-cell { + box-sizing: border-box; + } + + .x-grid-with-col-lines .x-grid3-row { + border-top-color: #ededed; + } + + .x-grid-with-col-lines .x-grid3-row-selected { + border-top-color: #B9B9B9; + } + + .x-pivotgrid .x-grid3-header-offset table td { + background: url(../images/gray/grid/grid3-hrow2.gif) repeat-x 50% 100%; + border-left: 1px solid; + border-right: 1px solid; + border-left-color: #D0D0D0; + border-right-color: #D0D0D0; + } + + .x-pivotgrid .x-grid3-row-headers { + background-color: #f9f9f9; + } + + .x-pivotgrid .x-grid3-row-headers table td { + background: #EEE url(../images/default/grid/grid3-rowheader.gif) repeat-x left top; + border-left: 1px solid; + border-right: 1px solid; + border-left-color: #EEE; + border-right-color: #D0D0D0; + border-bottom: 1px solid; + border-bottom-color: #D0D0D0; + height: 18px; + } + + .x-dd-drag-ghost { + color: #000; + font: normal 11px 'Roboto', arial, helvetica, sans-serif; + border-color: #ddd #bbb #bbb #ddd; + background-color: #fff; + } + + .x-dd-drop-nodrop .x-dd-drop-icon { + //background-image: url(../images/default/dd/drop-no.gif); + } + + .x-dd-drop-ok .x-dd-drop-icon { + //background-image: url(../images/default/dd/drop-yes.gif); + } + + .x-dd-drop-ok-add .x-dd-drop-icon { + //background-image: url(../images/default/dd/drop-add.gif); + } + + .x-view-selector { + background-color: #D6D6D6; + border-color: #888888; + } + + .x-tree-node-expanded .x-tree-node-icon { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/folder.png); + } + + .x-tree-node-leaf .x-tree-node-icon { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/file.png); + } + + .x-tree-node-collapsed .x-tree-node-icon { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/folder.png); + } + + .x-tree-node-loading .x-tree-node-icon { + //background-image: url(../images/default/tree/loading.gif) !important; + } + + .x-tree-node .x-tree-node-inline-icon { + background-image: none; + } + + .x-tree-node-loading a span { + font-style: italic; + color: #444444; + } + + .ext-ie .x-tree-node-el input { + width: 15px; + height: 15px; + } + + .x-tree-lines .x-tree-elbow { + //background-image: url(../images/default/tree/elbow.gif); + } + + .x-tree-lines .x-tree-elbow-plus { + //background-image: url(../images/default/tree/elbow-plus.gif); + } + + .x-tree-lines .x-tree-elbow-minus { + //background-image: url(../images/default/tree/elbow-minus.gif); + } + + .x-tree-lines .x-tree-elbow-end { + //background-image: url(../images/default/tree/elbow-end.gif); + } + + .x-tree-lines .x-tree-elbow-end-plus { + //background-image: url(../images/gray/tree/elbow-end-plus.gif); + } + + .x-tree-lines .x-tree-elbow-end-minus { + //background-image: url(../images/gray/tree/elbow-end-minus.gif); + } + + .x-tree-lines .x-tree-elbow-line { + //background-image: url(../images/default/tree/elbow-line.gif); + } + + .x-tree-no-lines .x-tree-elbow-plus { + //background-image: url(../images/default/tree/elbow-plus-nl.gif); + } + + .x-tree-no-lines .x-tree-elbow-minus { + //background-image: url(../images/default/tree/elbow-minus-nl.gif); + } + + .x-tree-no-lines .x-tree-elbow-end-plus { + //background-image: url(../images/gray/tree/elbow-end-plus-nl.gif); + } + + .x-tree-no-lines .x-tree-elbow-end-minus { + //background-image: url(../images/gray/tree/elbow-end-minus-nl.gif); + } + + .x-tree-arrows .x-tree-elbow-plus { + //background-image: url(../images/gray/tree/arrows.gif); + } + + .x-tree-arrows .x-tree-elbow-minus { + //background-image: url(../images/gray/tree/arrows.gif); + } + + .x-tree-arrows .x-tree-elbow-end-plus { + //background-image: url(../images/gray/tree/arrows.gif); + } + + .x-tree-arrows .x-tree-elbow-end-minus { + //background-image: url(../images/gray/tree/arrows.gif); + } + + .x-tree-node { + color: #cccccc; + font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif; + } + + .x-treegrid-root-table, + .x-treegrid-col { + border-color: rgba(255, 255, 255, 0.08) !important; + } + + .x-tree-node a, + .x-dd-drag-ghost a { + color: #cccccc; + } + + .x-tree-node a span, + .x-dd-drag-ghost a span { + color: #cccccc; + } + + .x-tree-node .x-tree-node-disabled a span { + color: gray !important; + } + + .x-tree-node div.x-tree-drag-insert-below { + border-bottom-color: #36c; + } + + .x-tree-node div.x-tree-drag-insert-above { + border-top-color: #36c; + } + + .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a { + border-bottom-color: #36c; + } + + .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a { + border-top-color: #36c; + } + + .x-tree-node .x-tree-drag-append a span { + background-color: #ddd; + border-color: gray; + } + + .x-tree-node .x-tree-node-over { + background-color: rgba(255, 255, 255, 0.08); + } + + .x-tree-node .x-tree-selected { + background-color: rgba(0, 0, 0, 0.45); + } + + .x-tree-drop-ok-append .x-dd-drop-icon { + //background-image: url(../images/default/tree/drop-add.gif); + } + + .x-tree-drop-ok-above .x-dd-drop-icon { + //background-image: url(../images/default/tree/drop-over.gif); + } + + .x-tree-drop-ok-below .x-dd-drop-icon { + //background-image: url(../images/default/tree/drop-under.gif); + } + + .x-tree-drop-ok-between .x-dd-drop-icon { + //background-image: url(../images/default/tree/drop-between.gif); + } + + .x-date-picker { + border-color: #585858; + background-color: #fff; + } + + .x-date-middle, + .x-date-left, + .x-date-right { + //background-image: url(../images/gray/shared/hd-sprite.gif); + color: #fff; + font: bold 11px 'Roboto', "sans serif", tahoma, verdana, helvetica; + } + + .x-date-middle .x-btn .x-btn-text { + color: #fff; + } + + .x-panel-tbar .x-btn-text { + height: 24px !important; + color: rgb(0, 0, 0, 0) !important; + } + + .x-panel-tbar .x-toolbar .xtb-sep { + height: 24px !important; + } + + .x-date-middle .x-btn-mc em.x-btn-arrow { + //background-image: url(../images/gray/toolbar/btn-arrow-light.gif); + } + + .x-date-right a { + //background-image: url(../images/gray/shared/right-btn.gif); + } + + .x-date-left a { + //background-image: url(../images/gray/shared/left-btn.gif); + } + + .x-date-inner th { + background-color: #D8D8D8; + //background-image: url(../images/gray/panel/white-top-bottom.gif); + border-bottom-color: #AFAFAF; + font: normal 10px 'Roboto', helvetica, tahoma, sans-serif; + color: #595959; + } + + .x-date-inner td { + border-color: #fff; + } + + .x-date-inner a { + font: normal 11px 'Roboto', arial, helvetica, tahoma, sans-serif; + color: #000; + } + + .x-date-inner .x-date-active { + color: #000; + } + + .x-date-inner .x-date-selected a { + background-image: none; + background-color: #D8D8D8; + border-color: #DCDCDC; + } + + .x-date-inner .x-date-today a { + border-color: darkred; + } + + .x-date-inner .x-date-selected span { + font-weight: bold; + } + + .x-date-inner .x-date-prevday a, + .x-date-inner .x-date-nextday a { + color: #aaa; + } + + .x-date-bottom { + border-top-color: #AFAFAF; + background-color: #D8D8D8; + background: #D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px; + } + + .x-date-inner a:hover, + .x-date-inner .x-date-disabled a:hover { + color: #000; + background-color: #D8D8D8; + } + + .x-date-inner .x-date-disabled a { + background-color: #eee; + color: #bbb; + } + + .x-date-mmenu { + background-color: #eee !important; + } + + .x-date-mmenu .x-menu-item { + font-size: 10px; + color: #000; + } + + .x-date-mp { + background-color: #fff; + } + + .x-date-mp td { + font: normal 11px 'Roboto', arial, helvetica, tahoma, sans-serif; + } + + .x-date-mp-btns button { + background-color: #4E565F; + color: #fff; + border-color: #C0C0C0 #434343 #434343 #C0C0C0; + font: normal 11px 'Roboto', arial, helvetica, tahoma, sans-serif; + } + + .x-date-mp-btns { + background-color: #D8D8D8; + background: #D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px; + } + + .x-date-mp-btns td { + border-top-color: #AFAFAF; + } + + td.x-date-mp-month a, + td.x-date-mp-year a { + color: #333; + } + + td.x-date-mp-month a:hover, + td.x-date-mp-year a:hover { + color: #333; + background-color: #FDFDFD; + } + + td.x-date-mp-sel a { + background-color: #D8D8D8; + //background:#D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px; + border-color: #DCDCDC; + } + + .x-date-mp-ybtn a { + //background-image: url(../images/gray/panel/tool-sprites.gif); + } + + td.x-date-mp-sep { + border-right-color: #D7D7D7; + } + + .x-tip .x-tip-close { + //background-image: url(../images/gray/qtip/close.gif); + } + + .x-tip .x-tip-tc, + .x-tip .x-tip-tl, + .x-tip .x-tip-tr, + .x-tip .x-tip-bc, + .x-tip .x-tip-bl, + .x-tip .x-tip-br, + .x-tip .x-tip-ml, + .x-tip .x-tip-mr { + //background-image: url(../images/gray/qtip/tip-sprite.gif); + } + + .x-tip .x-tip-mc { + font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif; + } + + .x-tip .x-tip-ml { + background-color: #fff; + } + + .x-tip .x-tip-header-text { + font: bold 11px 'Roboto', tahoma, arial, helvetica, sans-serif; + color: #444; + } + + .x-tip .x-tip-body { + font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif; + color: #444; + } + + .x-form-invalid-tip .x-tip-tc, + .x-form-invalid-tip .x-tip-tl, + .x-form-invalid-tip .x-tip-tr, + .x-form-invalid-tip .x-tip-bc, + .x-form-invalid-tip .x-tip-bl, + .x-form-invalid-tip .x-tip-br, + .x-form-invalid-tip .x-tip-ml, + .x-form-invalid-tip .x-tip-mr { + //background-image: url(../images/default/form/error-tip-corners.gif); + } + + .x-form-invalid-tip .x-tip-body { + //background-image: url(../images/default/form/exclamation.gif); + } + + .x-tip-anchor { + //background-image: url(../images/gray/qtip/tip-anchor-sprite.gif); + } + + .x-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; + } + + .x-menu-floating { + border-color: transparent; + } + + .x-menu-nosep { + background-image: none; + } + + .x-menu-list-item { + font: normal 11px 'Roboto', arial, tahoma, sans-serif; + } + + .x-menu-item-arrow { + //background-image: url(../images/gray/menu/menu-parent.gif); + } + + .x-menu-sep { + background-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.08); + } + + a.x-menu-item { + color: var(--text); + } + + .x-menu-item-active { + background-image: none; + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + color: var(--text-hover) !important; + } + + .x-menu-item-active a.x-menu-item { + border-color: transparent; + color: var(--text-hover) !important; + } + + .x-menu-check-item .x-menu-item-icon { + //background-image: url(../images/default/menu/unchecked.gif); + } + + .x-menu-item-checked .x-menu-item-icon { + //background-image: url(../images/default/menu/checked.gif); + } + + .x-menu-item-checked .x-menu-group-item .x-menu-item-icon { + //background-image: url(../images/gray/menu/group-checked.gif); + } + + .x-menu-group-item .x-menu-item-icon { + background-image: none; + } + + .x-menu-plain { + background-color: #fff !important; + } + + .x-menu .x-date-picker { + border-color: #AFAFAF; + } + + .x-cycle-menu .x-menu-item-checked { + border-color: #B9B9B9 !important; + background-color: #F1F1F1; + } + + .x-menu-scroller-top { + //background-image: url(../images/default/layout/mini-top.gif); + } + + .x-menu-scroller-bottom { + //background-image: url(../images/default/layout/mini-bottom.gif); + } + + .x-box-tl { + //background-image: url(../images/default/box/corners.gif); + } + + .x-box-tc { + //background-image: url(../images/default/box/tb.gif); + } + + .x-box-tr { + //background-image: url(../images/default/box/corners.gif); + } + + .x-box-ml { + //background-image: url(../images/default/box/l.gif); + } + + .x-box-mc { + background-color: #eee; + //background-image: url(../images/default/box/tb.gif); + font-family: "Myriad Pro", "Myriad Web", "Tahoma", "Helvetica", "Arial", sans-serif; + color: #393939; + font-size: 12px; + } + + .x-box-mc h3 { + font-size: 14px; + font-weight: bold; + } + + .x-box-mr { + //background-image: url(../images/default/box/r.gif); + } + + .x-box-bl { + //background-image: url(../images/default/box/corners.gif); + } + + .x-box-bc { + //background-image: url(../images/default/box/tb.gif); + } + + .x-box-br { + //background-image: url(../images/default/box/corners.gif); + } + + .x-box-blue .x-box-bl, + .x-box-blue .x-box-br, + .x-box-blue .x-box-tl, + .x-box-blue .x-box-tr { + //background-image: url(../images/default/box/corners-blue.gif); + } + + .x-box-blue .x-box-bc, + .x-box-blue .x-box-mc, + .x-box-blue .x-box-tc { + //background-image: url(../images/default/box/tb-blue.gif); + } + + .x-box-blue .x-box-mc { + background-color: #c3daf9; + } + + .x-box-blue .x-box-mc h3 { + color: #17385b; + } + + .x-box-blue .x-box-ml { + //background-image: url(../images/default/box/l-blue.gif); + } + + .x-box-blue .x-box-mr { + //background-image: url(../images/default/box/r-blue.gif); + } + + .x-combo-list { + border-color: #666666; + background-color: #252525; + font: normal 12px 'Roboto', tahoma, arial, helvetica, sans-serif; + } + + .x-combo-list-inner { + background-color: #252525; + } + + .x-combo-list-hd { + font: bold 11px 'Roboto', tahoma, arial, helvetica, sans-serif; + color: #333; + //background-image: url(../images/default/layout/panel-title-light-bg.gif); + border-bottom-color: #BCBCBC; + } + + .x-resizable-pinned .x-combo-list-inner { + border-bottom-color: #BEBEBE; + } + + .x-combo-list-item { + border-color: #252525; + } + + .x-combo-list .x-combo-selected { + border-color: #252525 !important; + background-color: #333333; + } + + .x-combo-list .x-toolbar { + border-top-color: #BCBCBC; + } + + .x-combo-list-small { + font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif; + } + + .x-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; + border-color: #d0d0d0; + } + + .x-panel-header { + color: var(--text-hover); + font-weight: bold; + font-size: 11px; + font-family: 'Roboto', tahoma, arial, verdana, sans-serif; + border-color: transparent; + background-image: none; + background-color: rgba(0, 0, 0, 0.25); + } + + .x-panel-body { + border-color: transparent; + border: 1px solid rgba(255, 255, 255, 0.08); + 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; + } + + .x-panel-bbar .x-toolbar, + .x-panel-tbar .x-toolbar { + border-color: transparent !important; + } + + .x-panel-tbar-noheader .x-toolbar, + .x-panel-mc .x-panel-tbar .x-toolbar { + border-top-color: transparent; + } + + .x-panel-body-noheader, + .x-panel-mc .x-panel-body { + border-top-color: transparent; + } + + .x-panel-tl .x-panel-header { + color: #333; + font: bold 11px 'Roboto', tahoma, arial, verdana, sans-serif; + } + + .x-panel-tc { + //background-image: url(../images/gray/panel/top-bottom.gif); + } + + .x-panel-tl, + .x-panel-tr, + .x-panel-bl, + .x-panel-br { + //background-image: url(../images/gray/panel/corners-sprite.gif); + border-bottom-color: #d0d0d0; + } + + .x-panel-bc { + //background-image: url(../images/gray/panel/top-bottom.gif); + } + + .x-panel-mc { + font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif; + background-color: #f1f1f1; + } + + .x-panel-ml { + background-color: #fff; + //background-image: url(../images/gray/panel/left-right.gif); + } + + .x-panel-mr { + //background-image: url(../images/gray/panel/left-right.gif); + } + + .x-tool { + //background-image: url(../images/gray/panel/tool-sprites.gif); + } + + .x-panel-collapsed .x-accordion-hd .x-tool-toggle { + height: 8px; + width: 8px; + border: 1px solid var(--button-color); + padding: 2px; + background: linear-gradient(to bottom, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%), linear-gradient(to right, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%); + background-clip: content-box; + } + + .x-accordion-hd .x-tool-toggle { + height: 8px; + width: 8px; + border: 1px solid var(--button-color); + padding: 2px; + background: linear-gradient(to bottom, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%); + background-clip: content-box; + } + + .x-tool-collapse-west { + height: 8px; + width: 6px; + padding: 2px 3px; + border: 1px solid var(--button-color); + background: linear-gradient(26deg, #252525 40%, #252525 40%, #252525 0%, transparent 0%), linear-gradient(154deg, #252525 40%, var(--button-color) 40%, var(--button-color) 100%, #252525 100%); + background-clip: content-box; + } + + .x-tool-expand-west { + height: 8px; + width: 6px; + padding: 2px 3px; + border: 1px solid var(--button-color); + background: linear-gradient(-26deg, #252525 40%, #252525 40%, #252525 0%, transparent 0%), linear-gradient(-154deg, #252525 40%, var(--button-color) 40%, var(--button-color) 100%, #252525 100%); + background-clip: content-box; + } + + .x-tool-collapse-south { + height: 6px !important; + width: 8px; + padding: 3px 2px; + border: 1px solid var(--button-color); + background: linear-gradient(116deg, transparent 0%, transparent 0%, transparent 60%, #252525 60%), linear-gradient(244deg, var(--button-color) 0%, var(--button-color) 0%, var(--button-color) 60%, transparent 60%); + background-clip: content-box; + } + + .x-tool-expand-south { + height: 6px; + width: 8px; + padding: 3px 2px; + border: 1px solid var(--button-color); + background: linear-gradient(116deg, #252525 40%, #252525 40%, #252525 0%, transparent 0%), linear-gradient(244deg, transparent 40%, var(--button-color) 40%, var(--button-color) 100%, transparent 100%); + background-clip: content-box; + } + + .x-tool-close { + height: 8px; + width: 8px; + border: 1px solid #44444400; + padding: 2px; + background: linear-gradient(to bottom right, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%), linear-gradient(to top right, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%); + background-clip: content-box; + } + + .x-panel-ghost { + background-color: #f2f2f2; + } + + .x-panel-ghost ul { + border-color: #d0d0d0; + } + + .x-panel-dd-spacer { + border-color: #d0d0d0; + } + + .x-panel-fbar td, + .x-panel-fbar span, + .x-panel-fbar input, + .x-panel-fbar div, + .x-panel-fbar select, + .x-panel-fbar label { + font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif; + } + + .x-window, + .x-window .x-panel-body, + .x-window .x-tab-panel-header, + .x-tab-panel-footer, + .x-window .x-panel-noborder .x-panel-bbar-noborder .x-toolbar { + 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; + } + + .x-window .x-panel-bbar .x-toolbar, + .x-panel-tbar .x-toolbar { + 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; + } + + .x-window-proxy { + background-color: #fcfcfc; + border-color: #d0d0d0; + } + + .x-window-bwrap { + border: 1px solid transparent; + border-top: 1px solid rgba(255, 255, 255, 0.25); + } + + .x-window-tl .x-window-header { + color: #ffffff; + font: bold 11px 'Roboto', tahoma, arial, verdana, sans-serif; + } + + .x-window-tc { + background-image: none; + background-color: transparent; + } + + .x-window-tl { + background-image: none; + 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; + } + + .x-window-tr { + background-image: none; + background-color: transparent; + } + + .x-window-bc { + background-image: none; + background-color: transparent; + } + + .x-window-bl { + background-image: none; + 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; + } + + .x-window-br { + background-image: none; + background-color: transparent; + } + + .x-window-mc { + border-color: transparent; + font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif; + background-color: transparent; + } + + .x-window-ml { + background-image: none; + background-color: transparent; + } + + .x-window-mr { + background-image: none; + background-color: transparent; + } + + .x-window-maximized .x-window-tc { + background-color: #fff; + } + + .x-window-bbar .x-toolbar { + border-top-color: #d0d0d0; + } + + .x-panel-ghost .x-window-tl { + border-bottom-color: #d0d0d0; + } + + .x-panel-collapsed .x-window-tl { + border-bottom-color: #d0d0d0; + } + + .x-dlg-mask { + background-color: #ccc; + } + + .x-window-plain .x-window-mc { + background-color: transparent; + border-color: transparent; + } + + .x-window-plain .x-window-body { + border-color: transparent; + } + + body.x-body-masked .x-window-plain .x-window-mc { + background-color: transparent; + } + + .x-html-editor-wrap { + border-color: #BCBCBC; + background-color: #fff; + } + + .x-html-editor-tb .x-btn-text { + //background-image: url(../images/default/editor/tb-sprite.gif); + } + + .x-panel-noborder .x-panel-header-noborder { + border-bottom-color: rgba(255, 255, 255, 0.08); + } + + .x-panel-noborder .x-panel-tbar-noborder .x-toolbar { + border-bottom-color: #353535; + 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; + } + + .x-panel-noborder .x-panel-bbar-noborder .x-toolbar { + border-top-color: #353535; + } + + .x-tab-panel-bbar-noborder .x-toolbar { + border-top-color: #d0d0d0; + } + + .x-tab-panel-tbar-noborder .x-toolbar { + border-bottom-color: #d0d0d0; + } + + .x-border-layout-ct { + background-color: #f0f0f0; + } + + .x-border-layout-ct { + 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; + } + + .x-accordion-hd { + color: var(--text-hover); + font-weight: normal; + //background-image: url(../images/gray/panel/light-hd.gif); + } + + .x-layout-collapsed { + background-color: rgba(0, 0, 0, 0.25); + border-color: transparent; + } + + .x-layout-collapsed-over { + background-color: rgba(0, 0, 0, 0.45); + } + + .x-layout-split-west .x-layout-mini { + //background-image: url(../images/default/layout/mini-left.gif); + } + + .x-layout-split-east .x-layout-mini { + //background-image: url(../images/default/layout/mini-right.gif); + } + + .x-layout-split-north .x-layout-mini { + //background-image: url(../images/default/layout/mini-top.gif); + } + + .x-layout-split-south .x-layout-mini { + //background-image: url(../images/default/layout/mini-bottom.gif); + } + + .x-layout-cmini-west .x-layout-mini { + //background-image: url(../images/default/layout/mini-right.gif); + } + + .x-layout-cmini-east .x-layout-mini { + //background-image: url(../images/default/layout/mini-left.gif); + } + + .x-layout-cmini-north .x-layout-mini { + //background-image: url(../images/default/layout/mini-bottom.gif); + } + + .x-layout-cmini-south .x-layout-mini { + //background-image: url(../images/default/layout/mini-top.gif); + } + + .x-progress-wrap { + border-color: transparent; + background: rgba(255, 255, 255, 0.35); + } + + .x-progress-inner { + background-color: transparent; + background-image: none; + } + + .x-progress-bar { + background-color: rgb(var(--accent-color)); + background-image: none; + border-top-color: transparent; + border-bottom-color: transparent; + border-right-color: transparent; + color: var(--label-text-color); + } + + .x-progress-text { + font-size: 11px; + font-weight: normal; + color: var(--label-text-color) !important; + } + + .x-progress-text-back { + color: var(--label-text-color) !important; + } + + .x-list-header { + background-color: rgba(0, 0, 0, 0.25); + background-image: none; + color: var(--text-hover) !important; + } + + .x-list-header-inner div em { + border-left-color: rgba(255, 255, 255, .08); + font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif; + } + + .x-list-body dt em { + font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif; + } + + .x-list-over { + background-color: rgba(255, 255, 255, 0.08); + } + + .x-list-selected { + background-color: rgba(255, 255, 255, 0.08); + color: var(--text-hover) !important; + } + + .x-list-resizer { + border-left-color: #555; + border-right-color: #555; + } + + .x-list-header-inner em.sort-asc, + .x-list-header-inner em.sort-desc { + background: #202020; + border-color: #202020; + } + + .x-slider-horz, + .x-slider-horz .x-slider-end, + .x-slider-horz .x-slider-inner { + //background-image: url(../images/default/slider/slider-bg.png); + } + + .x-slider-horz .x-slider-thumb { + //background-image: url(../images/gray/slider/slider-thumb.png); + } + + .x-slider-vert, + .x-slider-vert .x-slider-end, + .x-slider-vert .x-slider-inner { + //background-image: url(../images/default/slider/slider-v-bg.png); + } + + .x-slider-vert .x-slider-thumb { + //background-image: url(../images/gray/slider/slider-v-thumb.png); + } + + .x-window-dlg .ext-mb-text, + .x-window-dlg .x-window-header-text { + font-size: 12px; + } + + .x-window-dlg .ext-mb-textarea { + font: normal 12px 'Roboto', tahoma, arial, helvetica, sans-serif; + } + + .x-window-dlg .x-msg-box-wait { + //background-image: url(../images/default/grid/loading.gif); + } + + .x-window-dlg .ext-mb-info { + //background-image: url(../images/gray/window/icon-info.gif); + } + + .x-window-dlg .ext-mb-warning { + //background-image: url(../images/gray/window/icon-warning.gif); + } + + .x-window-dlg .ext-mb-question { + //background-image: url(../images/gray/window/icon-question.gif); + } + + .x-window-dlg .ext-mb-error { + //background-image: url(../images/gray/window/icon-error.gif); + } \ No newline at end of file diff --git a/CSS/themes/deluge/dracula.css b/CSS/themes/deluge/dracula.css new file mode 100644 index 00000000..520d02aa --- /dev/null +++ b/CSS/themes/deluge/dracula.css @@ -0,0 +1,16 @@ + +/* 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); \ No newline at end of file diff --git a/CSS/themes/deluge/hotline.css b/CSS/themes/deluge/hotline.css new file mode 100644 index 00000000..4686a6df --- /dev/null +++ b/CSS/themes/deluge/hotline.css @@ -0,0 +1,16 @@ + +/* 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); \ No newline at end of file diff --git a/CSS/themes/deluge/organizr-dark.css b/CSS/themes/deluge/organizr-dark.css new file mode 100644 index 00000000..c35166f3 --- /dev/null +++ b/CSS/themes/deluge/organizr-dark.css @@ -0,0 +1,16 @@ + +/* 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); \ No newline at end of file diff --git a/CSS/themes/deluge/plex.css b/CSS/themes/deluge/plex.css new file mode 100644 index 00000000..2f5c6ac1 --- /dev/null +++ b/CSS/themes/deluge/plex.css @@ -0,0 +1,16 @@ + +/* 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); \ No newline at end of file diff --git a/CSS/themes/deluge/space-gray.css b/CSS/themes/deluge/space-gray.css new file mode 100644 index 00000000..fa0e1780 --- /dev/null +++ b/CSS/themes/deluge/space-gray.css @@ -0,0 +1,16 @@ + +/* 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); \ No newline at end of file diff --git a/CSS/themes/dozzle/dozzle-base.css b/CSS/themes/dozzle/dozzle-base.css new file mode 100644 index 00000000..c109aa34 --- /dev/null +++ b/CSS/themes/dozzle/dozzle-base.css @@ -0,0 +1,277 @@ +/* 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; +} \ No newline at end of file diff --git a/CSS/themes/duplicacy/duplicacy-base.css b/CSS/themes/duplicacy/duplicacy-base.css new file mode 100644 index 00000000..00a671f6 --- /dev/null +++ b/CSS/themes/duplicacy/duplicacy-base.css @@ -0,0 +1,686 @@ +/* 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)); + } +} \ No newline at end of file diff --git a/CSS/themes/duplicati/duplicati-base.css b/CSS/themes/duplicati/duplicati-base.css new file mode 100644 index 00000000..40054b99 --- /dev/null +++ b/CSS/themes/duplicati/duplicati-base.css @@ -0,0 +1,350 @@ +@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); +} \ No newline at end of file diff --git a/CSS/themes/emby/emby-base.css b/CSS/themes/emby/emby-base.css new file mode 100644 index 00000000..f41f2a0e --- /dev/null +++ b/CSS/themes/emby/emby-base.css @@ -0,0 +1,747 @@ +: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; +} \ No newline at end of file diff --git a/CSS/themes/filebrowser/filebrowser-base.css b/CSS/themes/filebrowser/filebrowser-base.css new file mode 100644 index 00000000..a4dd3a49 --- /dev/null +++ b/CSS/themes/filebrowser/filebrowser-base.css @@ -0,0 +1,684 @@ +/* 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); +} \ No newline at end of file diff --git a/CSS/themes/flood/flood-base.css b/CSS/themes/flood/flood-base.css new file mode 100644 index 00000000..c63f5330 --- /dev/null +++ b/CSS/themes/flood/flood-base.css @@ -0,0 +1,732 @@ +/* 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); +} \ No newline at end of file diff --git a/CSS/themes/gaps/gaps-base.css b/CSS/themes/gaps/gaps-base.css new file mode 100644 index 00000000..a7bd7773 --- /dev/null +++ b/CSS/themes/gaps/gaps-base.css @@ -0,0 +1,395 @@ +/* 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; +} \ No newline at end of file diff --git a/CSS/themes/gitea/chroma.css b/CSS/themes/gitea/chroma.css new file mode 100644 index 00000000..67a61fc5 --- /dev/null +++ b/CSS/themes/gitea/chroma.css @@ -0,0 +1,561 @@ +/* +/* 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); +} \ No newline at end of file diff --git a/CSS/themes/gitea/gitea-base.css b/CSS/themes/gitea/gitea-base.css new file mode 100644 index 00000000..b333aea4 --- /dev/null +++ b/CSS/themes/gitea/gitea-base.css @@ -0,0 +1,1605 @@ +/* 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 { + --color-text: var(--text); + --color-secondary-alpha-70: rgba(0, 0, 0, 0.35); + --color-primary-light-4: rgb(var(--gitea-color-primary-dark-4),.2); + --color-primary-light-2: rgb(var(--gitea-color-primary-dark-4),.4); + --color-primary: rgb(var(--gitea-color-primary-dark-4),.6); + --color-primary-dark-2: rgb(var(--gitea-color-primary-dark-4),.8); + --color-primary-dark-4: rgb(var(--gitea-color-primary-dark-4)); + } + +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; +} + +* { + outline: none; +} + +/* LINKS */ +a, +.home a, +.ui.user.list .item .description a, +.ui.breadcrumb a, +.repository .labelspage .item a, +.repository .milestone.list>.item>a, +.repository .milestone.list>.item .operate>a, +.ui.card>.content>a.header, +.ui.cards>.card>.content>a.header, +.ui.card>.extra a:not(.ui), +.ui.cards>.card>.extra a:not(.ui), +.ui.card>.content>.description, +.ui.card>.content>.header, +.ui.cards>.card>.content>.description, +.ui.cards>.card>.content>.header { + color: var(--link-color); +} + +/* LINK HOVER */ +a:hover, +.ui.user.list .item .description a:hover, +.ui.breadcrumb a:hover, +.repository .labelspage .item a:hover, +.repository .milestone.list>.item>a:hover, +.repository .milestone.list>.item .operate>a:hover, +.ui.card>.content>a.header:hover, +.ui.cards>.card>.content>a.header:hover, +.ui.card>.extra a:not(.ui):hover, +.ui.cards>.card>.extra a:not(.ui):hover { + color: var(--link-color-hover); +} + +/* LINKS IMPORTANT */ +.ui .text.blue a, +.issue.list a:not(.label):hover, +.ui .migrate a, +.ui .text.grey a, +.issue.list>.item .title:hover { + color: var(--link-color) !important; +} + +/* LINKS HOVER IMPORTANT */ +.ui .text.blue a:hover, +.ui .text.grey a:hover, +.ui .migrate a:hover { + color: var(--link-color-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 !important; + background-color: hsla(0, 0%, 100%, .2); + background-clip: padding-box; + box-shadow: none !important; +} + +::-webkit-scrollbar-track { + background-color: transparent; +} + +::-webkit-scrollbar-thumb:hover { + min-height: 50px; + border: 3px solid transparent; + border-radius: 8px !important; + background-color: hsla(0, 0%, 100%, .5); + background-clip: padding-box; +} + +/* TEXT */ +body, +p, +/*strong,*/ +footer, +.ui.list>.item .description, +.ui.list .list>.item>.content, +.ui.list>.item>.content, +.issue.list>.item .title, +.ui.accordion .title:not(.ui), +.ui.checkbox label, +.ui .text.black, +.ui.form .inline.field>label, +.form .help, +.ui.form .field>label, +.ui.form .inline.field>label, +.ui.form .inline.field>p, +.ui.form .inline.fields .field>label, +.ui.form .inline.fields .field>p, +.ui.form .inline.fields>label, +.ui.dropdown .menu>.message:not(.ui), +.ui.dropdown .menu>.header:not(.ui), +.ui.card>.content>.description, +.ui.cards>.card>.content>.description, +.ui.checkbox input[disabled]~label, +.ui.disabled.checkbox label, +.repository.view.issue .comment-list .comment .tag, +.repository .metas .ui.list a .text, +.repository .diff-box .header .file, +.CodeMirror, +.EasyMDEContainer .CodeMirror, +.feeds .list ul li a .svg { + color: var(--text); +} + +.issue.list>.item .desc { + color: var(--text-muted); +} + +h1, +h2, +h3, +h4, +h5, +h6, +.ui.header, +.ui.header .sub.header { + color: var(--text-hover); +} + +/* TEXT IMPORTANT */ +.ui .text.grey { + color: var(--text) !important; +} + +/* TEXT HOVER */ +b:hover, +.ui.checkbox+label:hover, +.ui.checkbox label:hover, +.ui.checkbox input:focus~label, +.ui.checkbox input:focus~label:after, +.repository .metas .ui.list a .text:hover, +.ui .text.black:hover { + color: var(--text-hover); +} + +/* TEXT HOVER IMPORTANT */ + + +/* TEXT MUTED */ +.ui .text.light.grey { + color: var(--text-muted) !important; +} + +/* NAVBAR */ +.following.bar.light { + background-color: transparent; + border-bottom: 1px solid transparent; + box-shadow: none; +} + +.ui.menu .item { + color: var(--text) +} + +.following.bar.light.ui.secondary.menu .active.item, +.following.bar.lightui.secondary.menu .active.item:hover { + box-shadow: none; + background: rgba(0, 0, 0, .25) !important; + color: rgb(var(--accent-color)); +} + +.ui.secondary.menu .dropdown.item:hover, +.ui.secondary.menu .link.item:hover, +.ui.secondary.menu a.item:hover { + background: rgb(255 255 255 / 0.08); + color: var(--text-hover); +} + +.ui.secondary.menu .active.item, +.ui.secondary.menu .active.item:hover { + box-shadow: none; + background: rgba(0, 0, 0, .05); + color: var(--text-hover); +} + +/* UI */ + +.captcha-img { + background: #fff; +} + +.organization.settings .ui.menu { + background: rgb(0 0 0 / 10%); + border: 1px solid rgba(255, 255, 255, .1); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); +} + +.organization.settings .ui.vertical.menu { + display: block; + flex-direction: column; + background: rgb(0 0 0 / 15%); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); +} + +.ui.vertical.menu .header.item { + background: rgb(0 0 0 / 35%); +} + +.ui.attached.segment { + border: 1px solid rgba(255, 255, 255, 0.1); +} + +.ui.segment { + background: rgb(0 0 0 / 15%) !important; +} + +.ui.attached.segment, +.ui.segment, +.ui.segments { + background: transparent; + color: var(--text) !important; + border-color: rgba(255, 255, 255, 0.1); +} + +.ui .info.segment.top { + background-color: rgb(0 0 0 / 15%) !important; + color: var(--text); +} + +.ui.attached.info.message, +.ui.info.message { + box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%), 0 0 0 0 transparent; +} + +.ui.info.message { + background-color: rgb(0 0 0 / 15%); + color: #276f86; +} + +.ui.attached.header { + background: rgb(0 0 0 / 25%); + border: 1px solid transparent; +} + +.explore .navbar { + background-color: rgb(0 0 0 / 25%) !important; + +} + +.ui .warning.header { + background-color: #f9edbe !important; + color: black !important; +} + +.ui.red.message p, +.ui.red.message strong { + color: #db2828 !important; +} + +.ui.progress { + background: rgb(255 255 255 / 10%); +} + +.ui.progress[data-percent="0"] .bar .progress { + color: var(--text-hover); +} + +.ui.list .list>.item .header, +.ui.list>.item .header { + color: var(--text); +} + +.pagination.menu { + background: rgba(255, 255, 255, .08) !important; +} + +.ui.pagination.menu .active.item { + background-color: rgba(0, 0, 0, .25); + color: var(--text-hover); + box-shadow: none; +} + +.feeds .list ul li:not(:last-child) { + border-bottom: 1px solid rgba(255, 255, 255, 0.1); +} + +.feeds .list ul li.private { + background-color: rgb(255 255 255 / 10%); +} + +.ui.secondary.pointing.menu { + border-color: rgb(255 255 255 / 10%) !important; +} + +.ui.secondary.pointing.menu .item { + color: var(--text); +} + +.ui.repository.list .item:not(:first-child) { + border-top: 1px solid rgb(255 255 255 / 25%); + +} + +/* MODAL */ +.ui.basic.modal, +.ui.basic.modal>.actions, +.ui.basic.modal>.content, +.ui.basic.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; +} + +.ui.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; +} + +.ui.modal>.header { + display: block; + font-family: Roboto, Helvetica Neue, Arial, Helvetica, sans-serif; + 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; + margin: 0; + padding: 1.25rem 1.5rem; + box-shadow: none; + color: var(--text); + border-bottom: 1px solid rgb(255 255 255 / 0.1); +} + +.ui.modal>.content { + display: block; + width: 100%; + font-size: 1em; + line-height: 1.4; + padding: 1.5rem; + 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; +} + +.ui.modal>.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; + padding: 1rem; + border-top: 1px solid rgb(255 255 255 / 0.1); + text-align: right; +} + +.ui .error.header { + background-color: #F44336 !important; + color: white !important; +} + +/* SIGN IN NAV BAR*/ +.ui.menu.new-menu { + background: rgb(0 0 0 / 25%); +} + +.ui.menu.new-menu::after { + background: transparent; +} + +@media only screen and (max-width: 1200px) { + .ui.menu.new-menu:after { + background-image: inherit; + } +} + +.ui.secondary.pointing.menu .active.item, +.ui.secondary.pointing.menu .active.item:hover { + border-color: currentColor; + color: rgb(var(--accent-color)); +} + +.ui.tabular.menu .item { + color: var(--text); +} + +.ui.secondary.pointing.menu .dropdown.item:hover, +.ui.secondary.pointing.menu .link.item:hover, +.ui.secondary.pointing.menu a.item:hover { + background-color: transparent; + color: var(--text-hover); +} + +/* DROPDOWN MENU */ +.item:focus { + outline: none; +} + +.ui.menu .dropdown.item .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; +} + +.ui.menu .ui.dropdown .menu>.item { + color: var(--text) !important; +} + +.ui.menu .ui.dropdown .menu>.active.item { + background: rgb(0 0 0 / 10%) !important; + color: rgb(var(--accent-color)) !important; +} + +.ui.menu .ui.dropdown .menu>.item:hover, +.ui.menu .ui.dropdown .menu>.selected.item { + background: rgb(255 255 255 / 0.07) !important; + color: var(--text-hover) !important; +} + +.ui.menu, +.ui.vertical.menu { + background: #ffffff00; + border-color: rgb(255 255 255 / 10%); +} + +.ui.floating.dropdown .overflow.menu .scrolling.menu.items { + border-bottom: 1px solid rgb(255 255 255 / 10%); +} + +.ui.dropdown .scrolling.menu { + border-color: rgb(255 255 255 / 10%); +} + +.ui.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-color: rgb(255 255 255 / 10%); +} + +.ui.dropdown .menu>.item:hover { + background: rgb(255 255 255 / 0.07); +} + +.ui.dropdown .menu .selected.item, +.ui.dropdown.selected { + background: rgb(0 0 0 / 0.25); + color: var(--text-hover); +} + +.ui.dropdown .menu .active.item { + color: rgb(var(--accent-color)); + outline: none !important; +} + +.ui.selection.dropdown:hover, +input:hover, +textarea:hover { + border-color: rgb(255 255 255 / 20%); + background: rgb(0 0 0 / .25); + color: #fff; +} + +.ui.dropdown .menu>.item { + color: var(--text); +} + +.ui.dropdown .menu>.item:hover { + color: var(--text-hover); +} + +.ui.selection.dropdown .menu>.item { + border-top: 1px solid rgb(255 255 255 / 20%); +} + +.ui.selection.dropdown { + background: rgb(0 0 0 / .25); + color: #fff; + border-color: rgb(255 255 255 / 10%); +} + +.ui.selection.dropdown:focus { + border-color: rgba(255, 255, 255, .08); + background: rgb(0 0 0 / 50%); + box-shadow: none; +} + +.ui.selection.active.dropdown, +.ui.selection.active.dropdown .menu { + border-color: transparent; +} + +.ui.selection.active.dropdown:hover, +.ui.selection.active.dropdown:hover .menu { + border-color: transparent; +} + +.ui.selection.visible.dropdown>.text:not(.default) { + color: var(--text); +} + +.ui.default.dropdown:not(.button)>.text, +.ui.dropdown:not(.button)>.default.text { + color: var(--text); + opacity: .7; +} + +.ui.pointing.dropdown>.menu:not(.hidden):after { + 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; +} + +/* MESSAGES */ +.ui.negative.message { + background-color: #F44336; + box-shadow: none !important; +} + +.ui.negative.message p { + color: white !important; + box-shadow: none !important; +} + +.ui.positive.message { + background-color: #4CAF50; + box-shadow: none !important; +} + +.ui.positive.message p { + color: white !important; +} + +/* DASHBOARD */ +.vue-tooltip-theme.tooltip .tooltip-inner { + background: rgb(0 0 0 / 95%); + color: var(--text); +} + +svg.vch__wrapper .vch__days__labels__wrapper text.vch__day__label[data-v-a9cfea66], +svg.vch__wrapper .vch__legend__wrapper text[data-v-a9cfea66], +svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9cfea66] { + fill: var(--text); +} + +#app .ui.item.menu, +.ui.item.menu .item { + background: rgb(0 0 0 / 15%); + border-color: rgb(255 255 255 / 10%); +} + +#app .ui.menu .active.item { + color: var(--text); +} + +.ui.menu .active.item { + background: rgba(0, 0, 0, .25); + color: var(--text); + font-weight: 400; + box-shadow: none; +} + +.ui.menu .active.item:hover, +.ui.vertical.menu .active.item:hover { + background-color: rgba(0, 0, 0, .25); + color: var(--text-hover); +} + +.ui.menu a.item:hover { + color: var(--text-hover); + background: rgb(0 0 0 / 15%); +} + +#app .ui.link.menu .item:hover, +.ui.menu .dropdown.item:hover, +.ui.menu .link.item:hover { + cursor: pointer; + background: rgba(0, 0, 0, .03); + color: var(--text-hover); +} + +#app .ui.secondary.segment { + background: rgb(0 0 0 / 15%); + color: rgba(0, 0, 0, .6); +} + +/* COMMIT CALENDAR */ +svg.vch__wrapper rect.vch__day__square[data-v-a9cfea66]:hover { + stroke: rgb(var(--accent-color)); + stroke-width: 1px; +} + +.heatmap-color-0 { + background-color: rgba(0, 0, 0, .25); +} + +.activity-bar-graph { + color: #9e9e9e; +} + +.heatmap-color-1 { + background-color: var(--heatmap-color-1); +} + +.heatmap-color-2 { + background-color: var(--heatmap-color-2); +} + +.heatmap-color-3 { + background-color: var(--heatmap-color-3); +} + +.heatmap-color-4 { + background-color: var(--heatmap-color-4); +} + +.activity-bar-graph, +.heatmap-color-5 { + background-color: var(--heatmap-color-5); +} + +/* REPOSITORY */ +.repository .header-wrapper { + background-color: rgb(0 0 0 / 24%); +} + +.repository .diff-detail-box { + 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; +} + +.repository .diff-detail-box.sticky { + border-bottom: 1px solid rgb(255 255 255 / .1); +} + +.repository .diff-file-box .code-diff-unified tbody tr.del-code td { + background-color: #3c2626 !important; + border-color: #634343 !important +} + +.repository .diff-file-box .code-diff-unified tbody tr.del-code td.lines-num { + background-color: #4e2c2c !important +} + +.repository .diff-file-box .code-diff-unified tbody tr.add-code td { + background-color: #283e2d !important; + border-color: #314a37 !important +} + +.repository .diff-file-box .code-diff-unified tbody tr.add-code td.lines-num { + background-color: #2c4632 !important +} + +.repository.view.issue .comment-list .comment .comment-container { + border: 1px solid rgba(255, 255, 255, 0.1); +} + +.comment-header { + border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; +} + +.removed-code { + background-color: #5f3737 +} + +.added-code { + background-color: #3a523a +} + +.repository .segment.reactions .ui.label.basic { + color: rgb(var(--accent-color)) !important; +} + +.repository .diff-file-box .code-diff-split tbody tr.add-code td:first-child, +.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(2), +.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(3), +.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(4), +.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(5), +.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(6) { + background-color: var(--code-background) +} + +.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(4), +.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(5), +.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(6), +.repository .diff-file-box .code-diff-split tbody tr td.add-code, +.repository .diff-file-box .code-diff-split tbody tr td.lines-num-new.add-code { + background-color: #283e2d !important; + border-color: #314a37 !important +} + +.repository .diff-file-box .code-diff-split tbody tr.del-code td:first-child, +.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(2), +.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(3), +.repository .diff-file-box .code-diff-split tbody tr td.del-code { + background-color: #3c2626 !important; + border-color: #634343 !important +} + +.repository.view.issue .comment-list .timeline-item .badge.badge-commit { + border-color: transparent; + background: radial-gradient(#fff0 40%, transparent 0) no-repeat; +} + +.tag-code, +.tag-code td { + background: rgba(255, 255, 255, .1) !important; +} + +.tag-code td.lines-num { + background-color: rgba(255, 255, 255, 0) !important; +} + +a.blob-excerpt { + color: var(--text); + background: rgba(255, 255, 255, .1) !important; +} + +td.blob-excerpt { + background-color: rgba(0, 0, 0, .15); +} + +.repo-header .ui.breadcrumb a { + color: rgb(var(--accent-color)); +} + +.repo-header .ui.breadcrumb a:hover { + color: var(--accent-color-hover); +} + +.repo-header .ui.breadcrumb .divider { + color: rgb(255 255 255 / 40%); +} + +.ui.tabular.menu .item.active { + color: var(--text); +} + +.ui.tabular.menu .active.item { + background: none 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); + border-color: rgb(255 255 255 / 10%) !important; +} + +.ui.tabular.menu { + border-bottom: 1px solid rgb(255 255 255 / 10%); +} + +.ui.tabular.menu .item:hover, +.ui.tabular.menu .active.item, +.ui.tabular.menu .active.item:hover { + color: rgb(var(--accent-color)) !important; + border-radius: .28571429rem .28571429rem 0 0 !important; +} + +.ui.card, +.ui.cards>.card { + background: rgb(0 0 0 / 15%); + box-shadow: none; +} + +.ui.cards a.card:hover, +.ui.link.card:hover, +.ui.link.cards .card:not(.icon):hover, +a.ui.card:hover { + border: 1px solid rgb(255 255 255 / 20%); + background: rgb(255 255 255 / 15%); +} + +.repository .ui.menu { + background: rgb(0 0 0 / 0%); + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15); +} + +.repository.migrate .card { + border: 1px solid transparent; +} + +.ui.card>.content, +.ui.cards>.card>.content { + border-color: rgb(255 255 255 / 10%); +} + +.ui.ui.menu .item.disabled { + cursor: default; + background-color: transparent; + color: rgb(255 255 255 / 30%); + pointer-events: none; +} + +.repository.file.editor .commit-form-wrapper .commit-form { + position: relative; + padding: 15px; + margin-bottom: 10px; + border: 1px solid rgb(255 255 255 / .1); + border-radius: 3px; + background: rgb(255 255 255 / 10%); +} + +.repository.release #release-list { + border-top: 1px solid rgb(255 255 255 / 0.1); +} + +.repository.release #release-list>li .detail { + border-left: 1px solid rgb(255 255 255 / 0.1); +} + +.repository.release #release-list>li .detail .download .list { + border-top: 1px solid rgb(255 255 255 / .1); +} + +.repository.release #release-list>li .detail .download .list li { + border-bottom: 1px solid rgb(255 255 255 / .1); +} + +/* +.repository .ui.menu .active.item { + background: var(--main-bg-color) !important; + color: var(--text-hover); + font-weight: 400; + box-shadow: none; +} + + /* WIKI */ +.repository.wiki.pages .ui.ui.table td.grey:not(.marked), +.repository.wiki.pages .ui.ui.ui.ui.table tr.grey:not(.marked) { + background: rgb(255 255 255 / 0.08); + ; +} + +.editor-preview, +.editor-preview-side { + 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; +} + +/* COMMIT STUFF */ +#git-graph-container li a { + color: var(--link-color); +} + +#git-graph-container li a:hover { + color: var(--text-hover); +} + +#git-graph-container #rev-list li.highlight, +#git-graph-container #rev-list li.hover { + background-color: rgba(255, 255, 255, .05); +} + +#git-graph-container #rev-list li.highlight.hover { + background-color: rgba(255, 255, 255, .05); +} + +#git-graph-container li .author { + color: rgb(var(--accent-color)); +} + +.repository .ui.segment.sub-menu .list .item a, +.repository .ui.segment.sub-menu .list .item span.ui { + color: var(--text); +} + +.repository .ui.segment.sub-menu .list .item a:hover, +.repository .ui.segment.sub-menu .list .item b:hover { + color: var(--text-hover) !important; +} + +.repository .ui.segment.sub-menu .list .item.active { + background: rgba(255, 255, 255, 0.07); +} + +.repository.file.list #repo-files-table tbody .svg { + color: var(--text); +} + +.ui.blue.labels .label, +.ui.ui.ui.blue.label, +.ui.grey.labels .label, +.ui.ui.ui.grey.label { + background-color: rgb(var(--accent-color)) !important; + border-color: rgb(var(--accent-color)) !important; + color: var(--label-text-color); +} + +.ui.black.labels .label, +.ui.ui.ui.black.label { + background-color: rgb(var(--accent-color)); + border-color: rgb(var(--accent-color)); + color: var(--label-text-color); +} + +.repository #commits-table.ui.basic.striped.table tbody tr:nth-child(2n) { + background-color: rgba(0, 0, 0, 0.15) !important; +} + +.repository #commits-table.ui.table>tbody { + background-color: transparent !important; +} + +/* ISSUES */ +.CodeMirror-cursor { + border-left: 1px solid #fff; +} + +.CodeMirror, +.EasyMDEContainer .CodeMirror { + border: 1px solid rgb(255 255 255 / .1); + background: rgba(0, 0, 0, .25); +} + +.CodeMirror-focused { + border-color: rgb(255 255 255 / 20%) !important; +} + +.editor-toolbar a, +.editor-toolbar button { + color: #ffffff !important; +} + +.editor-toolbar { + border: 1px solid rgb(255 255 255 / .1); + border-left: 1px solid rgb(255 255 255 / .1); + border-right: 1px solid rgb(255 255 255 / .1); +} + +.editor-toolbar a.active, +.editor-toolbar a:hover, +.editor-toolbar button.active, +.editor-toolbar button:hover { + background: rgb(255 255 255 / 25%); + border-color: rgb(255 255 255 / 25%); +} + +.dropzone { + min-height: 150px; + border: 2px solid rgba(0, 0, 0, .3); + background: rgb(255 255 255 / 25%) !important; + padding: 20px; +} + +.ui.form .dropzone { + border: 2px dashed rgb(var(--accent-color)) !important; + box-shadow: none !important; + padding: 0; + min-height: 5rem; + border-radius: 4px; +} + +.ui.form .dropzone .dz-button { + color: var(--text-hover) !important; +} + +.ui.form .dropzone:hover .dz-button { + color: var(--link-color) !important; +} + +.repository .metas .ui.list .item { + color: var(--text) !important; +} + +.repository.view.issue .comment-list .timeline:before { + background-color: transparent; +} + +.repository.view.issue .comment-list .comment .content>.header { + background-color: rgb(0 0 0 / 25%); +} + +.repository.view.issue .comment-list .comment .content>.header .actions a { + color: rgb(255 255 255); +} + +.repository.view.issue .comment-list .comment .content>.header .actions a:hover { + color: rgb(var(--accent-color)); +} + +.repository.view.issue .pull-desc code { + color: rgb(var(--accent-color)); +} + +.repository .segment.reactions .ui.label.basic.blue { + background-color: #ffffff00 !important; + border-color: inherit !important; +} + +.repository.view.issue .comment-list .comment:target>.content { + box-shadow: 0 0 10px #000000; +} + +.repository.view.issue .comment-list .timeline-item .badge { + background-color: rgb(var(--accent-color)); + border: 2px solid rgb(var(--accent-color)); + color: #fff; +} + +.issue.list>.item .desc .overdue { + color: #ec2626; +} + +/* TABLE */ +.ui.table>thead>tr>th { + background: rgb(0 0 0 / 25%); + color: var(--text); + border-bottom: 1px solid rgba(255, 255, 255, 0.1); +} + +.ui.table { + width: 100%; + background: rgb(255 255 255 / 0.0); + border: 1px solid rgba(255, 255, 255, 0.1); + color: var(--text); +} + +table#repo-files-table { + background: rgb(0 0 0 / 35%); +} + +.ui.table>tbody { + border: 1px solid rgba(34, 36, 38, .15); + color: var(--text); +} + +.ui.table>tbody>tr>td, +w .ui.table>tr>td { + border-top: 1px solid rgb(255 255 255 / 10%); +} + +.repository.file.list #repo-files-table thead tr:hover { + background-color: rgba(0, 0, 0, 0.0) !important; +} + +.repository.file.list #repo-files-table tr:hover { + background: rgba(255, 255, 255, 0.08); +} + +.ui.table tbody tr td.selectable:hover, +.ui.ui.selectable.table>tbody>tr:hover { + background: rgb(255 255 255 / 0.08); + color: var(--text-hover); +} + +/* FOOTER */ +footer { + background-color: rgb(0 0 0 / 25%); + border-top: 1px solid rgb(255 255 255 / 25%); +} + +/* BUTTONS / CHECKBOXES */ +.btn:active, +.btn:focus { + outline: none !important; +} + +.ui.checkbox input:checked~label:after { + color: var(--label-text-color) !important; + background: rgb(var(--accent-color)); +} + +.ui.toggle.checkbox input:checked~label:before { + background-color: rgb(0 0 0 / 25%) !important; +} + +.ui.toggle.checkbox input:checked~label, +.ui.toggle.checkbox label { + color: var(--label-text-color) !important; +} + +.ui.toggle.checkbox label:before, +.ui.toggle.checkbox input:focus:checked~label:before { + background: rgb(255 255 255 / 10%) !important; + background-color: rgb(255 255 255 / 10%) !important; +} + +.ui.toggle.checkbox input:focus:checked~label, +.ui.checkbox input:focus~label, +.ui.checkbox input:focus~label:after { + color: var(--label-text-color) !important; +} + +.ui.blue.button, +.ui.blue.buttons .button, +.ui.primary.button, +.ui.primary.buttons .button { + background-color: var(--button-color) !important; + color: var(--button-text) !important; +} + +.ui.primary.button:hover, +.ui.primary.buttons .button:hover, +.ui.blue.button:hover, +.ui.blue.buttons .button:hover, +.ui.basic.blue.button:focus, +.ui.basic.blue.buttons .button:focus, +.ui.basic.primary.button:focus, +.ui.basic.primary.buttons .button:focus { + background-color: var(--button-color-hover) !important; + color: var(--button-text) !important; + box-shadow: inset 0 0 0 1px transparent !important; +} + +.ui.teal.button, +.ui.teal.buttons .button { + background-color: var(--button-color); + color: var(--button-text); + text-shadow: none; + background-image: none; +} + +.ui.teal.button:hover, +.ui.teal.buttons .button:hover { + background-color: var(--button-color-hover); + color: var(--button-text); + text-shadow: none; +} + +/* +.ui.green.button, +.ui.green.buttons .button { + background-color: var(--button-color); + color: var(--button-text); +} + +.ui.green.button:focus, +.ui.green.buttons .button:focus { + background-color: var(--button-color-hover); + color: var(--button-text); + text-shadow: none; +} + +.ui.green.button:hover, +.ui.green.buttons .button:hover { + background-color: var(--button-color-hover); + color: var(--button-text); +} +*/ +.ui.blue.button, +.ui.blue.buttons .button { + background-color: var(--button-color) !important; + color: var(--button-text); +} + +.ui.blue.button:hover, +.ui.blue.buttons .button:hover { + background-color: var(--button-color-hover) !important; + color: var(--button-text); +} + +.ui.active.button, +.ui.active.button:hover { + color: var(--button-text); +} + +.ui.active.button, +.ui.active.button:active, +.ui.active.button:hover { + background-color: var(--button-color-hover); + +} + +.ui.button { + background: var(--button-color); + color: var(--button-text); +} + +.ui.button:hover { + background: var(--button-color-hover); + color: var(--button-text); +} + +.ui.basic.blue.button, +.ui.basic.blue.buttons .button { + box-shadow: inset 0 0 0 1px rgb(var(--accent-color)) !important; + color: var(--button-text) !important; +} + +.ui.basic.blue.button:hover, +.ui.basic.blue.buttons .button:hover, +.ui.basic.blue.button:active, +.ui.basic.blue.buttons .button:active, +.ui.basic.blue.button:focus, +.ui.basic.blue.buttons .button:focus { + background: var(--button-color) !important; + color: var(--button-text) !important; +} + +.ui.basic.button, +.ui.basic.buttons .button, +.ui.basic.blue.button, +.ui.basic.blue.buttons .button, +.ui.basic.primary.button, +.ui.basic.primary.buttons .button { + color: var(--button-text); + box-shadow: inset 0 0 0 1px rgb(255 255 255 / 15%) !important; +} + +.ui.basic.button:focus, +.ui.basic.button:hover, +.ui.basic.buttons .button:focus, +.ui.basic.buttons .button:hover { + background: rgb(0 0 0 / 15%); + color: var(--button-text); +} + +.ui.basic.red.button, +.ui.basic.red.buttons .button { + background: #F44336; + box-shadow: inset 0 0 0 1px #F44336; + color: var(--button-text); +} + +.ui.basic.red.button:hover, +.ui.basic.red.buttons .button:hover { + background: #ec2626; + box-shadow: inset 0 0 0 1px #ec2626; + color: var(--button-text); +} + +.ui.inverted.red.basic.button:hover, +.ui.inverted.red.basic.buttons .button:hover, +.ui.inverted.red.buttons .basic.button:hover { + box-shadow: inset 0 0 0 2px #ec2626; + color: var(--button-text); +} + +.repo-buttons .ui.basic.label, +.ui.basic.labels .label { + background: none var(--button-color); + border: 1px solid rgba(34, 36, 38, .15); + color: var(--label-text-color); +} + +.repo-buttons .ui.basic.labels a.label:hover, +a.ui.basic.label:hover { + text-decoration: none; + background: none var(--button-color-hover); + color: var(--label-text-color); + box-shadow: none; +} + +.repo-buttons .disabled-repo-button a.button:hover { + background: none !important; + color: rgb(255 255 255 / 60%) !important; + box-shadow: inset 0 0 0 1px rgba(34, 36, 38, .15) !important; +} + +.repo-title { + color: #ffffff; +} + +/* LABELS */ +/* +.ui.label, +.ui.menu .item>.label { + background-color: var(--button-color); + color: var(--button-text); +} +*/ +.ui.label, +.ui.menu .item>.label { + background-color: rgb(var(--accent-color)); + color: var(--label-text-color); +} + +.ui.labels a.label:hover, +a.ui.label:hover { + background-color: #ffffff; + color: rgba(0, 0, 0, .8); +} + +.ui .sha.label { + background: var(--button-color) !important; + color: var(--label-text-color) !important; + border: 1px solid var(--button-color) !important; +} + +a.ui.label:hover, +a.ui.labels .label:hover { + background: var(--button-color-hover); + color: var(--label-text-color); +} + +.repository #commits-table td.sha .sha.label, +.repository #repo-files-table .sha.label, +.repository .timeline-item.commits-list .singular-commit .sha.label { + border: 1px solid transparent; +} + +.repository #commits-table td.sha .sha.label .detail.icon, +.repository #repo-files-table .sha.label .detail.icon, +.repository .timeline-item.commits-list .singular-commit .sha.label .detail.icon { + background: rgb(0 0 0 / 25%); + margin: -6px -10px -4px 0; + padding: 5px 4px 5px 6px; + border: 0; + border-left: 1px solid #fff; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.repository.file.list #repo-files-table tbody .svg.octicon-file-directory, +.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule { + color: rgb(var(--accent-color)); +} + +/* FORMS */ +input { + caret-color: var(--text) !important; +} + +.ui.form input:not([type]), +.ui.form input[type=date], +.ui.form input[type=datetime-local], +.ui.form input[type=email], +.ui.form input[type=file], +.ui.form input[type=number], +.ui.form input[type=password], +.ui.form input[type=search], +.ui.form input[type=tel], +.ui.form input[type=text], +.ui.form input[type=time], +.ui.form input[type=url], +.ui.form input { + background: rgb(0 0 0 / 25%); + border: 1px solid transparent; + color: var(--text); + border-radius: .28571429rem; + box-shadow: inset 0 0 0 0 transparent; + transition: color .1s ease, border-color .1s ease; + caret-color: var(--text) !important; +} + +.ui.form input:not([type]):focus, +.ui.form input[type=date]:focus, +.ui.form input[type=datetime-local]:focus, +.ui.form input[type=email]:focus, +.ui.form input[type=file]:focus, +.ui.form input[type=number]:focus, +.ui.form input[type=password]:focus, +.ui.form input[type=search]:focus, +.ui.form input[type=tel]:focus, +.ui.form input[type=text]:focus, +.ui.form input[type=time]:focus, +.ui.form input[type=url]:focus { + color: var(--text); + border-color: rgb(0 0 0 / 15%); + border-radius: .28571429rem; + background: rgb(0 0 0 / 50%); + box-shadow: inset 0 0 0 0 rgba(34, 36, 38, .35); + caret-color: var(--text) !important; +} + +.ui.form input:focus:hover, +.ui.form textarea:focus:hover, +input:focus:hover, +textarea:focus:hover { + background: rgb(0 0 0 / 50%) !important; + border-color: rgb(255 255 255 / .1) !important; + color: var(--text-hover) !important; +} + +.ui.form input:hover, +.ui.form textarea:hover, +input:hover, +textarea:hover { + background: rgb(0 0 0 / 25%) !important; + border-color: rgb(255 255 255 / .1) !important; + color: var(--text-hover) !important; +} + +.ui.form textarea:focus { + color: var(--text); + border-color: transparent; + background: rgba(0, 0, 0, .5); + box-shadow: inset 0 0 0 0 rgba(34, 36, 38, .35); + -webkit-appearance: none; + caret-color: var(--text) !important; +} + +.ui.form textarea, +.ui.input textarea { + background: rgb(0 0 0 / .25); + border: 1px solid rgba(34, 36, 38, .15); + color: var(--text); + caret-color: var(--text) !important; +} + + +.ui.input.focus>input, +.ui.input>input:focus { + border-color: transparent; + background: rgb(0 0 0 / 50%); + color: var(--text); + box-shadow: none; + caret-color: var(--text) !important; +} + +.ui.input>input { + background: rgb(0 0 0 / 25%); + border: 1px solid rgba(34, 36, 38, .15); + color: var(--text); +} + +.ui.icon.input>i.icon { + color: var(--text); +} + +.ui.action.input:not([class*="left action"])>input:focus { + border-right-color: rgb(var(--accent-color)); +} + +/* MARKDOWN */ +.markdown tbody { + background: #f000 !important; +} + +.markdown:not(code) table tr { + background-color: rgba(0, 0, 0, .26); + border-top: 1px solid #ccc; +} + +.markdown:not(code) table tr:nth-child(2n) { + background-color: rgba(0, 0, 0, .45); +} + +.markdown:not(code) code, +.markdown:not(code) tt { + background-color: rgb(0 0 0 / 0.25); +} + + +/* 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; +} + +/* HIGHLIGHTING */ +::-webkit-selection { + background-color: rgb(var(--accent-color)) !important; + color: var(--text-hover) !important; +} + +::-moz-selection { + background-color: rgb(var(--accent-color)) !important; + color: var(--text-hover) !important; +} + +::selection { + background-color: rgb(var(--accent-color)) !important; + color: var(--text-hover) !important; +} + +textarea::-webkit-selection, +input::-webkit-selection { + background-color: rgb(var(--accent-color)) !important; + color: var(--text-hover) !important; +} + +textarea::-moz-selection, +input::-moz-selection { + background-color: rgb(var(--accent-color)) !important; + color: var(--text-hover) !important; +} + +textarea::-moz-selection, +input::-moz-selection { + background-color: rgb(var(--accent-color)) !important; + color: var(--text-hover) !important; +} + +textarea::selection, +input::selection { + background-color: rgb(var(--accent-color)) !important; + color: var(--text-hover) !important; +} + +/* CALENDAR */ +::-webkit-calendar-picker-indicator { + filter: invert(1); +} \ No newline at end of file diff --git a/CSS/themes/grafana/.deprecated b/CSS/themes/grafana/.deprecated new file mode 100644 index 00000000..e69de29b diff --git a/CSS/themes/grafana/grafana-base.css b/CSS/themes/grafana/grafana-base.css new file mode 100644 index 00000000..337e8057 --- /dev/null +++ b/CSS/themes/grafana/grafana-base.css @@ -0,0 +1,1309 @@ +/* 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 { + color: var(--text) !important; + 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; +} + +.theme-dark, +.theme-light, +.preloader { + 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; +} + +h1, +h2, +h3, +h4, +h5, +h6, +label, +legend { + color: var(--text-hover); +} + +div>aria-label>span, +#reactRoot>div>div.main-view>div>div:nth-child(1)>div>div:nth-child(10)>div>div.button-group.css-1uxatfi>div>div>div>div>div>div>span { + color: var(--text-hover) !important; +} + +p { + color: var(--text); +} + +.page-header-canvas, +.page-toolbar[class*="css-"] { + background: rgba(0, 0, 0, 0.25) !important; + box-shadow: none !important; + border-bottom: none !important; +} + +.main-view { + background: linear-gradient(180deg, #ffffff00 10px, #ffffff00 100px) !important; +} + +/* Scrollbar */ +.no-overlay-scrollbar ::-webkit-scrollbar-thumb:vertical { + min-height: 50px; + border: 3px solid transparent; + border-radius: 8px; + background: hsla(0, 0%, 100%, .2) !important; +} + +/* Variable Dropdown Menu */ +.variable-value-dropdown { + background: var(--modal-bg-color); + 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: 1px solid #00000000; +} + +.variable-value-dropdown.single .selected { + background-color: rgba(0, 0, 0, 0.25); +} + +.css-0.gf-form-select-box__menu { + background: #09090b !important; + -webkit-box-shadow: 5px 5px 20px -5px #000; + box-shadow: 5px 5px 20px -5px #000; + position: absolute; + z-index: 1000; + min-width: 100% +} + +/* time picker Menu */ +.time-picker-popover { + border: 1px solid #00000000; + background: var(--modal-bg-color); +} + +.time-picker-calendar .react-calendar__navigation, +.time-picker-calendar .react-calendar__navigation__arrow, +.time-picker-calendar .react-calendar__navigation__label { + background-color: rgba(0, 0, 0, 0.25); +} + +.time-picker-calendar .react-calendar__month-view__weekdays { + background-color: rgba(0, 0, 0, 0.6); +} + +.time-picker-calendar .react-calendar__tile--active, +.time-picker-calendar .react-calendar__tile--active:hover { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(0, 0, 0, 0); +} + +.time-picker-calendar .time-picker-calendar-tile:hover { + -webkit-box-shadow: 0 0 4px rgba(255, 255, 255, 0.08); + box-shadow: 0 0 4px #ffffff00; + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0.08); +} + +.time-picker-calendar .react-calendar__month-view__days { + background-color: rgba(0, 0, 0, 0.15); +} + +.time-picker-calendar .time-picker-calendar-tile { + border-radius: 0px; +} + +.time-picker-calendar { + border: 1px solid #00000000; +} + +/* login page */ +.login { + background-image: 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; + background-color: rgba(0, 0, 0, .0) !important; + color: #FFFFFF !important; +} + +.login-branding { + border-right: none !important; +} + +/* Configuration menu */ +.card-item { + background: rgba(0, 0, 0, .25) !important; +} + +.card-item:hover { + background: hsla(0, 0%, 100%, .08) !important; +} + +.card-item-sub-name, +.card-item-type { + color: #FFF !important; +} + +.gf-form--has-input-icon .gf-form-input-icon { + color: #fff !important; +} + +.gf-tabs-link.active, +.gf-tabs-link.active:focus, +.gf-tabs-link.active:hover { + background: rgba(0, 0, 0, 0.25) !important; +} + +.filter-table tbody tr:nth-child(odd) { + background: hsla(0, 0%, 100%, .08) !important; +} + +.cta-form { + background-color: rgba(0, 0, 0, 0.25) !important; +} + +.empty-list-cta { + background-color: rgba(0, 0, 0, .25) !important; +} + +.layout-selector button { + background: rgba(0, 0, 0, 0.25); + color: #ffffff; +} + +.layout-selector button.active { + background-color: rgba(0, 0, 0, 0.45); + color: #ffffff; +} + +/* Configuration menu - Teams */ +.css-1ph0cdx-call-to-action-card { + background: rgba(0, 0, 0, .25) !important; +} + +.grafana-info-box { + background-color: rgba(0, 0, 0, 0.45); +} + +/* 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; + color: rgb(var(--accent-color)) !important; + border-image: none; + border-color: rgb(var(--accent-color)); +} + +.sidemenu-link { + color: var(--text) !important; +} + +.sidemenu-link:hover { + color: rgb(var(--accent-color)) !important; +} + +.side-menu-header, +.dropdown-menu--menu, +.dropdown-menu--navbar, +.dropdown-menu--sidemenu, + +#reactRoot>div>div.main-view>div[class*="css-"]>div:nth-child(1)>div>div:nth-child(10)>div>div.button-group[class*="css-"]>div>div { + background: var(--drop-down-menu-bg); + 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; +} + +#reactRoot>div>div.main-view>div[class*="css-"]>div:nth-child(1)>div>div:nth-child(10)>div>div.button-group[class*="css-"]>div>div>div>span { + color: var(--text-hover); +} + +.dropdown-menu .divider { + border-bottom: 1px solid #d8d9da; +} + +.dropdown-menu--sidemenu>li>.side-menu-header-link:hover { + color: var(--text-hover) !important; + background: var(--drop-down-menu-bg) !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; +} + +.dropdown-menu--menu>li>a:hover, +.dropdown-menu--navbar>li>a:hover, +.dropdown-menu--sidemenu>li>a:hover { + background: rgba(0, 0, 0, 0.25) !important; + color: var(--text-hover) !important; +} + +.dropdown-menu>li>a { + color: var(--text) !important; +} + +.dropdown-menu-item-shortcut { + color: var(--text) !important; +} + +.dropdown-menu { + border: 1px solid transparent; +} + +.dropdown-submenu:hover>a { + Background-color: rgba(0, 0, 0, 0.25) !important; +} + +.icon-circle:hover .fa:hover, +.icon-circle:hover .gicon:hover, +.icon-circle:hover .icon-gf:hover { + color: #ffffff; + opacity: 1; +} + +/* Dashboard dropdown menu */ +.search-dropdown__col_1 { + background: var(--modal-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; +} + +.search-container { + left: 0px !important; +} + +.navbar-page-btn { + color: #FFFFFF !important; +} + +/* dropdown menu */ +.css-n9566h, +.css-1m7hyr { + background: var(--modal-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; +} + +.search-filter-box { + background: var(--modal-bg-color); + 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; +} + +.search-filter-box__header { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); +} + +/* Dashboard row */ +.dashboard-row--collapsed { + background: rgba(0, 0, 0, 0.25); +} + +.search-section { + background: rgba(255, 255, 255, 0.08); + border: none; +} + +.search-item { + background: rgba(0, 0, 0, 0.15); +} + +.search-item.selected, +.search-item:hover { + background: rgba(0, 0, 0, 0.25); +} + +.search-section__header { + color: #ffffff !important; +} + +.navbar-page-btn__folder { + color: #d8d9da; +} + +/* 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>input { + height: 55px !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-switch--table-cell { + background-color: transparent !important; +} + +.gf-form-select-wrapper { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +.dashboard-settings__nav-item.active { + background: rgba(255, 255, 255, 0.08); +} + +.gf-form-checkbox { + background: rgba(0, 0, 0, 0.25); + border: none; +} + +.gf-form-switch__checkbox { + border: none; + background: #ffffff; +} + +.gf-form-select-box__option { + background: var(--modal-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; +} + +.gf-form-select-box__option.gf-form-select-box__option--is-focused { + color: #fff; + -o-border-image: -o-linear-gradient(rgb(var(--accent-color)) 30%, rgb(var(--accent-color)) 99%); + border-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgb(var(--accent-color))), color-stop(99%, rgb(var(--accent-color)))); + border-image: -webkit-linear-gradient(rgb(var(--accent-color)) 30%, rgb(var(--accent-color)) 99%); +} + +.filter-table td.filter-table__switch-cell { + border-right: none; +} + +/* Variable label color */ +.template-variable, +.gf-form-label--variable { + color: rgb(var(--accent-color)) !important; +} + +/* Variable label box */ +.gf-form-label { + background: rgba(0, 0, 0, 0.25) !important; + border: none !important; +} + +.gf-form-label>button[class*="css-"] { + background: transparent !important; +} + +.gf-form-label--btn:hover { + background: rgba(0, 0, 0, 0.45) !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; + border: none !important; +} + +.gf-form-input:focus { + color: #FFF !important; + box-shadow: none !important; +} + +.gf-form-select-box-button-select { + background: transparent; + border: none; +} + +.gf-form-select-wrapper .gf-form-select-icon+.gf-form-input option { + color: #fff; + background: #1f1f1f; +} + +.css-0>.gf-form-input { + background-color: transparent !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-title-text:hover { + color: var(--text-hover); +} + +/* ////PANEL BACKGROUND COLOR//// */ + +.graph-legend-table .graph-legend-series:nth-child(odd), +.graph-legend-table .graph-legend-series:nth-child(2n) { + 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; +} + +.table-panel-header-bg { + background: rgba(0, 0, 0, 0.25); + border-top: 2px solid transparent; + border-bottom: 2px solid transparent; + +} + +/* Panel tables */ +.css-58bavm-thead { + background: rgba(0, 0, 0, .25); +} + +.css-sq6g4h-row { + border-bottom: 1px solid rgb(255 255 255 / 10%); +} + +.css-11m63ae { + border-right: 1px solid rgb(255 255 255 / 10%); +} + +.css-2n373z { + border-right: 1px solid rgb(255 255 255 / 25%); +} + +.css-sq6g4h-row:hover { + background-color: rgb(255 255 255 / 0.08); +} + +.css-3o5ryu { + background: rgb(0 0 0 / 45%); +} + +.css-1n8kpcb-activeTabStyle, +.css-dnqfjg-activeTabStyle { + background: rgb(0 0 0 / 35%); +} + +.css-1n8kpcb-activeTabStyle::before, +.css-dnqfjg-activeTabStyle::before { + background: rgb(var(--accent-color)); +} + +/* Edit panel tabs */ +[aria-label="Panel editor content"] { + background: var(--main-bg-color); +} + +div>.scrollbar-view>div>[class*="css-"], +#reactRoot>div>div.main-view>div.css-1mwktlb>div[class*="css-"]>div[class*="css-"]>div>div.Pane.vertical.Pane1>div>div.Pane.horizontal.Pane2>div>div>div[class*="css-"], +.css-v2fjpc, +.css-ld7ft6 { + background: rgba(0, 0, 0, .25) !important; +} + +.tabbed-view-header { + box-shadow: none; + background: rgba(0, 0, 0, 0.25); + border-bottom: none; +} + +.tabbed-view-panel-title { + padding-left: 10px; +} + +/* panel query settings */ +.panel-editor__right, +.toolbar { + background: rgba(0, 0, 0, 0.25); +} + +.query-editor-row__header { + background: rgba(0, 0, 0, 0.25); +} + +.query-editor-row__body { + background: rgba(0, 0, 0, 0.15); +} + +.panel-options-group { + background: rgba(0, 0, 0, 0.15); +} + +.gf-form-switch { + background: rgba(0, 0, 0, 0.25); + border: transparent; +} + +.viz-picker__item { + background: rgba(0, 0, 0, 0.25); + border: transparent; +} + +.viz-picker__item--current { + box-shadow: 0 0 6px #eb7b18 !important; + border: 1px solid #eb7b18 !important; + background: rgba(0, 0, 0, 0.4) !important; +} + +.viz-picker__item:hover { + box-shadow: 0 0 6px #eb7b18 !important; + background: rgba(0, 0, 0, 0.4); + border: 1px solid #eb7b18 !important; +} + +.panel-options-group__header { + background: rgba(0, 0, 0, 0.25); +} + +.custom-scrollbar .thumb-vertical, +.custom-scrollbar .thumb-horizontal { + background-color: rgba(255, 255, 255, 0); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0.25))); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25)); + background-image: -o-linear-gradient(top, #404357, #424345); + background-image: linear-gradient(180deg, rgba(249, 249, 249, 0.25), rgba(251, 251, 251, 0.25)); +} + +.toolbar__main { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.15); + border: transparent; +} + +/* 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; +} + +/* buttons +.btn-inverse { +border-color: #b56d16 !important; + color: #fff !important; + background-color: #cc7b19 !important; + -webkit-transition: background-color .1s !important; + transition: background-color .1s !important; + } + .btn-inverse.active, .btn-inverse.disabled, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .btn-inverse[disabled] { + color: #fff; + background-color: #e59029 !important; +} +.btn-outline-disabled { + color: #fff; +}*/ + +.btn-inverse { + background: rgba(0, 0, 0, 0.25); + -webkit-box-shadow: 0px 0px 5px 1px hsla(0, 0%, 0%, 0.45), 1px 1px 0 0 rgba(0, 0, 0, .3); + box-shadow: 0px 0px 5px 1px hsla(0, 0%, 0%, 0.45), 1px 1px 0 0 rgba(0, 0, 0, .3); +} + +.btn-primary, +.btn-success { + -webkit-box-shadow: 0px 0px 5px 1px hsla(0, 0%, 0%, 0.45), 1px 1px 0 0 rgba(0, 0, 0, .3); + box-shadow: 0px 0px 5px 1px hsla(0, 0%, 0%, 0.45), 1px 1px 0 0 rgba(0, 0, 0, .3); +} + +.btn-inverse.active, +.btn-inverse.disabled, +.btn-inverse:active, +.btn-inverse:focus, +.btn-inverse:hover, +.btn-inverse[disabled] { + background-color: rgba(255, 255, 255, 0.08); +} + +/* 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; +} + +/* Explore */ +.query-transaction { + color: #fff; +} + +.query-type-toggle .btn.active { + background-color: rgba(0, 0, 0, 0.45); + border: none; + border-radius: 3px; +} + +.toggle-button-group .btn { + background-color: rgba(0, 0, 0, 0.25); + background-image: none; + border-color: #00000000; + border-radius: 3px !important; + border-right: 1px; +} + +.toggle-button-group .btn:hover { + background-color: rgba(0, 0, 0, 0.45); +} + +.logs-panel-options { + background-color: transparent; + border: none; +} + +/* JSON Model */ +.gf-code-dark { + background-color: rgba(0, 0, 0, 0.25); + color: #e0e0e0; +} + +.gf-code-editor.ace_editor { + border: none; +} + +.modal-header, +.css-1z13zsv-modalHeader { + background: var(--modal-bg-color); + 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; + -webkit-box-shadow: none; + box-shadow: none; + border-bottom: 1px solid #d8d9da; + color: #eee; +} + +.modal-body, +.css-111908g { + background: var(--modal-bg-color); + 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; + color: #eee; +} + + + +/*V7*/ + +/*LOGIN*/ +.css-bnbqsv { + background: var(--main-bg-color); + 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; +} + +.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*/ +button[class$="-button"]:not(button[aria-label="toggle-viz-picker"]), +.gf-form-button-row a, +.gf-form-button-row button, +.page-action-bar>a, +.page-action-bar>button, +.btn-primary, +button.toolbar-button { + background: var(--button-color) !important; + background-color: var(--button-color) !important; + border-color: var(--button-color) !important; + color: var(--button-text) !important; +} + +button[class$="-button"]:hover, +button[class$="-button"]:focus, +button[class$="-button"]:active, +.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; + border-color: var(--button-color-hover) !important; + color: var(--button-text-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); + 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; +} + +.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: #eee !important; + border-color: rgba(255, 255, 255, .1); + background: var(--button-color); +} + +.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); + 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-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*/ + +.css-cxwxzk-Label-description, +.css-n370st { + color: #eee; +} + +.css-10pj50r, +.css-15rfc12 { + background: rgb(0 0 0 / 50%); +} + +/*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); + 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; +} + +/*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: rgb(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: rgb(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: rgb(var(--accent-color)); +} + +.css-1emhacm-currentVisualizationItem>div:first-child { + outline-offset: 2px; + box-shadow: rgb(20, 22, 25) 0px 0px 0px 2px, rgb(var(--accent-color)) 0px 0px 0px 4px; +} + +.css-mgq0xs-currentVisualizationItem>div:first-child { + outline: transparent dotted 2px; + outline-offset: 1px; + box-shadow: rgb(var(--accent-color)) 0px 0px 0px 2px, #607D8B 0px 0px 0px 2px; + transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s; +} + +/*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: rgb(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); + 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; +} + +.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 rgb(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; +} \ No newline at end of file diff --git a/CSS/themes/grafana/organizr-dashboard.css b/CSS/themes/grafana/organizr-dashboard.css new file mode 100644 index 00000000..7c1c49be --- /dev/null +++ b/CSS/themes/grafana/organizr-dashboard.css @@ -0,0 +1,599 @@ + +/* 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;} \ No newline at end of file diff --git a/CSS/themes/guacamole/guacamole-base.css b/CSS/themes/guacamole/guacamole-base.css new file mode 100644 index 00000000..dbcdb851 --- /dev/null +++ b/CSS/themes/guacamole/guacamole-base.css @@ -0,0 +1,642 @@ +/* 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; +} \ No newline at end of file diff --git a/CSS/themes/jackett/jackett-base.css b/CSS/themes/jackett/jackett-base.css new file mode 100644 index 00000000..da57858a --- /dev/null +++ b/CSS/themes/jackett/jackett-base.css @@ -0,0 +1,441 @@ +/* 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); +} \ No newline at end of file diff --git a/CSS/themes/jellyfin/jellyfin-base.css b/CSS/themes/jellyfin/jellyfin-base.css new file mode 100644 index 00000000..d2cbca28 --- /dev/null +++ b/CSS/themes/jellyfin/jellyfin-base.css @@ -0,0 +1,936 @@ +: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)); +} \ No newline at end of file diff --git a/CSS/themes/kitana/kitana-base.css b/CSS/themes/kitana/kitana-base.css new file mode 100644 index 00000000..08b2376a --- /dev/null +++ b/CSS/themes/kitana/kitana-base.css @@ -0,0 +1,253 @@ +/* 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; +} \ No newline at end of file diff --git a/CSS/themes/lazylibrarian/lazylibrarian-base.css b/CSS/themes/lazylibrarian/lazylibrarian-base.css new file mode 100644 index 00000000..addaa5fd --- /dev/null +++ b/CSS/themes/lazylibrarian/lazylibrarian-base.css @@ -0,0 +1,489 @@ +/* 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; +} \ No newline at end of file diff --git a/CSS/themes/librespeed/librespeed-base.css b/CSS/themes/librespeed/librespeed-base.css new file mode 100644 index 00000000..880784b9 --- /dev/null +++ b/CSS/themes/librespeed/librespeed-base.css @@ -0,0 +1,119 @@ +/* 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; +} \ No newline at end of file diff --git a/CSS/themes/lidarr/lidarr-base.css b/CSS/themes/lidarr/lidarr-base.css new file mode 100644 index 00000000..5057abee --- /dev/null +++ b/CSS/themes/lidarr/lidarr-base.css @@ -0,0 +1,1140 @@ +/* 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 { + --calendar-downloading: 122 67 182; + --calendar-downloaded: 39 194 76; + --calendar-unreleased: 93 156 236; + --calendar-partial: 255, 165, 0; + --calendar-unmonitored: 173 173 173; + --calendar-missing: 240 80 80; +} + +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); +} + +/* Froms */ + +[class*="FormInputHelpText-helpText-"] { + color: var(--text); +} + +[class*="FormInputGroup-inputUnit-"] { + color: var(--text) !important; +} + +/* LINKS */ +[class*="Link-to-"] { + color: var(--text); +} + +[class*="Link-to-"]:hover { + color: var(--text-hover); + text-decoration: none; +} + +a { + color: var(--link-color); +} + +a:hover { + color: var(--link-color-hover); +} + +[class*="TableRowCell-cell-"] [class*="Link-to-"] { + color: var(--link-color) !important; +} + +[class*="TableRowCell-cell-"] [class*="Link-to-"]:hover { + color: var(--link-color-hover) !important; +} + +/* Buttons */ + +[class*="Button-default-"] { + color: var(--button-text); + background-color: var(--button-color); + border-color: transparent; +} + +[class*="Button-default-"]:hover { + border-color: transparent; + background-color: var(--button-color-hover) !important; + color: var(--button-text-hover); +} + +[class*="Button-primary-"] { + border-color: transparent; + background-color: var(--button-color); + color: var(--button-text); +} + +[class*="Button-primary-"]:hover { + border-color: transparent; + background-color: var(--button-color-hover) !important; + color: var(--button-text-hover); +} + +[class*="Button-success-"] { + border-color: var(--button-color); + background-color: var(--button-color); + color: var(--button-text); +} + +[class*="Button-success-"]:hover { + border-color: var(--button-color-hover); + background-color: var(--button-color-hover); + color: var(--button-text-hover); +} + +/* LOADING PAGE */ +[class*="ErrorPage-page-"], +[class*="ErrorPage-version-"], +[class*="LoadingMessage-loadingMessage-"] { + color: var(--text); +} + +[class*="LoadingIndicator-ripple-"] { + border: 2px solid #fff; +} + +/* MODAL */ +[class*="ModalHeader-modalHeader-"] { + 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-hover); + border-bottom: 1px solid rgb(var(--accent-color)); +} + +[class*="Modal-large-"], +[class*="Modal-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; + color: var(--text); +} + +[class*="ModalFooter-modalFooter-"] { + 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: #fff; + border-top: 1px solid rgb(var(--accent-color)); +} + +[class*="ModalContent-closeButton-"]:hover { + color: #fff; +} + +/* INPUT */ +[class*="TagInput-internalInput-"] { + background-color: transparent; + color: #fff; +} + +[class*="SelectInput-select-"] { + background-color: rgba(0, 0, 0, 0.25) !important; +} + +[class*="SelectInput-select-"]:active, +[class*="SelectInput-select-"]:focus { + background: #1e1e1e !important; +} + +[class*="AutoSuggestInput-suggestionsList-"], +[class*="AutoSuggestInput-suggestionsContainerOpen-"], +[class*="AutoSuggestInput-suggestionsContainer-"] { + background-color: #323232 !important; + color: white; + border: none !important; +} + +[class*="AutoSuggestInput-suggestionHighlighted-"] { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="CheckInput-primaryIsChecked-"] { + border-color: rgb(var(--accent-color)) !important; + background-color: rgb(var(--accent-color)) !important; + color: var(--label-text-color) !important; +} + +[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] { + background: #fff; +} + +/* HEADER */ + +[class*="PageHeader-header-"] { + background-color: rgba(0, 0, 0, .35); +} + +/* SEARCH DROPDOWN HEADER */ + +[class*="PageHeader-donate-"] { + color: #c4273c !important; +} + +/* LIDARR SPECIFIC */ +[class*="ArtistSearchInput-sectionTitle-"] { + color: #fff; +} + +[class*="ArtistSearchInput-containerOpen-"] [class*="ArtistSearchInput-artistContainer-"] { + border: none !important; + 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: #fff !important; + box-shadow: 0 0 10px 1px transparent !important; +} + +[class*="ArtistSearchInput-highlighted-"] { + background-color: hsla(0, 0%, 100%, .08) +} + +[class*"=ArtistSearchInput-artistContainer-"]::-webkit-scrollbar-thumb, +[class*="ImportArtistSelectArtist-results-"]::-webkit-scrollbar-thumb { + background-color: rgba(255, 255, 255, 0.25); +} + +/* MINI RIGHT SCROLL BAR */ +[class*="OverlayScroller-thumb-"], +[class*="ImportArtistSelectArtist-results-"]::-webkit-scrollbar-thumb, +[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="OverlayScroller-thumb-"]:hover, +[class*="ImportArtistSelectArtist-results-"]::-webkit-scrollbar-thumb:hover, +[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover { + background-color: rgba(255, 255, 255, 0.25) !important; +} + +/* ADD NEW */ +[class*="EnhancedSelectInput-options-"] { + border: 1px solid rgba(255, 255, 255, 0.2); + border-radius: 4px; + 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); +} + +[class*="EnhancedSelectInputOption-isSelected-"], +[class*="EnhancedSelectInputOption-isSelected-"]:hover { + background-color: rgba(255, 255, 255, 0.20) !important; + color: var(--text-hover); +} + +[class*="EnhancedSelectInputOption-option-"]:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +[class*="HintedSelectInputOption-hintText-"], +[class*="RootFolderSelectInputOption-freeSpace-"] { + color: var(--text); +} + +/* SIDE MENU */ +[class*="PageSidebar-sidebarContainer-"] { + background-color: rgba(0, 0, 0, .25); +} + +[class*="PageSidebar-sidebar-"] { + background-color: transparent; +} + +[class*="PageSidebarItem-link-"]:hover { + color: rgb(var(--accent-color)); + text-decoration: none; +} + +[class*="PageSidebarItem-isActiveLink-"], +[class*="PageSidebarItem-isActiveLink-"]:hover, +[class*="PageSidebarItem-link-"]:focus { + color: rgb(var(--accent-color)) !important; +} + +[class*="PageSidebarItem-isActiveParentLink-"] { + background-color: rgba(0, 0, 0, 0.15); +} + +@media only screen and (max-width: 768px) { + [class*="PageSidebar-sidebarContainer-"] { + 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*="PageSidebarItem-isActiveItem-"] { + border-left: 3px solid rgb(var(--accent-color)); +} + +/* LIBRARY PAGE */ +/* LIDARR SPECIFIC */ +[class*="ArtistIndexPoster-controls-"] { + background-color: rgb(var(--accent-color)) !important; +} + +/* OVERVIEW PAGE */ + +/* OVERVIEW PAGE */ +[class*="ArtistIndexOverview-container-"], +[class*="ArtistIndexOverview-container-"]:hover { + background-color: transparent !important; +} + +[class*="ArtistIndexOverview-container-"]:hover [class*="ArtistIndexOverview-content-"] { + background-color: transparent; +} + +[class*="ArtistIndexOverview-content-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="ArtistIndexOverview-link-"]:hover { + text-decoration: none; +} + +[class*="ProgressBar-container-"] { + background-color: rgba(0, 0, 0, 0.25); +} + +[class*=".ProgressBar-purple-"] { + background-color: rgb(var(--accent-color)); +} + + +/*ARTIST PAGE*/ +[class*="ArtistDetailsSeason-albumType-"], +[class*="ArtistDetailsSeason-collapseButtonContainer-"] { + border: none !important; + background-color: rgba(0, 0, 0, .25) !important; +} + +[class*="ArtistDetailsSeason-header-"], +[class*="ArtistDetailsSeason-albumCount-"], +[class*="ArtistDetails-metadataMessage-"], +[class*="ArtistDetailsSeason-albumCount-"] { + color: #fff; +} + +[class*="ArtistDetailsSeason-albums-"] { + border-top: 1px solid rgba(255, 255, 255, 0.5); +} + +/* .fa-search:hover { + color: var(--text-hover) !important; +} */ + +[class*="Label-default-"] { + border-color: rgb(var(--accent-color)); + background-color: rgb(var(--accent-color)); + color: var(--label-text-color); +} + +[class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) { + color: var(--text-hover); +} + +[class*="MonitorToggleButton-toggleButton-"] { + color: #dadada; +} + +[class*="ProtocolLabel-torrent-"] { + border-color: #00853d !important; + background-color: #00853d !important; + color: #fff !important; +} + +[class*="ProtocolLabel-usenet-"] { + border-color: #17b1d9 !important; + background-color: #17b1d9 !important; + color: #fff !important; +} + +/*ARTIST ALBUM PAGE*/ +[class*="AlbumDetailsMedium-mediumNumber-"] { + color: #fff; +} + +[class*="AlbumDetailsMedium-medium-"] { + border: none; + background-color: rgba(0, 0, 0, .25); +} + +[class*="ExtraFileTable-container-"] { + border: 1px solid transparent; + background-color: rgba(0, 0, 0, .25); +} + +[class*="AlbumDetails-selectedTab-"] { + border-bottom: 4px solid rgb(var(--accent-color)); +} + +[class*="AlbumDetailsMedium-collapseButtonContainer-"] { + border: none; + background-color: rgba(0, 0, 0, .25); +} + +[class*="ArtistIndexProgressBar-progress-"] { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="ArtistIndexBanner-title-"], +[class*="ArtistIndexBannerInfo-info-"] { + background-color: rgba(0, 0, 0, .25); + color: #fff; +} + +[class*="Popover-title-"], +[class*="SeasonInfo-title-"], +[class*="Popover-body-"], +[class*="Tooltip-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; +} + +[class*="Tooltip-tooltipContainer-"] { + color: #fff; +} + +[class*="Tooltip-bottom-"][class*="Tooltip-default-"] { + border-bottom-color: var(--text); +} + +[class*="Tooltip-right-"][class*="Tooltip-default-"] { + border-right-color: var(--text); +} + +[class*="EpisodeTitleLink-link-"]:hover { + color: #ffffff; + text-decoration: none; +} + +[class*="IconButton-button-"] { + color: var(--text); +} + +[class*="Label-default-"] [class*="IconButton-button-"], +[class*="Label-small-"] [class*="IconButton-button-"]:hover { + color: var(--label-text-color); +} + +[class*="IconButton-button-"]:hover { + background-color: transparent; + color: var(--text-hover); +} + +[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover { + background-color: transparent; + color: var(--text-hover); +} + + +[class*="Label-info-"] { + border-color: rgb(var(--accent-color)); + background-color: rgb(var(--accent-color)); + color: var(--label-text-color); +} + +[class*="PageSidebarItem-status-"][class*="Label-info-"] { + border-color: var(--arr-queue-color); + background-color: var(--arr-queue-color); + color: var(--label-text-color); +} + +/* Table options*/ +[class*="TableOptionsColumn-column-"] { + background: rgba(0, 0, 0, .25); + color: var(--text-hover); + border: none; +} + +[class*="TableHeaderCell-headerCell-"] { + color: var(--text-hover); +} + +[class*="Table-table-"] { + color: var(--text); +} + +[class*="TableRow-row-"]:hover { + background-color: hsla(0, 0%, 100%, .08); + color: var(--text-hover); +} + +[class*="TableRowCell-cell-"] { + border-top: 1px solid rgb(255 255 255 / 25%); +} + +/* TOP MENU SERIES */ +[class*="PageToolbar-toolbar-"] { + background-color: rgba(0, 0, 0, .25); + color: var(--text); +} + +[class*="PageToolbarButton-label-"] { + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"] { + opacity: .5; + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"]:hover, +[class*="PageToolbarButton-isDisabled-"]:hover { + color: var(--text) !important; +} + +[class*="PageToolbarButton-label-"] { + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"]:hover { + color: rgb(var(--accent-color)); +} + +[class*="MenuButton-menuButton-"]:hover { + color: rgb(var(--accent-color)); +} + +/* POSTERS */ +[class*="ArtistIndexPoster-title-"], +[class*="ArtistIndexPosterInfo-info-"] { + background-color: rgba(255, 255, 255, 0.08); + color: var(--text-hover); +} + + +/* TOP HEADER DROPDOWN */ +[class*="MenuItem-menuItem-"], +[class*="MenuContent-menuContent-"] { + 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); +} + +[class*="MenuContent-scroller-"] { + box-shadow: black 0 0 5px 0px; +} + +[class*="MenuItem-menuItem-"]:hover, +[class*="MenuItem-menuItem-"]:focus { + background: hsla(0, 0%, 100%, .08) !important; + color: var(--text-hover); + text-decoration: none; +} + +[class*="MenuItemSeparator-separator-"] { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +/* ALPHABET JUMP BAR */ +[class*="PageJumpBar-jumpBar-"] { + color: #FFF; +} + +/* SEARCH BAR */ +[class*="Input-input-"], +[class*="AddNewArtist-searchIconContainer-"], +[class*="AddNewItem-searchIconContainer-"], +[class*="CheckInput-isIndeterminate-"] { + border: none; + background-color: rgba(255, 255, 255, 0.08); + color: #FFF; +} + +[class*="ArtistSearchInput-container-"] [class*="Input-input-"] { + background: transparent; + border-bottom: solid 1px #fff; +} + +[class*="ArtistSearchInput-container-"] [class*="Input-input-"]:focus { + border-bottom: none; + background: transparent; +} + +[class*="ArtistSearchResult-alternateTitle-"] { + color: #ffffff; + font-size: 12px; +} + +[class*="Input-input-"]:focus { + outline: 0; + border-color: #fff; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.25); +} + +[class*="TagInput-input-"][class*="TagInput-isFocused-"] { + outline: 0; + border-color: #fff; + box-shadow: none; +} + +/* TEXT COLOR */ + +[class*="PageContentBody-innerContentBody-"] { + color: var(--text); +} + +/* SEARCH RESULTS */ +[class*="AddNewArtistSearchResult-year-"] { + color: #fff; +} + +[class*="AddNewArtistSearchResult-searchResult-"], +[class*="AddNewArtistSearchResult-underlay-"], +[class*="AddNewAlbumSearchResult-underlay-"] { + background-color: transparent; +} + +[class*="AddNewArtistSearchResult-searchResult-"]:hover, +[class*="AddNewArtistSearchResult-underlay-"]:hover, +[class*="AddNewAlbumSearchResult-underlay-"]:hover { + background-color: hsla(0, 0%, 100%, .08); + color: inherit; + text-decoration: none; +} + +[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { + color: #fff; +} + +[class*="RootFolderSelectInputOption-freeSpace-"], +[class*="RootFolderSelectInputOption-seriesFolder-"] { + color: var(--text-muted); +} + +/* IMPORT ARTIST */ +[class*="ImportArtistSelectArtist-content-"], +[class*="ImportArtistSelectArtist-searchIconContainer-"] { + 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: #FFF; + border: 1px solid transparent; +} + +[class*="ImportArtistName-disambiguation-"] { + color: var(--text-muted); +} + +[class*="ImportArtistSearchResult-artist-"]:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +/* MOVE THIS */ +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); +} + +/* IMPORT */ +/* Text color */ +[class*="ImportArtistSelectFolder-header-"] { + color: #FFF; +} + +[class*="ExpandingFileDetails-fileDetails-"] { + border: 1px solid rgb(255 255 255 / .1); + background-color: rgb(255 255 255 / 8%); +} + +/* IMPORT NEW ARTIST */ +/* Drop down menu/button*/ +[class*="ImportArtistSelectArtist-button-"] { + border: none; + background-color: rgba(0, 0, 0, 0.25) !important; + color: #fff; +} + + +/* IMPORT */ + +[class*="FieldSet-legend-"] { + color: var(--text-hover); + border-bottom: 1px solid rgb(var(--accent-color)); +} + +[class*="VirtualTableRow-row-"]:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +/*Title*/ + +[class*="PageJumpBarItem-jumpBarItem-"]:hover { + color: #fff; + background: hsla(0, 0%, 100%, .08); +} + +/*Posters*/ + + +/* MASS EDITOR */ + +/* FOOTER */ +[class*="PageContentFooter-contentFooter-"] { + border: none; + background-color: rgba(0, 0, 0, .25); + color: #FFF; +} + +/* CALENDAR */ +[class*="CalendarEvent-downloaded-"] { + background: rgb(var(--calendar-available) / .7) !important; + border-left-color: transparent !important; +} + +[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover { + background: rgb(var(--calendar-available) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-missing-"] { + background: rgb(var(--calendar-missing) / .7) !important; + border-left-color: transparent !important; +} + +[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover { + background: rgba(var(--calendar-missing) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-unreleased-"] { + background: rgb(var(--calendar-unaired) / .7) !important; + border-left-color: transparent !important; +} + +[class*="Calendar-calendar-"] [class*="CalendarEvent-unreleased-"]:hover { + background: rgb(var(--calendar-unaired) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-unmonitored-"] { + background: rgb(var(--calendar-unmonitored) / .7) !important; + border-left-color: transparent !important; +} + +[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover { + background: rgb(var(--calendar-unmonitored) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-downloading-"] { + background: rgb(var(--calendar-downloading) / .7) !important; + border-left-color: transparent !important; +} + +[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover { + background: rgb(var(--calendar-downloading) / .5) !important; + border-left-color: transparent !important; +} + +[class*="DayOfWeek-dayOfWeek-"] { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="CalendarDay-dayOfMonth-"] { + border-bottom: 1px solid hsla(0, 0%, 100%, .08); + background-color: rgba(0, 0, 0, .25); +} + +[class*="CalendarDay-isToday-"], +[class*="DayOfWeek-isToday-"] { + background-color: hsla(0, 0%, 100%, .25) !important; +} + +[class*="CalendarDay-day-"], +[class*="CalendarDays-days-"] { + -webkit-box-flex: 1; + -webkit-flex: 1 0 14.28%; + flex: 1 0 14.28%; + overflow: hidden; + min-height: 70px; + border-bottom: 1px solid hsla(0, 0%, 100%, .08); + border-left: 1px solid hsla(0, 0%, 100%, .08); + border-right: 1px solid hsla(0, 0%, 100%, .08); +} + +[class*="CalendarEvent-event-"] { + border-bottom: 1px solid transparent; +} + +[class*="CalendarEventGroup-eventGroup-"] { + border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important; +} + +/* calendar agenda */ +[class*="AgendaEvent-event-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +/* SETTINGS */ +[class*="Settings-link-"] { + color: var(--text-hover); + border-bottom: 1px solid rgb(var(--accent-color)); +} + +[class*="Settings-summary-"] { + color: var(--text); +} + +[class*="FormLabel-large-"] { + color: var(--text-hover); +} + +[class*="FormLabel-isAdvanced-"] { + color: #ff902b; +} + +/* MEDIA MANAGEMENT - FILE NAME TOKENS */ +[class*="NamingOption-small-"] { + border: 1px solid transparent; +} + +[class*="NamingOption-token-"] { + background-color: rgba(255, 255, 255, 0.15); +} + +[class*="NamingOption-token-"] { + background-color: rgba(255, 255, 255, 0.15); +} + +[class*="NamingOption-example-"] { + background-color: rgba(255, 255, 255, 0.25); +} + +[class*="NamingOption-option-"] { + border: 1px solid transparent; +} + +[class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] { + background-color: rgba(255, 255, 2550, 0.25); +} + +[class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] { + background-color: rgba(255, 255, 2550, 0.35); +} + +/* PROFILES */ +[class*="Card-card-"], +[class*="QualityProfiles-addQualityProfile-"] { + background-color: rgba(0, 0, 0, .45); + box-shadow: 0 0 10px 1px #000000; + color: var(--text); +} + +[class*="Card-card-"]:hover { + color: var(--text-hover); +} + +[class*="QualityProfiles-center-"], +[class*="LanguageProfiles-center-"], +[class*="ReleaseProfiles-center-"] { + background-color: transparent; + border: none; +} + +[class*="QualityProfileItem-qualityProfileItem-"], +[class*="QualityProfileItemGroup-qualityProfileItemGroup-"], +[class*="LanguageProfileItem-languageProfileItem-"] { + border: none; + background-color: rgba(0, 0, 0, .25); + color: #FFF; +} + +[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] { + background: rgba(0, 0, 0, 0.25); +} + +[class*="KeyValueListInputItem-keyInput-"], +[class*="KeyValueListInputItem-valueInput-"] { + border: none; + background: transparent; + color: white; +} + +[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] { + border: 1px solid transparent; + background: rgba(0, 0, 0, .25); +} + +[class*="QualityDefinitions-sizeLimitHelpText-"] { + color: var(--text); +} + +/* PROFILES */ +[class*="Indexers-center-"] { + background-color: transparent; + border: none; +} + +[class*="Card-card-"], +[class*="QualityProfiles-addQualityProfile-"] { + background-color: rgba(0, 0, 0, .45); + box-shadow: 0 0 10px 1px #000000; + color: var(--text); +} + +[class*="QualityProfiles-center-"], +[class*="LanguageProfiles-center-"], +[class*="MetadataProfiles-center-"], +[class*="RootFolders-center-"] { + background-color: transparent; + border: none; +} + +[class*="Indexers-center-"], +[class*="Restrictions-center-"], +[class*="DownloadClients-center-"], +[class*="ImportLists-center-"], +[class*="Notifications-center-"] { + display: inline-block; + padding: 15px 20px 15px; + border-radius: 4px; +} + +/* DOWNLOAD CLIENTS */ +[class*="DownloadClients-center-"] { + background-color: transparent; + border: none; +} + +/* CONNECTIONS */ +[class*="Notifications-center-"] { + background-color: transparent; + border: none; +} + +/* LISTS */ +[class*="ImportLists-center-"] { + background-color: transparent; + border: none; +} + +/* LOG */ +[class*="Alert-info-"] { + border-color: transparent; + background-color: rgba(0, 0, 0, 0.25); + color: #FFC107; +} + +/* INDEXER */ +[class*="Restrictions-center-"] { + border: 1px solid transparent; + background-color: transparent; +} + +/* LISTS */ +[class*="NetImports-center-"] { + border: 1px solid transparent; + background-color: transparent; +} + +/* CUSTOM FORMAT */ +[class*="CustomFormats-center-"], +[class*="EditCustomFormatModalContent-center-"] { + border: 1px solid transparent; + background-color: transparent; +} + +/* Login Page */ + +.panel-body { + background-color: rgba(0, 0, 0, 0.25); + color: var(--text); +} + +.panel-header { + background-color: rgba(0, 0, 0, 0.45); +} + +.forgot-password { + color: var(--text) !important; +} + +input[type=email], +input[type=password] { + border: none; + background-color: rgba(255, 255, 255, 0.08); + color: #FFF; +} + +.button { + border-color: var(--button-color); + background-color: var(--button-color); + cursor: pointer; +} + +.button:hover { + border-color: var(--button-color-hover); + background-color: var(--button-color-hover); + color: #fff; + text-decoration: none; +} + +.form-input:focus { + outline: 0; + border-color: #fff; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.25); +} + +/* Custom filter */ +[class*="FilterBuilderRow-filterRow-"]:hover { + background-color: transparent; +} + +[class*="CustomFilter-customFilter-"]:hover { + background-color: hsla(0, 0%, 100%, .08); +} + +/* -------------------------LIDARR STUFF------------------------------*/ + +[class*="ArtistIndexHeader-sortName-"]:hover, +[class*="ArtistIndexHeader-artistType-"]:hover, +[class*="ArtistIndexHeader-trackCount-"]:hover, +[class*="ArtistIndexHeader-qualityProfileId-"]:hover, +[class*="ArtistIndexHeader-languageProfileId-"]:hover, +[class*="ArtistIndexHeader-metadataProfileId-"]:hover, +[class*="ArtistIndexHeader-nextAlbum-"]:hover, +[class*="ArtistIndexHeader-lastAlbum-"]:hover, +[class*="ArtistIndexHeader-added-"]:hover, +[class*="ArtistIndexHeader-genres-"]:hover, +[class*="ArtistIndexHeader-albumCount-"]:hover, +[class*="ArtistIndexHeader-trackProgress-"]:hover, +[class*="ArtistIndexHeader-latestAlbum-"]:hover, +[class*="ArtistIndexHeader-actions-"]:hover { + background-color: rgba(0, 0, 0, .25); + color: #FFF; +} + +/* Fix rating border*/ +[class*="ArtistIndexRow-ratings-"] { + border-top: 1px solid var(--text) !important; +} + +/* ALBUM STUDIO */ +[class*="AlbumStudioAlbum-albumType-"], +[class*="AlbumStudioAlbum-album-"], +[class*="AlbumStudioAlbum-tracks-"] { + border: none; + background-color: rgba(0, 0, 0, 0.25); + color: #fff; +} + +[class*="AlbumStudioAlbum-missingWanted-"] { + background-color: #f05050; +} + +[class*="AlbumStudioAlbum-allTracks-"] { + background-color: #0b8750; +} + +/* CONNECTIONS */ +[class*="Label-danger-"][class*="Label-outline-"] { + color: #FFF; + background-color: #f05050; +} \ No newline at end of file diff --git a/CSS/themes/logarr/.deprecated b/CSS/themes/logarr/.deprecated new file mode 100644 index 00000000..e69de29b diff --git a/CSS/themes/logarr/logarr-base.css b/CSS/themes/logarr/logarr-base.css new file mode 100644 index 00000000..8adf9708 --- /dev/null +++ b/CSS/themes/logarr/logarr-base.css @@ -0,0 +1,581 @@ +/* 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; + } +} \ No newline at end of file diff --git a/CSS/themes/monitorr/.deprecated b/CSS/themes/monitorr/.deprecated new file mode 100644 index 00000000..e69de29b diff --git a/CSS/themes/monitorr/monitorr-base.css b/CSS/themes/monitorr/monitorr-base.css new file mode 100644 index 00000000..04fe97f2 --- /dev/null +++ b/CSS/themes/monitorr/monitorr-base.css @@ -0,0 +1,433 @@ +/* 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; + } +} \ No newline at end of file diff --git a/CSS/themes/monitorr/organizr-dashboard.css b/CSS/themes/monitorr/organizr-dashboard.css new file mode 100644 index 00000000..d506caf1 --- /dev/null +++ b/CSS/themes/monitorr/organizr-dashboard.css @@ -0,0 +1,210 @@ +/* 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; + } +} \ No newline at end of file diff --git a/CSS/themes/moviematch/moviematch-base.css b/CSS/themes/moviematch/moviematch-base.css new file mode 100644 index 00000000..ce16cf06 --- /dev/null +++ b/CSS/themes/moviematch/moviematch-base.css @@ -0,0 +1,147 @@ +/* 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); +} \ No newline at end of file diff --git a/CSS/themes/mylar3/mylar3-base.css b/CSS/themes/mylar3/mylar3-base.css new file mode 100644 index 00000000..3a4ccf28 --- /dev/null +++ b/CSS/themes/mylar3/mylar3-base.css @@ -0,0 +1,3355 @@ +@import url("https://theme-park.dev/CSS/defaults/placeholders.css"); + +* { + outline: none !important; +} + +/* Variables */ +/* Mixins */ +html, +body, +div, +span, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +abbr, +address, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +samp, +small, +strong, +sub, +sup, +var, +b, +i, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +canvas, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section, +summary, +time, +mark, +audio, +video { + border: 0; + font: inherit; + font-size: 100%; + margin: 0; + padding: 0; + vertical-align: baseline; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; +} + +html { + color: var(--text); + font-size: 12px; + line-height: 1.5; +} + +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); + font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + margin: 0; + overflow-y: scroll; + padding: 0; +} + +a { + color: var(--link-color); + text-decoration: none; + outline: none; +} + +a:hover { + color: var(--link-color-hover); + -text-decoration: underline; +} + +a.blue { + color: blue; +} + +a .ui-icon { + display: inline-block; + position: relative; + top: 3px; +} + +.links a { + color: var(--link-color); + clear: both; + display: inline-block; + float: left; +} + +.links a:hover { + color: var(--link-color-hover); +} + +.links a .ui-icon { + float: left; + margin-right: 5px; + margin-top: 3px; +} + +h1 { + font-size: 24px; +} + +h2 { + font-size: 20px; +} + +h3 { + font-size: 16px; +} + +p.center { + text-align: center; +} + +p.tab { + margin-left: 40px; +} + +hr { + border: 0; + border-top: 1px solid rgba(255, 255, 255, 0.2); + display: block; + height: 1px; + margin: 1em 0; + padding: 0; +} + +small { + font-size: 100%; +} + +norm { + font-size: 115%; +} + +big { + font-size: 135%; +} + +td.thickborder { + border: solid #000 3px; +} + +img.albumArt { + float: left; + min-height: 100%; + min-width: 100%; + max-width: 300px; + max-height: 300px; + position: relative; +} + +img.editArt { + float: left; + min-height: 50%; + min-width: 50%; + max-width: 300px; + max-height: 300px; + position: relative; +} + +.className { + width: 500px; + height: 400px; + overflow: scroll; +} + +.title { + margin-bottom: 20px; + margin-top: 10px; +} + +.title h1 img { + float: left; + margin-right: 10px; +} + +table { + border-collapse: collapse; + border-spacing: 0; + border: 1px solid rgba(255, 255, 255, 0.1) !important; + background: rgba(0, 0, 0, 0.25) !important; +} + +table th { + background-image: -moz-linear-gradient(#fafafa, #eaeaea) !important; + background-image: linear-gradient(#fafafa, #eaeaea) !important; + background-image: -webkit-linear-gradient(#2e333844, #2e33382d) !important; + background-image: -o-linear-gradient(#fafafa, #eaeaea) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + border-left: 1px solid rgba(255, 255, 255, 0.1); + -moz-box-shadow: 1px 0 0 #1c1e22; + -webkit-box-shadow: 1px 0 0 #1c1e22; + -o-box-shadow: 1px 0 0 #1c1e22; + box-shadow: 0px 0 0 #1c1e22; + -text-shadow: 1px 1px 0 #1c1e22; + color: var(--text-hover) !important; +} + +table th input[type="checkbox"] { + vertical-align: middle; +} + +table th:first-child { + border-left: 0; + -moz-box-shadow: none; + -webkit-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; +} + +table th.sorting_desc, +table th.sorting_asc { + background-image: -moz-linear-gradient(#fafbfd, #dce6ef) !important; + background-image: linear-gradient(#fafbfd, #dce6ef) !important; + background-image: -webkit-linear-gradient(#484e551a, #3a3f442a) !important; + background-image: -o-linear-gradient(#fafbfd, #dce6ef) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -color: #4183c4; +} + +table td { + vertical-align: top; + background: transparent !important; + color: var(--text-hover); +} + +table td a { + color: var(--link-color); +} + +/* datatables */ + +.paging_full_numbers .paginate_button, +.paging_full_numbers .paginate_active, +.paging_simple_numbers .paginate_button, +.paging_simple_numbers .paginate_active { + background: var(--button-color); + border-radius: 4px 4px 4px 4px; + margin: 0 0 0 4px; + font-size: 15px; + padding: 2px 5px; + color: var(--button-text); + cursor: pointer; + *cursor: hand; +} + +.paging_full_numbers .paginate_button:hover, +.paging_simple_numbers .paginate_button:hover { + background-color: var(--button-color-hover); + color: var(--button-text-hover); +} + +.paging_full_numbers .paginate_active, +.paging_simple_numbers .paginate_active { + background-color: var(--button-color-hover); + color: var(--button-text-hover); +} + + +.dataTables_filter input { + background: none repeat scroll 0 0 rgb(255 255 255 / 10%); + border: 1px solid rgb(255 255 255 / 10%); + font-size: 15px; + padding: 2px 4px; + color: var(--text); +} + +table.display thead th { + padding: 3px 5px 3px 5px; + background-color: rgba(0, 0, 0, 0); + font-weight: bold; + font-size: 16px; + border-bottom: 1px solid rgba(255, 255, 255, 0.5); + border-bottom-width: 3px; + text-align: center; +} + +/* table.display tr.odd { + background-color: rgba(255, 255, 255, 0.15) !important; +} + +table.display tr.even { + background-color: rgba(255, 255, 255, 0.05) !important; +} */ + +/* DataTables row classes */ +table.display tr.odd.gradeA { + background-color: rgba(255, 255, 255, 0.15); +} + +table.display tr.even.gradeA { + background-color: rgba(255, 255, 255, 0.05); +} + +table.display tr.odd.gradeB { + background-color: #61925f55; +} + +table.display tr.even.gradeB { + background-color: #61925f55; +} + +table.display tr.odd.gradeC { + background-color: #1a497755; +} + +table.display tr.even.gradeC { + background-color: #1a497755; +} + +table.display tr.even.gradeE { + background-color: #444b5455; +} + +table.display tr.odd.gradeE { + background-color: #444b5455; +} + +table.display tr.even.gradeG { + background-color: #0A0A0A55; +} + +table.display tr.odd.gradeG { + background-color: #0A0A0A55; +} + +table.display tr.even.gradeH { + background-color: #ae343155; +} + +table.display tr.odd.gradeH { + background-color: #ae343155; +} + +table.display tr.odd.gradeI { + background-color: #216f7055; +} + +table.display tr.even.gradeI { + background-color: #216f7055; +} + +table.display tr.even.gradeL { + background-color: #1c518855; +} + +table.display tr.odd.gradeL { + background-color: #ebf5ff55; +} + +table.display tr.odd.gradeX { + background-color: #64171655; +} + +table.display tr.even.gradeX { + background-color: #64171655; +} + +table.display tr.odd.gradeU { + background-color: #382f6455; +} + +table.display tr.even.gradeU { + background-color: #382f6455; +} + +table.display tr.odd.gradeP { + background-color: #68FC6855; +} + +table.display tr.even.gradeP { + background-color: #68FC6855; +} + +table.display tr.odd.gradeD { + background-color: #29813855; +} + +table.display tr.even.gradeD { + background-color: #29813855; +} + +table.display tr.odd.gradeZ { + background-color: #353a4155; +} + +table.display tr.even.gradeZ { + background-color: #2e333855; +} + +table.display tr.odd.gradeT { + background-color: #bd915a55; +} + +table.display tr.even.gradeT { + background-color: #bd915a55; +} + +table.display tr.odd.gradeF { + background-color: #FF585855; +} + +table.display tr.even.gradeF { + background-color: #FF585855; +} + +table.display tr.odd.gradeT1 { + background-color: #FFDDDD55; +} + +table.display tr.even.gradeT1 { + background-color: #FFDDDD55; +} + +table.display tr.odd.gradeT2 { + background-color: #A97D7B55; +} + +table.display tr.even.gradeT2 { + background-color: #A97D7B55; +} + + +table.display tr.gradeA td, +table.display tr.gradeB td, +table.display tr.gradeC td, +table.display tr.gradeE td, +table.display tr.gradeG td, +table.display tr.gradeH td, +table.display tr.gradeI td, +table.display tr.gradeL td, +table.display tr.gradeX td, +table.display tr.gradeU td, +table.display tr.gradeP td, +table.display tr.gradeD td, +table.display tr.gradeT td, +table.display tr.gradeF td, +table.display tr.gradeT1 td, +table.display tr.gradeT2 td, +table.display tr.gradeZ td { + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + border-right: 1px solid rgba(255, 255, 255, 0.1); +} + +table.display_no_select tr.gradeA td, +table.display_no_select tr.gradeC td, +table.display_no_select tr.gradeE td, +table.display_no_select tr.gradeG td, +table.display_no_select tr.gradeH td, +table.display_no_select tr.gradeI td, +table.display_no_select tr.gradeL td, +table.display_no_select tr.gradeX td, +table.display_no_select tr.gradeU td, +table.display_no_select tr.gradeP td, +table.display_no_select tr.gradeD td, +table.display_no_select tr.gradeT td, +table.display_no_select tr.gradeF td, +table.display_no_select tr.gradeT1 td, +table.display_no_select tr.gradeT2 td, +table.display_no_select tr.gradeZ td { + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + border-right: 1px solid rgba(255, 255, 255, 0.1); +} + +table.display_no_select thead th { + padding: 3px 18px 3px 10px; + background-color: rgba(0, 0, 0, 0.1); + font-weight: bold; + font-size: 16px; +} + +table.display tr:last-child td { + border-bottom: 1px solid rgba(255, 255, 255, 0.5); +} + +select, +input, +textarea, +button { + font: 99%; +} + +select { + background: rgba(255, 255, 255, 0.15); + color: var(--text); +} + +select:focus { + background: #1f1f1f; + color: var(--text); +} + + +#more { + display: none; +} + +textarea { + overflow: auto; +} + +input { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + background: rgba(255, 255, 255, 0.15); + border: none; + color: var(--text); + padding: 2px 4px; +} + +#tabs-1>table>tbody>tr>td:nth-child(1)>form>fieldset { + margin-left: 5px; +} + +input:invalid, +textarea:invalid { + -moz-box-shadow: 0 0 5px #ff0000; + -webkit-box-shadow: 0 0 5px #ff0000; + -o-box-shadow: 0 0 5px #ff0000; + box-shadow: 0 0 5px #ff0000; + -moz-border-radius: 1px; + -webkit-border-radius: 1px; + border-radius: 1px; +} + +.no-boxshadow input:invalid, +.no-boxshadow textarea:invalid { + background-color: #f0dddd; +} + +label, +input[type="button"], +input[type="submit"], +input[type="image"], +button { + cursor: pointer; +} + +button, +input, +select, +textarea { + margin: 0; +} + +button { + overflow: visible; + width: auto; +} + +input, +select, +form .checkbox input, +.configtable td#middle { + vertical-align: middle; + text-align: left; +} + +input[type="radio"] { + vertical-align: text-bottom; +} + +::-moz-selection, +::selection { + background: grey; + color: #fff; + text-shadow: none; +} + +input[type="submit"], +input[type="button"] { + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + background: var(--button-color); + border: 0; + border-bottom: 1px solid var(--button-color); + color: var(--button-text); + cursor: pointer; + display: inline-block; + margin-right: 3px; + padding: 4px 10px; + position: relative; + text-decoration: none; + text-shadow: 0 -1px 1px rgba(0, 0, 0, 0); +} + +input[type="submit"]:hover, +input[type="button"]:hover, +input[type="submit"]:active, +input[type="button"]:active { + background: var(--button-color-hover); + border-bottom: 1px solid var(--button-color-hover); + color: var(--button-text-hover); +} + +form legend, +form h2 { + font-size: 16px; + font-weight: bold; + margin-bottom: 10px; +} + +form table { + width: 100%; +} + +form fieldset { + margin-bottom: 20px; +} + +form fieldset small.heading { + color: var(--text-hover); + display: block; + font-style: italic; + margin-bottom: 10px; + margin-top: -15px; +} + +form .fieldset-auto-width { + display: inline-block; +} + +form .row { + font-family: Helvetica, Arial; + margin-bottom: 10px; +} + +form .row label { + display: block; + float: left; + font-size: 12px; + line-height: normal; + padding-top: 7px; + width: 175px; +} + +form .row input { + margin-right: 5px; +} + +form .row input[type=text], +form .row input[type=password] { + border: 1px solid rgba(255, 255, 255, 0.1); + border-top: 1px solid transparent; + -moz-box-shadow: 0 1px 0 transparent; + -webkit-box-shadow: 0 1px 0 transparent; + -o-box-shadow: 0 1px 0 transparent; + box-shadow: 0 1px 0 transparent; + -moz-box-shadow: inset 0 1px 1px transparent; + -webkit-box-shadow: inset 0 1px 1px transparent; + -o-box-shadow: inset 0 1px 1px transparent; + box-shadow: inset 0 1px 1px transparent; + color: var(--text); + font-size: 14px; + height: auto; + line-height: normal; + max-width: 230px; + margin-right: 5px; + padding: 3px 5px; + background: rgba(255, 255, 255, 0.1); +} + +form .row input[type=text]:focus, +form .row input[type=password]:focus { + background: rgba(255, 255, 255, 0.25); +} + +form .row small { + color: var(--text-muted); + display: block; + font-size: 11px; + line-height: 12px; + margin-left: 175px; + margin-top: 3px; +} + +form .left label { + float: none; + line-height: normal; + margin-bottom: 10px; + padding-top: 1px; + width: auto; +} + +form .left input { + float: left; + margin-bottom: 10px; +} + +form .radio label { + float: none; + line-height: normal; + margin-bottom: 10px; + padding-top: 1px; + width: auto; +} + +form .radio input { + float: left; + margin-bottom: 10px; +} + +form .radio small { + display: inline !important; + line-height: normal !important; + margin: 0 !important; + width: auto; +} + +form .checkbox small { + display: inline !important; + line-height: normal !important; + margin: 0 !important; + width: auto; +} + +ul, +ol { + margin-left: 2em; +} + +ol { + list-style-type: decimal; +} + +nav ul, +nav li { + list-style: none; + list-style-image: none; + margin: 0; +} + +ul#nav { + float: right; + margin: 0; + padding: 0 0 0 10px; + border-left: 1px solid #1c1e2200; + -moz-box-shadow: -1px 0 0 #e0e0e0; + -webkit-box-shadow: -1px 0 0 #e0e0e0; + -o-box-shadow: -1px 0 0 #e0e0e0; + box-shadow: -1px 0 0 #1c1e2200; + height: 58px; +} + +ul#nav li { + display: block; + float: left; + font-size: 18px; + font-weight: bold; + margin: 8px 0 0 0; + text-align: center; +} + +ul#nav li a { + color: rgb(var(--accent-color)); + display: block; + padding: 7px 15px; + -text-shadow: 1px 1px 0px #FFF; + text-transform: capitalize; + border: 1px solid transparent; + font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; +} + +ul#nav li a:hover { + background: transparent !important; + color: var(--accent-color-hover); + filter: none !important; + -ms-filter: none !important; + -border: 1px solid transparent; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + -moz-box-shadow: 0 1px 0 transparent; + -webkit-box-shadow: 0 1px 0 transparent; + -o-box-shadow: 0 1px 0 transparent; + box-shadow: 0 1px 0 transparent; + -moz-box-shadow: 0 1px 0 transparent inset; + -webkit-box-shadow: 0 1px 0 transparent inset; + -o-box-shadow: 0 1px 0 transparent inset; + box-shadow: 0 1px 0 rgba(0, 0, 0, 0) inset; + -webkit-transition: color 0.2s ease-in; + -moz-transition: color 0.2s ease-in; + -o-transition: color 0.2s ease-in; + transition: color 0.2s ease-in; +} + +ul#nav li a.config { + height: 28px; + width: 10px; +} + +ul#nav li a.config img { + position: relative; + top: -7px; + left: -7px; +} + +ul#nav li a.log { + font-size: 13px; + padding: 10px 15px 11px; +} + +header { + 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; + + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + border-bottom: 3px solid transparent; + -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0); + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0); + -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0); + box-shadow: 0 0 10px rgba(0, 0, 0, 0); + height: 58px; + position: fixed; + width: 100%; + z-index: 999; +} + +header .wrapper { + margin: 0 auto; + overflow: hidden; + position: relative; + width: 960px; +} + +header #logo { + float: left; + margin-right: 20px; + position: relative; + top: -3px; + margin-left: 10px; + opacity: 0.8; + filter: alpha(opacity=40); + /* For IE8 and earlier */ +} + +footer { + display: table; + margin: 60px auto 50px auto; + width: 960px; + padding-top: 10px; + border-top: 1px solid #EEE; +} + +footer div em, +footer div { + color: var(--text-muted) !important; +} + +#main { + line-height: 24px; + margin: 0 auto; + padding: 75px 0 0; + width: 960px; +} + +.message { + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + background-image: -moz-linear-gradient(#fcf5c2, #fff6a9) !important; + background-image: linear-gradient(#fcf5c2, #fff6a9) !important; + background-image: -webkit-linear-gradient(#8c8c8c, #727272) !important; + background-image: -o-linear-gradient(#fcf5c2, #fff6a9) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + display: inline-block; + padding: 5px 10px; + margin-top: 10px; +} + +.message .ui-icon { + float: left; + margin-right: 5px; + position: relative; + top: 4px; +} + +#ajaxMsg { + -border: 1px solid #000; + background-image: -moz-linear-gradient(#ffffff, #eeeeee) !important; + background-image: linear-gradient(#ffffff, #eeeeee) !important; + background-image: -webkit-linear-gradient(#ffffff, #eeeeee) !important; + background-image: -o-linear-gradient(#ffffff, #eeeeee) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -moz-border-radius: 7px; + -webkit-border-radius: 7px; + border-radius: 7px; + display: none; + font-size: 14px; + right: 10px; + -moz-box-shadow: 0px 0px 2px #aaaaaa; + -webkit-box-shadow: 0px 0px 2px #aaaaaa; + -o-box-shadow: 0px 0px 2px #aaaaaa; + box-shadow: 0px 0px 2px #fff; + padding: 7px 10px; + position: fixed; + text-align: center; + bottom: 10px; + min-height: 22px; + width: 250px; + z-index: 9999; + filter: alpha(opacity=85); + -moz-opacity: 0.8 !important; + -khtml-opacity: 0.8 !important; + -o-opacity: 0.8 !important; + opacity: 0.8 !important; +} + +#ajaxMsg .msg { + font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; + line-height: normal; + padding-left: 20px; +} + +#ajaxMsg .loader { + position: relative; + top: 2px; +} + +#ajaxMsg.success { + background-image: -moz-linear-gradient(#d3ffd7, #c2edc6) !important; + background-image: linear-gradient(#d3ffd7, #c2edc6) !important; + background-image: -webkit-linear-gradient(#113010, #1c521a) !important; + background-image: -o-linear-gradient(#d3ffd7, #c2edc6) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + padding: 15px 10px; + text-align: left; +} + +#ajaxMsg.error { + background-image: -moz-linear-gradient(#ffd3d3, #edc4c4) !important; + background-image: linear-gradient(#ffd3d3, #edc4c4) !important; + background-image: -webkit-linear-gradient(#7a0f0f, #a61212) !important; + background-image: -o-linear-gradient(#ffd3d3, #edc4c4) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + padding: 15px 10px; + text-align: left; +} + +#ajaxMsg .ui-icon { + display: inline-block; + margin-left: -20px; + top: 2px; + position: relative; + margin-right: 3px; +} + +#updatebar { + border: 1px solid #1c1e22; + background-image: -moz-linear-gradient(#ffffff, #eeeeee) !important; + background-image: linear-gradient(#ffffff, #eeeeee) !important; + background-image: -webkit-linear-gradient(#ffffff, #eeeeee) !important; + background-image: -o-linear-gradient(#ffffff, #eeeeee) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -moz-border-radius: 7px; + -webkit-border-radius: 7px; + border-radius: 7px; + display: none; + font-size: 14px; + right: 10px; + -moz-box-shadow: 0px 0px 2px #aaaaaa; + -webkit-box-shadow: 0px 0px 2px #aaaaaa; + -o-box-shadow: 0px 0px 2px #aaaaaa; + box-shadow: 0px 0px 2px #1c1e22; + padding: 7px 10px; + position: fixed; + text-align: center; + bottom: 10px; + min-height: 22px; + width: 250px; + z-index: 9999; + filter: alpha(opacity=85); + -moz-opacity: 0.8 !important; + -khtml-opacity: 0.8 !important; + -o-opacity: 0.8 !important; + opacity: 0.8 !important; + display: block; + background-image: -moz-linear-gradient(#fcf5c2, #fff6a9) !important; + background-image: linear-gradient(#fcf5c2, #fff6a9) !important; + background-image: -webkit-linear-gradient(#484e55, #3a3f44) !important; + background-image: -o-linear-gradient(#fcf5c2, #fff6a9) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; +} + +#updatebar .msg { + font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; + line-height: normal; + padding-left: 20px; +} + +#updatebar .loader { + position: relative; + top: 2px; +} + +#updatebar.success { + background-image: -moz-linear-gradient(#d3ffd7, #c2edc6) !important; + background-image: linear-gradient(#d3ffd7, #c2edc6) !important; + background-image: -webkit-linear-gradient(#d3ffd7, #c2edc6) !important; + background-image: -o-linear-gradient(#d3ffd7, #c2edc6) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + padding: 15px 10px; + text-align: left; +} + +#updatebar.error { + background-image: -moz-linear-gradient(#ffd3d3, #edc4c4) !important; + background-image: linear-gradient(#ffd3d3, #edc4c4) !important; + background-image: -webkit-linear-gradient(#ffd3d3, #edc4c4) !important; + background-image: -o-linear-gradient(#ffd3d3, #edc4c4) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + padding: 15px 10px; + text-align: left; +} + +#updatebar .ui-icon { + display: inline-block; + margin-left: -20px; + top: 2px; + position: relative; + margin-right: 3px; +} + +#subhead .back { + float: left; + margin-top: -25px; +} + +#subhead #subhead_container { + float: right; + height: 30px; + list-style-type: none; + width: 100%; + z-index: 998; +} + +#subhead #subhead_container #subhead_menu { + float: right; + margin-top: 5px; + position: relative; + z-index: 99; +} + +#subhead #subhead_container #subhead_menu a { + background: var(--button-color) !important; + color: var(--button-text); + filter: none !important; + -ms-filter: none !important; + font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + font-size: 12px; + font-weight: normal; +} + +#subhead #subhead_container #subhead_menu a:hover { + background: var(--button-color-hover) !important; + filter: None !important; + -ms-filter: None !important; + color: var(--button-text-hover); + border: inherit !important; +} + +div#searchbar { + border-left: 1px solid transparent; + -moz-box-shadow: -1px 0 0 #e0e0e0; + -webkit-box-shadow: -1px 0 0 #e0e0e0; + -o-box-shadow: -1px 0 0 #e0e0e0; + box-shadow: -1px 0 0 transparent; + padding: 17px 0 14px 7px; + position: absolute; + left: 90px; + top: 1px; +} + +div#searchbar input[type=text] { + border: 1px solid rgba(255, 255, 255, 0.1); + border-top: 1px solid transparent; + -moz-box-shadow: None; + -webkit-box-shadow: None; + -o-box-shadow: None; + box-shadow: None; + color: var(--text); + float: left; + font-size: 14px; + height: auto; + line-height: normal; + margin-right: 10px; + padding: 4px 5px 4px 25px; + width: 150px; + background: rgba(255, 255, 255, 0.1); +} + +div#searchbar .mini-icon { + height: 20px; + width: 20px; + background: url("../../../images/icon_search.gif") left top no-repeat; + position: absolute; + display: block; + margin-left: 6px; + margin-top: 6px; +} + +.checkbox.inline { + padding: 5px; +} + +.checkbox.inline>input { + margin-right: 5px; + margin-left: 0; + color: #ffffff; +} + +.Skipped { + background-color: #353a41; + height: 30px; +} + +.Downloaded { + background-color: #0d4a0b; + height: 30px; +} + +.Archived { + background-color: #0d4a0b; + height: 30px; +} + +.Wanted { + background-color: #641716; + height: 30px; +} + +.WantedTier { + background-color: #A97D7B; + height: 30px; +} + +.Snatched { + background-color: #1a4977; + height: 30px; +} + +.Failed { + background-color: #ff5858; + height: 30px; +} + +.Ignored { + background-color: #353a41; + height: 30px; +} + +.comictable legend { + font-size: 14px; + font-weight: bold; + margin-bottom: 10px; + -text-shadow: 1px 1px 0 #FFFFFF; +} + +.comictable tr td:last-child { + border-left: 1px dotted #ddd; + padding-left: 20px; +} + +.comictable td { + padding-right: 15px; +} + +.configtable legend { + font-size: 16px; + font-weight: bold; + margin-bottom: 10px; + -text-shadow: 1px 1px 0 #FFFFFF; +} + +.configtable tr td:last-child { + border-left: 1px dotted #ddd; + padding-left: 20px; +} + +.configtable td { + padding-right: 15px; + width: 50%; +} + +.table_wrapper { + _height: 302px; + -background-color: #FFF; + clear: both; + margin: 30px auto 0; + min-height: 100px; + position: relative; + width: 100%; + zoom: 1px; +} + +.manage_wrapper { + _height: 302px; + clear: both; + margin: 20px auto 0; + min-height: 150px; + padding: 25px; + width: 88%; + zoom: 1px; +} + +#paddingheader { + position: relative; + top: 0px; +} + +#paddingheader h1 { + line-height: 33px; + /* width: 450px; */ +} + +#paddingheader h1 img { + float: left; + margin-right: 5px; +} + +div#nopaddingheader { + font-size: 24px; + font-weight: bold; + text-align: center; +} + +div#seriesheader { + font-size: 24px; + font-weight: bold; + text-align: left; + margin-bottom: 10px; +} + +div#artistheader { + margin-top: 50px; + min-height: 200px; +} + +div#artistheader #artistImg { + background: #ffffff url("../../../images/loader_black.gif") center no-repeat; + border: 5px solid #FFF; + -moz-box-shadow: 1px 1px 2px 0 #555555; + -webkit-box-shadow: 1px 1px 2px 0 #555555; + -o-box-shadow: 1px 1px 2px 0 #555555; + box-shadow: 1px 1px 2px 0 #555555; + float: left; + height: 368px; + margin-bottom: 50px; + margin-right: 40px; + overflow: hidden; + text-indent: -3000px; + width: 240px; +} + +div#artistheader #artistDetails { + font-size: 16px; + line-height: 24px; + margin-top: 10px; +} + +#artistBio_table { + padding: 5px; + width: 650px; +} + +#artistBio_table td#bio { + font-size: 12px; + line-height: 16px; + margin-top: 5px; +} + +div#artistheader h1 a { + font-size: 32px; + margin-bottom: 5px; + font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; +} + +div#artistheader h2 a { + font-style: italic; + font-weight: bold; + font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; +} + +#scheduler_detail th#job { + width: 50px; + text-align: center; +} + +#scheduler_detail th#nextrun { + width: 100px; + text-align: center; +} + +#scheduler_detail th#prevrun { + width: 100px; + text-align: center; +} + +#scheduler_detail th#options { + width: 100px; + text-align: center; +} + +#scheduler_detail td#job { + width: 50px; + text-align: left; + vertical-align: middle; + font-size: 12px; +} + +#scheduler_detail td#nextrun { + width: 100px; + text-align: center; + vertical-align: middle; + font-size: 12px; +} + +#scheduler_detail td#prevrun { + width: 100px; + text-align: center; + vertical-align: middle; + font-size: 12px; +} + +#scheduler_detail td#options { + width: 100px; + text-align: center; + vertical-align: middle; + font-size: 12px; +} + +#read_detail th#options { + min-width: 150px; + text-align: center; +} + +#read_detail th#comicname { + min-width: 290px; + text-align: center; +} + +#read_detail th#issue { + max-width: 27px; + text-align: center; +} + +#read_detail th#status { + max-width: 90px; + text-align: center; +} + +#read_detail th#issuedate { + max-width: 50px; + text-align: center; +} + +#read_detail th#select { + max-width: 10px; + text-align: center; + vertical-align: middle; +} + +#read_detail td#comicname { + min-width: 290px; + text-align: center; + vertical-align: middle; + font-size: 12px; +} + +#read_detail td#issue { + max-width: 20px; + text-align: center; + vertical-align: middle; +} + +#read_detail td#status { + max-width: 90px; + text-align: center; + vertical-align: middle; +} + +#read_detail td#issuedate { + max-width: 50px; + text-align: center; + vertical-align: middle; +} + +#read_detail td#options { + min-width: 150px; + text-align: center; + vertical-align: middle; +} + +#read_detail td#select { + max-width: 10px; + text-align: center; + vertical-align: middle; +} + +#storyarcs th#options { + max-width: 100px; + text-align: center; +} + +#storyarcs th#storyarc { + max-width: 375px; + text-align: left; +} + +#storyarcs th#years { + max-width: 60px; + text-align: center; +} + +#storyarcs th#have { + max-width: 70px; + text-align: center; +} + +#storyarcs td#storyarc { + min-width: 375px; + text-align: left; + vertical-align: middle; + font-size: 12px; +} + +#storyarcs td#years { + max-width: 60px; + text-align: center; + vertical-align: middle; +} + +#storyarcs td#options { + max-width: 100px; + text-align: left; + vertical-align: middle; +} + +#storyarcs td#have { + max-width: 70px; + text-align: center; + vertical-align: middle; +} + +#arc_detail th#options { + max-width: 200px; + text-align: center; +} + +#arc_detail th#comicname { + min-width: 280px; + text-align: left; +} + +#arc_detail th#issue { + max-width: 25px; + text-align: center; +} + +#arc_detail th#status { + max-width: 85px; + text-align: center; +} + +#arc_detail th#issuedate { + max-width: 58px; + text-align: center; +} + +#arc_detail th#readingorder { + max-width: 15px; + text-align: right; + vertical-align: middle; +} + +#arc_detail td#comicname { + min-width: 280px; + text-align: left; + vertical-align: middle; + font-size: 12px; +} + +#arc_detail td#issue { + max-width: 25px; + text-align: right; + vertical-align: middle; +} + +#arc_detail td#status { + max-width: 85px; + text-align: center; + vertical-align: middle; +} + +#arc_detail td#issuedate { + max-width: 58px; + text-align: center; + vertical-align: middle; +} + +#arc_detail td#options { + max-width: 200px; + text-align: left; + vertical-align: middle; +} + +#arc_detail td#readingorder { + max-width: 15px; + text-align: right; + vertical-align: middle; +} + +#weekly_pull th#publisher { + min-width: 150px; + text-align: left; +} + +#weekly_pull th#comicname { + min-width: 250px; + text-align: left; +} + +#weekly_pull th#comicnumber, +#weekly_pull th#status, +#weekly_pull th#series { + min-width: 50px; + text-align: center; +} + +#weekly_pull td#comicname { + min-width: 275px; + text-align: left; + vertical-align: middle; + font-size: 12px; +} + +#weekly_pull td#status, +#weekly_pull td#series, +#weekly_pull td#comicnumber { + min-width: 50px; + text-align: left; + vertical-align: middle; +} + +#weekly_pull td#publisher { + min-width: 150px; + text-align: left; + vertical-align: middle; +} + +#pull_table th#publisher { + min-width: 100px; + text-align: center; + vertical-align: middle; +} + +#pull_table th#comicname { + min-width: 300px; + text-align: center; + vertical-align: middle; +} + +#pull_table th#comicnumber { + max-width: 25px; + text-align: center; + vertical-align: middle; +} + +#pull_table th#status { + min-width: 30px; + text-align: center; + vertical-align: middle; +} + +#pull_table th#options { + min-width: 90px; + text-align: center; + vertical-align: middle; +} + +#pull_table td#publisher { + min-width: 100px; + text-align: left; + vertical-align: middle; +} + +#pull_table td#comicname { + min-width: 300px; + text-align: left; + vertical-align: middle; +} + +#pull_table td#comicnumber { + max-width: 25px; + text-align: right; + vertical-align: middle; +} + +#pull_table td#status { + min-width: 30px; + text-align: center; + vertical-align: middle; +} + +#pull_table td#options { + min-width: 90px; + text-align: left; + vertical-align: middle; +} + +#manage_comic th#name { + min-width: 275px; + text-align: center; +} + +#manage_comic th#latest { + min-width: 150px; + text-align: center; +} + +#manage_comic th#status, +#manage_comic th#albumart, +#manage_comic th#lastupdated { + min-width: 50px; + text-align: center; +} + +#manage_comic th#stat_icon { + max-width: 15px; + text-align: center; +} + +#manage_comic th#have, +#manage_comic th#publisher { + text-align: center; +} + +#manage_comic td#name { + min-width: 275px; + text-align: center; + vertical-align: middle; + font-size: 12px; +} + +#manage_comic td#status, +#manage_comic td#lastupdated, +#manage_comic td#publisher { + min-width: 50px; + text-align: center; + vertical-align: middle; +} + +#manage_comic td#stat_icon { + max-width: 15px; + text-align: center; + vertical-align: middle; +} + +#manage_comic td#latest { + min-width: 150px; + text-align: center; + vertical-align: middle; +} + +#manage_comic td#have { + min-width: 50px; + text-align: left; + vertical-align: middle; +} + +#manage_issues th#name { + min-width: 275px; + text-align: center; +} + +#manage_issues th#options { + min-width: 150px; + text-align: center; +} + +#manage_issues th#select { + min-width: 10px; + text-align: center; + vertical-align: middle; +} + +#manage_issues th#status, +#manage_issues th#issue, +#manage_issues th#pubdate, +#manage_issues th#releasedate, +#manage_issues th#int_issue { + min-width: 50px; + text-align: center; +} + +#manage_issues td#name { + min-width: 275px; + text-align: center; + vertical-align: middle; + font-size: 12px; +} + +#manage_issues td#select { + min-width: 10px; + text-align: center; + vertical-align: middle; +} + +#manage_issues td#status, +#manage_issues td#issue, +#manage_issues td#pubdate, +#manage_issues td#releasedate, +#manage_issues td#int_issue { + min-width: 50px; + text-align: center; + vertical-align: middle; +} + +#manage_issues td#options { + min-width: 150px; + text-align: center; + vertical-align: middle; +} + +#manage_failed th#series { + min-width: 175px; + text-align: center; +} + +#manage_failed th#select { + min-width: 10px; + text-align: center; + vertical-align: middle; +} + +#manage_failed th#issue, +#manage_failed th#site, +#manage_failed th#datefailed { + min-width: 50px; + text-align: center; +} + +#manage_failed th#link { + min-width: 100px; + text-align: center; +} + +#manage_failed td#series { + min-width: 175px; + text-align: left; + vertical-align: middle; + font-size: 12px; +} + +#manage_failed td#select { + min-width: 10px; + text-align: left; + vertical-align: middle; +} + +#manage_failed td#issue, +#manage_failed td#site, +#manage_failed td#datefailed { + min-width: 50px; + text-align: left; + vertical-align: middle; +} + +#manage_failed td#link { + min-width: 100px; + text-align: left; + vertical-align: middle; +} + +#series_table { + background-color: rgba(0, 0, 0, 0); + padding: 20px; + width: 100%; +} + +#series_table th#publisher { + max-width: 120px; + text-align: center; +} + +#series_table th#name { + min-width: 290px; + text-align: center; +} + +#series_table th#year { + max-width: 25px; + text-align: center; +} + +#series_table th#havepercent, +#series_table th#totalcount { + max-width: 1px; + text-align: left; + display: none; +} + +#series_table th#activestatus { + max-width: 1px; + text-align: left; + display: none; +} + +#series_table th#active { + max-width: 35px; + text-align: center; +} + +#series_table th#issue { + max-width: 30px; + text-align: center; +} + +#series_table th#status { + max-width: 50px; + text-align: center; +} + +#series_table th#published { + max-width: 55px; + text-align: center; +} + +#series_table th#have { + max-width: 80px; + text-align: center; + vertical-align: middle; +} + +#series_table td#publisher { + max-width: 120px; + text-align: center; + vertical-align: middle; + font-size: 12px; + background-color: #353a41; +} + +#series_table td#name { + min-width: 290px; + text-align: center; + vertical-align: middle; + background-color: #353a41; +} + +#series_table td#year { + max-width: 25px; + text-align: center; + vertical-align: middle; + background-color: #353a41; +} + +#series_table td#havepercent, +#series_table td#totalcount { + max-width: 1px; + text-align: left; + vertical-align: middle; + display: none; +} + +#series_table td#activestatus { + max-width: 1px; + text-align: left; + vertical-align: middle; + display: none; +} + +#series_table td#active { + max-width: 35px; + text-align: center; + vertical-align: middle; + background-color: #353a41; +} + +#series_table td#issue { + max-width: 30px; + text-align: center; + vertical-align: middle; + background-color: #353a41; +} + +#series_table td#status { + max-width: 50px; + text-align: center; + vertical-align: middle; + background-color: #353a41; +} + +#series_table td#published { + max-width: 55px; + text-align: center; + vertical-align: middle; + background-color: #353a41; +} + +#series_table td#have { + max-width: 80px; + text-align: center; + vertical-align: middle; + background-color: #353a41; +} + +#manageheader { + margin-top: 45px; + margin-bottom: 0; +} + +#history_table { + background-color: #FFF; + font-size: 13px; + width: 100%; +} + +#history_table td#dateadded { + font-size: 12px; + min-width: 100px; + text-align: center; + vertical-align: middle; +} + +#history_table td#filename { + font-size: 12px; + min-width: 150px; + text-align: center; + vertical-align: middle; +} + +#history_table td#size { + font-size: 12px; + min-width: 40px; + text-align: center; + vertical-align: middle; +} + +#history_table td#status { + font-size: 12px; + text-align: center; + vertical-align: middle; +} + +#history_table td#action { + font-size: 12px; + max-width: 30px; + text-align: center; + vertical-align: middle; +} + +#log_table { + background-color: #FFF; +} + +#log_table th#timestamp { + min-width: 125px; + text-align: left; +} + +#log_table th#level { + max-width: 60px; + text-align: left; +} + +#log_table th#message { + min-width: 600px; + text-align: left; +} + +#searchresults_table th#name { + min-width: 525px; + text-align: left; +} + +#searchresults_table th#comicyear { + min-width: 50px; + text-align: left; +} + +#searchresults_table th#issues { + min-width: 50px; + text-align: left; +} + +#searchresults_table th#add { + min-width: 75px; + text-align: left; +} + +#searchresults_table #artistImg { + background: url("../../../images/loader_black.gif") no-repeat scroll center center #ffffff; + border: 3px solid #FFFFFF; + box-shadow: 1px 1px 2px 0 #555555; + float: left; + height: 50px; + overflow: hidden; + text-indent: -3000px; + width: 50px; +} + +#searchresults_table td#name { + min-width: 500px; + text-align: left; + vertical-align: middle; +} + +#searchresults_table td#comicyear { + min-width: 50px; + text-align: left; + vertical-align: middle; +} + +#searchresults_table td#issues { + min-width: 50px; + text-align: left; + vertical-align: middle; +} + +#searchresults_table td#add { + min-width: 75px; + vertical-align: middle; +} + +#searchresults_table td#score .bar { + width: 100px; + margin: 0 auto; + border: 1px solid #cccccc; + padding: 1px; + background-color: #FFF; +} + +#searchresults_table td#score .bar .score { + height: 14px; + color: #343434; + color: #FFF; + font-size: 11px; + vertical-align: middle; + line-height: normal; + background-image: -moz-linear-gradient(#a3e532, #90cc2a) !important; + background-image: linear-gradient(#a3e532, #90cc2a) !important; + background-image: -webkit-linear-gradient(#a3e532, #90cc2a) !important; + background-image: -o-linear-gradient(#a3e532, #90cc2a) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; +} + +#impresults_table th#select { + min-width: 10px; + text-align: left; + +} + +#impresults_table th#select input { + vertical-align: middle; + min-width: 10px; +} + +#impresults_table th#comicname { + min-width: 325px; + text-align: left; +} + +#impresults_table th#comicyear { + min-width: 75px; + text-align: center; +} + +#impresults_table th#issues { + min-width: 25px; + text-align: center; +} + +#impresults_table th#status { + min-width: 110px; + text-align: center; +} + +#impresults_table th#importdate { + min-width: 100px; + text-align: center; +} + +#impresults_table th#addcomic { + min-width: 100px; + text-align: left; +} + +#impresults_table td#select { + min-width: 10px; + text-align: middle; + vertical-align: middle; +} + +#impresults_table td#select input { + min-width: 10px; + vertical-align: middle; +} + +#impresults_table td#comicname { + min-width: 325px; + text-align: left; + vertical-align: middle; +} + +#impresults_table td#comicyear { + min-width: 75px; + text-align: left; + vertical-align: middle; +} + +#impresults_table td#issues { + min-width: 25px; + text-align: left; + vertical-align: middle; +} + +#impresults_table td#status { + min-width: 110px; + text-align: left; + vertical-align: middle; +} + +#impresults_table td#importdate { + min-width: 100px; + text-align: left; + vertical-align: middle; +} + +#impresults_table td#addcomic { + min-width: 100px; + vertical-align: middle; + text-align: left; +} + +#downloads_table th#title { + max-width: 150px; + vertical-align: middle; + text-align: center; +} + +#downloads_table th#size { + max-width: 35px; + vertical-align: middle; + text-align: center; +} + +#downloads_table th#kind { + max-width: 20px; + vertical-align: middle; + text-align: center; +} + +#downloads_table th#provider { + max-width: 30px; + vertical-align: middle; + text-align: center; +} + +#downloads_table td#title { + max-width: 150px; + vertical-align: middle; + text-align: left; +} + +#downloads_table td#size { + max-width: 35px; + vertical-align: middle; + text-align: left; +} + +#downloads_table td#kind { + max-width: 20px; + vertical-align: middle; + text-align: left; +} + +#downloads_table td#provider { + max-width: 30px; + vertical-align: middle; + text-align: center; +} + +#searchmanage_table th#comicname { + min-width: 325px; + text-align: left; +} + +#searchmanage_table th#comicpub { + min-width: 100px; + text-align: left; +} + +#searchmanage_table th#comicissues { + min-width: 75px; + text-align: left; +} + +#searchmanage_table th#addcomic { + min-width: 95px; + text-align: left; +} + +#searchmanage_table td#comicname { + min-width: 325px; + text-align: left; + vertical-align: middle; +} + +#searchmanage_table td#comicpub { + min-width: 100px; + text-align: left; + vertical-align: middle; +} + +#searchmanage_table td#comicissues { + min-width: 75px; + text-align: left; + vertical-align: middle; +} + +#searchmanage_table td#addcomic { + min-width: 95px; + vertical-align: middle; +} + +#queue_table th#qcomicid { + max-width: 10px; + text-align: center; +} + +#queue_table th#qseries { + max-width: 475px; + text-align: center; +} + +#queue_table th#qsize { + max-width: 30px; + text-align: center; +} + +#queue_table th#qprogress { + max-width: 25px; + text-align: center; +} + +#queue_table th#qstatus { + max-width: 50px; + text-align: center; +} + +#queue_table th#qdate { + max-width: 90px; + text-align: center; +} + +#queue_table th#qoptions { + min-width: 160px; + text-align: center; +} + +#queue_table td#qcomicid { + max-width: 10px; + text-align: left; +} + +#queue_table td#qseries { + max-width: 475px; + text-align: left; +} + +#queue_table td#qsize { + max-width: 30px; + text-align: center; +} + +#queue_table td#qprogress { + max-width: 25px; + text-align: center; +} + +#queue_table td#qstatus { + max-width: 50px; + text-align: center; +} + +#queue_table td#qdate { + min-width: 90px; + text-align: center; +} + +#queue_table td#qoptions { + min-width: 160px; + text-align: center; +} + +#exceptions_table th#date { + text-align: center; + max-width: 20px; +} + +#exceptions_table th#line_num { + text-align: center; + width: 5px; +} + +#exceptions_table th#func_name { + text-align: center; + width: 15px; +} + +#exceptions_table th#filename { + text-align: center; + max-width: 15px; +} + +#exceptions_table th#error { + text-align: center; + max-width: 40px; +} + +#exceptions_table th#times { + text-align: center; + max-width: 5px; +} + +#exceptions_table th#error_text { + text-align: center; + max-width: 50px; +} + +#exceptions_table th#options { + text-align: center; + max-width: 15px; +} + +#exceptions_table td#date { + vertical-align: middle; + text-align: left; + max-width: 20px; +} + +#exceptions_table td#line_num { + vertical-align: middle; + text-align: left; + width: 5px; +} + +#exceptions_table td#func_name { + vertical-align: middle; + text-align: left; + width: 15px; +} + +#exceptions_table td#filename { + vertical-align: middle; + text-align: center; + max-width: 15px; +} + +#exceptions_table td#error { + vertical-align: middle; + text-align: left; + max-width: 40px; +} + +#exceptions_table td#times { + vertical-align: middle; + text-align: left; + max-width: 5px; +} + +#exceptions_table td#error_text { + vertical-align: middle; + text-align: left; + max-width: 50px; +} + +#exceptions_table td#options { + vertical-align: middle; + text-align: center; + max-width: 15px; +} + +DIV.progress-container { + position: relative; + width: 100px; + height: 18px; + margin: 2px 5px 2px 2px; + -border: 1px solid #ccc; + background-color: #272b30; + background-image: -moz-linear-gradient(top, whiteSmoke, #F9F9F9); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(whiteSmoke), to(#F9F9F9)); + background-image: -webkit-linear-gradient(top, whiteSmoke, #F9F9F9); + background-image: -o-linear-gradient(top, whiteSmoke, #F9F9F9); + background-image: linear-gradient(to bottom, whiteSmoke, #F9F9F9); + background-repeat: repeat-x; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + color: #000; +} + +DIV.progress-container>DIV { + background-color: #0EBEED; + height: 18px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + text-align: center; + z-index: 900; +} + +.danger>DIV { + background-color: #DD514C; + background-image: -moz-linear-gradient(top, #EE5F5B, #C43C35); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EE5F5B), to(#C43C35)); + background-image: -webkit-linear-gradient(top, #EE5F5B, #C43C35); + background-image: -o-linear-gradient(top, #EE5F5B, #C43C35); + background-image: linear-gradient(to bottom, #EE5F5B, #C43C35); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); +} + +.warning>DIV { + background-color: #FAA732; + background-image: -moz-linear-gradient(top, #FBB450, #F89406); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FBB450), to(#F89406)); + background-image: -webkit-linear-gradient(top, #FBB450, #F89406); + background-image: -o-linear-gradient(top, #FBB450, #F89406); + background-image: linear-gradient(to bottom, #FBB450, #F89406); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); +} + +.complete>DIV { + background-color: #5EB95E; + background-image: -moz-linear-gradient(top, #62C462, #57A957); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62C462), to(#57A957)); + background-image: -webkit-linear-gradient(top, #62C462, #57A957); + background-image: -o-linear-gradient(top, #62C462, #57A957); + background-image: linear-gradient(to bottom, #62C462, #57A957); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); +} + +.missing>DIV { + background-color: #4BB1CF; + color: #000; + background-image: -moz-linear-gradient(top, #5BC0DE, #339BB9); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5BC0DE), to(#339BB9)); + background-image: -webkit-linear-gradient(top, #5BC0DE, #339BB9); + background-image: -o-linear-gradient(top, #5BC0DE, #339BB9); + background-image: linear-gradient(to bottom, #5BC0DE, #339BB9); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); +} + +.have { + font-size: 12px; + line-height: normal; + margin-left: 36px; + padding-bottom: 30px; + vertical-align: middle; +} + +.progressbar-back-text { + font-size: 12px; + vertical-align: text-bottom; + background-color: transparent; + position: absolute; + text-align: center; + width: 100%; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + z-index: 800; +} + +.progressbar-front-text { + font-size: 12px; + vertical-align: text-bottom; + background-color: transparent; + display: block; + width: 100%; + position: absolute; + color: #000000; + overflow: hidden; +} + +#version { + color: var(--text-muted); + font-size: 10px; + position: relative; + z-index: 999; + margin: 0px auto; + text-align: center; + width: 400px; +} + +#backendstatus { + color: var(--text-muted); + font-size: 10px; + position: relative; + z-index: 999; + margin: 0px auto; + text-align: center; + width: 400px; +} + +#donate { + float: left; + text-align: left; +} + +#actions { + float: right; + text-align: right; + margin-right: 10px; + margin-top: -5px; + color: #cccccc; +} + +#actions .ui-icon { + position: relative; + top: 4px; + background-image: url("../../../images/ui-icons_70b2e1_256x240.png"); +} + +#toTop { + background: url("../../../images/toTop.gif") no-repeat scroll 10px center #1c1e22; + border-radius: 5px 0 0 0; + bottom: 0; + display: none; + padding: 10px 10px 10px 40px; + position: fixed; + right: 0; +} + +#shutdown { + text-align: center; + vertical-align: middle; +} + +#shutdown h1 img { + position: relative; + top: 7px; +} + +.cloudtag { + font-size: 16px; +} + +.cloudtag #cloud { + line-height: 1.5em; + margin: 0; + padding: 2px; + text-align: center; +} + +.cloudtag #cloud a { + padding: 0; +} + +.cloudtag #cloud a.tag1 { + font-size: 0.7em; + font-weight: 100; +} + +.cloudtag #cloud a.tag2 { + font-size: 0.8em; + font-weight: 200; +} + +.cloudtag #cloud a.tag3 { + font-size: 0.9em; + font-weight: 300; +} + +.cloudtag #cloud a.tag4 { + font-size: 1em; + font-weight: 400; +} + +.cloudtag #cloud a.tag5 { + font-size: 1.2em; + font-weight: 500; +} + +.cloudtag #cloud a.tag6 { + font-size: 1.4em; + font-weight: 600; +} + +.cloudtag #cloud a.tag7 { + font-size: 1.6em; + font-weight: bold; +} + +.cloudtag #cloud a.tag8 { + font-size: 1.8em; + font-weight: 800; +} + +.cloudtag #cloud a.tag9 { + font-size: 2.2em; + font-weight: 900; +} + +.cloudtag #cloud a.tag10 { + font-size: 2.5em; + font-weight: 900; +} + +.cloudtag #cloud li { + display: inline-block; + margin: 5px 10px; +} + +.floatright { + float: right; +} + +.floatleft { + float: left; +} + +.ir { + background-repeat: no-repeat; + direction: ltr; + display: block; + overflow: hidden; + text-align: left; + text-indent: -999em; +} + +.hidden { + display: none; + visibility: hidden; +} + +.visuallyhidden { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +.visuallyhidden.focusable:active, +.visuallyhidden.focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; +} + +.invisible { + visibility: hidden; +} + +.clearfix:before, +.clearfix:after { + content: "\0020"; + display: block; + height: 0; + overflow: hidden; +} + +.clearfix { + zoom: 1px; +} + +.clearfix:after { + clear: both; +} + +#upcoming_table th#comicname, +#wanted_table th#comicname { + min-width: 150px; + text-align: center; +} + +#upcoming_table td#select, +#upcoming_table td#status, +#wanted_table td#select, +#wanted_table td#status { + text-align: center; + vertical-align: middle; +} + +#upcoming_table th#type, +#wanted_table th#type, +#wanted_table th#tier, +#searchresults_table th#score { + min-width: 75px; + text-align: center; +} + +#wanted_table th#albumart { + min-width: 50px; + text-align: center; +} + +#upcoming_table th#issuenumber, +#wanted_table th#issuenumber { + min-width: 50px; + text-align: center; +} + +#upcoming_table th#reldate, +#wanted_table th#reldate { + min-width: 50px; + text-align: center; +} + +#upcoming_table td#albumart, +#wanted_table td#albumart { + min-width: 50px; + text-align: center; + vertical-align: middle; +} + +#upcoming_table td#comicname, +#wanted_table td#comicname { + min-width: 200px; + text-align: center; + vertical-align: middle; +} + +#upcoming_table td#issuenumber, +#wanted_table td#issuenumber { + min-width: 50px; + text-align: center; + vertical-align: middle; +} + +#upcoming_table td#reldate, +#wanted_table td#reldate { + min-width: 50px; + text-align: center; + vertical-align: middle; +} + +#upcoming_table td#type, +#wanted_table td#type, +#wanted_table td#tier, +#searchresults_table td#score { + min-width: 75px; + text-align: center; + vertical-align: middle; +} + +table tr td#status a { + color: #4183c4; +} + +.ie7 input[type="checkbox"] { + vertical-align: baseline; +} + +.ie7 img { + -ms-interpolation-mode: bicubic; +} + +.ie7 legend { + margin-left: -7px; +} + +/* Mask for background, by default is not display */ +#mask { + display: none; + background: #000; + position: fixed; + left: 0; + top: 0; + z-index: 10; + width: 100%; + height: 100%; + opacity: 0.8; + z-index: 999; +} + +/* You can customize to your needs */ +.issue-popup { + width: 600px; + display: none; + background: var(--modal-bg-color); + padding: 5px; + border: 2px solid rgba(221, 221, 221, 0); + color: white; + font-size: 1.2em; + position: absolute; + top: 20%; + left: 50%; + z-index: 99999; + text-align: left; + box-shadow: 0px 0px 20px transparent; + /* CSS3 */ + -moz-box-shadow: 0px 0px 20px transparent; + /* Firefox */ + -webkit-box-shadow: 0px 0px 20px transparent; + /* Safari, Chrome */ + border-radius: 3px 3px 3px 3px; + -moz-border-radius: 3px; + /* Firefox */ + -webkit-border-radius: 3px; + /* Safari, Chrome */ + ; +} + +.alignleft { + float: left; +} + +.alignright { + float: right; +} + +img.btn_close { + /* Position the close button */ + float: right; + margin: -28px -28px 0 0; +} + +fieldset { + border: none; +} + +img.highqual { + -ms-interpolation-mode: bicubuic; +} + +table#issue_table { + width: 100%; + padding: 10px; +} + +table#issue_table th#select { + vertical-align: middle; + text-align: center; + max-width: 5px; +} + +table#issue_table th#int_issuenumber { + text-align: left; + max-width: 10px +} + +table#issue_table th#issuenumber { + text-align: center; + max-width: 20px; +} + +table#issue_table th#issuename { + text-align: center; + max-width: 200px; +} + +table#issue_table th#reldate { + text-align: center; + max-width: 45px; +} + +table#issue_table th#status { + text-align: center; + max-width: 55px; +} + +table#issue_table th#options { + text-align: center; + max-width: 120px; +} + +table#issue_table td#select { + vertical-align: middle; + text-align: center; + max-width: 5px; +} + +table#issue_table td#int_issuenumber { + vertical-align: middle; + text-align: left; + max-width: 10px; +} + +table#issue_table td#issuenumber { + vertical-align: middle; + text-align: center; + max-width: 20px; +} + +table#issue_table td#issuename { + vertical-align: middle; + text-align: center; + max-width: 250px; +} + +table#issue_table td#reldate { + vertical-align: middle; + text-align: center; + max-width: 45px; +} + +table#issue_table td#status { + vertical-align: middle; + text-align: center; + max-width: 55px; +} + +table#issue_table td#options { + vertical-align: middle; + text-align: center; + max-width: 120px; +} + +table#annual_table { + width: 100%; + padding: 10px; +} + +table#annual_table th#select { + vertical-align: middle; + text-align: center; + max-width: 5px; +} + +table#annual_table th#aint_issuenumber { + text-align: left; + max-width: 1px +} + +table#annual_table th#aissuenumber { + text-align: center; + max-width: 20px; +} + +table#annual_table th#aissuename { + text-align: center; + max-width: 200px; +} + +table#annual_table th#areldate { + text-align: center; + max-width: 45px; +} + +table#annual_table th#astatus { + text-align: center; + max-width: 55px; +} + +table#annual_table th#aoptions { + text-align: center; + max-width: 120px; +} + +table#annual_table td#select { + vertical-align: middle; + text-align: center; + max-width: 5px; +} + +table#annual_table td#aint_issuenumber { + vertical-align: middle; + text-align: left; + max-width: 1 px; +} + +table#annual_table td#aissuenumber { + vertical-align: middle; + text-align: center; + max-width: 20px; +} + +table#annual_table td#aissuename { + vertical-align: middle; + text-align: center; + max-width: 200px; +} + +table#annual_table td#areldate { + vertical-align: middle; + text-align: center; + max-width: 45px; +} + +table#annual_table td#astatus { + vertical-align: middle; + text-align: center; + max-width: 55px; +} + +table#annual_table td#aoptions { + vertical-align: middle; + text-align: center; + max-width: 120px; +} + +#btn_container { + float: right; + height: 30px; + list-style-type: none; + width: 100%; + z-index: 998; +} + +#btn_container #btn_menu { + float: right; + margin-top: 5px; + position: relative; + text-align: right; + z-index: 99; +} + +#btn_container_center { + float: center; + height: 30px; + list-style-type: none; + width: 100%; + z-index: 1; +} + +#btn_container_center #btn_menu { + float: center; + margin-top: 5px; + position: relative; + z-index: 1; +} + +#btn_menu a { + background: var(--button-color) !important; + border: 1px solid rgba(255, 255, 255, 0.1); + filter: none !important; + font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + font-size: 12px; + font-weight: normal; + color: var(--button-text) +} + +#btn_container #btn_menu a:hover, +#btn_container_center #btn_menu a:hover { + background: var(--button-color-hover) !important; + filter: none !important; + color: var(--button-text-hover) !important; + border-color: var(--button-color-hover) !important; +} + +input[type="checkbox"]+label.series_metadata_local::before { + content: ""; + display: inline-block; + vertical-align: -25%; + height: 2ex; + width: 2ex; + background-color: white; + border: 1px solid rgb(166, 166, 166); + border-radius: 4px; + box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.25); + margin-right: 0.5em; +} + +.outerglow { + font-family: Helvetica, Arial; + font-size: 10pt; + font-weight: bold; + /* line-height: 2em; */ + /* padding: 0.5em; */ +} + +.outerglow_shadow_yellow { + color: #FFFF66; + text-shadow: 0 0 0.9em #FFFF00; +} + +.outerglow_shadow_red { + color: #FF6666; + text-shadow: 0 0 0.9em #FF0000; +} + +.outerglow_text { + -webkit-text-fill-color: transparent; + -webkit-background-clip: text; +} + +fieldset.fieldset_header { + margin: 5px; + padding: 0px 5px 5px; + border: 1px solid rgba(255, 255, 255, 0); + border-radius: 8px; + box-shadow: 0px 0px 10px rgba(255, 255, 255, 0); + padding-top: 5px; +} + +figure.item { + vertical-align: top; + display: inline-block; + text-align: center; + width: 100px; +} + +.caption.caption { + display: block; +} + + +/* ALPHABET SEARCH */ + +div.alphabet { + position: relative; + display: table; + width: 100%; + margin-bottom: 1em; +} + +div.alphabet span { + display: table-cell; + color: rgb(var(--accent-color)); + cursor: pointer; + text-align: center; + width: 3.5%; +} + +div.alphabet span:hover { + text-decoration: underline; +} + +div.alphabet span.active { + color: var(--accent-color-hover); +} + +div.alphabet span.empty { + color: #f44336; +} + +div.alphabetInfo { + display: block; + position: absolute; + background-color: #111; + border-radius: 3px; + color: white; + top: 2em; + height: 1.8em; + padding-top: 0.4em; + text-align: center; + z-index: 1; +} + +/* JQUERY UI */ +.ui-tabs .ui-tabs-panel { + background: rgba(0, 0, 0, 0.15); + border: 1px solid rgba(255, 255, 255, 0.1); +} + +.ui-tabs .ui-tabs-nav li.ui-tabs-selected { + border: 1px solid rgba(255, 255, 255, 0.1); + background-color: rgb(var(--accent-color), .2); + border-color: rgba(255, 255, 255, 0.1); +} + +.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { + color: rgb(var(--accent-color)); +} + +.ui-tabs .ui-tabs-nav li { + background: rgba(255, 255, 255, 0.25); + color: var(--text); +} + +.ui-state-default a, +.ui-state-default a:link, +.ui-state-default a:visited { + color: var(--text); +} + +#tabs .ui-state-default, +#tabs .ui-widget-content .ui-state-default, +#tabs .ui-widget-header .ui-state-default { + border: 1px solid rgba(255, 255, 255, 0.1); +} + +#tabs .ui-state-hover, +#tabs .ui-widget-content .ui-state-hover, +#tabs .ui-widget-header .ui-state-hover, +#tabs .ui-state-focus, +#tabs .ui-widget-content .ui-state-focus, +#tabs.ui-widget-header .ui-state-focus { + border: 1px solid rgba(255, 255, 255, 0.1); +} + +.ui-dialog .ui-dialog-titlebar-close { + position: absolute; + right: .3em; + top: 50%; + width: 19px; + margin: -10px 0 0 0; + padding: 1px; + height: 18px; + background: transparent; +} + + +.ui-dialog .ui-dialog-content { + position: relative; + border: 0; + padding: .5em 1em; + background: var(--modal-bg-color); + overflow: auto; + zoom: 1; +} + +.ui-widget-header { + border: 1px solid transparent; + background: var(--modal-bg-color); + color: var(--text-hover); +} + +body>div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable { + border: 2px solid transparent; + background: var(--modal-bg-color); + color: var(--text); +} + +.ui-state-default .ui-icon { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAADwCAMAAADYSUr5AAAA7VBMVEX8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vywC3+8AAAATnRSTlMAGBAyBAhQv4OZLiJUcEBmYBoSzQwgPBZCSEoeWiYwUiyFNIeBw2rJz8c4RBy9uXyrtaWNqa2zKP2fJO8KBgKPo2KVoa9s351GPm5+kWho0kj9AAAPhUlEQVR4nO1djWLbthEGyUiq5YSSLXtp7FpLOmfzkmxr126tmi2p03RJ1/Xe/3EGgARxPyAgRbIk2/hkSz4CJO4+HsE7AJSVysjI2AMUUOxahZ2iANhzBtZWr4BoIRSYAVN5u4QwDwQDRbcwfUi5KS3wFuDmFnQLa4Dtb//cqktwD5QEFFwfUs7PoCCA7y4bEJVFizcIob8KmhAplwwqVjt+9FBl3uINQniwEiryEyw9JHqGpQdEFNi+B4QQ7QOiHhysIPoAxUqxvdvvA9K42bsAv4S2fxfYOe57IJSRkZGRkZGxx7jxSHDHcRBXQMTyIjInBgHwBJ/bEx8PEANC+uhbpSSggCBAVODVabpI1S/k4WLZpTn6NpMhoX9Y40hxYERFpMcqUs4AloCtDQdID1YhnyXZ2hLjAYWiO9Dy1PDB7tPhIqLx+uMB8grZaR+Qxl2/C2RkZGRkZGRk7A7rBf7J0DR5/LUTjzUPIPSPGvQJiVJiB7kcQCiUOJrcFNtDZIf2xarQ3aGvLNxAVIFAabz90BFiBIlycTBhgWwOWCH0FLYHlPqwHaCvcIn2ZbosCevfPTRiFFcgvHukCjWwrc3GrGh1fsAof8EaUReKXkCB4/MzFNo97qLpFiKFYv/kNR5YQxQbQEofkZ2OuEOHqqT6gFTpru8CN7x/+jaZkZGRkZGRcV+x/rLUNcMMqUAscgnFocmpqkTzqymwVAPxfJ5PnIUUQOUKT04tEdWZyv3JCQSn96WS4pD97QfyW25A7NhSAbyhmVj0FEltA4vdiygBibXhoUYgykCUP7HwPTDeEqAIcHVMkZg7Zx4k0uFANs63hPQXCoRLAwdgGsr9Az7Qv7sgQGgg1aPl/BJLExBWgG4RFRLFImGmIquPC/klEGyCG0AuAXaJJC+B8FVe9NYQDEcXB8g6AQcjYJ1goJIggHWCrFR0S6kRHN5+4BzFi8NaoN35NRxUvL+JJdZr7PV4wK6fj8nIyMjIyNhr3OxdXAYq7FHZwB6bDSzSh4sF0utChqo0NAvaT1hLzXwFinmCzmeDucEQK18TTaQoFgP7bNC+RZ4OT4T6gQogDFYk+1QxQlj19QGSAWKiLYp8P0Ag1Gbz1ULfWHLg9iUnQNK5QQJcukm04blKLH2GgEJCY+HzXAZWCvHKco3Bp6MIaCjSXXRJyOxeqhnzEaF93MfFGW/O16ZvDL5TM4MJIjujz/cHypkQuuzRwWJ93BKdIt+wCRAPl9kpe2Ikkb2mFgGlxh/i40d3EHfdvoyMjIyMu43ylt/IAmGHnN5iIt7wKfbv01RAcJqFRl9lcjYQSnbQqKgC4fYOwSJt6N6trE0twZ9kN/PqNpTQeICvr4TLsDYC06U7BMjshS+v1/aT7IwQYD5LcgRQXMT2FrBfBLjZ6151jDElk9tPFfpUgk2yregusX25BJbwAFEfM+YI6vGAti4bTtizB+TjfQCrERyhKb2X8D6A9wX75P4t4neBYJeP6pdhg/gQl8MWvytzeSTjgOQBynQdh/iXKdxOrGJ/RkZGRsb9QmXihGr5+g8GGg9uTh+KoVZuNIzV+CwRucFBEyr1mVjx4irOxwM1BhirB6Q+2eNQi4eqR+aF6mELtoMzCR7V9RAFe/ZvQogNiyY8FPSUTFsLp8TeTmMui5mtw7bcaT0Yw2AA4wFRQIlkgq+1DQrNhkmoxS5Jq+u6bMAIGRECEANgXHTgWzwgBOhDH2l0oTQ4D8D5NMktBgNywAEMjo8rwATMZrPY7JGxBoJCkIBDQiAY09EGTUiBCWkUpISfGPR5AAwBfZiG2z7Ayc1yeKTxid39xBNwfHr4O0LA48ePFTvhYrF1r4tyAoz9n2MCqEuBtp/6GDR0oAYfG/R6wJExHYZHfhygsv7fEWCOj4bYmsP5A+pL4MkTfAnMlD4F+r3bobKvTyTA2P/w7PN+Agq2QW8piqMCpTBwenoKvX0AHGkGtP2YAPvTEWA7QUTAudn7/NxtOG46wWNmDtpBEkBzN7rBEvAFHp+YTB/q97qPAN4gHFqgBi8uLsC7qPCA6mg41G/+ErByPwEXDdoNxRhOx+M5jPEzQugS0ht+b1/Y3gEnYMAIAOIBE29/hIDucE8tmMsNOgK4B1RHFu4UCRlMHzv0xzcajcfdXWDs2h8TArBCkoDUJYDLmz6w7ip3BFS0ve5wTRwAn6keMA9I3QYbfSZ0DKbyt+7OXjGI1idPcfNyAyfAMlCrzaGqphYrxHocLHRJVycnfGUcbtT+jIyMjIw9x7Nn8fJSzG0TmFtO8rZT+XT3S3ub+tKJbbLd5diTVp50+zahyeHSslJ/YPrU0fuazrZO2CZ92/ZCCVXlGRiZKPJyPPRxyIFWeXLQBXJBKiq/3divEAN6ZwM200Qjm7EJBZeWm/PRWVCbYK7s7u2l4XaCz+lzgOfMfhMonXr7TWzeZb98dbgIzBT8Ub8eYYUqfZ4rVJ/MDbIDgPqTulJ/xvntWAtjIisqnwxOkGz0n077FARoY79GdA6HPE4rOy196NiMWHTZlSSApcOgXpy/fHV2joaNKu3ffsAnRcBf4K/6NcIG6tIxk3HyoXPjASqfUgXbYN5PzpL2njkR9QMjeDTVHDTCgRuxOegjoO0FvKzP/t/gmVdI24+G7NIe8JX6Wv3dDyldMA+4YB5wwTygtd+dwRqaTqrLb1l73zTSN52CNpnHuQOYPsDblybgxfkXh/oVtr+N1DEBJdhRJyd/Bd/q1z+cbNrD17iVKyajcnv9arhOkRPgsruuD6DmNPwpDNrLw2CoTgHni4yALr0L29+tiKAEIPn868ejx//8rpWP3OEOl5On9OwpcQm0MhafP/ey8f1uvDNIgGLQG8z4YO99ENgg95etwv4uYJYY8fUGHYH6j6fscHFZMftlAl9i+9XL73X3N/n+ZStOzfVfRvYXhrbdKOpEgVQTg/wsDuDD3kwOfQNMTJ5y+/ltUDWLunyxnRF46IqlBzGMY4X7inggREFioIyMjIyMHWCIB6ZNKAcXseo3vLTQTkVE7348dlwJJSz0+wLfmi8BhZqfw3D4ww/wHVLnEd5/fgYvXsDZ3MlsvYUbbnDjDZ3MN3TJG4+bxjAaDl8TBri9qxEw1ccao2wTNAMLHo2f+sjrXwb/9qHoYqgPMBXJTVfOpmrZH23y6uvo0LHSyY6fHGwKfHJlAuMFvObjDYrIqxBgQi20h7Hd/nYVLmno+eaNUm/eeH2GCuopntnhBJAlI2AHo9CCh1I1QxUdAbqqGY9BBLwyc3W4wYVhvY8A4BoIc1l5M7vnPWphZW9/Ses3n37y9a0uGqFwFQZsQQbd386DogpgEk+dzynsAZMJXq8+ns9NeukJ0PYrNATGGefJQlhkLo7DTXr+y3bNiOsDvrXTz/C2q1DXZH84iRNwrP88Nj+u2DjYEE6RBxD9Knj16ujVHC67A7422o02RwD3gB+t7EblWvu9geOFxSnd3ROmT+nJyQkhoPlsxVONc/3TEdBos+jtA+ZzcwHgTvD1cDjaYCcItA8w9i88A8b+mqSjc6Pvqd998QguEQPmQMeo23ODN86+p0/bn1buBkT6+oBhNZ/PYY4ZAHYb3PRd4LkZmPX68NRtMZn4ASvdA+qf0jMA5MP9eeg28Nug9QiLnj5A33U1MAES6xHAUNpz/9zFAYE1gqQDMT3G6xI9pwdw/aIgKoHCS1YGlRnSq9yCjdXjgN3j+N27YyROHxmuNAeNKPpYuXIyIyMjYy0M8eros59MF/PT2c602T7eA7zvhJ9dr/vzDjXaLp4Yc5+0wllzxzHv3gdmMMM7/CcQzKgVBqYTmFn+Z+mKm8J7k0A5F/jgCfjQ1WBhQyiOqD0lYuqBb+AyzMw9Ha2G3m6c8qQx+AlqnIceQp+Sb6i9UyQWbhr54+AjnZ0VzW2TAN0DmBT6PWmc6jDBE2PK2u+nF43dyP7Q0t1pOcX2fdRvH0mF2Q4JqN35rnHjVIeaXfIAVyUuw/aHCCiJy9iF5l1621zweI8KZrPZ9iJdb7DXJ3US0OSrtZ10imt7wHY7QesAzUMz1oZ3noB3qFJ/H18j97FYuw8QDN4oeKf30osvcSW2ExLo+VcbuAuo/sUIm8fMG9xocO3Ea19J9gFYivnHJ2KnyfovZlgW3v6ySx32abQiIyMjIyPjhlFDTLxpwIgFMnTp6A3g4IDKNY+stkwAMAoIAbasxBXqUWneSAWTMjt50lTqT29rFjvXohjsDNm2YPXDFlICmrJOZ3t6tHm8AiEAl0sCeLIIorIRt+cFbew/QRsoAXb4o1XSfoywzm0FTMAoYBNvLyFu8v8HpLBtD1iKgC17wHb7AI6d9wFbvguAIGTHd4E9wG7jgIyMjIyM+434c2R3HeV/Ffx6jtZu6ijl8h59T655jhR+rdHzDOP6beABCheb8O8/WFXeOyzgf5oAhVYnKxP7CwaAf1afJu8bSrhS6tdaXeGnrRenOqOlz9d6QwYnA/3TLd+GE7qe3chA5YF5DfY0vK3adfOX/gyNp2BW25MHdxAB9qvRiiP3/XpQQFGYDU4+Mi///XumXG8pjvaUAOsBGlf4jJt+YYEzeEzAdw06F19R3juM7D1wita86GR0CKfDHgLuXCc4Bri6vMLdfjMc4VNSUNsdodo2xu/1+Xl/K5+az8jIyMhYG/z5gJTMF1GtKq/a3rpyCvz5gJTMl9GtKq/a3rpyCmfQ4WwZmS+kXFVetb115ST48wEf/AGcfG1iw+tWbpbS2vJ3nQxcVr3lH3z5h972FUTLzYpOVk7l5hD+eYcYwDcAnewOotrZ4OtrPDucqi/LRX0/RR4qx7Nn4U8g+qjffvuN6Gf+nC85vwauHjaYyubqvWYKY4VEfSUMitdnBCT1Ue63R5439m+OgCn6DroAAaHPVQxKth/wkJgHmG8bmQMsT0D6EjDfvhVRKO3ywOQUgRA7nmL1uawZmHf1k+DPBwQ6NdcJ+k6Md1LA5f5ONdhJ8vZ5J0vLHT99srkGOjmJbd/G1r2Nriqnse1AZt1AalU5jW2HsuuG0qvKGRkZGRkZGRG0gcONyXsP9v8D0/IdJADiBNiXl3327WRGgOL/9HC/0XwlIURkRhC4tz6Z/fu7fUf2gHvfB9z3u0BGRkZGRkbGplHcnkgguQoSqtUXuhbs/wPtMwqV0HUJAvj5vk32b8IDuL23yn7qAXZ5u32hbRX7d3o82Df1FZXvbh9QOfhyxldr/+3xgXU9oKmvsHyr7F/XA269/eveBXrsv7N9QALe/tvjA0kPWAXGbvebkbHn+D/J5nMcHzx1UAAAAABJRU5ErkJggg=='); +} + +/* LOGIN PAGE */ + +.bar i, .bar { + background: transparent !important; +} + +.wrap input { + background: rgba(0, 0, 0, 0.15); + border-radius: 7px !important; + margin-bottom: 10px; +} + +.wrap button { + width: 100%; + border-radius: 7px; + background: var(--button-color); + text-decoration: center; + border: none; + color: var(--button-text); + margin-top: 5px; + padding-top: 14px; + padding-bottom: 14px; + outline: none; + font-size: 13px; + border-bottom: 3px solid var(--button-color); + cursor: pointer; +} + +.wrap button:hover, +.wrap button:active { + background: var(--button-color-hover); + color: var(--button-text-hover); + border-bottom: 3px solid var(--button-color-hover); +} + +.avatar { + background: transparent; +} + +.avatar img { + border: 3px solid rgb(var(--accent-color)); +} \ No newline at end of file diff --git a/CSS/themes/netdata/netdata-base.css b/CSS/themes/netdata/netdata-base.css new file mode 100644 index 00000000..1946f5e6 --- /dev/null +++ b/CSS/themes/netdata/netdata-base.css @@ -0,0 +1,484 @@ +/* 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)); +} \ No newline at end of file diff --git a/CSS/themes/netdata/organizr-dashboard.css b/CSS/themes/netdata/organizr-dashboard.css new file mode 100644 index 00000000..e5b00b9c --- /dev/null +++ b/CSS/themes/netdata/organizr-dashboard.css @@ -0,0 +1,20 @@ + +/* 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; +} \ No newline at end of file diff --git a/CSS/themes/nzbget/nzbget-base.css b/CSS/themes/nzbget/nzbget-base.css new file mode 100644 index 00000000..ad3517ab --- /dev/null +++ b/CSS/themes/nzbget/nzbget-base.css @@ -0,0 +1,664 @@ +/* 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)); +} \ No newline at end of file diff --git a/CSS/themes/nzbhydra2/nzbhydra2-base.css b/CSS/themes/nzbhydra2/nzbhydra2-base.css new file mode 100644 index 00000000..a3129d59 --- /dev/null +++ b/CSS/themes/nzbhydra2/nzbhydra2-base.css @@ -0,0 +1,583 @@ +/* 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); +} \ No newline at end of file diff --git a/CSS/themes/ombi/ombi-base.css b/CSS/themes/ombi/ombi-base.css new file mode 100644 index 00000000..c2dc7486 --- /dev/null +++ b/CSS/themes/ombi/ombi-base.css @@ -0,0 +1,706 @@ +/* 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; +} \ No newline at end of file diff --git a/CSS/themes/organizr/organizr-base.css b/CSS/themes/organizr/organizr-base.css new file mode 100644 index 00000000..21c3ea5c --- /dev/null +++ b/CSS/themes/organizr/organizr-base.css @@ -0,0 +1,2513 @@ +@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900); +/*Theme Colors*/ +/*bootstrap Color*/ +/*Normal Color*/ +/*Border radius*/ +/*Just change your choise color here its theme Colors*/ + +/* THEME PARK CUSTOM */ + +.select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: rgb(var(--accent-color)); + border: 1px solid rgb(var(--accent-color)); + color: var(--label-text-color); +} + +.select2-container--default.select2-container--focus .select2-selection--multiple { + border: solid rgb(var(--accent-color)) 1px; +} + +.select2-container--default .select2-selection--multiple { + border: 1px solid rgb(var(--accent-color), 0.5); +} + +.modal-content, +.mfp-content .panel { + background: var(--modal-bg-color); + 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; +} + +[id*="homepage-"]>fieldset>div>div.panel-wrapper.collapse.in>div>div, +[id$="-settings-items"]>div { + background: var(--modal-bg-color); + 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; +} + +.panel-footer { + background: var(--modal-footer-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; +} + +.panel-default .panel-body, +.panel-white .panel-body { + color: var(--text); +} + +.h1, +.h2, +.h3, +.h4, +.h5, +.h6, +h1, +h2, +h3, +h4, +h5, +h6, +label, +.bg-title .breadcrumb a:hover, +.chat-list .odd .chat-text h4, +.close, +.nav-tabs>li.active>a, +.nav-tabs>li.active>a:focus, +.nav-tabs>li.active>a:hover, +.pagination>li>a:focus, +.pagination>li>a:hover, +.pagination>li>span:focus, +.pagination>li>span:hover, +.text-dark:not(#to-recover), +.swal-title { + color: var(--text-hover) !important; +} + +.text-muted:not(.bg-plex) { + color: var(--text-muted) !important; +} + +.panel .panel-heading .panel-title { + color: var(--text-hover); +} + +.daterangepicker .input-mini, +.dd-handle, +.dd3-content, +.dropify-wrapper, +.panel-default .panel-heading, +.panel-white .panel-heading, +.select2-container .select2-choice, +.css-bar-lg:after { + background: #1f1f1f; +} + +.steamline .sl-right div>a, +.white-box .box-title, +a.list-group-item, +button.list-group-item, +h1, +h2, +h3, +h4, +h5, +h6 { + color: var(--text-hover) !important; +} + +.badge { + background-color: rgb(var(--accent-color)); + color: var(--label-text-color); +} + +.tabLoaded { + -webkit-filter: drop-shadow(0 0 2px transparent); + filter: drop-shadow(0 0 2px transparent); + color: var(--text-hover) +} + +.active .tabLoaded { + -webkit-filter: drop-shadow(0 0 5px transparent); + filter: drop-shadow(0 0 5px transparent); + color: rgb(var(--accent-color)); +} + +.navbar-top-links>li>a:hover { + background: rgba(0, 0, 0, 0.1); + color: var(--link-color-hover); +} + +.bg-title .breadcrumb, +.chat-list .odd .chat-text h4, +.close, +.nav-tabs>li.active>a, +.nav-tabs>li.active>a:focus, +.nav-tabs>li.active>a:hover, +.pagination>li>a:focus, +.pagination>li>a:hover, +.pagination>li>span:focus, +.pagination>li>span:hover { + color: var(--text-hover); +} + +.btn:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success), +.cbutton { + background: var(--button-color) !important; + border-color: var(--button-color) !important; + color: var(--button-text) !important; +} + +.btn:hover:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success), +.btn:active:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success), +.btn:focus:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success), +.cbutton:hover { + background: var(--button-color-hover) !important; + border-color: var(--button-color-hover) !important; + color: var(--button-text-hover) !important; +} + +.cbutton { + border-radius: 20px; + border-color: var(--button-color); + padding: 0px; + width: auto; + height: auto; + background-color: var(--button-color); + position: relative; + text-align: center; +} + +.cbutton:hover { + opacity: .8; +} + +.cbuttontitle { + color: var(--button-text); + width: -webkit-fill-available; + border-radius: 20px; + border: 4px solid; +} + +.panel-blue .panel-heading, +.panel-info .panel-heading { + border-color: rgb(var(--accent-color)); + color: var(--text-hover); + 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; +} + +.panel-body:not(.unifiCards .panel-body):not(body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div.panel-wrapper.collapse.in > 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; +} + +.bg-plex:not(h2 .bg-plex) { + background: #e5a00d; + color: white; + border-radius: 25px; +} + +.tabs-style-flip nav a, +.nav-tabs>li>a { + color: var(--text-hover); +} + +.customtab2 li.active a, +.customtab2 li.active a:focus, +.customtab2 li.active a:hover { + background: rgba(0, 0, 0, 0.25) !important; + border-color: rgba(255, 255, 255, 0.1) !important; + border-radius: 20px; +} + +/*toast*/ +.iziToast.success-notify.iziToast-layout2 { + 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, 0.1); + border-bottom: transparent +} + +#dazsm6ofc1i6j6s9g5k5fija>div>div:nth-child(2), +#dazsm6ofc1i6j6s9g5k5fija>div>div.white-box.m-b-0.bg-info { + 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; +} + +.css-bar-lg:after { + background: #1f1f1f !important; +} + +/* settings */ +/* header*/ +[id*="settings-"]>div>div.panel-heading:not(form > div > div.panel-heading) { + background: rgba(0, 0, 0, 0.25); +} + +#customize-appearance-form>ul>li.active>a { + background: rgba(0, 0, 0, 0.25); +} + +#settings-main-system-settings { + 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; +} + +/* forms */ +select.form-control:focus { + box-shadow: none; + background: #1f1f1f; + border: 1px solid rgba(120, 130, 140, 0.4); +} + +.form-material .form-control:focus, +.form-control:focus { + background: rgba(0, 0, 0, 0.45); + border: 1px solid rgba(255, 255, 255, 0.1); + +} + +.form-material .form-control, +.form-control { + background: rgba(0, 0, 0, 0.25); + border-radius: 3px; +} + +#githubVersions .bg-org { + background: rgba(0, 0, 0, 0.25) !important; +} + +/* Ace editor stuff */ +.ace-idle-fingers { + background-color: rgb(0 0 0 / 25%) !important; + color: var(--text-hover) !important; +} + +.ace-idle-fingers .ace_marker-layer .ace_active-line { + background: rgba(255, 255, 255, 0.15) !important; +} + +.ace-idle-fingers .ace_gutter { + background: rgb(255 255 255 / 10%) !important; + color: var(--text-hover) !important; +} + +.table>thead>tr>th { + border-bottom: 1px solid rgba(120, 130, 140, 0.13); + color: var(--text-hover); +} + +#tabEditorTable, +#categoryEditorTable { + color: var(--text); +} + +/* Datatables */ +.dataTables_wrapper .dataTables_filter, +.dataTables_wrapper .dataTables_info, +.dataTables_wrapper .dataTables_length, +.dataTables_wrapper .dataTables_paginate, +.dataTables_wrapper .dataTables_paginate .paginate_button, +.dataTables_wrapper .dataTables_processing, +.dd-handle, +.footable.breakpoint>tbody>tr>td>span.footable-toggle, +pre { + color: var(--text) !important; +} + +.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, +.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, +.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover { + color: var(--text-muted) !important; +} + +#loginLogTable>tbody>.even, +#organizrLogTable>tbody>.even { + background: rgba(255, 255, 255, 0.10); +} + +.dataTables_wrapper .dataTables_paginate .paginate_button.current, +.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { + color: var(--button-text) !important; + border: 1px solid var(--button-color); + background: var(--button-color); +} + +.dataTables_wrapper .dataTables_paginate .paginate_button:hover { + color: var(--button-text-hover) !important; + border: 1px solid var(--button-color-hover); + background: var(--button-color-hover); +} + +.dataTables_wrapper .dataTables_paginate .paginate_button:active { + box-shadow: inset 0 0 3px rgba(0, 0, 0, 0); +} + +/* PLACEHOLDERS */ +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; +} + +/* JS GRID USERS */ +.jsgrid-grid-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; +} + +th.text-center, +th.jsgrid-header-sortable, +th.jsgrid-control-field.jsgrid-align-center { + color: var(--text-hover) !important; +} + +#jsGrid-Users>div.jsgrid-grid-header.jsgrid-header-scrollbar>table, +.jsgrid-grid-body>table>tbody { + color: var(--text) !important; +} + +.jsgrid-table tbody .jsgrid-header-row, +#jsGrid-Users>div.jsgrid-grid-header.jsgrid-header-scrollbar>table>tbody { + color: var(--text-hover) !important; +} + +.jsGrid-Users, +.jsgrid-header-sort-desc, +.jsgrid-header-sort-asc { + background: rgba(0, 0, 0, 0.25) !important; +} + +tr.jsgrid-header-row th { + border: transparent !important; + background: rgb(0 0 0 / 35%); +} + +.jsgrid-grid-body td { + border-bottom: 1px solid rgba(120, 130, 140, .13); + border-top: 1px solid rgb(255 255 255 / 10%) !important; + background: #ffffff00 !important; +} + +.jsgrid-filter-row>td, +.jsgrid-header-sortable:hover { + background: rgba(0, 0, 0, 0.45) !important; + color: var(--text-hover) !important; +} + +/* Calendar */ + +#calendar .fc-content-skeleton>table>thead>tr { + background: rgba(0, 0, 0, 0.15); +} + +.fc-event:not(.homepage-drag), +.fc-event:hover:not(.homepage-drag), +.ui-widget .fc-event { + color: var(--text-hover) !important; + text-decoration: none; +} + +.fc-day-header a, +.fc-day-number, +.fc-list-heading-main { + color: rgb(var(--accent-color)) !important; + cursor: pointer !important; + transition: color .2s ease; +} + +.fc-unthemed th, +.fc-unthemed td, +.fc-unthemed thead, +.fc-unthemed .fc-divider, +.fc-unthemed .fc-row, +.fc-unthemed .fc-popover { + border-color: transparent; + background: rgba(0, 0, 0, 0.05); +} + +.bg-theme, +.fc-day-header { + background: rgba(0, 0, 0, .3) !important; +} + +.bg-theme, +.fc th.fc-sun, +.fc th.fc-tue, +.fc th.fc-thu, +.fc th.fc-sat, +.fc th.fc-mon, +.fc th.fc-wed, +.fc th.fc-fri, +.fc-button { + background-color: rgba(0, 0, 0, 0.25) !important; +} + +th.fc-day-header.fc-widget-header.fc-today { + background-color: rgba(0, 0, 0, 0.25) !important; +} + +.fc-widget-content.fc-today { + background-color: rgba(255, 255, 255, 0.25) !important; +} + +.fc-popover { + 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; +} + +/* loginpage sidemenu */ + +.login-box { + background: transparent; +} + +@media (max-width: 480px) { + @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { + #wrapper .login-register>.login-box>.white-box { + background: transparent !important; + margin-top: auto !important; + width: 100% !important; + -webkit-backdrop-filter: blur(0px) !important; + backdrop-filter: blur(0px) !important; + -webkit-box-shadow: none; + box-shadow: none; + } + + .login-box.login-sidebar { + background: rgba(0, 0, 0, .45) !important; + -webkit-backdrop-filter: blur(10px) !important; + backdrop-filter: blur(10px) !important; + + } + } + + /* slightly transparent fallback for Firefox (not supporting backdrop-filter) */ + @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { + #wrapper .login-register>.login-box>.white-box { + background: transparent !important; + margin-top: auto !important; + width: 100% !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + } + + .login-box.login-sidebar { + background: var(--modal-bg-color) !important; + } + } + + #lockScreen .white-box { + width: 100% !important; + height: 100% !important; + background: rgb(0 0 0 / 45%) !important; + margin-top: auto !important; + border-radius: 0px !important; + } + + .lock-screen { + overflow: auto !important; + } + + @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { + #lockScreen .white-box { + background: var(--modal-bg-color) !important; + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 15px; + } + } +} + +/* logo */ +.white-box .visible-xs { + display: block !important; +} + +.loginLogo { + border: 0; + margin-top: -60%; + transform: translateY(-10%); +} + +@media (max-width: 480px) { + .loginLogo { + margin-top: -10% !important; + } +} + +.blockUI { + opacity: 1 !important; + background-color: transparent !important; +} + +.blockMsg { + background: rgba(0, 0, 0, 0.9) !important; + border: none !important; +} + +#organizr-login-heading>a, +#plex-login-heading>a, +#recoverform>div:nth-child(1)>div>h3, +#recoverform>div:nth-child(1)>div>p { + color: #fff !important; +} + +#login-username-Input::placeholder, +#login-password-Input::placeholder, +#recover-input::placeholder { + color: var(--text-muted) !important; +} + +#to-recover, +label[for="checkbox-login"] { + color: #bbb !important; +} + +#to-recover:hover, +label[for="checkbox-login"]:hover { + color: #fff !important; +} + +#organizr-login-collapse>div>div.form-group.text-center.m-t-20.m-b-0>div>button, +#recoverform>div:nth-child(3)>div>button, +#leave-recover, +#form-lockscreen>div.form-group.text-center>div>button { + background: rgb(255 255 255 / 15%) !important; + color: white; + border-radius: 25px; + border: none; +} + +@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { + .login-register>.login-box>.white-box { + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + border-radius: 15px; + background-color: rgba(0, 0, 0, 0.45) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + color: white !important; + } +} + + +/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */ +@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { + .login-register>.login-box>.white-box { + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8) !important; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.8) !important; + border-radius: 15px !important; + background: var(--main-bg-color) !important; + } +} + +.login-register { + /* background: var(--main-bg-color) !important; */ + height: 100%; + position: fixed; +} + +.slideInRight { + -webkit-animation-name: none; + animation-name: none; +} + +.login-register .login-box .white-box .bg-org { + background: transparent !important; +} + +/*2FA login button*/ +.panel-wrapper .panel-body>.btn-warning, +.btn-warning.disabled { + background: hsla(0, 0%, 0%, 0.25) !important; + border: 1px solid #ffc36d00 !important; +} + +/*2FA animation header*/ +.panel-warning .panel-heading, +.panel-yellow .panel-heading { + color: #fff; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.3); + border-color: #00000000; +} + +/*oAuth Successful*/ +.panel-green .panel-heading, +.panel-success .panel-heading { + color: #53e69d; + text-align: center; + text-transform: uppercase; + border-radius: 3px; + background-color: transparent; + border-color: transparent; +} + +/*Login sidebar*/ + +#login-panels .panel-body, +#login-panels .panel { + background: 0 0; +} + +/*Center login Box*/ +.login-sidebar { + position: relative; + right: initial; +} + +#lockScreen .white-box { + width: 400px; + height: 345px; +} + +#form-lockscreen>div:nth-child(1)>div>div>h3 { + color: #fff !important; +} + +.login-sidebar .white-box { + width: 100%; + position: absolute; + top: 50%; + transform: translateY(-50%); +} + +@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { + #lockScreen .white-box { + position: absolute; + top: 50%; + transform: translateY(-50%); + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + border-radius: 15px; + background-color: rgba(0, 0, 0, 0.45); + -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)) { + #lockScreen .white-box { + position: absolute; + top: 50%; + transform: translateY(-50%); + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + border-radius: 15px; + background: var(--modal-bg-color); + } +} + +@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { + #splashScreen { + overflow-y: scroll; + background: rgb(0 0 0 / 80%) !important; + -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)) { + #splashScreen { + overflow-y: scroll; + background: rgb(0 0 0 / 90%) !important; + } +} + +/* Splash screen */ +.p-20 { + padding: 0px !important; +} + + + +.lock-screen { + overflow-y: scroll; +} + +#splashScreen .flexbox:first-of-type { + width: calc(100% - 40px); + margin: auto; +} + +@media (max-width: 375px) { + #splashScreen div[id^=menu-] { + max-width: 88px !important; + } +} + +@media (max-width: 480px) { + #splashScreen .flexbox:first-of-type { + width: auto; + margin-left: 30px; + } +} + +@media (min-width: 768px) { + #splashScreen .flexbox:first-of-type { + width: 600px !important; + margin-top: 0px !important; + } +} + +#splashScreen div[id^=menu-] { + background: transparent; + border-radius: 3px; + max-width: 115px; + margin: 24px 20px 0 0 !important; + padding: 25px; +} + +#splashScreen .bg-org.fc-event { + background-color: transparent !important; + border-radius: 1000px; + height: 80px !important; + width: 80px !important; + background-position: center; +} + +#splashScreen .homepage-text { + display: none; +} + +#splashScreen .flexbox:last-of-type .bg-danger { + background: transparent !important; + color: #fff !important; + border: 0 !important; + border-radius: 100px; + height: 0px !important; + text-align: center; + +} + +#splashScreen .bottom-close-splash { + position: relative !important; + width: 0px; + right: 0px; + bottom: 0px; +} + +#splashScreen .flexbox:last-of-type .bg-danger:before { + font-family: "FontAwesome"; + font-size: 40px; + content: "\f00d"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: rgba(255, 255, 255, 0.7); + -webkit-transform: scale(1.1) !important; + transform: scale(1.1) !important; + -webkit-animation-name: none; + animation-name: none; + text-align: center; + padding-top: inherit; + +} + +#splashScreen .flexbox:last-of-type { + padding: 0 !important; + position: absolute; + left: 50%; + -webkit-transform: translateX(calc(-50% - 10px)); + transform: translateX(calc(-50% - 10px)); +} + +.hvr-wobble-bottom:active, +.hvr-wobble-bottom:focus, +.hvr-wobble-bottom:hover { + -webkit-transform: scale(1.1) !important; + transform: scale(1.1) !important; + -webkit-animation-name: none; + animation-name: none; + +} + +.hvr-wobble-bottom { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: .3s; + transition-duration: .3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transform-origin: center; + transform-origin: center; +} + +.splash-badge { + color: #fff; + width: 80px !important; + height: 80px; + font-size: 60px; + border-radius: 1000px; +} + +.splash-badge i { + position: absolute; + left: 10px; + top: 10px; + margin: 0px; + padding: 0px; +} + +.splash-badge i.fa-home:before { + position: absolute !important; + left: -2px !important; +} + +/* Google auth settings modal*/ + +.color-table.info-table thead th { + background-color: rgba(61, 33, 33, 0.25); + color: #fff; +} + +.bg-success.text-inverse { + background-color: rgba(255, 255, 255, 0.15) !important; + color: #FFF; +} + +.panel-blue a, +.panel-info a { + color: var(--link-color); +} + +.color-bordered-table.purple-bordered-table { + border: 2px solid rgb(var(--accent-color)); +} + +.white-box .bg-info { + background: var(--link-color) !important; +} + +/* HOMEPAGE STUFF */ +/*TV Missing icon and status*/ +#calendar .fa.fa-tv.text-danger, +#calendar .fc-time.tv.text-danger { + color: var(--calendar-tv-missing); +} + +/*TV Available icon and status*/ +#calendar .fa.fa-tv.text-success, +#calendar .fc-time.tv.text-success { + color: var(--calendar-tv-available); +} + +/*TV Unreleased icon and status*/ +#calendar .fa.fa-tv.text-info, +#calendar .fc-time.tv.text-info { + color: var(--calendar-tv-unreleased); +} + +/*TV Premier icon and status*/ +#calendar .fa.fa-tv.text-primary, +#calendar .fc-time.tv.text-primary, +#calendar .fa.fa-tv.text-purple, +#calendar .fc-time.tv.text-purple { + color: var(--calendar-tv-premier); +} + +/*Movie Missing icon and status*/ +#calendar .fa.fa-film.text-danger:before { + color: var(--calendar-movie-missing); +} + +#calendar .fa.fa-film.text-danger:after { + content: " Missing"; + font-family: Rubik, sans-serif; + font-weight: 500; + color: var(--calendar-movie-missing); +} + +/*Movie Available icon and status*/ +#calendar .fa.fa-film.text-success:before { + color: var(--calendar-movie-available); +} + +#calendar .fa.fa-film.text-success:after { + content: " Available"; + font-family: Rubik, sans-serif; + font-weight: 500; + color: var(--calendar-movie-available); +} + +/*Movie Unreleased icon and status*/ +#calendar .fa.fa-film.text-info:before { + color: var(--calendar-movie-unreleased); +} + +#calendar .fa.fa-film.text-info:after { + content: " Unreleased"; + font-family: Rubik, sans-serif; + font-weight: 500; + color: var(--calendar-movie-unreleased); +} + + +/* Homepage Now playing card */ +.nowPlayingItem>.white-box>.el-card-item { + background: rgba(0, 0, 0, 0.15) !important; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); +} + +.icon-film, +.icon-control-play, +.icon-screen-desktop, +.icon-control-pause { + color: white !important; +} + +.label-info { + background: rgb(var(--accent-color)); + color: var(--label-text-color); +} + +.white-box { + 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; +} + +/* Homepage headers */ +.panel-default .panel-heading .fc-toolbar { + background: transparent !important; + padding: 20px 0px; +} + +.panel-black .panel-heading, +.panel-inverse .panel-heading { + border-color: transparent; + color: #fff; + 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; +} + +/* Homepage buttons */ + +#homepageOrderdeluge .mailbox-widget .customtab li.active a, +#homepageOrderqBittorrent .mailbox-widget .customtab li.active a, +#homepageOrderrTorrent .mailbox-widget .customtab li.active a, +#homepageOrdertransmission .mailbox-widget .customtab li.active a { + height: auto; + padding: 5px 5px 0px 5px; + cursor: pointer; + font-weight: 400; +} + +#homepageOrderdeluge .ti-download:before, +#homepageOrderqBittorrent .ti-download:before, +#homepageOrderrTorrent .ti-download:before, +#homepageOrdertransmission .ti-download:before { + display: none; +} + +#homepageOrderdeluge .white-box, +#homepageOrderqBittorrent .white-box, +#homepageOrderrTorrent .white-box, +#homepageOrdertransmission .white-box { + padding-right: 0px !important; +} + +#homepage-items .nav-tabs>li.active>a, +.nav-tabs>li.active>a:hover { + cursor: pointer; + opacity: 1; + background: rgba(0, 0, 0, 0.25) !important; +} + +#homepageOrderdownloader .nav-tabs>li.active>a, +.nav-tabs>li.active .nav>li>a, +#homepageOrderdownloader .nav-tabs>li>a, +.nav-tabs>li .nav>li>a { + padding: 10px 12.5px; +} + +#homepageOrderdownloader .nav-tabs>li.active>a, +.nav-tabs>li.active .nav>li>a .customtab, +#homepageOrderdownloader .nav-tabs { + padding: 10px 12.5px; +} + +#homepageOrderdownloader ul.nav.customtab.nav-tabs.m-t-5.nav-tabs>li.active>a, +#homepageOrderdownloader ul.nav.customtab.nav-tabs.m-t-5.nav-tabs>li>a { + padding: 10px 11.5px !important; +} + +#homepageOrderdownloader .nav-tabs>li.active>a:hover, +#homepageOrderdownloader .nav-tabs>li.active:hover { + background: rgba(0, 0, 0, 0.25) !important; + opacity: 1; +} + +#homepageOrderdownloader .downloaderCount { + margin-top: -20px !important; +} + +#homepageOrderdownloader .mailbox-widget .customtab li a { + padding: 20px 15px 5px 15px; +} + +#homepageOrderdownloader .customtab li a { + padding: 20px 15px 5px 15px !important; +} + +#homepageOrderdownloader .mailbox-widget .customtab li a:hover { + opacity: 1; +} + +/* Homepage calendar buttons */ +.fc-next-button, +.fc-prev-button { + background: 0 0 !important; + color: rgba(255, 255, 255, .7) !important; + border: 0 !important; +} + +.btn-group.open .dropdown-toggle, +.fc-state-default { + text-shadow: none; + box-shadow: none; +} + +.fc-button:hover { + background: rgba(255, 255, 255, .08) !important; +} + +.fc-button { + background: rgba(0, 0, 0, 0) !important; + color: var(--text-hover); + border-radius: 0 !important; + border: 0 !important; + text-transform: uppercase; +} + +/* Homepage ombi - request triangle */ +.inside-request-div { + background-color: var(--link-color) !important; +} + +.btn-group.open, +.dropdown-toggle, +.fc-state-default { + text-shadow: none !important; + box-shadow: none !important; +} + +/* .btn-info:active:focus, +.btn-info:active:hover, +.btn-info:focus { + border: none !important; +} */ + +.btn.active, +.btn:active { + -webkit-box-shadow: none; + box-shadow: none; +} + +/* Notification Popups */ +/* Izi */ +.iziToast.update-notify.iziToast-layout2, +.iziToast.success-notify.iziToast-layout2, +.iziToast.warning-notify.iziToast-layout2 { + border: none; + 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-bottom: transparent; +} + +.iziToast.update-notify>.iziToast-body .iziToast-icon, +.iziToast.success-notify>.iziToast-body .iziToast-icon .iziToast.warning-notify>.iziToast-body .iziToast-icon, +.iziToast.warning-notify>.iziToast-body .iziToast-icon { + color: var(--link-color) !important; +} + +.iziToast:after { + 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; +} + +.update-notify .iziToast-progressbar div, +.success-notify .iziToast-progressbar div, +.warning-notify .iziToast-progressbar div { + background: rgb(var(--accent-color)) !important; +} + +.iziToast>.iziToast-close { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAk6AAAJOgHwZJJKAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEyLTAyVDIyOjExOjA0KzAxOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0wMlQyMjoxMTozNiswMTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0xMi0wMlQyMjoxMTozNiswMTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMzZkZDFlZS01YjJhLWIyNGMtOTA5ZC1lMzljOTJlMDVlYmMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTM2ZGQxZWUtNWIyYS1iMjRjLTkwOWQtZTM5YzkyZTA1ZWJjIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MTM2ZGQxZWUtNWIyYS1iMjRjLTkwOWQtZTM5YzkyZTA1ZWJjIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMzZkZDFlZS01YjJhLWIyNGMtOTA5ZC1lMzljOTJlMDVlYmMiIHN0RXZ0OndoZW49IjIwMTktMTItMDJUMjI6MTE6MDQrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz47W311AAAA1klEQVRYw82XDQrDIAyFPVgP4AX8vXHPtIJTsKMMk6XT7E0IVGz9nrHGxJRStmp7N2uUW2NceJvpD2d7VHOKcNcZZ9vfBaiJGMBfAuxgoPX9QrgnGJZTt0QEA3cSFx3VwgQ89DlkW0yo/UoEA/cSlx0DEfEGPBJz+Bn1IhEMPKxwYesn5pu0BC5YTboBj7PHiBKRL+9kFbhgdZmBp9WhlBKhD//ganJrfi1CHw4XAN0C6E8IPYbQQAQNxdDLCHodQxMSaEoGTUqhaTm8MPmH0gxenELL8yfG1e3Ahlk83AAAAABJRU5ErkJggg==) 50% 50% / 8px no-repeat; +} + +/* Alertify */ +.ajs-message.ajs-error-alertify.ajs-visible { + color: #f44336; + 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; +} + +.ajs-message.ajs-warning-alertify { + color: #ffeb3b; + 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; +} + +.ajs-message.ajs-info-alertify { + color: #6da8ff; + 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; +} + +.ajs-message.ajs-success-alertify { + color: #00ffb8; + 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; +} + +/* Noty */ +.noty_type__error-noty .noty_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; + color: #f44336; + border: 1px solid transparent; + border-bottom: transparent; +} + +.noty_type__warning-noty .noty_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; + color: #ffeb3b; + border: 1px solid transparent; + border-bottom: transparent; +} + +.noty_type__info-noty .noty_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; + color: #3a83f0; + border: 1px solid transparent; + border-bottom: transparent; +} + +.noty_type__success-noty .noty_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; + color: #00ffb8; + border: 1px solid transparent; + border-bottom: transparent; +} + +.btn-link, +a { + color: var(--link-color); + text-decoration: none; +} + +.btn-link:hover, +a:hover, +.panel-blue a:hover, +.panel-info a:hover { + color: var(--link-color-hover); + text-decoration: none; +} + +/* Homepage streams- hover */ +.el-card-avatar a { + color: rgba(255, 255, 255, .7) !important; + border: white; +} + +.el-element-overlay .el-card-item .el-overlay-1 .el-info>li a:hover { + background: transparent; + color: white !important; + border: white !important; +} + +.progress-bar-info { + background: rgb(var(--accent-color)) !important; + color: var(--label-text-color); +} + +.progress-bar-inverse, +.progress { + background: rgba(0, 0, 0, 0.25) !important; +} + +/* Homepage health checks */ +@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { + .bg-inverse .healthPosition { + background: rgba(255, 255, 255, 0.2) !important; + -webkit-backdrop-filter: saturate(180%) blur(30px); + backdrop-filter: saturate(180%) blur(30px); + border-radius: 3px; + } +} + +/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */ +@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { + .bg-inverse .healthPosition { + 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; + border-radius: 3px; + } +} + +.bg-inverse .healthPosition h3, +.bg-inverse .healthPosition h5 { + color: #fff !important; +} + +#homepageOrderhealthchecks .card-body { + background: rgba(255, 255, 255, 0.2); +} + +.card, +.card-body { + border-radius: 3px; +} + +.bg-inverse { + background: transparent !important; +} + +.left-health { + border-radius: 3px 0 0 3px; +} + +/* Homepage Tautulli Cards*/ +#homepageOrdertautulli .library-card .card-body, +#homepageOrdertautulli div:nth-child(8) .card-body { + background: rgba(255, 255, 255, .2); +} + +.homepage-tautulli-card .cardCountType { + color: #eee; +} + +.homepage-tautulli-card .tautulliRank, +.homepage-tautulli-card .tautulliSeparator { + color: #eee; +} + +.homepage-tautulli-card .bg-img-cont { + border-radius: 3px; + border: .0001px solid #00000000; +} + +/* Homepage Unifi cards */ +.unifiCards .panel-heading { + background: rgb(var(--accent-color)); + color: var(--label-text-color) !important; + border-color: transparent !important; + text-align: inherit !important; + border-radius: 3px 3px 0 0 +} + +.unifiCards .panel-wrapper.collapse.in { + background: rgba(0, 0, 0, 0.15); +} + +/* Homepage Monitor Cards */ +#homepageOrderMonitorr .card-body { + background: rgba(255, 255, 255, 0.2); +} + +#homepageOrderMonitorr .col-lg-2 { + width: 170px; +} + +#homepageOrderMonitorr .badge { + border-radius: 3px; +} + +#homepageOrderMonitorr .bg-success { + background-color: #47bb62 !important; +} + +#homepageOrderMonitorr .col-lg-3 .bg-success { + background-color: #53e69d !important; +} + +/*Homepage WeatherAndAir Cards*/ +#homepageOrderWeatherAndAir .tabs-style-iconbox nav ul li.tab-current a { + background: rgba(0, 0, 0, .2); +} + +.health-and-pollutant-section .content-current { + background: rgba(255, 255, 255, .2); +} + +#homepageOrderWeatherAndAir .tabs-style-iconbox nav ul li.tab-current a::after { + border-top-color: var(--link-color); +} + +#homepageOrderWeatherAndAir .text-info { + color: var(--link-color); +} + +#homepageOrderWeatherAndAir .tabs-style-iconbox nav ul li a { + color: #ddd; +} + +#homepageOrderWeatherAndAir .white-box { + background: rgba(255, 255, 255, .1); + border-radius: 3px; +} + +/*Homepage Speedtest Cards*/ +#allSpeedtest .speedtest-card { + background-color: rgba(255, 255, 255, .1); +} + +#allSpeedtest .speedtest-card .text-muted, +#allSpeedtest .speedtest-card h5 { + color: #d6d6d6 !important; +} + +#allSpeedtest .shadow-sm { + -webkit-box-shadow: none !important; + box-shadow: none !important; +} + +.swal-overlay--show-modal .swal-modal:not(.swal-modal.orgAlertTransparent), +body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div > div.panel-heading { + 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-hover); +} + +[id*="homepage"] .panel-heading.bg-info, +.fc-toolbar:not(.fc-alternate) { + background: rgb(var(--accent-color)) !important; + color: var(--label-text-color) !important; +} + +.fc-toolbar:not(.fc-alternate) h2, +.fc .fc-button-group>button:not(.fc-alternate [class*="fc"]) { + color: var(--label-text-color) !important; +} + +.bg-info:not(.fc-alternate):not(.feeds .bg-info) { + background-color: rgb(var(--accent-color)) !important; + color: var(--label-text-color) !important; +} + +/* Email Center */ +#user-list-div .ms-container .ms-selectable li.ms-hover, +#user-list-div .ms-container .ms-selection li.ms-hover { + background: rgb(var(--accent-color)); + color: var(--label-text-color); +} + +#user-list-div .ms-container .ms-selectable, +#user-list-div .ms-container .ms-selection { + background: rgb(0 0 0 / 25%); + color: var(--text); +} + +#user-list-div .ms-container .ms-selectable li.ms-elem-selectable, +#user-list-div .ms-container .ms-selection li.ms-elem-selection { + border-bottom: 1px rgba(238, 238, 238, .1) solid; + color: var(--text) +} + +#user-list-div .ms-container .ms-list.ms-focus { + border-color: rgba(var(--accent-color), 0.8); + -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(var(--accent-color), .6); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(var(--accent-color), 0.6); + box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(var(--accent-color), .6); +} + +#user-list-div .ms-container .ms-list { + border: 1px solid rgb(var(--accent-color)); +} + +/* Apparance side menu*/ +.tabs-vertical li.active a, +.tabs-vertical li.active a:focus, +.tabs-vertical li.active a:hover { + background: rgba(var(--accent-color), .15) !important; +} + +.customvtab .tabs-vertical li.active a, +.customvtab .tabs-vertical li.active a:focus, +.customvtab .tabs-vertical li.active a:hover { + border-right: 2px solid rgb(var(--accent-color)); + color: rgb(var(--accent-color)); +} + +.vtabs .tabs-vertical li a { + color: var(--text); +} + +.vtabs .nav>li>a:focus, +.vtabs .nav>li>a:hover { + background-color: rgba(var(--accent-color), .15); +} + +/* THEME PARK CUSTOM END*/ + +html { + 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); +} + +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); +} + +#page-wrapper { + 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; +} + +/*Top Header Part*/ +.logo i { + color: var(--text-hover); +} + +@-moz-document url-prefix() { + .navbar-header { + background: transparent !important; + } + + .dropdown-menu { + background: transparent !important; + } +} + +.navbar-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; +} + +.navbar-top-links>li>a { + color: var(--link-color); +} + +.nav .open>a, +.nav .open>a:focus, +.nav .open>a:hover { + 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; +} + +/*Right panel*/ +.right-sidebar .rpanel-title { + 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; +} + +/*Bread Crumb*/ +.bg-title .breadcrumb .active { + color: #1f1f1f; +} + +/*Sidebar*/ + +@media (max-width: 767px) { + + .show-sidebar .sidebar, + .sidebar .sidebar-head { + 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; + } +} + +.sidebar { + background: rgba(0, 0, 0, 0.26) !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 0px 20px rgba(0, 0, 0, 0.08); + transition: max-width .2s cubic-bezier(.4, 0, .2, 1), background-color .2s ease-out; + +} + +.navbar-default, +.sidebar .sidebar-head { + background: transparent; +} + +.sidebar:hover { + background: var(--modal-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; + transition: max-width .2s cubic-bezier(.4, 0, .2, 1), background-color .2s ease-out; +} + +.sidebar .label-custom { + background: #01c0c8; +} + +#side-menu li a { + color: var(--text); +} + +#side-menu li a { + color: var(--text); + border-left: 0px solid #1b1a1a; +} + +@media (pointer: fine) { + + #side-menu>li>a:hover, + #side-menu>li>a:focus { + background: rgba(0, 0, 0, 0.07); + color: var(--text-hover); + } +} + +#side-menu>li>a.active, +#side-menu>li>ul>li>a.active { + background: rgba(var(--accent-color), 0.05); + color: rgb(var(--accent-color)); + font-weight: 500; + -webkit-box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)); + box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)); + border-radius: 0 0 0 0; + margin-left: 0px; +} + +#side-menu ul>li>a:hover { + color: var(--text-hover); +} + +#side-menu ul>li>a.active { + color: var(--text-hover); + font-weight: 500; +} + +.user-profile .user-pro-body .u-dropdown { + color: var(--text); +} + +.drop-title { + color: var(--text-hover); +} + +.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>li>a { + color: var(--text) !important; + +} + +.dropdown-menu>li>a:focus, +.dropdown-menu>li>a:hover { + color: var(--text-hover) !important; +} + +.label-inverse { + background-color: #131313; +} + +/*themecolor*/ +.bg-theme { + background-color: #707cd2 !important; +} + +.bg-org:not([id="menu-"]div):not(.panel-heading) { + background: var(--main-bg-color) !important; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; +} + +/*Button*/ +.btn-custom { + background: var(--button-color); + border: 1px solid var(--button-color); + color: var(--button-text); +} + +.btn-custom:hover { + background: var(--button-color-hover); + opacity: 0.8; + color: var(--button-text-hover); + border: 1px solid var(--button-color-hover); +} + +/*Custom tab +.customtab li.active a, +.customtab li.active a:hover, +.customtab li.active a:focus { + border-bottom: 2px solid #1f1f1f; + color: #1f1f1f; +} +*/ + +.tabs-vertical li.active a, +.tabs-vertical li.active a:hover, +.tabs-vertical li.active a:focus { + background: #1f1f1f; + border-right: 2px solid #1f1f1f; +} + +/*Nav-pills*/ +.nav-pills>li.active>a, +.nav-pills>li.active>a:focus, +.nav-pills>li.active>a:hover { + background: #1f1f1f; + color: #ffffff; +} + +/*Extra css*/ +.bg-theme, +.fc th.fc-sun, +.fc th.fc-tue, +.fc th.fc-thu, +.fc th.fc-sat, +.fc th.fc-mon, +.fc th.fc-wed, +.fc th.fc-fri, +.fc-button { + 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 tbody tr.advance-table-row.active, +.fc-button { + border-color: #1f1f1f; +} + +.manage-users .tabs-style-iconbox nav { + background: #1f1f1f; +} + +.manage-users .tabs-style-iconbox nav li.tab-current a { + background: #1f1f1f; +} + +.manage-users .tabs-style-iconbox nav li.tab-current a:after { + border-top-color: #1f1f1f; +} + +.panel-themecolor, +.panel-theme { + border-color: #1f1f1f; +} + +.panel-themecolor .panel-heading, +.panel-theme .panel-heading { + border-color: #1f1f1f; + color: white; + background-color: #1f1f1f; +} + +.panel-themecolor .panel-heading a, +.panel-theme .panel-heading a { + color: var(--text-hover); +} + +.panel-themecolor .panel-heading a:hover, +.panel-theme .panel-heading a:hover { + color: rgba(255, 255, 255, 0.5); +} + +.panel-themecolor a, +.panel-theme a { + color: #1f1f1f; +} + +.panel-themecolor a:hover, +.panel-theme a:hover { + color: #177eac; +} + +.white-box, +body>div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready>div>div.mfp-content>div>div>div:nth-child(2) { + 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.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready>div>div.mfp-content>div>div>div.white-box.m-b-0.bg-info>h3 { + color: var(--label-text-color) !important; +} + +@media screen and (min-width: 768px) { + .orgErrorAlert { + min-width: 478px; + width: calc(100% - 40px); + max-width: 1200px; + 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; + } +} + +/* #mediaSearch-area>div>div, +body>div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready>div>div.mfp-content>div>div>div, +body>div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready>div>div.mfp-content>div>div>div.white-box.m-b-0.bg-info { + background: var(--modal-bg-color) !important; +} */ + +.bg-title { + 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 { + background: #1b1a1a; +} + +.form-control, +input, +.input-group-addon, +.no-bg-addon .input-group-addon { + background-color: #1f1f1f; +} + +.bg-title .breadcrumb .active { + color: #e6d086; +} + +.tabs-style-flip nav li.tab-current a::after { + background-color: rgba(var(--accent-color), 0.05); + -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg); + transform: perspective(900px) rotate3d(1, 0, 0, 0deg); + border-radius: 0px 0px 0 0; +} + +.tabs-style-flip nav a::after { + background-color: rgb(var(--accent-color)); +} + +.tabs-style-flip .content-wrap { + 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; +} + +.tabs-style-flip nav li.tab-current a { + color: rgb(var(--accent-color)); +} + +.customtab2 li.active a, +.customtab2 li.active a:focus, +.customtab2 li.active a:hover { + background: #1f1f1f; + border-radius: 20px; +} + +.nav-tabs>li>a:hover { + background: rgba(0, 0, 0, 0.25) !important; + border-radius: 0px; + color: var(--text-hover); +} + +.tabs-style-flip nav a:focus, +.tabs-style-flip nav a:hover { + color: rgb(var(--accent-color)); +} + +.breadcrumb>li+li:before { + padding: 0 2px 0 4px; + color: #ccc; + content: "/\00a0"; +} + +.wizard-steps>li.done { + background: #2b8b2d; +} + + +#account-area>div>div>div>div>div.panel-wrapper.collapse.in.main-email-panel>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; +} + +.tab-content .panel .panel-body, +.tab-content .panel .panel-body .bg-org { + background: transparent !important; +} + +/* +.jq-toast-single { + border-radius: 10px 10px 0 0; +} +*/ + +.tooltip-text3 { + border-bottom: 10px solid #2cabe4; + overflow: hidden; + -webkit-transform: scale3d(0, 1, 1); + transform: scale3d(0, 1, 1); + -webkit-transition: -webkit-transform .3s .3s; + transition: transform .3s .3s; +} + +a.mytooltip { + font-weight: 500; + color: #2cabe4; +} + +.tooltip-content5::after { + content: ''; + bottom: -20px; + left: 50%; + border: solid transparent; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-color: #2cabe4 transparent transparent; + border-width: 10px; + margin-left: -10px; +} + +.tooltip-info+.tooltip .tooltip-inner,.tooltip-info.tooltip .tooltip-inner { + color: var(--label-text-color); + background-color: rgba(var(--accent-color)); +} + +.tooltip-info+.tooltip.top .tooltip-arrow,.tooltip-info.tooltip.top .tooltip-arrow { + border-top-color: rgba(var(--accent-color)); +} + +.tooltip-info+.tooltip.right .tooltip-arrow,.tooltip-info.tooltip.right .tooltip-arrow { + border-right-color: rgba(var(--accent-color)); +} + +.tooltip-info+tooltip.bottom .tooltip-arrow,.tooltip-info.tooltip.bottom .tooltip-arrow { + border-bottom-color: rgba(var(--accent-color)); +} + +.tooltip-info+.tooltip.left .tooltip-arrow,.tooltip-info.tooltip.left .tooltip-arrow { + border-left-color: rgba(var(--accent-color)); +} + +.swapLog.active { + border: 1px solid rgba(120, 130, 140, .2); + background-color: #12dafefc !important; + color: #1f1f1f; +} + +.white-popup-block { + 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; + padding: 20px 30px; + text-align: left; + max-width: 75%; + margin: 40px auto; + position: relative; + /*border: 1px solid #2cabe4; + border-radius: 10px;*/ +} + +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + background-color: #333; + opacity: 1; +} + +.sweet-alert { + background-color: #1b1a1a; +} + +.sweet-alert button.cancel { + background-color: #2cabe3; +} + +.sweet-alert button.cancel:hover { + background-color: #3a7b98; +} + +.el-element-overlay .el-card-item .el-overlay-1 .el-info>li a:hover { + background: #707cd2; + border-color: #707cd2; +} + +.error-page { + width: 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; + height: 100%; + position: fixed; + display: none; + z-index: 11; +} + +.error-body h1 { + font-size: 210px; + font-weight: 400; + line-height: 210px; +} + +.fc-unthemed .fc-popover { + background-color: #1b1b1b; +} + +.fc-unthemed .fc-divider, +.fc-unthemed .fc-popover .fc-header { + background: #1f1f1f; +} + +.table-hover>tbody>tr:hover, +.table-striped>tbody>tr:nth-of-type(odd), +.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(0, 0, 0, 0.25) !important; +} + +.asColorPicker-dropdown, +.checkbox label::before, +.clockpicker-popover .popover-content, +.clockpicker-popover .popover-title, +.customvtab .tabs-vertical li.active a, +.customvtab .tabs-vertical li.active a:focus, +.customvtab .tabs-vertical li.active a:hover, +.dropdown-menu, +.fc-day, +.footable-row-detail, +.img-thumbnail, +.input-group-addon, +.jsgrid-filter-row>td, +.jsgrid-header-sortable:hover, +.nav-tabs>li>a:focus, +.nav-tabs>li>a:hover, +.pager .disabled>a, +.pager .disabled>a:focus, +.pager .disabled>a:hover, +.pager .disabled>span, +.pager li>a:focus, +.pager li>a:hover, +.pagination>.disabled>a, +.pagination>.disabled>a:focus, +.pagination>.disabled>a:hover, +.pagination>.disabled>span, +.pagination>.disabled>span:focus, +.pagination>.disabled>span:hover, +.popover, +.popover-title, +.right-sidebar, +code, +table.dataTable tbody tr { + background: #1b1b1b; +} + +.table>tbody>tr>td, +.table>tbody>tr>th, +.table>tfoot>tr>td, +.table>tfoot>tr>th, +.table>thead>tr>td, +.table>thead>tr>th { + padding: 8px; + line-height: 1.42857143; + vertical-align: middle; + /*border-top: transparent;*/ +} + +.btn-default, +.chat-list .chat-text h4, +.dropdown-menu>li>a, +.dropdown-menu>li>a:focus, +.dropdown-menu>li>a:hover, +.flot-text, +.footer, +.form-control, +.h1 .small, +.h1 small, +.h2 .small, +.h2 small, +.h3 .small, +.h3 small, +.h4 .small, +.h4 small, +.h5 .small, +.h5 small, +.h6 .small, +.h6 small, +.help-block, +.input-group-addon, +.text-muted, +a.list-group-item:focus, +a.list-group-item:hover, +button.list-group-item:focus, +button.list-group-item:hover, +h1 .small, +h1 small, +h2 .small, +h2 small, +h3 .small, +h3 small, +h4 .small, +h4 small, +h5 .small, +h5 small, +h6 .small, +h6 small, +tbody, +th { + color: #ffffff; +} + +.bootstrap-tagsinput, +.calendar-widget, +.chat-main-box, +.content-wrap, +.css-bar:after, +.customtab li.active a, +.customtab li.active a:focus, +.customtab li.active a:hover, +.daterangepicker .input-mini, +.dropify-wrapper, +.dropify-wrapper .dropify-preview, +.dropzone, +.footer, +.form-control, +.jsgrid-alt-row>td, +.jsgrid-header-row>th, +.jsgrid-row>td, +.list-group-item, +.list-group-item.disabled, +.list-group-item.disabled:focus, +.list-group-item.disabled:hover, +.manage-table, +.myadmin-dd .dd-list .dd-item .dd-handle, +.myadmin-dd-empty .dd-list .dd3-content, +.myadmin-dd-empty .dd-list .dd3-handle, +.nav-tabs>li.active>a, +.nav-tabs>li.active>a:focus, +.nav-tabs>li.active>a:hover, +.pager li>a, +.pager li>span, +.pagination>li>a, +.pagination>li>span, +.panel:not(#invite-area > div > div > div.col-md-12 > div):not(#login-panels > div), +.panel-default .panel-body, +.panel-default .panel-footer, +.panel-default .panel-heading, +.panel-footer textarea, +.panel-white .panel-body, +.panel-white .panel-footer, +.panel-white .panel-heading, +.radio label::before, +.select2-container-multi .select2-choices, +.table tbody tr.advance-table-row td, +.thumbnail, +.well, +.white-box:not(.resultBox-outside.white-box), +input, +pre, +select, +table.dataTable.display tbody tr.odd, +table.dataTable.stripe tbody tr.odd { + background: rgba(0, 0, 0, 0.15); +} + +input:focus:not(select), +input:active:not(select), +.form-control:focus:not(select), +.form-control:active:not(select) { + background: rgba(0, 0, 0, 0.445); + border: 1px solid rgba(120, 130, 140, 0.4); +} + + +.cp-container .cp-pills li a { + padding: 5px; + color: #FFF; + text-decoration: none; +} + +.cp-container .cp-pills li a.active, +.cp-container .cp-pills li a:hover { + background-color: #2cabe3; + color: #fff +} + +.jq-icon-info { + background-color: rgba(71, 68, 68, 0.93); + color: #FFF; + border-color: #bce8f1; +} + +.jq-icon-warning { + background-color: rgba(154, 83, 20, 0.93); + color: #fcf8e3; + border-color: #faebcc; +} + +.jq-icon-error { + background-color: #a94442; + color: #f2dede; + border-color: #ebccd1; +} + +.jq-icon-success { + color: #dff0d8; + background-color: rgba(13, 132, 11, 0.93); + border-color: #d6e9c6; +} + +.jq-icon-organizr { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII='); + background-color: #31708f; + color: #000; + border-color: #bce8f1; +} + +.jq-icon-update { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAA4JGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cyk8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhtcDpDcmVhdGVEYXRlPjIwMTctMTItMTRUMDk6MzQ6MDgtMDc6MDA8L3htcDpDcmVhdGVEYXRlPgogICAgICAgICA8eG1wOk1vZGlmeURhdGU+MjAxNy0xMi0xNFQwOTozNTowOC0wNzowMDwveG1wOk1vZGlmeURhdGU+CiAgICAgICAgIDx4bXA6TWV0YWRhdGFEYXRlPjIwMTctMTItMTRUMDk6MzU6MDgtMDc6MDA8L3htcDpNZXRhZGF0YURhdGU+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgICAgIDxwaG90b3Nob3A6Q29sb3JNb2RlPjM8L3Bob3Rvc2hvcDpDb2xvck1vZGU+CiAgICAgICAgIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6NDg4MmMzYjEtODM4YS1lMDRjLThiYmYtZTc0Zjk5ZjJjNGIxPC94bXBNTTpJbnN0YW5jZUlEPgogICAgICAgICA8eG1wTU06RG9jdW1lbnRJRD54bXAuZGlkOjQ4ODJjM2IxLTgzOGEtZTA0Yy04YmJmLWU3NGY5OWYyYzRiMTwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOjQ4ODJjM2IxLTgzOGEtZTA0Yy04YmJmLWU3NGY5OWYyYzRiMTwveG1wTU06T3JpZ2luYWxEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06SGlzdG9yeT4KICAgICAgICAgICAgPHJkZjpTZXE+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPmNyZWF0ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDo0ODgyYzNiMS04MzhhLWUwNGMtOGJiZi1lNzRmOTlmMmM0YjE8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTctMTItMTRUMDk6MzQ6MDgtMDc6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgIDwvcmRmOlNlcT4KICAgICAgICAgPC94bXBNTTpIaXN0b3J5PgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WFJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyMDAwMC8xMDAwMDwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT42NTUzNTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+MjQ8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+MjQ8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PssSCj0AAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAbRJREFUeNqslT1rFFEUhp/9AI2JWrgkoJEgIopFhBSWVlYWQpqAraU/wsrKQi39EXYRLBTJL7AQ1FKjKO4iItlkFYQ8NmfgOuzdubP6wnBnzpzznnvP1+2oFGITuAlsAAPgO/AK2AaeZK3UpmdN3XE2Xqqnp9k3kZ9T9yzDN3WlztGZEaIO8B5YoxyvgSupoDtD+U5LcoB1YKskBz31jfNhJ+Wqn+B2VMUucJn5cCGNTD9ZnwHX+XccnZaD5y3JfzX8P0xzcKtFfO+rV9WBuqHem6JzqG6ry1UfvCgkv5EpiGsZ/Y/qEdRhAfmjGunJ2vfd3IlRRwUOLiZkD6O7HySyMxm7T8QcacJSEC3W5AshP5Ez7AOPY0IC1OdGFxgn1dYHfgILIe8lY+ULsJhw9IC31SxayjjohGwS63Hgc6w/gFXgIPSOJfrV5iZVo+0X1v84ITDI6+9/od9AeApYAb4mJ+gmO0xPsByX0KjNhXNWfRf52lcn0UhVQ01CrvpBPd/2wiFKdNxQZb/V9XlutOoZqLsZ8pG6mrMtdZBzMoww8j8c1J0MZ+18XgfVWHiqXirR/zMAbHa5dGMozWYAAAAASUVORK5CYII='); + background-color: #2cabe4; + color: #FFF; + border-color: #bce8f1; +} + +.panel-body.settings-bottom { + background: #1b1a1a; + color: white; + border-radius: 0 0 10px 10px; +} + +.panel-heading.settings-top { + background: #2cabe3; + border-color: #ffffff; + color: #232323; + border-radius: 10px 10px 0 0; +} + +span.select2-results { + background: #0e0e0e; +} + +.select2-container--default .select2-results__option[aria-selected=true] { + background-color: #232323; +} \ No newline at end of file diff --git a/CSS/themes/overseerr/overseerr-base.css b/CSS/themes/overseerr/overseerr-base.css new file mode 100644 index 00000000..69c53aeb --- /dev/null +++ b/CSS/themes/overseerr/overseerr-base.css @@ -0,0 +1,524 @@ +/* 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); +} \ No newline at end of file diff --git a/CSS/themes/petio/petio-base.css b/CSS/themes/petio/petio-base.css new file mode 100644 index 00000000..98fe48ed --- /dev/null +++ b/CSS/themes/petio/petio-base.css @@ -0,0 +1,502 @@ +/* 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; +} \ No newline at end of file diff --git a/CSS/themes/pihole/pihole-base.css b/CSS/themes/pihole/pihole-base.css new file mode 100644 index 00000000..1d5290da --- /dev/null +++ b/CSS/themes/pihole/pihole-base.css @@ -0,0 +1,592 @@ + /* 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; + } \ No newline at end of file diff --git a/CSS/themes/plex/plex-base.css b/CSS/themes/plex/plex-base.css new file mode 100644 index 00000000..fcd94772 --- /dev/null +++ b/CSS/themes/plex/plex-base.css @@ -0,0 +1,673 @@ +/* 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); +} \ No newline at end of file diff --git a/CSS/themes/plpp/.deprecated b/CSS/themes/plpp/.deprecated new file mode 100644 index 00000000..e69de29b diff --git a/CSS/themes/plpp/plpp-base.css b/CSS/themes/plpp/plpp-base.css new file mode 100644 index 00000000..eb81cc7a --- /dev/null +++ b/CSS/themes/plpp/plpp-base.css @@ -0,0 +1,284 @@ +/* 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; +} \ No newline at end of file diff --git a/CSS/themes/portainer/portainer-base.css b/CSS/themes/portainer/portainer-base.css new file mode 100644 index 00000000..4e76f910 --- /dev/null +++ b/CSS/themes/portainer/portainer-base.css @@ -0,0 +1,710 @@ +/* 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; +} diff --git a/CSS/themes/prowlarr/prowlarr-base.css b/CSS/themes/prowlarr/prowlarr-base.css new file mode 100644 index 00000000..bcd4651e --- /dev/null +++ b/CSS/themes/prowlarr/prowlarr-base.css @@ -0,0 +1,1101 @@ +/* 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); +} + +/* Froms */ + +[class*="FormInputHelpText-helpText-"] { + color: var(--text); +} + +[class*="FormInputGroup-inputUnit-"] { + color: var(--text) !important; +} + +/* LINKS */ +[class*="Link-to-"] { + color: var(--text); +} + +[class*="Link-to-"]:hover { + color: var(--text-hover); + text-decoration: none; +} + +a { + color: var(--link-color); +} + +a:hover { + color: var(--link-color-hover); +} + +[class*="TableRowCell-cell-"] [class*="Link-to-"] { + color: var(--link-color) !important; +} + +[class*="TableRowCell-cell-"] [class*="Link-to-"]:hover { + color: var(--link-color-hover) !important; +} + +/* Buttons */ + +[class*="Button-default-"] { + color: var(--button-text); + background-color: var(--button-color); + border-color: transparent; +} + +[class*="Button-default-"]:hover { + border-color: transparent; + background-color: var(--button-color-hover) !important; + color: var(--button-text-hover); +} + +[class*="Button-primary-"] { + border-color: transparent; + background-color: var(--button-color); + color: var(--button-text); +} + +[class*="Button-primary-"]:hover { + border-color: transparent; + background-color: var(--button-color-hover) !important; + color: var(--button-text-hover); +} + +[class*="Button-success-"] { + border-color: var(--button-color); + background-color: var(--button-color); + color: var(--button-text); +} + +[class*="Button-success-"]:hover { + border-color: var(--button-color-hover); + background-color: var(--button-color-hover); + color: var(--button-text-hover); +} + +/* LOADING PAGE */ +[class*="ErrorPage-page-"], +[class*="ErrorPage-version-"], +[class*="LoadingMessage-loadingMessage-358v5"] { + color: var(--text); +} + +[class*="LoadingIndicator-ripple-"] { + border: 2px solid #fff; +} + +/* MODAL */ +[class*="ModalHeader-modalHeader-"] { + 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-hover); + border-bottom: 1px solid rgb(var(--accent-color)); +} + +[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; + color: var(--text); +} + +[class*="ModalFooter-modalFooter-"] { + 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: #fff; + border-top: 1px solid rgb(var(--accent-color)); +} + +[class*="ModalContent-closeButton-"]:hover { + color: #fff; +} + +/* INPUT */ +[class*="TagInput-internalInput-"] { + background-color: transparent; + color: #fff; +} + +[class*="SelectInput-select-"] { + background-color: rgba(0, 0, 0, 0.25) !important; +} + +[class*="SelectInput-select-"]:active, +[class*="SelectInput-select-"]:focus { + background: #1e1e1e !important; +} + +[class*="AutoSuggestInput-suggestionsList-"], +[class*="AutoSuggestInput-suggestionsContainerOpen-"], +[class*="AutoSuggestInput-suggestionsContainer-"] { + background-color: #323232 !important; + color: white; + border: none !important; +} + +[class*="AutoSuggestInput-suggestionHighlighted-"] { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="CheckInput-primaryIsChecked-"] { + border-color: rgb(var(--accent-color)) !important; + background-color: rgb(var(--accent-color)) !important; + color: var(--label-text-color) !important; +} + +[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] { + background: #fff; +} + +/* HEADER */ + +[class*="PageHeader-header-"] { + background-color: rgba(0, 0, 0, .35); + box-shadow: none; +} + +/* SEARCH DROPDOWN HEADER */ + +[class*="PageHeader-donate-"] { + color: #c4273c !important; +} + +/* RADARR SPECIFIC */ +[class*="IndexerSearchInput-sectionTitle-"] { + color: #fff; +} + +[class*="IndexerSearchInput-containerOpen-"] [class*="IndexerSearchInput-movieContainer-"] { + border: none !important; + 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: #fff !important; + box-shadow: 0 0 10px 1px transparent !important; +} + +[class*="IndexerSearchInput-highlighted-"] { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="IndexerSearchInput-movieContainer-"]::-webkit-scrollbar-thumb { + background-color: rgba(255, 255, 255, 0.25); +} + +/* SIDE MENU */ +[class*="PageSidebar-sidebarContainer-"] { + background-color: rgba(0, 0, 0, .25); +} + +[class*="PageSidebar-sidebar-"] { + background-color: transparent; +} + +[class*="PageSidebarItem-link-"]:hover { + color: rgb(var(--accent-color)); + text-decoration: none; +} + +[class*="PageSidebarItem-isActiveLink-"], +[class*="PageSidebarItem-isActiveLink-"]:hover, +[class*="PageSidebarItem-link-"]:focus { + color: rgb(var(--accent-color)) !important; +} + +[class*="PageSidebarItem-isActiveParentLink-"] { + background-color: rgba(0, 0, 0, 0.15); +} + +@media only screen and (max-width: 768px) { + [class*="PageSidebar-sidebarContainer-"] { + 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*="PageSidebarItem-isActiveItem-"] { + border-left: 3px solid rgb(var(--accent-color)); +} + +/* MOVIES PAGE */ +/* RADARR SPECIFIC */ +[class*="MovieIndexPoster-controls-"] { + background-color: rgb(var(--accent-color)) !important; +} + +/* OVERVIEW PAGE */ + +[class*="MovieIndexOverviews-container-"], +[class*="MovieIndexOverviews-container-"]:hover { + background-color: transparent !important; +} + +[class*="MovieIndexOverview-container-"]:hover [class*="MovieIndexOverview-content-"] { + background-color: transparent; +} + +[class*="AddListMovieOverview-container-"]:hover [class*="AddListMovieOverview-content-"] { + background-color: rgba(255, 255, 255, 0.08); +} + +[class*="AddListMoviePoster-title-"] { + background-color: rgba(255, 255, 255, 0.08); +} + +[class*="MovieIndexOverview-content-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="MovieIndexOverview-link-"]:hover { + text-decoration: none; +} + +[class*="ProgressBar-container-"] { + background-color: rgba(0, 0, 0, 0.25); +} + +[class*=".ProgressBar-purple-"] { + background-color: rgb(var(--accent-color)); +} + +/* MOVIE PAGE */ +[class*="MovieDetailsSeason-season-"], +[class*="MovieDetailsSeason-collapseButtonContainer-"] { + border: none !important; + background-color: rgba(0, 0, 0, .25) !important; +} + +[class*="MovieDetailsSeason-actionButton-"], +[class*="MovieDetailsSeason-collapseButtonIcon-"] { + color: var(--text) !important; +} + +.fa-search:hover { + color: var(--text-hover) !important; +} + +[class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) { + color: var(--text-hover); +} + +[class*="MonitorToggleButton-toggleButton-"] { + color: #dadada; +} + + +[class*="ProtocolLabel-torrent-"] { + border-color: #00853d !important; + background-color: #00853d !important; + color: #fff !important; +} + +[class*="ProtocolLabel-usenet-"] { + border-color: #17b1d9 !important; + background-color: #17b1d9 !important; + color: #fff !important; +} + +[class*="MovieDetailsSeason-seasonNumber-"] { + color: #fff; +} + +[class*="MovieDetailsSeason-collapseButtonContainer-"] { + border: none !important; + background-color: rgba(0, 0, 0, .25) !important; +} + +[class*="MovieFileEditorTable-container-"] { + border: 1px solid transparent; + background-color: rgba(0, 0, 0, 0.25); +} + +[class*="ExtraFileTable-container-"] { + border: 1px solid transparent; + background-color: rgba(0, 0, 0, .25); +} + +.Table-table-2C3O8 { + color: #fff; +} + +[class*="Popover-title-"], +[class*="SeasonInfo-title-"], +[class*="Popover-body-"], +[class*="Tooltip-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; +} + +[class*="Tooltip-tooltipContainer-"] { + color: #fff; +} + +[class*="Tooltip-bottom-"][class*="Tooltip-default-"] { + border-bottom-color: var(--text); +} + +[class*="Tooltip-right-"][class*="Tooltip-default-"] { + border-right-color: var(--text); +} + +[class*="EpisodeTitleLink-link-"]:hover { + color: #ffffff; + text-decoration: none; +} + +[class*="IconButton-button-"] { + color: var(--text); +} + +[class*="IconButton-button-"]:hover { + background-color: transparent; + color: var(--label-text-color); +} + +[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover { + background-color: transparent; + color: var(--text-hover); +} + +[class*="Label-default-"] { + border-color: rgb(var(--accent-color)); + background-color: rgb(var(--accent-color)); + color: var(--label-text-color); +} + +[class*="Label-info-"] { + border-color: rgb(var(--accent-color)); + background-color: rgb(var(--accent-color)); + color: var(--label-text-color); +} + +[class*="PageSidebarItem-status-"][class*="Label-info-"] { + border-color: var(--arr-queue-color); + background-color: var(--arr-queue-color); + color: var(--label-text-color); +} + +[class*="MovieDetails-selectedTab-"] { + border-bottom: 4px solid rgb(var(--accent-color)); +} + +[class*="MovieDetails-tabList-"] { + color: var(--text-hover); +} + +/* Table options*/ +[class*="TableOptionsColumn-column-"] { + background: rgba(0, 0, 0, .25); + color: var(--text-hover); + border: none; +} + +[class*="TableHeaderCell-headerCell-"] { + color: var(--text-hover); +} + +[class*="Table-table-"] { + color: var(--text); +} + +[class*="TableRow-row-"]:hover { + background-color: hsla(0, 0%, 100%, .08); + color: var(--text-hover); +} + +[class*="TableRowCell-cell-"] { + border-top: 1px solid rgb(255 255 255 / 25%); +} + +/* TOP MENU SERIES */ +[class*="PageToolbar-toolbar-"] { + background-color: rgba(0, 0, 0, .25); + color: var(--text); +} + +[class*="PageToolbarButton-label-"] { + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"] { + opacity: .5; + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"]:hover, +[class*="PageToolbarButton-isDisabled-"]:hover { + color: var(--text) !important; +} + +[class*="PageToolbarButton-label-"] { + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"]:hover { + color: rgb(var(--accent-color)); +} + +[class*="MenuButton-menuButton-"]:hover { + color: rgb(var(--accent-color)); +} + +/* POSTERS */ +[class*="MovieIndexPoster-title-"], +[class*="MovieIndexPoster-nextAiring-"], +[class*="MovieIndexPosterInfo-info-"], +[class*="MovieIndexPosterInfo-info-"], +[class*="MovieCreditPoster-title-"] { + background-color: rgba(255, 255, 255, 0.08); + color: var(--text-hover); +} + +/* LIBRARY TOP HEADER DROPDOWN */ +[class*="MenuItem-menuItem-"], +[class*="MenuContent-menuContent-"] { + 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); +} + +[class*="MenuContent-scroller-"] { + box-shadow: black 0 0 5px 0px; +} + +[class*="MenuItem-menuItem-"]:hover, +[class*="MenuItem-menuItem-"]:focus { + background: hsla(0, 0%, 100%, .08) !important; + color: var(--text-hover); + text-decoration: none; +} + +[class*="MenuItemSeparator-separator-"] { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +/* ALPHABET JUMP BAR */ +[class*="PageJumpBar-jumpBar-"] { + color: #FFF; +} + +/* MINI RIGHT SCROLL BAR */ +[class*="OverlayScroller-thumb-"], +[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="OverlayScroller-thumb-"]:hover, +[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover { + background-color: rgba(255, 255, 255, 0.25) !important; +} + +/* ADD NEW */ + +[class*="EnhancedSelectInput-options-"] { + border: 1px solid rgba(255, 255, 255, 0.2); + border-radius: 4px; + 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); +} + +[class*="EnhancedSelectInputOption-isSelected-"], +[class*="EnhancedSelectInputOption-isSelected-"]:hover { + background-color: rgba(255, 255, 255, 0.20) !important; + color: var(--text-hover); +} + +[class*="EnhancedSelectInputOption-option-"]:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +[class*="HintedSelectInputOption-hintText-"] { + color: var(--text); +} + +/* SEARCH BAR */ +[class*="Input-input-"], +[class*="AddNewMovie-searchIconContainer-"], +[class*="CheckInput-isIndeterminate-"] { + border: none; + background-color: rgba(255, 255, 255, 0.08); + color: #fff; +} + +[class*="IndexerSearchInput-container-"] [class*="Input-input-"] { + background: transparent; + border-bottom: solid 1px #fff; +} + +[class*="IndexerSearchInput-container-"] [class*="Input-input-"]:focus { + border-bottom: none; + background: transparent; +} + +[class*="IndexerSearchResult-alternateTitle-"] { + color: #ffffff; + font-size: 12px; +} + +[class*="AddNewMovieSearchResult-year-"] { + color: #fff !important; +} + +[class*="Input-input-"]:focus { + outline: 0; + border-color: #fff; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.25); +} + +[class*="TagInput-input-"][class*="TagInput-isFocused-"] { + outline: 0; + border-color: #fff; + box-shadow: none; +} + +/* TEXT COLOR */ + +[class*="PageContentBody-innerContentBody-"] { + color: var(--text); +} + +/* SEARCH RESULTS */ +[class*="AddNewMovieSearchResult-searchResult-"], +[class*="AddNewMovieSearchResult-underlay-"] { + background-color: transparent !important; +} + +[class*="AddNewMovieSearchResult-searchResult-"]:hover, +[class*="AddNewMovieSearchResult-underlay-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="AddNewmovieModalContent-year-"] { + color: #fff; +} + +[class*="RootFolderSelectInputSelectedValue-movieFolder-"], +[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { + color: #fff; +} + +[class*="RootFolderSelectInputOption-freeSpace-"], +[class*="RootFolderSelectInputOption-movieFolder-"] { + color: var(--text-muted); +} + +/* MOVE THIS */ +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); +} + +/* IMPORT */ + +[class*="FieldSet-legend-"] { + color: var(--text-hover); + border-bottom: 1px solid rgb(var(--accent-color)); +} + +[class*="VirtualTableRow-row-"]:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +/* Drop down menu/button*/ +[class*="ImportMovieSelectMovie-button-"] { + border: none !important; + background-color: rgba(0, 0, 0, 0.25) !important; +} + +[class*="ImportMovieSelectMovie-content-"], +[class*="ImportMovieSelectMovie-searchIconContainer-"] { + border: none; + 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; +} + +[class*="ImportMovieSearchResult-movie-"]:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +[class*="ImportMovieTitle-year-"] { + color: var(--text-muted); +} + +/* DISCOVER */ +[class*="DiscoverMovieOverview-link-"] { + color: var(--text); +} + +[class*="DiscoverMovieOverview-link-"]:hover { + color: var(--text-hover); + text-decoration: none; +} + +/*Title*/ +[class*="AddListMovieOverview-link-"] { + color: var(--text); +} + +[class*="AddListMovieOverview-link-"]:hover { + color: #fff; +} + +[class*="AddListMovieOverview-content-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="PageJumpBarItem-jumpBarItem-"]:hover { + color: #fff; + background: hsla(0, 0%, 100%, .08); +} + +/*Posters*/ +[class*="AddListMoviePoster-title-"] { + background-color: rgba(255, 255, 255, 0.08); + color: #fff; +} + +/* MASS EDITOR */ +/* FOOTER */ +[class*="PageContentFooter-contentFooter-"] { + border: none; + background-color: rgba(0, 0, 0, .25); + color: #FFF; +} + +/* CALENDAR */ +[class*="CalendarEvent-downloaded-"] { + background: rgb(var(--calendar-available) / .7) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-downloaded-"]:hover { + background: rgb(var(--calendar-available) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-missing-"] { + background: rgb(var(--calendar-missing) / .7) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-missing-"]:hover { + background: rgba(var(--calendar-missing) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-unreleased-"] { + background: rgb(var(--calendar-unaired) / .7) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-unreleased-"]:hover { + background: rgb(var(--calendar-unaired) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-unmonitored-"] { + background: rgb(var(--calendar-unmonitored) / .7) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-unmonitored-"]:hover { + background: rgb(var(--calendar-unmonitored) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-downloading-"] { + background: rgb(var(--calendar-downloading) / .7) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-downloading-"]:hover { + background: rgb(var(--calendar-downloading) / .5) !important; + border-left-color: transparent !important; +} + +[class*="DayOfWeek-dayOfWeek-"] { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="CalendarDay-dayOfMonth-"] { + border-bottom: 1px solid hsla(0, 0%, 100%, .08); + background-color: rgba(0, 0, 0, .25); +} + +[class*="CalendarDay-isToday-"] { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="CalendarDay-day-"], +[class*="CalendarDays-days-"] { + -webkit-box-flex: 1; + -webkit-flex: 1 0 14.28%; + flex: 1 0 14.28%; + overflow: hidden; + min-height: 70px; + border-bottom: 1px solid hsla(0, 0%, 100%, .08); + border-left: 1px solid hsla(0, 0%, 100%, .08); + border-right: 1px solid hsla(0, 0%, 100%, .08); +} + +[class*="CalendarEvent-movieTitle-"], +[class*="CalendarEvent-episodeInfo-"], +[class*="CalendarEvent-airTime-"] { + color: #ffffff !important; +} + +[class*="CalendarEvent-movieInfo-"] { + color: var(--text); +} + +[class*="CalendarEvent-event-"] { + border-bottom: 1px solid transparent; +} + +[class*="CalendarEventGroup-eventGroup-"] { + border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important; +} + +[class*="CalendarEventGroup-movieTitle-"] { + color: #ffffff !important; +} + +[class*="CalendarEventGroup-airTime-"] { + color: var(--text); +} + +[class*="CalendarEventGroup-episodeInfo-"] { + color: var(--text); +} + +/* calendar agenda */ +[class*="AgendaEvent-event-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +/* SETTINGS */ +[class*="Settings-link-"] { + color: var(--text-hover); + border-bottom: 1px solid rgb(var(--accent-color)); +} + +[class*="Settings-summary-"] { + color: var(--text); +} + +[class*="FormLabel-large-"] { + color: var(--text-hover); +} + +[class*="FormLabel-isAdvanced-"] { + color: #ff902b; +} + +/* MEDIA MANAGEMENT - FILE NAME TOKENS */ +[class*="NamingOption-small-"] { + border: 1px solid transparent; +} + +[class*="NamingOption-token-"] { + background-color: rgba(255, 255, 255, 0.15); +} + +[class*="NamingOption-token-"] { + background-color: rgba(255, 255, 255, 0.15); +} + +[class*="NamingOption-example-"] { + background-color: rgba(255, 255, 255, 0.25); +} + +[class*="NamingOption-option-"] { + border: 1px solid transparent; +} + +[class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] { + background-color: rgba(255, 255, 2550, 0.25); +} + +[class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] { + background-color: rgba(255, 255, 2550, 0.35); +} + +/* PROFILES */ +[class*="Card-card-"], +[class*="QualityProfiles-addQualityProfile-"] { + background-color: rgba(0, 0, 0, .45); + box-shadow: 0 0 10px 1px #000000; + color: var(--text); +} + +[class*="Card-card-"]:hover, +[class*="Applications-center-"]:hover { + color: var(--text-hover); +} + +[class*="QualityProfiles-center-"], +[class*="LanguageProfiles-center-"], +[class*="ReleaseProfiles-center-"] { + background-color: transparent; + border: none; + color: var(--text); +} + +[class*="Applications-center-"], +[class*="AppProfiles-center-"] { + background-color: transparent; + border: none; +} + +[class*="QualityProfileItem-qualityProfileItem-"], +[class*="QualityProfileItemGroup-qualityProfileItemGroup-"], +[class*="LanguageProfileItem-languageProfileItem-"] { + border: none; + background-color: rgba(0, 0, 0, .25); + color: #FFF; +} + +[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] { + background: rgba(0, 0, 0, 0.25); +} + +[class*="QualityDefinitions-sizeLimitHelpText-"] { + color: var(--text); +} + +[class*="KeyValueListInputItem-keyInput-"], +[class*="KeyValueListInputItem-valueInput-"] { + border: none; + background: transparent; + color: white; +} + +[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] { + border: 1px solid transparent; + background: rgba(0, 0, 0, .25); +} + +/* PROFILES */ +[class*="Indexers-center-"] { + background-color: transparent; + border: none; + color: var(--text); +} + +/* DOWNLOAD CLIENTS */ +[class*="DownloadClients-center-"] { + background-color: transparent; + border: none; +} + +/* CONNECTIONS */ +[class*="Notifications-center-"] { + background-color: transparent; + border: none; +} + +/* LISTS */ +[class*="ImportLists-center-"] { + background-color: transparent; + border: none; + color: var(--text); +} + +/* LOG */ +[class*="Alert-info-"] { + border-color: transparent; + background-color: rgba(0, 0, 0, 0.25); + color: #FFC107; +} + +/* INDEXER */ +[class*="Restrictions-center-"] { + border: 1px solid transparent; + background-color: transparent; +} + +/* LISTS */ +[class*="NetImports-center-"] { + border: 1px solid transparent; + background-color: transparent; +} + +/* CUSTOM FORMAT */ +[class*="CustomFormats-center-"], +[class*="EditCustomFormatModalContent-center-"] { + border: 1px solid transparent; + background-color: transparent; +} + +/* Login Page */ + +.panel-body { + background-color: rgba(0, 0, 0, 0.25); + color: var(--text); +} + +.panel-header { + background-color: rgba(0, 0, 0, 0.45); +} + +.forgot-password { + color: var(--text) !important; +} + +input[type=email], +input[type=password] { + border: none; + background-color: rgba(255, 255, 255, 0.08); + color: #FFF; +} + +.button { + border-color: var(--button-color); + background-color: var(--button-color); + cursor: pointer; +} + +.button:hover { + border-color: var(--button-color-hover); + background-color: var(--button-color-hover); + color: #fff; + text-decoration: none; +} + +.form-input:focus { + outline: 0; + border-color: #fff; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.25); +} + +/* Custom filter */ +[class*="FilterBuilderRow-filterRow-"]:hover { + background-color: transparent; +} + +[class*="CustomFilter-customFilter-"]:hover { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="SelectMovieModalContent-path-"] { + color: var(--text); +} + +/* ChartJS */ +[class*="Stats-fullWidthChart-"], +[class*="Stats-halfWidthChart-"] { + background: rgba(0, 0, 0, .25) !important; +} + +canvas { + filter: invert(1) +} \ No newline at end of file diff --git a/CSS/themes/qbittorrent/qbittorrent-base.css b/CSS/themes/qbittorrent/qbittorrent-base.css new file mode 100644 index 00000000..5b7b5aa5 --- /dev/null +++ b/CSS/themes/qbittorrent/qbittorrent-base.css @@ -0,0 +1,1806 @@ +/* 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); + +::-webkit-scrollbar { + width: 10px; + height: 10px; +} + +::-webkit-scrollbar-corner { + background-color: hsla(0, 0%, 100%, .08); +} + +::-webkit-scrollbar-thumb { + -webkit-border-radius: 5px; + border-radius: 5px; + background-color: hsla(0, 0%, 100%, .08); +} + +html, +body { + color: var(--text); + background: transparent; +} + +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); +} + +#desktop { + 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:disabled { + color: rgb(84, 84, 84); + cursor: default; + background-color: rgb(255, 255, 255, .05) !important; + border: none !important; +} + +input[type="text"i] { + color: var(--text-hover); + background-color: rgba(0, 0, 0, .25); + border-width: 0px; + outline: none; + border: none; + border-radius: 3px; +} + +input[type="password"i] { + color: var(--text-hover); + background-color: rgba(0, 0, 0, .25); + border-width: 0px; + outline: none; + border: none; + border-radius: 3px; +} + +input[type="number"i] { + color: var(--text-hover); + background-color: rgba(0, 0, 0, .25); + border-width: 0px; + outline: none; + border: none; +} + +input[type="file"i] { + color: var(--text-hover); + background-color: rgba(0, 0, 0, .25); + border-width: 0px; + outline: none; + border: none; +} + +input[name="category"i] { + color: #000; + background-color: #fff; + border-width: 0px; + outline: none; + border: none; +} + +input[type="file"i] { + border: none; +} + +select { + border: none !important; +} + +a, +h2, +h3, +h4, +.mochaTitlebar h3 { + color: var(--text-hover); +} + +/* Login */ +#main h1 { + display: block; + font-size: 2em; + margin-block-start: 2em; + margin-block-end: -.9em; + margin-inline-start: 0px; + margin-inline-end: 0px; + font-weight: bold; + color: var(--text-hover); +} + +#error_msg { + text-transform: uppercase; + color: #D8000C; + background-color: #FFD2D2; + font-family: Helvetica, Arial, sans-serif; + left: 50%; + top: 20%; + transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + margin-left: auto; + margin-right: auto; + text-align: center; + position: absolute; + border-radius: 4px; +} + +#main { + margin-left: auto; + margin-right: auto; + text-align: center; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + padding-top: 0; + /* background: rgba(0, 0, 0, 0.25); */ + width: 400px; + height: 460px; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); +} + +#logo img { + height: 11em; + position: absolute; + left: 50%; + /* top: 50%; */ + transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -160%); +} + +#formplace { + text-transform: uppercase; + text-align: left; + font-size: 12px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; + font-weight: 300 !important; + padding: 10px; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); +} + +label { + cursor: default; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; + font-weight: 300 !important; +} + +.horizontalHandle .handleIcon { + margin: 0 auto; + height: 4px; + line-height: 1px; + font-size: 1px; + overflow: hidden; + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/dots.png) center center no-repeat; +} + +#desktopNavbar { + background: rgba(0, 0, 0, 0.25); + height: 20px; + border-bottom: 1px solid transparent; +} + +#desktopNavbar ul li a { + color: var(--text); +} + +#desktopNavbar ul li a:hover { + color: var(--text-hover); + background-color: rgba(255, 255, 255, 0.08); +} + +#desktopNavbar li ul li a:hover { + background: rgba(255, 255, 255, .08); + color: var(--text-hover); +} + +#desktopNavbar li ul { + border: 1px solid 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; +} + +#desktopNavbar li ul li a { + color: var(--text); +} + +#desktopHeader { + 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; +} + +#desktopFooter { + background: transparent; +} + +#mochaToolbar .divider { + background-image: none; + padding-left: 0px; +} + +#mochaToolbar { + margin-bottom: 5px; +} + +.dynamicTable th { + background-color: rgba(0, 0, 0, 0.25) !important; + border-right-color: rgba(255, 255, 255, .08) !important; + color: var(--text-hover); +} + +.dynamicTable thead tr { + background-color: transparent !important; +} + +.dynamicTable thead tr { + background-color: transparent !important; +} + +.dynamicTable { + background: rgba(0, 0, 0, 0.25); +} + +.dynamicTable tbody tr { + background-color: rgba(0, 0, 0, 0.08) !important; +} + +.dynamicTable tbody tr:nth-child(even), +.dynamicTable tbody tr.alt { + background-color: rgba(255, 255, 255, 0.08) !important; +} + +.dynamicTable tbody tr:hover { + background-color: rgba(255, 255, 255, 0.15) !important; + color: var(--text-hover); +} + +.dynamicTable tbody tr.selected { + background-color: rgba(var(--accent-color), 0.6) !important; + color: var(--label-text-color); +} + +.dynamicTable th.sorted.reverse { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/go-down.png) !important; +} + +.dynamicTable th.sorted { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/go-up.png) !important; + background-size: 9px !important; + background-position: right !important; + background-repeat: no-repeat !important; + +} + +.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; + border-bottom: 1px solid transparent; +} + +#pageWrapper { + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; +} + +li.divider { + border-top: 1px solid rgba(255, 255, 255, .25) !important; +} + + +#main input[type="text"i] { + color: var(--text-hover); + background-color: rgba(0, 0, 0, .25); + border-width: 0px; + outline: none; + border: none; + border-radius: 4px; + width: 250px; + height: 24px; + padding: 7px 12px; +} + +#main input[type="text"i]:focus { + background-color: rgba(0, 0, 0, .45); +} + +#main input[type="password"i] { + color: var(--text-hover); + background-color: rgba(0, 0, 0, .25); + border-width: 0px; + outline: none; + border: none; + border-radius: 4px; + width: 250px; + height: 24px; + padding: 7px 12px; +} + +#main input[type="password"i] { + background-color: rgba(0, 0, 0, .45); +} + +#loginform #login { + padding: 6px 15px !important; + width: 100%; + margin-top: 35px; + background-color: var(--button-color) !important; + border: none; + border-radius: 4px; + color: var(--button-text) !important; + outline: none; + text-transform: uppercase; + font-size: 18px; + font-weight: 300; + height: 44px; + line-height: 1.3333333; +} + +#loginform #login:hover { + background-color: var(--button-color-hover) !important; + padding: 6px 15px; + border-radius: 4px; + cursor: pointer; + border: none; + color: var(--button-text-hover) !important; +} + + +/*right click menu */ +.contextMenu { + border: 1px solid 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; +} + +.contextMenu li a { + color: var(--text); +} + +.contextMenu li a:hover { + background-color: rgba(255, 255, 255, .08) !important; + color: var(--text-hover); +} + +.contextMenu li a:hover {} + +.contextMenu li ul { + border: 1px solid 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; +} + +.contextMenu .separator { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +/* Sidemenu */ +.selectedFilter { + background-color: rgba(var(--accent-color), 0.6); + color: #eee; +} + +.selectedFilter:before { + color: var(--button-color-hover) !important; +} + +ul.filterList li:hover { + background-color: rgba(var(--accent-color), 0.6); + color: var(--button-color-hover) !important; +} + +ul.filterList li:hover:before { + color: var(--button-color-hover) !important; +} + +.columnHandle { + background: rgba(0, 0, 0, 0.45); + border: 1px solid transparent; +} + +/*Sidemenu - Bottom menu*/ +.bottomPanel { + background: rgba(0, 0, 0, 0.25) !important; +} + +/* Bottom menu */ +.panel-headerContent.tabs { + background: none !important; +} + +.panel-header { + background: rgba(0, 0, 0, 0.25) !important; + border-bottom: 1px solid transparent !important; +} + +.horizontalHandle { + background: none !important; +} + +.tab-menu li.selected a { + color: var(--text-hover) !important; + background: transparent !important; + font-weight: normal !important; +} + +.tab-menu li a { + color: var(--text) !important; + background: transparent !important; +} + +.tab-menu li.selected { + background: none !important; +} + +.tab-menu li { + background: none !important; +} + +.tab-menu li a:hover { + background: rgba(255, 255, 255, 0.08) !important; +} + +.toolbarTabs { + background: rgba(0, 0, 0, 0.25) !important; +} + +.progressbar_dark { + background: rgb(var(--accent-color)) !important; + color: var(--label-text-color) !important; +} + +.progressbar_light { + background: rgba(0, 0, 0, 0.25) !important; + color: #fff !important; +} + +.progressbar_wrapper { + border: 1px solid transparent !important; +} + +.stateIcon { + background-image: red !important; +} + +.panel-collapse { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/collapse-expand.gif) left top no-repeat; +} + +.panel-expand { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/collapse-expand.gif) left -16px no-repeat; +} + +fieldset { + border-width: 1px !important; + border-style: solid !important; + border-color: rgba(255, 255, 255, 0.25) !important; +} + +/*Modal */ + +.mochaTitlebar { + width: 100%; + overflow: hidden; + background: none !important; +} + +.mochaToolButton { + margin-right: 10px; + background: rgba(0, 0, 0, .25); + border-radius: 5px; +} + +.mochaToolButton:hover { + margin-right: 10px; + background: rgba(255, 255, 255, .25); + border-radius: 5px; +} + +.mochaOverlay { + position: absolute; + top: 0; + left: 0; + 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; +} + +.mochaToolbarWrapper { + width: 100%; + position: relative; + height: 29px; + background: rgba(0, 0, 0, 0.25) !important; + overflow: hidden; + border-top: none !important; +} + +.mochaToolbar { + width: 100%; + border-top: none !important; +} + +.mochaContentBorder { + border-top: 1px solid rgba(255, 255, 255, .25) !important; + border-bottom: 1px solid rgba(255, 255, 255, .25) !important; +} + +.mocha.isFocused .mochaTitlebar h3 { + color: var(--text-hover); +} + +fieldset.settings legend { + color: var(--text-hover); +} + +.mochaContentWrapper { + font-size: 12px; + overflow: auto; + background: transparent !important; +} + +fieldset.settings { + border: solid 1px rgba(255, 255, 255, 0.25) !important; + border-radius: 8px; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + padding: 4px 4px 4px 10px; +} + +textarea:disabled { + color: rgb(84, 84, 84); + cursor: default; + background-color: rgb(255, 255, 255, .05) !important; + border: none !important; +} + +textarea { + color: var(--text-hover) !important; + cursor: default; + background-color: rgb(0, 0, 0, .25) !important; + border: none !important; +} + +#watched_folders_tab td, +#watched_folders_tab th { + padding: 2px 4px; + border: 1px solid rgba(255, 255, 255, 0.25) !important; +} + +input[type="button"i]:hover { + background-color: var(--button-color-hover); + padding: 6px 15px; + cursor: pointer; + border: none; + color: var(--button-text); +} + +input[type="button"i] { + padding: 6px 15px !important; + background-color: var(--button-color); + cursor: pointer; + border: none; + color: var(--button-text); +} + +button { + background-color: var(--button-color) !important; + cursor: pointer; + border: 2px solid transparent; + color: var(--button-text); +} + +button:hover { + background-color: var(--button-color-hover) !important; + cursor: pointer; + border: 2px solid transparent; + color: var(--button-text); +} + +input[type="submit"i] { + padding: 6px 15px !important; + width: 100%; + margin-top: 15px; + background-color: var(--button-color) !important; + border: none; + color: var(--button-text); + outline: none; + text-transform: uppercase; +} + +input[type="submit"i]:hover { + padding: 6px 15px !important; + background-color: var(--button-color-hover) !important; + width: 100%; + cursor: pointer; + border: none; + color: var(--button-text); + outline: none; + text-transform: uppercase; +} + +/* Icons */ + + +#downloadButton>img.mochaToolButton { + display: none; +} + +#downloadButton:before { + font-family: "Font Awesome 5 Free"; + font-size: 24px; + content: "\f0c1"; + font-weight: 900; + display: inline-block; + width: 24px; + height: 24px; + margin-right: 10px; + color: var(--button-color); + margin-top: 5px; +} + +#downloadButton:hover:before { + font-family: "Font Awesome 5 Free"; + font-size: 24px; + content: "\f0c1"; + font-weight: 900; + display: inline-block; + width: 24px; + height: 24px; + margin-right: 10px; + color: var(--button-color-hover); +} + +#uploadButton>img.mochaToolButton { + display: none; +} + +#uploadButton:before { + font-family: "Font Awesome 5 Free"; + font-size: 24px; + content: "\f067"; + font-weight: 900; + display: inline-block; + width: 24px; + height: 24px; + margin-right: 10px; + color: var(--button-color); +} + +#uploadButton:hover:before { + font-family: "Font Awesome 5 Free"; + font-size: 24px; + content: "\f067"; + font-weight: 900; + display: inline-block; + width: 24px; + height: 24px; + margin-right: 10px; + color: var(--button-color-hover); +} + +#deleteButton>img.mochaToolButton { + display: none; +} + +#deleteButton:before { + font-family: "Font Awesome 5 Free"; + font-size: 24px; + content: "\f068"; + font-weight: 900; + display: inline-block; + width: 24px; + height: 24px; + margin-right: 10px; + color: var(--button-color); +} + +#deleteButton:hover:before { + font-family: "Font Awesome 5 Free"; + font-size: 24px; + content: "\f068"; + font-weight: 900; + display: inline-block; + width: 24px; + height: 24px; + margin-right: 10px; + color: var(--button-color-hover); +} + +#resumeButton>img.mochaToolButton { + display: none; +} + +#resumeButton:before { + font-family: "Font Awesome 5 Free"; + font-size: 24px; + content: "\f04b"; + font-weight: 900; + display: inline-block; + width: 24px; + height: 24px; + margin-right: 10px; + color: var(--button-color); +} + +#resumeButton:hover:before { + font-family: "Font Awesome 5 Free"; + font-size: 24px; + content: "\f04b"; + font-weight: 900; + display: inline-block; + width: 24px; + height: 24px; + margin-right: 10px; + color: var(--button-color-hover); +} + +#pauseButton>img.mochaToolButton { + display: none; +} + +#pauseButton:before { + font-family: "Font Awesome 5 Free"; + font-size: 24px; + content: "\f04c"; + font-weight: 900; + display: inline-block; + width: 24px; + height: 24px; + margin-right: 10px; + color: var(--button-color); +} + +#pauseButton:hover:before { + font-family: "Font Awesome 5 Free"; + font-size: 24px; + content: "\f04c"; + font-weight: 900; + display: inline-block; + width: 24px; + height: 24px; + margin-right: 10px; + color: var(--button-color-hover); +} + +#topPrioButton>img.mochaToolButton { + display: none; +} + +#topPrioButton:before { + font-family: "Font Awesome 5 Free"; + font-size: 24px; + content: "\f102"; + font-weight: 900; + display: inline-block; + width: 24px; + height: 24px; + margin-right: 10px; + color: var(--button-color); +} + +#topPrioButton:hover:before { + font-family: "Font Awesome 5 Free"; + font-size: 24px; + content: "\f102"; + font-weight: 900; + display: inline-block; + width: 24px; + height: 24px; + margin-right: 10px; + color: var(--button-color-hover); +} + +#increasePrioButton>img.mochaToolButton { + display: none; +} + +#increasePrioButton:before { + font-family: "Font Awesome 5 Free"; + font-size: 24px; + content: "\f106"; + font-weight: 900; + display: inline-block; + width: 24px; + height: 24px; + margin-right: 10px; + color: var(--button-color); +} + +#increasePrioButton:hover:before { + font-family: "Font Awesome 5 Free"; + font-size: 24px; + content: "\f106"; + font-weight: 900; + display: inline-block; + width: 24px; + height: 24px; + margin-right: 10px; + color: var(--button-color-hover); +} + +#decreasePrioButton>img.mochaToolButton { + display: none; +} + +#decreasePrioButton:before { + font-family: "Font Awesome 5 Free"; + font-size: 24px; + content: "\f107"; + font-weight: 900; + display: inline-block; + width: 24px; + height: 24px; + margin-right: 10px; + color: var(--button-color); +} + +#decreasePrioButton:hover:before { + font-family: "Font Awesome 5 Free"; + font-size: 24px; + content: "\f107"; + font-weight: 900; + display: inline-block; + width: 24px; + height: 24px; + margin-right: 10px; + color: var(--button-color-hover); +} + +#bottomPrioButton>img.mochaToolButton { + display: none; +} + +#bottomPrioButton:before { + font-family: "Font Awesome 5 Free"; + font-size: 24px; + content: "\f103"; + font-weight: 900; + display: inline-block; + width: 24px; + height: 24px; + margin-right: 10px; + color: var(--button-color); +} + +#bottomPrioButton:hover:before { + font-family: "Font Awesome 5 Free"; + font-size: 24px; + content: "\f103"; + font-weight: 900; + display: inline-block; + width: 24px; + height: 24px; + margin-right: 10px; + color: var(--button-color-hover); +} + +#preferencesButton>img.mochaToolButton { + display: none; +} + +#preferencesButton:before { + font-family: "Font Awesome 5 Free"; + font-size: 24px; + content: "\f013"; + font-weight: 900; + display: inline-block; + width: 24px; + height: 24px; + margin-right: 10px; + color: var(--button-color); +} + +#preferencesButton:hover:before { + font-family: "Font Awesome 5 Free"; + font-size: 24px; + content: "\f013"; + font-weight: 900; + display: inline-block; + width: 24px; + height: 24px; + margin-right: 10px; + color: var(--button-color-hover); +} + +/*Top menu icons*/ + +#desktopNavbar li ul li a { + position: relative; + /* padding: 1px 9px 1px 25px; */ + min-width: 120px; + font-weight: normal; + padding: 5px 10px 1px 1px; +} + +.MyMenuIcon { + margin-left: 0px; +} + +/* File */ + +#uploadLink>img.MyMenuIcon { + display: none; +} + +#uploadLink:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f067"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#downloadLink>img.MyMenuIcon { + display: none; +} + +#downloadLink:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f0c1"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#logoutLink>img.MyMenuIcon { + display: none; +} + +#logoutLink:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f2f5"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#shutdownLink>img.MyMenuIcon { + display: none; +} + +#shutdownLink:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f00d"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +/* Edit */ + +#resumeAllLink>img.MyMenuIcon { + display: none; +} + +#resumeAllLink:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f04b"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#pauseAllLink>img.MyMenuIcon { + display: none; +} + +#pauseAllLink:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f04c"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#resumeLink>img.MyMenuIcon { + display: none; +} + +#resumeLink:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f04b"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#pauseLink>img.MyMenuIcon { + display: none; +} + +#pauseLink:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f04c"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#deleteLink>img.MyMenuIcon { + display: none; +} + +#deleteLink:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f068"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#topPrioLink>img.MyMenuIcon { + display: none; +} + +#topPrioLink:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f102"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#increasePrioLink>img.MyMenuIcon { + display: none; +} + +#increasePrioLink:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f106"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#decreasePrioLink>img.MyMenuIcon { + display: none; +} + +#decreasePrioLink:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f107"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#bottomPrioLink>img.MyMenuIcon { + display: none; +} + +#bottomPrioLink:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f103"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#recheckLink>img.MyMenuIcon { + display: none; +} + +#recheckLink:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f002"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +/* View */ + +#showTopToolbarLink>img.MyMenuIcon { + display: none; +} + + +#showTopToolbarLink:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f00c"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#showTopToolbarLink:active:focus:visited:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f00c"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: white; + opacity: 0; +} + +#showStatusBarLink>img.MyMenuIcon { + display: none; +} + + +#showStatusBarLink:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f00c"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; + +} + +#showStatusBarLink:active:focus:visited:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f00c"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: white; + opacity: 0; +} + +#speedInBrowserTitleBarLink>img.MyMenuIcon { + display: none; +} + + +#speedInBrowserTitleBarLink:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f00c"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; + +} + +#speedInBrowserTitleBarLink:active:focus:visited:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f00c"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: white; + opacity: 0; +} + +#showSearchEngineLink>img.MyMenuIcon { + display: none; +} + + +#showSearchEngineLink:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f00c"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; + +} + +#showRssReaderLink>img.MyMenuIcon { + display: none; +} + +#showRssReaderLink:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f00c"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; + +} + +#showSearchEngineLink:active:focus:visited:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f00c"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: white; + opacity: 0; +} + +#showRssReaderLink:active:focus:visited:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f00c"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: white; + opacity: 0; +} + +#StatisticsLink>img.MyMenuIcon { + display: none; +} + + +#StatisticsLink:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f080"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; + +} + +#StatisticsLink:active:focus:visited:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f080"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: white; + opacity: 0; +} + +/*Tools*/ + + +#preferencesLink>img.MyMenuIcon { + display: none; +} + + +#preferencesLink:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f013"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +/* Help */ + +#docsLink>img.MyMenuIcon { + display: none; +} + +#docsLink:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f013"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#bugLink>img.MyMenuIcon { + display: none; +} + +#bugLink:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f09d"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#aboutLink>img.MyMenuIcon { + display: none; +} + +#aboutLink:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f05a"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +/*Status images on sidemenu*/ + +ul.filterList a { + display: inline; +} + +#all_filter>a img { + display: none; +} + +#all_filter:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f0b0"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#downloading_filter>a img { + display: none; +} + +#downloading_filter:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f063"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#seeding_filter>a img { + display: none; +} + +#seeding_filter:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f062"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#completed_filter>a img { + display: none; +} + +#completed_filter:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f00c"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#resumed_filter>a img { + display: none; +} + +#resumed_filter:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f04b"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#paused_filter>a img { + display: none; +} + +#paused_filter:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f04c"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#active_filter>a img { + display: none; +} + +#active_filter:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f0b0"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#inactive_filter>a img { + display: none; +} + +#inactive_filter:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f0b0"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#stalled_filter>a img { + display: none; +} + +#stalled_filter:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f0b0"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#stalled_uploading_filter>a img { + display: none; +} + +#stalled_uploading_filter:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f093"; + font-weight: 900; + display: inline-block !important; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +#stalled_downloading_filter>a img { + display: none; +} + +#stalled_downloading_filter:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f019"; + font-weight: 900; + display: inline-block !important; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +img[src="icons/inode-directory.svg"] { + background: url(https://theme-park.dev/Resources/qbittorrent/folder-open-solid.svg); + background-size: contain; + background-repeat: no-repeat; + background-origin: content-box; + filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%); +} + +img[src="icons/network-server.svg"] { + background: url(https://theme-park.dev/Resources/qbittorrent/network-wired-solid.svg); + background-size: contain; + background-repeat: no-repeat; + background-origin: content-box; + filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%); +} + +img[src="icons/mail-folder-inbox.svg"] { + background: url(https://theme-park.dev/Resources/qbittorrent/inbox-solid.svg); + background-size: contain; + background-repeat: no-repeat; + background-origin: content-box; + filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%); +} + +/* img[src="icons/downloading_small.svg"], +img[src="icons/seeding.svg"], +img[src="icons/stalledDL.svg"] { + filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%); +} */ + +#searchPattern { + width: 300px; + line-height: 2em; + padding: 1px 5px 1px 2em; + filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%); + background-repeat: no-repeat; + background-size: 1.5em; + background-position: left; +} + +/* #connectionStatus, +#alternativeSpeedLimits { + filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%); +} */ + +#errored_filter>a img { + display: none; +} + +#errored_filter:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f06a"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +/* Categories */ + +.filterTitle img { + display: none; +} + +.filterTitle:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f0d7"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +/* Categories Right Click Menu */ + +#categoriesFilterMenu>li img { + display: none; +} + +.contextMenu li>#CreateCategory:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f06a"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} + +/* Blue SVG icons */ +img[src="icons/application-x-mswinurl.svg"], +img[src="icons/collapse.svg"], +img[src="icons/completed.svg"], +img[src="icons/configure.svg"], +img[src="icons/dialog-information.svg"], +img[src="icons/document-edit.svg"], +img[src="icons/document-edit-verify.svg"], +img[src="icons/document-import.svg"], +img[src="icons/document-new.svg"], +img[src="icons/document-properties.svg"], +img[src="icons/document-save.svg"], +img[src="icons/download.svg"], +img[src="icons/edit-clear.svg"], +img[src="icons/edit-clear-history.svg"], +img[src="icons/edit-copy.svg"], +img[src="icons/edit-cut.svg"], +img[src="icons/edit-find.svg"], +img[src="icons/edit-find-user.svg"], +img[src="icons/edit-paste.svg"], +img[src="icons/edit-rename.svg"], +img[src="icons/expand.svg"], +img[src="icons/folder-documents.svg"], +img[src="icons/folder-download.svg"], +img[src="icons/folder-new.svg"], +img[src="icons/folder-remote.svg"], +img[src="icons/gear.svg"], +img[src="icons/go-bottom.svg"], +img[src="icons/go-down.svg"], +img[src="icons/go-top.svg"], +img[src="icons/go-up.svg"], +img[src="icons/help-about.svg"], +img[src="icons/help-contents.svg"], +img[src="icons/insert-link.svg"], +img[src="icons/list-add.svg"], +img[src="icons/mail-mark-read.svg"], +img[src="icons/media-playback-pause.svg"], +img[src="icons/media-playback-start.svg"], +img[src="icons/media-seek-forward.svg"], +img[src="icons/network-wired.svg"], +img[src="icons/office-chart-line.svg"], +img[src="icons/preferences-desktop.svg"], +img[src="icons/preferences-other.svg"], +img[src="icons/preferences-system-network.svg"], +img[src="icons/preferences-web-browser-cookies.svg"], +img[src="icons/rss-config.svg"], +img[src="icons/services.svg"], +img[src="icons/speedometer.svg"], +img[src="icons/stalledUP.svg"], +img[src="icons/stalledDL.svg"], +img[src="icons/tab-close.svg"], +img[src="icons/task-ongoing.svg"], +img[src="icons/text-plain.svg"], +img[src="icons/user-group-delete.svg"], +img[src="icons/user-group-new.svg"], +img[src="icons/view-calendar-journal.svg"], +img[src="icons/view-categories.svg"], +img[src="icons/view-filter.svg"], +img[src="icons/view-preview.svg"], +img[src="icons/view-statistics.svg"], +img[src="icons/wallet-open.svg"], +img[src="icons/webui.svg"], +img[src="icons/checking.svg"] { + filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(289deg) brightness(106%) contrast(101%); +} + +.contextMenu, +#contextCategoryList { + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); +} + +/* Filter torrents */ + +#torrentsFilterInput { + width: 160px; + padding-left: 2em; + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/search-solid.png); + background-repeat: no-repeat; + background-size: 1em; + background-position: left; +} + +.contextMenu li a.arrow-right, +.contextMenu li a:hover.arrow-right, +.contextMenu li a.arrow-right, +.contextMenu li a:hover.arrow-right { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/arrow-right.gif); + background-repeat: no-repeat; + background-position: right center; +} + +/* Footer */ + +#alternativeSpeedLimits td img { + display: none; +} + +#alternativeSpeedLimits:before { + font-family: "Font Awesome 5 Free"; + font-size: 14px; + content: "\f00c"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: var(--button-color); + padding-left: 5px; +} \ No newline at end of file diff --git a/CSS/themes/radarr/radarr-base.css b/CSS/themes/radarr/radarr-base.css new file mode 100644 index 00000000..4d021b3b --- /dev/null +++ b/CSS/themes/radarr/radarr-base.css @@ -0,0 +1,1101 @@ +/* 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 { + --calendar-in-cinemas: 53, 197, 244; + --calendar-downloading: 122 67 182; + --calendar-unmonitored: 173 173 173; + --calendar-unaired: 93 156 236; + --calendar-missing: 240 80 80; + --calendar-available: 39 194 76; + } + +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); +} + +/* Froms */ + +[class*="FormInputHelpText-helpText-"] { + color: var(--text); +} + +[class*="FormInputGroup-inputUnit-"] { + color: var(--text) !important; +} + +/* LINKS */ +[class*="Link-to-"] { + color: var(--text); +} + +[class*="Link-to-"]:hover { + color: var(--text-hover); + text-decoration: none; +} + +a { + color: var(--link-color); +} + +a:hover { + color: var(--link-color-hover); +} + +[class*="TableRowCell-cell-"] [class*="Link-to-"] { + color: var(--link-color) !important; +} + +[class*="TableRowCell-cell-"] [class*="Link-to-"]:hover { + color: var(--link-color-hover) !important; +} + +/* Buttons */ + +[class*="Button-default-"] { + color: var(--button-text); + background-color: var(--button-color); + border-color: transparent; +} + +[class*="Button-default-"]:hover { + border-color: transparent; + background-color: var(--button-color-hover) !important; + color: var(--button-text-hover); +} + +[class*="Button-primary-"] { + border-color: transparent; + background-color: var(--button-color); + color: var(--button-text); +} + +[class*="Button-primary-"]:hover { + border-color: transparent; + background-color: var(--button-color-hover) !important; + color: var(--button-text-hover); +} + +[class*="Button-success-"] { + border-color: var(--button-color); + background-color: var(--button-color); + color: var(--button-text); +} + +[class*="Button-success-"]:hover { + border-color: var(--button-color-hover); + background-color: var(--button-color-hover); + color: var(--button-text-hover); +} + +/* LOADING PAGE */ +[class*="ErrorPage-page-"], +[class*="ErrorPage-version-"], +[class*="LoadingMessage-loadingMessage-"] { + color: var(--text); +} + +[class*="LoadingIndicator-ripple-"] { + border: 2px solid #fff; +} + +/* MODAL */ +[class*="ModalHeader-modalHeader-"] { + 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-hover); + border-bottom: 1px solid rgb(var(--accent-color)); +} + +[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; + color: var(--text); +} + +[class*="ModalFooter-modalFooter-"] { + 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: #fff; + border-top: 1px solid rgb(var(--accent-color)); +} + +[class*="ModalContent-closeButton-"]:hover { + color: #fff; +} + +/* INPUT */ +[class*="TagInput-internalInput-"] { + background-color: transparent; + color: #fff; +} + +[class*="SelectInput-select-"] { + background-color: rgba(0, 0, 0, 0.25) !important; +} + +[class*="SelectInput-select-"]:active, +[class*="SelectInput-select-"]:focus { + background: #1e1e1e !important; +} + +[class*="AutoSuggestInput-suggestionsList-"], +[class*="AutoSuggestInput-suggestionsContainerOpen-"], +[class*="AutoSuggestInput-suggestionsContainer-"] { + background-color: #323232 !important; + color: white; + border: none !important; +} + +[class*="AutoSuggestInput-suggestionHighlighted-"] { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="CheckInput-primaryIsChecked-"] { + border-color: rgb(var(--accent-color)) !important; + background-color: rgb(var(--accent-color)) !important; + color: var(--label-text-color) !important; +} + +[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] { + background: #fff; +} + +/* HEADER */ + +[class*="PageHeader-header-"] { + background-color: rgba(0, 0, 0, .35); +} + +/* SEARCH DROPDOWN HEADER */ + +[class*="PageHeader-donate-"] { + color: #c4273c !important; +} + +/* RADARR SPECIFIC */ +[class*="MovieSearchInput-sectionTitle-"] { + color: #fff; +} + +[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] { + border: none !important; + 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: #fff !important; + box-shadow: 0 0 10px 1px transparent !important; +} + +[class*="MovieSearchInput-highlighted-"] { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="MovieSearchInput-movieContainer-"]::-webkit-scrollbar-thumb { + background-color: rgba(255, 255, 255, 0.25); +} + +/* SIDE MENU */ +[class*="PageSidebar-sidebarContainer-"] { + background-color: rgba(0, 0, 0, .25); +} + +[class*="PageSidebar-sidebar-"] { + background-color: transparent; +} + +[class*="PageSidebarItem-link-"]:hover { + color: rgb(var(--accent-color)); + text-decoration: none; +} + +[class*="PageSidebarItem-isActiveLink-"], +[class*="PageSidebarItem-isActiveLink-"]:hover, +[class*="PageSidebarItem-link-"]:focus { + color: rgb(var(--accent-color)) !important; +} + +[class*="PageSidebarItem-isActiveParentLink-"] { + background-color: rgba(0, 0, 0, 0.15); +} + +@media only screen and (max-width: 768px) { + [class*="PageSidebar-sidebarContainer-"] { + 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*="PageSidebarItem-isActiveItem-"] { + border-left: 3px solid rgb(var(--accent-color)); +} + +/* MOVIES PAGE */ +/* RADARR SPECIFIC */ +[class*="MovieIndexPoster-controls-"] { + background-color: rgb(var(--accent-color)) !important; +} + +[class*="MovieTitlesTableContent-blankpad-"], +[class*="ExtraFileTableContent-blankpad-"], +[class*="MovieHistoryTableContent-blankpad-"] { + color: var(--text); +} + +/* OVERVIEW PAGE */ + +[class*="MovieIndexOverviews-container-"], +[class*="MovieIndexOverviews-container-"]:hover { + background-color: transparent !important; +} + +[class*="MovieIndexOverview-container-"]:hover [class*="MovieIndexOverview-content-"] { + background-color: transparent; +} + +[class*="AddListMovieOverview-container-"]:hover [class*="AddListMovieOverview-content-"] { + background-color: rgba(255, 255, 255, 0.08); +} + +[class*="AddListMoviePoster-title-"] { + background-color: rgba(255, 255, 255, 0.08); +} + +[class*="MovieIndexOverview-content-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="MovieIndexOverview-link-"]:hover { + text-decoration: none; +} + +[class*="ProgressBar-container-"] { + background-color: rgba(0, 0, 0, 0.25); +} + +[class*=".ProgressBar-purple-"] { + background-color: rgb(var(--accent-color)); +} + +/* MOVIE PAGE */ +[class*="MovieDetailsSeason-season-"], +[class*="MovieDetailsSeason-collapseButtonContainer-"] { + border: none !important; + background-color: rgba(0, 0, 0, .25) !important; +} + +[class*="MovieDetailsSeason-actionButton-"], +[class*="MovieDetailsSeason-collapseButtonIcon-"] { + color: var(--text) !important; +} + +.fa-search:hover { + color: var(--text-hover) !important; +} + +[class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) { + color: var(--text-hover); +} + +[class*="MonitorToggleButton-toggleButton-"] { + color: #dadada; +} + + +[class*="ProtocolLabel-torrent-"] { + border-color: #00853d !important; + background-color: #00853d !important; + color: #fff !important; +} + +[class*="ProtocolLabel-usenet-"] { + border-color: #17b1d9 !important; + background-color: #17b1d9 !important; + color: #fff !important; +} + +[class*="MovieDetailsSeason-seasonNumber-"] { + color: #fff; +} + +[class*="MovieDetailsSeason-collapseButtonContainer-"] { + border: none !important; + background-color: rgba(0, 0, 0, .25) !important; +} + +[class*="MovieFileEditorTable-container-"] { + border: 1px solid transparent; + background-color: rgba(0, 0, 0, 0.25); +} + +[class*="ExtraFileTable-container-"] { + border: 1px solid transparent; + background-color: rgba(0, 0, 0, .25); +} + +[class*="Popover-title-"], +[class*="SeasonInfo-title-"], +[class*="Popover-body-"], +[class*="Tooltip-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; +} + +[class*="Tooltip-tooltipContainer-"] { + color: #fff; +} + +[class*="Tooltip-bottom-"][class*="Tooltip-default-"] { + border-bottom-color: var(--text); +} + +[class*="Tooltip-right-"][class*="Tooltip-default-"] { + border-right-color: var(--text); +} + +[class*="EpisodeTitleLink-link-"]:hover { + color: #fff; + text-decoration: none; +} + +[class*="IconButton-button-"] { + color: var(--text); +} + +[class*="Label-default-"] [class*="IconButton-button-"], +[class*="Label-small-"] [class*="IconButton-button-"]:hover { + color: var(--label-text-color); +} + +[class*="IconButton-button-"]:hover { + background-color: transparent; + color: var(--text-hover); +} + +[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover { + background-color: transparent; + color: var(--text-hover); +} + +[class*="Label-default-"] { + border-color: rgb(var(--accent-color)); + background-color: rgb(var(--accent-color)); + color: var(--label-text-color); +} + +[class*="Label-info-"] { + border-color: rgb(var(--accent-color)); + background-color: rgb(var(--accent-color)); + color: var(--label-text-color); +} + +[class*="PageSidebarItem-status-"][class*="Label-info-"] { + border-color: var(--arr-queue-color); + background-color: var(--arr-queue-color); + color: var(--label-text-color); +} + +[class*="MovieDetails-selectedTab-"] { + border-bottom: 4px solid rgb(var(--accent-color)); +} + +[class*="MovieDetails-tabList-"] { + color: var(--text-hover); +} + +/* Table options*/ +[class*="TableOptionsColumn-column-"] { + background: rgba(0, 0, 0, .25); + color: var(--text-hover); + border: none; +} + +[class*="TableHeaderCell-headerCell-"] { + color: var(--text-hover); +} + +[class*="Table-table-"] { + color: var(--text); +} + +[class*="TableRow-row-"]:hover { + background-color: hsla(0, 0%, 100%, .08); + color: var(--text-hover); +} + +[class*="TableRowCell-cell-"] { + border-top: 1px solid rgb(255 255 255 / 25%); +} + +/* TOP MENU SERIES */ +[class*="PageToolbar-toolbar-"] { + background-color: rgba(0, 0, 0, .25); + color: var(--text); +} + +[class*="PageToolbarButton-label-"] { + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"] { + opacity: .5; + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"]:hover, +[class*="PageToolbarButton-isDisabled-"]:hover { + color: var(--text) !important; +} + +[class*="PageToolbarButton-label-"] { + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"]:hover { + color: rgb(var(--accent-color)); +} + +[class*="MenuButton-menuButton-"]:hover { + color: rgb(var(--accent-color)); +} + +/* POSTERS */ +[class*="MovieIndexPoster-title-"], +[class*="MovieIndexPoster-nextAiring-"], +[class*="MovieIndexPosterInfo-info-"], +[class*="MovieIndexPosterInfo-info-"], +[class*="MovieCreditPoster-title-"] { + background-color: rgba(255, 255, 255, 0.08); + color: var(--text-hover); +} + +/* LIBRARY TOP HEADER DROPDOWN */ +[class*="MenuItem-menuItem-"], +[class*="MenuContent-menuContent-"] { + 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); +} + +[class*="MenuContent-scroller-"] { + box-shadow: black 0 0 5px 0px; +} + +[class*="MenuItem-menuItem-"]:hover, +[class*="MenuItem-menuItem-"]:focus { + background: hsla(0, 0%, 100%, .08) !important; + color: var(--text-hover); + text-decoration: none; +} + +[class*="MenuItemSeparator-separator-"] { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +/* ALPHABET JUMP BAR */ +[class*="PageJumpBar-jumpBar-"] { + color: #FFF; +} + +/* MINI RIGHT SCROLL BAR */ +[class*="OverlayScroller-thumb-"], +[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="OverlayScroller-thumb-"]:hover, +[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover { + background-color: rgba(255, 255, 255, 0.25) !important; +} + +/* ADD NEW */ + +[class*="EnhancedSelectInput-options-"] { + border: 1px solid rgba(255, 255, 255, 0.2); + border-radius: 4px; + 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); +} + +[class*="EnhancedSelectInputOption-isSelected-"], +[class*="EnhancedSelectInputOption-isSelected-"]:hover { + background-color: rgba(255, 255, 255, 0.20) !important; + color: var(--text-hover); +} + +[class*="EnhancedSelectInputOption-option-"]:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +[class*="HintedSelectInputOption-hintText-"] { + color: var(--text); +} + +/* SEARCH BAR */ +[class*="Input-input-"], +[class*="AddNewMovie-searchIconContainer-"], +[class*="CheckInput-isIndeterminate-"] { + border: none; + background-color: rgba(255, 255, 255, 0.08); + color: #fff; +} + +[class*="MovieSearchInput-container-"] [class*="Input-input-"] { + background: transparent; + border-bottom: solid 1px #fff; +} + +[class*="MovieSearchInput-container-"] [class*="Input-input-"]:focus { + border-bottom: none; + background: transparent; +} + +[class*="MovieSearchResult-alternateTitle-"] { + color: #fff; + font-size: 12px; +} + +[class*="AddNewMovieSearchResult-year-"] { + color: #fff !important; +} + +[class*="Input-input-"]:focus { + outline: 0; + border-color: #fff; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.25); +} + +[class*="TagInput-input-"][class*="TagInput-isFocused-"] { + outline: 0; + border-color: #fff; + box-shadow: none; +} + +/* TEXT COLOR */ + +[class*="PageContentBody-innerContentBody-"], +[class*="PageContentBody-contentBody-"], +.react-tabs__tab-panel .react-tabs__tab-panel--selected>div { + color: var(--text); +} + +/* SEARCH RESULTS */ +[class*="AddNewMovieSearchResult-searchResult-"], +[class*="AddNewMovieSearchResult-underlay-"] { + background-color: transparent !important; +} + +[class*="AddNewMovieSearchResult-searchResult-"]:hover, +[class*="AddNewMovieSearchResult-underlay-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="AddNewmovieModalContent-year-"] { + color: #fff; +} + +[class*="RootFolderSelectInputSelectedValue-movieFolder-"], +[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { + color: #fff; +} + +[class*="RootFolderSelectInputOption-freeSpace-"], +[class*="RootFolderSelectInputOption-movieFolder-"] { + color: var(--text-muted); +} + +/* MOVE THIS */ +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); +} + +/* IMPORT */ + +[class*="FieldSet-legend-"] { + color: var(--text-hover); + border-bottom: 1px solid rgb(var(--accent-color)); +} + +[class*="VirtualTableRow-row-"]:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +/* Drop down menu/button*/ +[class*="ImportMovieSelectMovie-button-"] { + border: none !important; + background-color: rgba(0, 0, 0, 0.25) !important; +} + +[class*="ImportMovieSelectMovie-content-"], +[class*="ImportMovieSelectMovie-searchIconContainer-"] { + border: none; + 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; +} + +[class*="ImportMovieSearchResult-movie-"]:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +[class*="ImportMovieTitle-year-"] { + color: var(--text-muted); +} + +/* DISCOVER */ +[class*="DiscoverMovieOverview-link-"] { + color: var(--text); +} + +[class*="DiscoverMovieOverview-link-"]:hover { + color: var(--text-hover); + text-decoration: none; +} + +[class*="DiscoverMoviePoster-title-"], +[class*="DiscoverMoviePosterInfo-info-"] { + background-color: rgba(255, 255, 255, 0.08); + color: var(--text-hover); +} + +/*Title*/ +[class*="AddListMovieOverview-link-"] { + color: var(--text); +} + +[class*="AddListMovieOverview-link-"]:hover { + color: #fff; +} + +[class*="AddListMovieOverview-content-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="PageJumpBarItem-jumpBarItem-"]:hover { + color: #fff; + background: hsla(0, 0%, 100%, .08); +} + +/*Posters*/ +[class*="AddListMoviePoster-title-"] { + background-color: rgba(255, 255, 255, 0.08); + color: #fff; +} + +/* MASS EDITOR */ +/* FOOTER */ +[class*="PageContentFooter-contentFooter-"] { + border: none; + background-color: rgba(0, 0, 0, .25); + color: #FFF; +} + +/* CALENDAR */ +[class*="CalendarEvent-downloaded-"] { + background: rgb(var(--calendar-available) / .7) !important; + border-left-color: transparent !important; +} + +[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover { + background: rgb(var(--calendar-available) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-missing-"] { + background: rgb(var(--calendar-missing) / .7) !important; + border-left-color: transparent !important; +} + +[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover { + background: rgba(var(--calendar-missing) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-unreleased-"] { + background: rgb(var(--calendar-unaired) / .7) !important; + border-left-color: transparent !important; +} + +[class*="Calendar-calendar-"] [class*="CalendarEvent-unreleased-"]:hover { + background: rgb(var(--calendar-unaired) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-unmonitored-"] { + background: rgb(var(--calendar-unmonitored) / .7) !important; + border-left-color: transparent !important; +} + +[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover { + background: rgb(var(--calendar-unmonitored) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-downloading-"] { + background: rgb(var(--calendar-downloading) / .7) !important; + border-left-color: transparent !important; +} + +[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover { + background: rgb(var(--calendar-downloading) / .5) !important; + border-left-color: transparent !important; +} + +[class*="DayOfWeek-dayOfWeek-"] { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="CalendarDay-dayOfMonth-"] { + border-bottom: 1px solid hsla(0, 0%, 100%, .08); + background-color: rgba(0, 0, 0, .25); +} + +[class*="CalendarDay-isToday-"], +[class*="DayOfWeek-isToday-"] { + background-color: hsla(0, 0%, 100%, .25) !important; +} + +[class*="CalendarDay-day-"], +[class*="CalendarDays-days-"] { + -webkit-box-flex: 1; + -webkit-flex: 1 0 14.28%; + flex: 1 0 14.28%; + overflow: hidden; + min-height: 70px; + border-bottom: 1px solid hsla(0, 0%, 100%, .08); + border-left: 1px solid hsla(0, 0%, 100%, .08); + border-right: 1px solid hsla(0, 0%, 100%, .08); +} + +[class*="CalendarEvent-movieTitle-"], +[class*="CalendarEvent-movieInfo-"], +[class*="CalendarEvent-episodeInfo-"], +[class*="CalendarEvent-airTime-"] { + color: #fff !important; +} + +[class*="CalendarEvent-event-"] { + border-bottom: 1px solid transparent; +} + +[class*="CalendarEventGroup-eventGroup-"] { + border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important; +} + +[class*="CalendarEventGroup-movieTitle-"] { + color: #fff !important; +} + +[class*="CalendarEventGroup-airTime-"] { + color: var(--text); +} + +[class*="CalendarEventGroup-episodeInfo-"] { + color: var(--text); +} + +/* calendar agenda */ +[class*="AgendaEvent-event-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +/* SETTINGS */ +[class*="Settings-link-"] { + color: var(--text-hover); + border-bottom: 1px solid rgb(var(--accent-color)); +} + +[class*="Settings-summary-"] { + color: var(--text); +} + +[class*="FormLabel-large-"] { + color: var(--text-hover); +} + +[class*="FormLabel-isAdvanced-"] { + color: #ff902b; +} + +/* MEDIA MANAGEMENT - FILE NAME TOKENS */ +[class*="NamingOption-small-"] { + border: 1px solid transparent; +} + +[class*="NamingOption-token-"] { + background-color: rgba(255, 255, 255, 0.15); +} + +[class*="NamingOption-token-"] { + background-color: rgba(255, 255, 255, 0.15); +} + +[class*="NamingOption-example-"] { + background-color: rgba(255, 255, 255, 0.25); +} + +[class*="NamingOption-option-"] { + border: 1px solid transparent; +} + +[class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] { + background-color: rgba(255, 255, 2550, 0.25); +} + +[class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] { + background-color: rgba(255, 255, 2550, 0.35); +} + +/* PROFILES */ +[class*="Card-card-"], +[class*="QualityProfiles-addQualityProfile-"] { + background-color: rgba(0, 0, 0, .45); + box-shadow: 0 0 10px 1px #000000; + color: var(--text); +} + +[class*="Card-card-"]:hover { + color: var(--text-hover); +} + +[class*="QualityProfiles-center-"], +[class*="LanguageProfiles-center-"], +[class*="ReleaseProfiles-center-"] { + background-color: transparent; + border: none; +} + +[class*="QualityProfileItem-qualityProfileItem-"], +[class*="QualityProfileItemGroup-qualityProfileItemGroup-"], +[class*="LanguageProfileItem-languageProfileItem-"] { + border: none; + background-color: rgba(0, 0, 0, .25); + color: #FFF; +} + +[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] { + background: rgba(0, 0, 0, 0.25); +} + +[class*="KeyValueListInputItem-keyInput-"], +[class*="KeyValueListInputItem-valueInput-"] { + border: none; + background: transparent; + color: white; +} + +[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] { + border: 1px solid transparent; + background: rgba(0, 0, 0, .25); +} + +[class*="QualityDefinitions-sizeLimitHelpText-"] { + color: var(--text); +} + +/* PROFILES */ +[class*="Indexers-center-"] { + background-color: transparent; + border: none; +} + +/* DOWNLOAD CLIENTS */ +[class*="DownloadClients-center-"] { + background-color: transparent; + border: none; +} + +/* CONNECTIONS */ +[class*="Notifications-center-"] { + background-color: transparent; + border: none; +} + +/* LISTS */ +[class*="ImportLists-center-"] { + background-color: transparent; + border: none; +} + +/* LOG */ +[class*="Alert-info-"] { + border-color: transparent; + background-color: rgba(0, 0, 0, 0.25); + color: #FFC107; +} + +/* INDEXER */ +[class*="Restrictions-center-"] { + border: 1px solid transparent; + background-color: transparent; +} + +/* LISTS */ +[class*="NetImports-center-"] { + border: 1px solid transparent; + background-color: transparent; +} + +/* CUSTOM FORMAT */ +[class*="CustomFormats-center-"], +[class*="EditCustomFormatModalContent-center-"] { + border: 1px solid transparent; + background-color: transparent; +} + +/* Login Page */ + +.panel-body { + background-color: rgba(0, 0, 0, 0.25); + color: var(--text); +} + +.panel-header { + background-color: rgba(0, 0, 0, 0.45); +} + +.forgot-password { + color: var(--text) !important; +} + +input[type=email], +input[type=password] { + border: none; + background-color: rgba(255, 255, 255, 0.08); + color: #FFF; +} + +.button { + border-color: var(--button-color); + background-color: var(--button-color); + cursor: pointer; +} + +.button:hover { + border-color: var(--button-color-hover); + background-color: var(--button-color-hover); + color: #fff; + text-decoration: none; +} + +.form-input:focus { + outline: 0; + border-color: #fff; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.25); +} + +/* Custom filter */ +[class*="FilterBuilderRow-filterRow-"]:hover { + background-color: transparent; +} + +[class*="CustomFilter-customFilter-"]:hover { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="SelectMovieModalContent-path-"] { + color: var(--text); +} \ No newline at end of file diff --git a/CSS/themes/readarr/readarr-base.css b/CSS/themes/readarr/readarr-base.css new file mode 100644 index 00000000..61037dac --- /dev/null +++ b/CSS/themes/readarr/readarr-base.css @@ -0,0 +1,1212 @@ +/* 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 { + --calendar-downloading: 122 67 182; + --calendar-downloaded: 39 194 76; + --calendar-unreleased: 93 156 236; + --calendar-partial: 255, 165, 0; + --calendar-unmonitored: 173 173 173; + --calendar-missing: 240 80 80; + } + +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); +} + +/* Froms */ + +[class*="FormInputHelpText-helpText-"] { + color: var(--text); +} + +[class*="FormInputGroup-inputUnit-"] { + color: var(--text) !important; +} + +/* LINKS */ +[class*="Link-to-"] { + color: var(--text); +} + +[class*="Link-to-"]:hover { + color: var(--text-hover); + text-decoration: none; +} + +a { + color: var(--link-color); +} + +a:hover { + color: var(--link-color-hover); +} + +[class*="TableRowCell-cell-"] [class*="Link-to-"] { + color: var(--link-color) !important; +} + +[class*="TableRowCell-cell-"] [class*="Link-to-"]:hover { + color: var(--link-color-hover) !important; +} + +/* Buttons */ + +[class*="Button-default-"] { + color: var(--button-text); + background-color: var(--button-color); + border-color: transparent; +} + +[class*="Button-default-"]:hover { + border-color: transparent; + background-color: var(--button-color-hover) !important; + color: var(--button-text-hover); +} + +[class*="Button-primary-"] { + border-color: transparent; + background-color: var(--button-color); + color: var(--button-text); +} + +[class*="Button-primary-"]:hover { + border-color: transparent; + background-color: var(--button-color-hover) !important; + color: var(--button-text-hover); +} + +[class*="Button-success-"] { + border-color: var(--button-color); + background-color: var(--button-color); + color: var(--button-text); +} + +[class*="Button-success-"]:hover { + border-color: var(--button-color-hover); + background-color: var(--button-color-hover); + color: var(--button-text-hover); +} + +/* LOADING PAGE */ +[class*="ErrorPage-page-"], +[class*="ErrorPage-version-"], +[class*="LoadingMessage-loadingMessage-"] { + color: var(--text); +} + +[class*="LoadingIndicator-ripple-"] { + border: 2px solid #fff; +} + +/* MODAL */ +[class*="ModalHeader-modalHeader-"] { + 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-hover); + border-bottom: 1px solid rgb(var(--accent-color)); +} + +[class*="Modal-large-"], +[class*="Modal-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; + color: var(--text); +} + +[class*="ModalFooter-modalFooter-"] { + 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: #fff; + border-top: 1px solid rgb(var(--accent-color)); +} + +[class*="ModalContent-closeButton-"]:hover { + color: #fff; +} + +/* INPUT */ +[class*="TagInput-internalInput-"] { + background-color: transparent; + color: #fff; +} + +[class*="SelectInput-select-"] { + background-color: rgba(0, 0, 0, 0.25) !important; +} + +[class*="SelectInput-select-"]:active, +[class*="SelectInput-select-"]:focus { + background: #1e1e1e !important; +} + +[class*="AutoSuggestInput-suggestionsList-"], +[class*="AutoSuggestInput-suggestionsContainerOpen-"], +[class*="AutoSuggestInput-suggestionsContainer-"] { + background-color: #323232 !important; + color: white; + border: none !important; +} + +[class*="AutoSuggestInput-suggestionHighlighted-"] { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="CheckInput-primaryIsChecked-"] { + border-color: rgb(var(--accent-color)) !important; + background-color: rgb(var(--accent-color)) !important; + color: var(--label-text-color) !important; +} + +[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] { + background: #fff; +} + +/* HEADER */ + +[class*="PageHeader-header-"] { + background-color: rgba(0, 0, 0, .35); +} + +/* SEARCH DROPDOWN HEADER */ + +[class*="PageHeader-donate-"] { + color: #c4273c !important; +} + +/* LIDARR SPECIFIC */ +[class*="AuthorSearchInput-sectionTitle-"] { + color: #fff; +} + +[class*="AuthorSearchInput-containerOpen-"] [class*="AuthorSearchInput-authorContainer-"] { + border: none !important; + 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: #fff !important; + box-shadow: 0 0 10px 1px transparent !important; +} + +[class*="AuthorSearchInput-highlighted-"] { + background-color: hsla(0, 0%, 100%, .08) +} + +[class*"=AuthorSearchInput-authorContainer-"]::-webkit-scrollbar-thumb, +[class*="ImportAuthorSelectAuthor-results-"]::-webkit-scrollbar-thumb { + background-color: rgba(255, 255, 255, 0.25); +} + +/* MINI RIGHT SCROLL BAR */ +[class*="OverlayScroller-thumb-"], +[class*="ImportAuthorSelectAuthor-results-"]::-webkit-scrollbar-thumb, +[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="OverlayScroller-thumb-"]:hover, +[class*="ImportAuthorSelectAuthor-results-"]::-webkit-scrollbar-thumb:hover, +[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover { + background-color: rgba(255, 255, 255, 0.25) !important; +} + +/* ADD NEW */ +[class*="EnhancedSelectInput-options-"] { + border: 1px solid rgba(255, 255, 255, 0.2); + border-radius: 4px; + 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); +} + +[class*="EnhancedSelectInputOption-isSelected-"], +[class*="EnhancedSelectInputOption-isSelected-"]:hover { + background-color: rgba(255, 255, 255, 0.20) !important; + color: var(--text-hover); +} + +[class*="EnhancedSelectInputOption-option-"]:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +[class*="HintedSelectInputOption-hintText-"], +[class*="RootFolderSelectInputOption-freeSpace-"] { + color: var(--text); +} + +/* SIDE MENU */ +[class*="PageSidebar-sidebarContainer-"] { + background-color: rgba(0, 0, 0, .25); +} + +[class*="PageSidebar-sidebar-"] { + background-color: transparent; +} + +[class*="PageSidebarItem-link-"]:hover { + color: rgb(var(--accent-color)); + text-decoration: none; +} + +[class*="PageSidebarItem-isActiveLink-"], +[class*="PageSidebarItem-isActiveLink-"]:hover, +[class*="PageSidebarItem-link-"]:focus { + color: rgb(var(--accent-color)) !important; +} + +[class*="PageSidebarItem-isActiveParentLink-"] { + background-color: rgba(0, 0, 0, 0.15); +} + +@media only screen and (max-width: 768px) { + [class*="PageSidebar-sidebarContainer-"] { + 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*="PageSidebarItem-isActiveItem-"] { + border-left: 3px solid rgb(var(--accent-color)); +} + +/* LIBRARY PAGE */ +/* LIDARR SPECIFIC */ +[class*="AuthorIndexPoster-controls-"] { + background-color: rgb(var(--accent-color)) !important; +} + +/* OVERVIEW PAGE */ + +/* OVERVIEW PAGE */ +[class*="AuthorIndexOverview-container-"], +[class*="AuthorIndexOverview-container-"]:hover { + background-color: transparent !important; +} + +[class*="AuthorIndexOverview-container-"]:hover [class*="AuthorIndexOverview-content-"] { + background-color: transparent; +} + +[class*="AuthorIndexOverview-content-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="AuthorIndexOverview-link-"]:hover { + text-decoration: none; +} + +[class*="ProgressBar-container-"] { + background-color: rgba(0, 0, 0, 0.25); +} + +[class*=".ProgressBar-purple-"] { + background-color: rgb(var(--accent-color)); +} + + +/*ARTIST PAGE*/ +[class*="AuthorDetailsSeason-albumType-"], +[class*="AuthorDetailsSeason-collapseButtonContainer-"] { + border: none !important; + background-color: rgba(0, 0, 0, .25) !important; +} + +[class*="AuthorDetailsSeason-header-"], +[class*="AuthorDetailsSeason-albumCount-"], +[class*="AuthorDetails-metadataMessage-"], +[class*="AuthorDetailsSeason-albumCount-"] { + color: #fff; +} + +.fa-search:hover { + color: var(--text-hover) !important; +} + +[class*="Label-default-"] { + border-color: rgb(var(--accent-color)); + background-color: rgb(var(--accent-color)); + color: var(--label-text-color); +} + +[class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) { + color: var(--text-hover); +} + +[class*="MonitorToggleButton-toggleButton-"] { + color: #dadada; +} + +[class*="ProtocolLabel-torrent-"] { + border-color: #00853d !important; + background-color: #00853d !important; + color: #fff !important; +} + +[class*="ProtocolLabel-usenet-"] { + border-color: #17b1d9 !important; + background-color: #17b1d9 !important; + color: #fff !important; +} + +/*ARTIST ALBUM PAGE*/ +[class*="AlbumDetailsMedium-mediumNumber-"] { + color: #fff; +} + +[class*="AlbumDetailsMedium-medium-"] { + border: none; + background-color: rgba(0, 0, 0, .25); +} + +[class*="ExtraFileTable-container-"] { + border: 1px solid transparent; + background-color: rgba(0, 0, 0, .25); +} + +[class*="AlbumDetails-selectedTab-"] { + border-bottom: 4px solid rgb(var(--accent-color)); +} + +[class*="AlbumDetailsMedium-collapseButtonContainer-"] { + border: none; + background-color: rgba(0, 0, 0, .25); +} + +[class*="AuthorIndexProgressBar-progress-"] { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="AuthorIndexBanner-title-"], +[class*="AuthorIndexBannerInfo-info-"] { + background-color: rgba(0, 0, 0, .25); + color: #fff; +} + +[class*="Popover-title-"], +[class*="SeasonInfo-title-"], +[class*="Popover-body-"], +[class*="Tooltip-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; +} + +[class*="Tooltip-tooltipContainer-"] { + color: #fff; +} + +[class*="Tooltip-bottom-"][class*="Tooltip-default-"] { + border-bottom-color: var(--text); +} + +[class*="Tooltip-right-"][class*="Tooltip-default-"] { + border-right-color: var(--text); +} + +[class*="EpisodeTitleLink-link-"]:hover { + color: #ffffff; + text-decoration: none; +} + +[class*="IconButton-button-"] { + color: var(--text); +} + +[class*="Label-default-"] [class*="IconButton-button-"], +[class*="Label-small-"] [class*="IconButton-button-"]:hover { + color: var(--label-text-color); +} + +[class*="IconButton-button-"]:hover { + background-color: transparent; + color: var(--label-text-color); +} + +[class*="AuthorDetailsHeader-monitorToggleButton-"]:hover, +[class*="AuthorDetails-authorNavigationButton-"]:hover, +[class*="AuthorDetails-authorUpButton-"]:hover, +[class*="BookDetailsHeader-monitorToggleButton-1F9Pp"]:hover, +[class*="BookDetails-bookUpButton-"]:hover, +[class*="BookDetails-bookNavigationButton-"]:hover { + color: var(--text-hover); +} + +[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover { + background-color: transparent; + color: var(--text-hover); +} + +[class*="Label-info-"] { + border-color: rgb(var(--accent-color)); + background-color: rgb(var(--accent-color)); + color: #fff; +} + +[class*="PageSidebarItem-status-"][class*="Label-info-"] { + border-color: var(--arr-queue-color); + background-color: var(--arr-queue-color); + color: #fff; +} + +/* Table options*/ +[class*="TableOptionsColumn-column-"] { + background: rgba(0, 0, 0, .25); + color: var(--text-hover); + border: none; +} + +[class*="TableHeaderCell-headerCell-"] { + color: var(--text-hover); +} + +[class*="Table-table-"] { + color: var(--text); +} + +[class*="TableRow-row-"]:hover { + background-color: hsla(0, 0%, 100%, .08); + color: var(--text-hover); +} + +[class*="TableRowCell-cell-"] { + border-top: 1px solid rgb(255 255 255 / 25%); +} + +/* TOP MENU SERIES */ +[class*="PageToolbar-toolbar-"] { + background-color: rgba(0, 0, 0, .25); + color: var(--text); +} + +[class*="PageToolbarButton-label-"] { + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"] { + opacity: .5; + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"]:hover, +[class*="PageToolbarButton-isDisabled-"]:hover { + color: var(--text) !important; +} + +[class*="PageToolbarButton-label-"] { + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"]:hover { + color: rgb(var(--accent-color)); +} + +[class*="MenuButton-menuButton-"]:hover { + color: rgb(var(--accent-color)); +} + +/* POSTERS */ +[class*="AuthorIndexPoster-title-"], +[class*="AuthorIndexPosterInfo-info-"] { + background-color: rgba(255, 255, 255, 0.08); + color: var(--text-hover); +} + + +/* TOP HEADER DROPDOWN */ +[class*="MenuItem-menuItem-"], +[class*="MenuContent-menuContent-"] { + 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); +} + +[class*="MenuContent-scroller-"] { + box-shadow: black 0 0 5px 0px; +} + +[class*="MenuItem-menuItem-"]:hover, +[class*="MenuItem-menuItem-"]:focus { + background: hsla(0, 0%, 100%, .08) !important; + color: var(--text-hover); + text-decoration: none; +} + +[class*="MenuItemSeparator-separator-"] { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +/* ALPHABET JUMP BAR */ +[class*="PageJumpBar-jumpBar-"] { + color: #FFF; +} + +/* SEARCH BAR */ +[class*="Input-input-"], +[class*="AddNewItem-searchIconContainer-"], +[class*="CheckInput-isIndeterminate-"] { + border: none; + background-color: rgba(255, 255, 255, 0.08); + color: #fff; +} + +[class*="AuthorSearchInput-input-"][class*="Input-input-"] { + background: transparent; + border-bottom: solid 1px #fff; +} + +[class*="AuthorSearchInput-input-"][class*="Input-input-"]:focus { + border-bottom: none; + background: transparent; +} + +[class*="AuthorSearchResult-alternateTitle-"] { + color: #ffffff; + font-size: 12px; +} + +[class*="Input-input-"]:focus { + outline: 0; + border-color: #fff; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.25); +} + +[class*="TagInput-input-"][class*="TagInput-isFocused-"] { + outline: 0; + border-color: #fff; + box-shadow: none; +} + +/* TEXT COLOR */ + +[class*="PageContentBody-innerContentBody-"] { + color: var(--text); +} + +/* SEARCH RESULTS */ +[class*="AddNewAuthorSearchResult-year-"] { + color: #fff; +} + +[class*="AddNewAuthorSearchResult-searchResult-"], +[class*="AddNewAuthorSearchResult-underlay-"], +[class*="AddNewAlbumSearchResult-underlay-"] { + background-color: transparent; +} + +[class*="AddNewAuthorSearchResult-searchResult-"]:hover, +[class*="AddNewAuthorSearchResult-underlay-"]:hover, +[class*="AddNewAlbumSearchResult-underlay-"]:hover { + background-color: hsla(0, 0%, 100%, .08); + color: inherit; + text-decoration: none; +} + +[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { + color: #fff; +} + +[class*="RootFolderSelectInputOption-freeSpace-"] { + color: var(--text-muted); +} + +/* IMPORT ARTIST */ +[class*="ImportAuthorSelectAuthor-content-"], +[class*="ImportAuthorSelectAuthor-searchIconContainer-"] { + 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: #FFF; + border: 1px solid transparent; +} + +[class*="ImportAuthorName-disambiguation-"] { + color: var(--text-muted); +} + +[class*="ImportAuthorSearchResult-author-"]:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +/* MOVE THIS */ +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); +} + +/* IMPORT */ +/* Text color */ +[class*="ImportAuthorSelectFolder-header-"] { + color: #FFF; +} + +[class*="ExpandingFileDetails-fileDetails-"] { + border: 1px solid rgb(255 255 255 / .1); + background-color: rgb(255 255 255 / 8%); +} + +/* IMPORT NEW ARTIST */ +/* Drop down menu/button*/ +[class*="ImportAuthorSelectAuthor-button-"] { + border: none; + background-color: rgba(0, 0, 0, 0.25) !important; + color: #fff; +} + + +/* IMPORT */ + +[class*="FieldSet-legend-"] { + color: var(--text-hover); + border-bottom: 1px solid rgb(var(--accent-color)); +} + +[class*="VirtualTableRow-row-"]:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +/*Title*/ + +[class*="PageJumpBarItem-jumpBarItem-"]:hover { + color: #fff; + background: hsla(0, 0%, 100%, .08); +} + +/*Posters*/ + + +/* MASS EDITOR */ + +/* FOOTER */ +[class*="PageContentFooter-contentFooter-"] { + border: none; + background-color: rgba(0, 0, 0, .25); + color: #FFF; +} + +/* CALENDAR */ +[class*="CalendarEvent-downloaded-"] { + background: rgb(var(--calendar-available) / .7) !important; + border-left-color: transparent !important; +} + +[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover { + background: rgb(var(--calendar-available) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-missing-"] { + background: rgb(var(--calendar-missing) / .7) !important; + border-left-color: transparent !important; +} + +[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover { + background: rgba(var(--calendar-missing) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-unreleased-"] { + background: rgb(var(--calendar-unaired) / .7) !important; + border-left-color: transparent !important; +} + +[class*="Calendar-calendar-"] [class*="CalendarEvent-unreleased-"]:hover { + background: rgb(var(--calendar-unaired) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-unmonitored-"] { + background: rgb(var(--calendar-unmonitored) / .7) !important; + border-left-color: transparent !important; +} + +[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover { + background: rgb(var(--calendar-unmonitored) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-downloading-"] { + background: rgb(var(--calendar-downloading) / .7) !important; + border-left-color: transparent !important; +} + +[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover { + background: rgb(var(--calendar-downloading) / .5) !important; + border-left-color: transparent !important; +} + +[class*="DayOfWeek-dayOfWeek-"] { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="CalendarDay-dayOfMonth-"] { + border-bottom: 1px solid hsla(0, 0%, 100%, .08); + background-color: rgba(0, 0, 0, .25); +} + +[class*="CalendarDay-isToday-"], +[class*="DayOfWeek-isToday-"] { + background-color: hsla(0, 0%, 100%, .25) !important; +} + +[class*="CalendarDay-day-"], +[class*="CalendarDays-days-"] { + -webkit-box-flex: 1; + -webkit-flex: 1 0 14.28%; + flex: 1 0 14.28%; + overflow: hidden; + min-height: 70px; + border-bottom: 1px solid hsla(0, 0%, 100%, .08); + border-left: 1px solid hsla(0, 0%, 100%, .08); + border-right: 1px solid hsla(0, 0%, 100%, .08); +} + +[class*="CalendarEvent-event-"] { + border-bottom: 1px solid transparent; +} + +[class*="CalendarEventGroup-eventGroup-"] { + border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important; +} + +/* calendar agenda */ +[class*="AgendaEvent-event-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +/* SETTINGS */ +[class*="Settings-link-"] { + color: var(--text-hover); + border-bottom: 1px solid rgb(var(--accent-color)); +} + +[class*="Settings-summary-"] { + color: var(--text); +} + +[class*="FormLabel-large-"] { + color: var(--text-hover); +} + +[class*="FormLabel-isAdvanced-"] { + color: #ff902b; +} + +/* MEDIA MANAGEMENT - FILE NAME TOKENS */ +[class*="NamingOption-small-"] { + border: 1px solid transparent; +} + +[class*="NamingOption-token-"] { + background-color: rgba(255, 255, 255, 0.15); +} + +[class*="NamingOption-token-"] { + background-color: rgba(255, 255, 255, 0.15); +} + +[class*="NamingOption-example-"] { + background-color: rgba(255, 255, 255, 0.25); +} + +[class*="NamingOption-option-"] { + border: 1px solid transparent; +} + +[class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] { + background-color: rgba(255, 255, 2550, 0.25); +} + +[class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] { + background-color: rgba(255, 255, 2550, 0.35); +} + +/* PROFILES */ +[class*="Card-card-"], +[class*="QualityProfiles-addQualityProfile-"] { + background-color: rgba(0, 0, 0, .45); + box-shadow: 0 0 10px 1px #000000; + color: var(--text); +} + +[class*="Card-card-"]:hover { + color: var(--text-hover); +} + +[class*="QualityProfiles-center-"], +[class*="LanguageProfiles-center-"], +[class*="ReleaseProfiles-center-"] { + background-color: transparent; + border: none; +} + +[class*="QualityProfileItem-qualityProfileItem-"], +[class*="QualityProfileItemGroup-qualityProfileItemGroup-"], +[class*="LanguageProfileItem-languageProfileItem-"] { + border: none; + background-color: rgba(0, 0, 0, .25); + color: #FFF; +} + +[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] { + background: rgba(0, 0, 0, 0.25); +} + +[class*="KeyValueListInputItem-keyInput-"], +[class*="KeyValueListInputItem-valueInput-"] { + border: none; + background: transparent; + color: white; +} + +[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] { + border: 1px solid transparent; + background: rgba(0, 0, 0, .25); +} + +[class*="QualityDefinitions-sizeLimitHelpText-"] { + color: var(--text); +} + +/* PROFILES */ +[class*="Indexers-center-"] { + background-color: transparent; + border: none; +} + +[class*="Card-card-"], +[class*="QualityProfiles-addQualityProfile-"] { + background-color: rgba(0, 0, 0, .45); + box-shadow: 0 0 10px 1px #000000; + color: var(--text); +} + +[class*="QualityProfiles-center-"], +[class*="LanguageProfiles-center-"], +[class*="MetadataProfiles-center-"], +[class*="RootFolders-center-"] { + background-color: transparent; + border: none; +} + +[class*="RootFolders-center-"] { + border: 1px solid transparent; +} + +[class*="Indexers-center-"], +[class*="Restrictions-center-"], +[class*="DownloadClients-center-"], +[class*="ImportLists-center-"], +[class*="Notifications-center-"] { + display: inline-block; + padding: 15px 20px 15px; + border-radius: 4px; +} + +/* DOWNLOAD CLIENTS */ +[class*="DownloadClients-center-"] { + background-color: transparent; + border: none; +} + +/* CONNECTIONS */ +[class*="Notifications-center-"] { + background-color: transparent; + border: none; +} + +/* LISTS */ +[class*="ImportLists-center-"] { + background-color: transparent; + border: none; +} + +/* LOG */ +[class*="Alert-info-"] { + border-color: transparent; + background-color: rgba(0, 0, 0, 0.25); + color: #FFC107; +} + +/* INDEXER */ +[class*="Restrictions-center-"] { + border: 1px solid transparent; + background-color: transparent; +} + +/* LISTS */ +[class*="NetImports-center-"] { + border: 1px solid transparent; + background-color: transparent; +} + +/* CUSTOM FORMAT */ +[class*="CustomFormats-center-"], +[class*="EditCustomFormatModalContent-center-"] { + border: 1px solid transparent; + background-color: transparent; +} + +/* Login Page */ + +.panel-body { + background-color: rgba(0, 0, 0, 0.25); + color: var(--text); +} + +.panel-header { + background-color: rgba(0, 0, 0, 0.45); +} + +.forgot-password { + color: var(--text) !important; +} + +input[type=email], +input[type=password] { + border: none; + background-color: rgba(255, 255, 255, 0.08); + color: #FFF; +} + +.button { + border-color: var(--button-color); + background-color: var(--button-color); + cursor: pointer; +} + +.button:hover { + border-color: var(--button-color-hover); + background-color: var(--button-color-hover); + color: #fff; + text-decoration: none; +} + +.form-input:focus { + outline: 0; + border-color: #fff; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.25); +} + +/* Custom filter */ +[class*="FilterBuilderRow-filterRow-"]:hover { + background-color: transparent; +} + +[class*="CustomFilter-customFilter-"]:hover { + background-color: hsla(0, 0%, 100%, .08); +} + +/* Readarr */ + +/* Library */ + +[class*="AuthorIndexPoster-link-"], +[class*="AuthorIndexPoster-title-"] { + background-color: rgba(255, 255, 255, 0.08); +} + +/* Add New*/ +[class*="AddNewAuthorSearchResult-underlay-"], +[class*="AddNewBookSearchResult-underlay-"] { + background-color: transparent; +} + +[class*="AddNewAuthorSearchResult-underlay-"]:hover, +[class*="AddNewBookSearchResult-underlay-"]:hover { + background-color: hsla(0, 0%, 100%, .08); + color: inherit; + text-decoration: none; +} + +/*Author Page*/ +[class*="AuthorDetails-tab-"] { + color: #FFF; +} + +[class*="AuthorIndexBanner-title-"] { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="AuthorIndexOverview-container-"]:hover [class*="AuthorIndexOverview-content-"] { + background-color: hsla(0, 0%, 100%, .08); +} + +/*Books Tab*/ +[class*="AuthorDetailsSeason-bookType-"] { + border: none; + background-color: rgba(0, 0, 0, .25); +} + +[class*="AuthorDetailsSeason-books-"] { + border-top: 1px solid rgb(255 255 255 / 50%); +} + +[class*="AuthorDetails-tabList-"] { + border-bottom: 1px solid rgb(255 255 255 / 50%); + color: var(--text-hover); +} + +[class*="BookDetails-selectedTab-"] { + border-bottom: 4px solid rgb(var(--accent-color)); +} + +[class*="BookshelfBook-book-"] { + border: 1px solid transparent; + background-color: rgba(0, 0, 0, .25) !important; + ; +} + +[class*="BookshelfBook-missingWanted-"] { + background-color: #f05050; + color: #fff; +} + +/* Files Tab*/ +[class*="BookFileEditorTableContent-filesTable-"] { + border: 1px solid rgb(255 255 255 / 10%); + border-top: 1px solid rgb(255 255 255 / 50%); + background-color: rgb(0 0 0 / 25%); +} + +/*Series Tab*/ +[class*="AuthorDetailsSeries-bookType-"] { + border: none; + background-color: rgba(0, 0, 0, .25); +} + +[class*="AuthorDetailsSeries-collapseButtonContainer-"] { + border: none; + background-color: rgba(0, 0, 0, .25); +} + +[class*="AuthorDetailsSeries-bookTypeLabel-"] { + color: #FFF; +} + +[class*="AuthorDetailsSeries-bookCount-"] { + color: #FFF; +} + +/*Search Tab*/ + +[class*="AuthorDetails-selectedTab-"] { + border-bottom: 4px solid rgb(var(--accent-color)); +} + +[class*="AuthorDetails-metadataMessage-"] { + color: var(--text); +} + +[class*="AuthorDetails-metadataMessage-"] [class*="Link-to-"] { + color: rgb(var(--accent-color)); +} + +[class*="AuthorDetails-metadataMessage-"] [class*="Link-to-"]:hover { + color: var(--accent-color-hover); +} + +/*Specific Book Page*/ +[class*="BookDetails-tab-"] { + color: #FFF; +} \ No newline at end of file diff --git a/CSS/themes/requestrr/requestrr-base.css b/CSS/themes/requestrr/requestrr-base.css new file mode 100644 index 00000000..06aac76f --- /dev/null +++ b/CSS/themes/requestrr/requestrr-base.css @@ -0,0 +1,398 @@ +/* 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; +} \ No newline at end of file diff --git a/CSS/themes/resilio-sync/resilio-sync-base.css b/CSS/themes/resilio-sync/resilio-sync-base.css new file mode 100644 index 00000000..d86f22ae --- /dev/null +++ b/CSS/themes/resilio-sync/resilio-sync-base.css @@ -0,0 +1,804 @@ +/* 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; +} \ No newline at end of file diff --git a/CSS/themes/rutorrent/rutorrent-base.css b/CSS/themes/rutorrent/rutorrent-base.css new file mode 100644 index 00000000..0305f651 --- /dev/null +++ b/CSS/themes/rutorrent/rutorrent-base.css @@ -0,0 +1,1785 @@ +/* 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 */ +/* Based on https://github.com/themightykitten/ruTorrent-MaterialDesign */ +@import url(https://use.fontawesome.com/releases/v5.0.7/css/all.css); +@import url(https://fonts.googleapis.com/css?family=Roboto:400,600,700,300); + +@font-face { + font-family: 'Roboto' !important +} + +html, +body { + font-family: 'Roboto' !important; + 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-shadow: 0 -1px 0 #000 +} + +div#preload { + width: 0; + height: 0; + display: none; + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/menus.png); + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png); + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png); + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/r_bg.gif); + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/asc.gif); + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/desc.gif); + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/pnl_open.gif); + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/pnl_close.gif); + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) +} + +hr { + background-color: rgba(255, 255, 255, 0.08); + height: 1px; + border-width: 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +div#cover { + 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#msg { + background: rgba(0, 0, 0, 0.25); + border-top: 1px solid #3330; + border-bottom: 1px solid #0000; + font-size: 11px; + font-weight: 700; + text-shadow: 0 -3px 0 #0000; +} + +div#sc { + border: 1px solid #333; + background-color: #181818 +} + +div#sc li.se_act div { + background-color: #333; + color: #888 +} + +div#lng { + background-color: #181818; + border: 1px solid #333 +} + +.rmenuitem { + color: var(--text-hover) !important; +} + +iframe { + border-width: 0px !important; + border: none !important; +} + +ul.CMenu { + opacity: .98; + border: 1px solid transparent; + border-right: 1px solid transparent; + border-left: 1px solid transparent; + border-bottom: 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; + padding: 0; + border-radius: 5px; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); +} + +ul.CMenu li { + 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; +} + +ul.CMenu li.menuitem:first-child { + border-top-right-radius: 5px; + border-top-left-radius: 5px +} + +ul.CMenu li.menuitem:last-child { + border-bottom-right-radius: 5px; + border-top-left-radius: 5px +} + +ul.CMenu li a { + color: var(--text); + background: transparent; +} + +ul.CMenu li a.dis { + color: rgb(var(--accent-color)) +} + +ul.CMenu li a.dis:hover { + color: var(--text-hover) +} + +ul.CMenu li hr { + background-color: rgba(255, 255, 255, .08); + height: 1px; + border-width: 0; + border-bottom: 1px solid rgba(255, 255, 255, .08); + padding: 0; + margin: 0; + width: 100%; +} + +ul.CMenu li a.exp { + background: transparent; +} + +ul.CMenu li a.exp:hover { + background: rgba(255, 255, 255, .08); + ; +} + +ul.CMenu li a.sel { + color: #ffffff; + background: rgba(0, 0, 0, 0.15); +} + +ul.CMenu li ul li a.sel { + color: #178FD1 +} + +ul.CMenu li a:hover { + background-color: rgba(255, 255, 255, 0.08) !important; + color: var(--text-hover); + text-shadow: 0 -1px 0 #000; +} + +ul.CMenu li:hover ul li a { + background-color: transparent; + color: var(--text-hover); +} + +ul.CMenu li:hover ul li a:hover { + color: var(--text-hover); + text-shadow: 0 -1px 0 transparent +} + +ul.CMenu li ul li a.dis { + color: #fff +} + +ul.CMenu li ul li a.dis:hover { + background-color: #181818; + color: #333 +} + +div.stable-body table tbody tr.even:nth-child(2n+1) td { + background: rgba(255, 255, 255, 0.08) !important +} + +.stable-body td { + border-bottom: 1px solid #ff000000 !important; +} + +.stable-body tr.odd td { + background: #2A2A2A !important +} + +#tdetails { + overflow: hidden +} + +#StatusBar { + border-top: 1px solid #292828 !important; + background: #1E1E1E; + margin-top: -2px +} + +#sel { + border: 1px dotted #555 +} + +div#t { + background-color: rgba(0, 0, 0, 0.25); + background-image: none; + border-bottom: none; + padding: 4px 0 2px 0; + height: 40px; +} + +div#t a { + margin: 4px 5px 0 5px +} + +#mnu_logoff.top-menu-item { + margin-left: 15px; +} + +div#t a:hover { + background: none +} + +div#t div.TB_Separator { + border: none; + background: none; + margin: 0 5px; + height: 40px +} + +div#t div#add { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat 0 0 +} + +div#t div#add:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat 0 -24px +} + +div#t div#create { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -24px 0 +} + +div#t div#create:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -24px -24px +} + +div#t div#remove { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -48px 0 +} + +div#t div#remove:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -48px -24px +} + +div#t div#start { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -72px 0 +} + +div#t div#start:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -72px -24px +} + +div#t div#pause { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -96px 0 +} + +div#t div#pause:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -96px -24px +} + +div#t div#stop { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -120px 0 +} + +div#t div#stop:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -120px -24px +} + +div#t div#moveu { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -144px 0 +} + +div#t div#moveu:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -144px -24px +} + +div#t div#moved { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -168px 0 +} + +div#t div#moved:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -168px -24px +} + +div#t div#search { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -192px 0 +} + +div#t div#search:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -192px -24px +} + +div#t div#rss { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -241px 0 +} + +div#t div#rss:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -241px -24px +} + +div#t div#setting { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -264px 0 +} + +div#t div#setting:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -264px -24px +} + +div#t div#plugins { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/plugin.png) no-repeat 0 center +} + +div#t div#plugins:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/pluginh.png) no-repeat 0 center +} + +div#t div#help { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -288px 0 +} + +div#t div#help:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -288px -24px +} + +div#t div#go { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/go.png) no-repeat 0 0 +} + +div#t div#go:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/goh.png) no-repeat 0 0 +} + +div select { + -webkit-appearance: none !important; + background: #1f1f1f url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/dropdown.png) no-repeat 0 0; + background-position: right; + border: 1px solid #1f1f1f; + padding-right: 15px !important; +} + +.stg_con { + background-color: transparent +} + +.stg_con fieldset { + border: none; + border-top: 1px solid rgb(var(--accent-color)); + border-radius: 0 +} + +.stg_con td input { + padding: 1px 4px +} + +#st_ao_h, +#st_throttle_h { + height: 360px !important +} + +a { + color: #fff; + font-family: 'Roboto' +} + +.flot-text { + color: #fff !important; +} + +.flot-overlay { + border: none !important; +} + +div#stg-header { + background: #273238 url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/dlg-toolbars.gif) no-repeat scroll 0 -72px; + text-shadow: 0 -1px 0 #000 +} + +div#CatList { + border: none; + background-color: rgba(0, 0, 0, 0.25); + border-right: 1px solid transparent; + border-left: none +} + +div#CatList ul li span { + color: var(--text) +} + +div#CatList ul li.sel span { + color: #AACF27 +} + +div#CatList ul li { + border: none; + margin: 5px; + font-family: 'Roboto' +} + +div#CatList ul li.sel { + background-color: transparent; + color: var(--text-hover); + text-shadow: 0 -1px 0 #000; + border: none +} + +#-_-_-all-_-_-, +#-_-_-dls-_-_-, +#-_-_-com-_-_-, +#-_-_-act-_-_-, +#-_-_-iac-_-_-, +#-_-_-err-_-_- { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png) +} + +.catpanel { + font-size: 12px; + font-family: 'Roboto'; + padding: 2px 30px; + height: 22px; + line-height: 25px; + background-image: none; + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/pnl_open.gif) 0 0 no-repeat !important; + background-color: #273238; + font-weight: 700; + color: var(--text-hover); + text-shadow: 0 -1px 0 #000; + border: none +} + +.catpanelcont { + margin: 15px 2px; + transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0 +} + +#-_-_-all-_-_- { + background-position: 4px -175px +} + +#-_-_-dls-_-_- { + background-position: 4px 2px +} + +#-_-_-com-_-_- { + background-position: 4px -15px +} + +#-_-_-act-_-_- { + background-position: 4px -159px +} + +#-_-_-iac-_-_- { + background-position: 4px -31px +} + +#-_-_-err-_-_- { + background-position: 4px -95px +} + +div#CatList ul li.RSS { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png); + background-position: 4px -207px +} + +div#CatList ul li.disRSS { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png) +} + +.stable-icon { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png) +} + +.Icon_File { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/file.gif) no-repeat left center +} + +.Icon_Dir { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/dir.gif) no-repeat left center +} + +.Icon_Share { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/dir.gif) no-repeat left center +} + +div#CatList ul li.sel span { + color: rgb(var(--accent-color)); +} + +div#flabel_cont ul li { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png); + background-position: 4px -352px +} + +div.tab { + background: transparent; + font-family: 'Roboto' +} + +div#lcont { + background: rgba(0, 0, 0, 0.25); + font-family: 'Roboto' +} + +div#gcont table td.Header { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png) no-repeat 0 -286px; + font-family: 'Roboto'; + color: var(--text-hover); + padding-left: 17px +} + +div#gcont table tr { + background: rgba(0, 0, 0, 0.45); + font-family: 'Roboto'; + color: var(--text); +} + +div#gcont table tr td { + background: rgba(0, 0, 0, 0.15); +} + +div#gcont table { + font-family: 'Roboto' +} + +div.graph_tab { + color: #FFF; + border-color: transparent; + background-color: rgba(0, 0, 0, 0.25) +} + +div.table_tab { + background-color: rgba(0, 0, 0, 0.45); + font-family: 'Roboto' +} + +div#modalbg { + background-color: #181818 +} + +div#List { + margin-right: 6px; + border: none; + background-color: rgba(0, 0, 0, 0.25); +} + +div#FileList, +div#TrackerList, +div#PeerList, +div#Speed { + background-color: rgba(0, 0, 0, 0.25); +} + +.dlg-window { + background-color: #222; + box-shadow: 0 19px 38px rgba(0, 0, 0, 0.60) +} + +*>fieldset { + border: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 2px +} + +a.dlg-close { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/close.png) no-repeat scroll left center +} + +a.dlg-close:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/close.png) no-repeat scroll left center +} + +a.dlg-close:link, +a.dlg-close:visited { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/close.png) no-repeat scroll left center +} + +div.dlg-header { + background-color: rgba(0, 0, 0, 0.25); + border-bottom: none; + font-family: 'Roboto'; + text-transform: uppercase; + font-weight: 700; + font-size: 1em +} + +.tskconsole { + font-size: 11px; + font-family: monospace; + line-height: 11px; + background: rgba(0, 0, 0, 0.25); + white-space: pre; + overflow: scroll; + height: 198px; + width: 580px; + cursor: text; +} + +fieldset { + background-color: transparent; + font-family: 'Roboto' +} + +legend { + color: #999; + text-transform: uppercase; + font-weight: 500; + font-size: 1em +} + +td.disabled, +label.disabled, +span.disabled, +div.disabled { + color: #b9b9b9 +} + +disabled { + opacity: 50% +} + +div#stg .lm { + margin: 5px 0 5px 5px; + padding: 10px 5px 0; + background: none; + border: none +} + +.lm li, +.lm li.first, +.lm li.last, +.lm li div.toggle { + background: transparent none repeat scroll 0 0; + text-transform: uppercase; + font-size: .9em; + margin: 0 0 3px +} + +.lm li a { + font-size: 1em; + font-weight: 400; + color: var(--text); + transition: all .5s +} + +.lm li a:hover { + color: var(--text-hover); + transition: all .5s +} + +.lm li a.focus { + color: var(--text-hover); + background: none +} + +input.disabled { + background-color: #181818; + color: #333; + border: 1px solid #333 +} + +legend { + color: var(--text-hover); +} + +select.cols { + border: 1px solid #333 +} + +div#dragmask { + border: 1px dotted #333 +} + +div#tdetails { + padding: 0; + margin: 0; + background-color: transparent; + color: #fff; + border-top-right-radius: 0px; + border-top-left-radius: 0px; +} + +div#tdcont { + background: transparent; + border: none; + padding: 0 +} + +div#HDivider { + background: rgba(0, 0, 0, 0.45); + cursor: e-resize; + height: 0; + margin: 0; + padding: 0; + width: 5px +} + +div#RSSList { + border: none !important; + background-color: rgba(0, 0, 0, 0.25) !important; + overflow: hidden; + display: block; + -moz-user-select: none; + -moz-user-focus: normal; + -moz-user-input: enabled; +} + +div#HDivider:hover, +div#VDivider:hover { + background: rgba(255, 255, 255, 0.08); +} + +div#tcreate textarea#trackers { + color: #fff; + border: none !important; + background: rgba(0, 0, 0, 0.25); + border-radius: 2px; + cursor: text; +} + +input[type="text"], +input[type="password"], +select { + color: #fff; + border: none; + background: rgba(0, 0, 0, 0.25) url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) repeat-x scroll 0 -138px; + border-radius: 2px; + outline: none; +} + +input[type="text"][disabled], +input[type="password"][disabled], +input[type="file"][disabled], +select[disabled] { + color: #fff; + border: none; + background: rgba(0, 0, 0, 0.08) url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) repeat scroll 0 0 !important; + border-radius: 2px; + opacity: .2 +} + +#StatusBar table tr td.pstatus2 { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/green.png) no-repeat scroll 5px center !important +} + +textarea { + border: none; + border-radius: 2px +} + +#hostcookies, +#lookat, +#message, +#FS_downlink { + color: #fff; + border: none !important; + background: rgba(0, 0, 0, 0.25); + border-radius: 2px +} + +input.Button { + background: var(--button-color) none repeat scroll 0 0; + border-radius: 2px; + border: none; + color: var(--button-text); + cursor: pointer; + display: inline; + font-weight: 700; + text-shadow: none +} + +input.Button:hover, +input.Button:focus { + background: var(--button-color-hover) none repeat scroll 0 0; + color: var(--button-text-hover); +} + +#mainlayout { + max-width: 1000px +} + +ul#tabbar { + background: rgba(0, 0, 0, 0.45); + border: none; + color: #606060; + height: 24px; + text-shadow: none +} + +ul#tabbar li a { + background: none; + border: none; + color: var(--text); + cursor: pointer; + font-family: inherit; + line-height: 24px; + margin: 2px 2px 0; + padding: 4px 15px 3px; + font-weight: 500; + text-shadow: none; + top: 0 +} + +ul#tabbar li a:hover { + color: var(--text-hover); + text-shadow: none; + background: none +} + +ul#tabbar li.selected a { + background: none; + border-bottom: 2px solid rgb(var(--accent-color)); + color: rgb(var(--accent-color)); + padding: 4px 15px 5px; + font-weight: 700; + text-shadow: none; + top: 0; + transition: all .2s cubic-bezier(.18, .89, .32, 1.28) 0 +} + +.tabbar li { + margin-left: 1px; + margin-right: 2px +} + +.tabbar { + background: none; + border: none; + color: #038ba9; + height: 21px; + padding: 4px; + text-shadow: none +} + +.tabbar li a { + background: none; + border: none; + color: #606060; + cursor: pointer; + font-family: inherit; + line-height: 24px; + margin: -2px 1px 0; + padding: 4px 15px 3px; + font-weight: 500; + text-shadow: none; + top: 0; + transition: all .5s +} + +.tabbar li a:hover { + color: #fff; + background: none; + border: none +} + +.tabbar li.selected a { + background: none; + border: none; + border-bottom: 2px solid #fff; + color: #ececec; + font-weight: 700; + margin: 0 2px 0 0; + padding: 4px 15px 3px; + text-shadow: none; + top: 0 +} + +#fMan_navbut { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/directory.png) !important; + border: 1px solid #181818 !important +} + +#fMan_navbut:hover { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/refresh.png) !important +} + +#fMan_pathsel { + max-width: 600px !important +} + +#meter-disk-value { + border-radius: 2px; + overflow: hidden +} + +div#dlgProps textarea#prop-trackers { + background: #222#ff8000; + border: 1px solid #333 +} + +div.dlg-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; + color: var(--text); + border-top: 1px solid transparent; + border-right: 1px solid transparent; + border-left: 1px solid transparent; + border-bottom: 1px solid transparent; + border: none; +} + +#stg_c { + font-weight: 300 !important +} + +.dlg-header { + background-color: #222; + border-bottom: none +} + +#FS_main div.dlg-header { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/share.png) !important +} + +div#yesnoDlg div.dlg-header { + background: rgba(0, 0, 0, 0.25); + text-shadow: 0 -1px 0 #000 +} + +div#stg-header { + background: rgba(0, 0, 0, 0.25); + text-shadow: 0 -1px 0 #000; + color: var(--text-hover); +} + +div#dlgHelp-header, +div#dlgHelp div.dlg-header { + background: rgba(0, 0, 0, 0.25); + text-shadow: 0 -1px 0 #000 +} + +div#tadd { + margin: 5px; + height: 300px !important; + width: 450px !important +} + +div#tadd-header { + background: rgba(0, 0, 0, 0.25); + border-bottom: 1px solid #3330; + text-shadow: 0 -1px 0 #000; +} + +#addtorrenturl label:nth-of-type(2), +#addtorrenturl br, +#addtorrent label:last-of-type, +#addtorrent br:last-of-type, +#addtorrent br:nth-last-of-type(2) { + display: none !important +} + +#addtorrent hr:last-of-type { + margin-bottom: 15px +} + +#tadd_label, +#tadd_label_select { + margin: 5px 0 5px 25px +} + +#addtorrent span, +#addtorrent label, +#tadd_label_select, +#tadd_label { + clear: both; + float: left +} + +#addtorrent span:first-of-type, +#addtorrent label:nth-of-type(2) { + margin-top: 10px +} + +#addtorrenturl { + margin-top: 15px +} + +Input.TextboxLarge { + border: none +} + +div.tab { + background-color: rgba(0, 0, 0, 0.25) +} + +div#t div#ind { + height: 34px; + width: 34px; + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/ajax-loader.gif) no-repeat 0 center; + margin: 2px 6px +} + +tr#rrow td * { + margin-top: -2px +} + +tr#rrow td a#mnu_go div#go { + margin-top: -5px +} + +span#loadimg { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/ajax-loader.gif) no-repeat center center +} + +.meter-value-start-color { + background-color: #E05400 +} + +.meter-value-end-color { + background-color: #8FBC00 +} + + +::-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; +} + +input#clear_log, +input#add_url, +input#add_button { + margin-top: 2px +} + +div#lcont div.std { + background: rgba(0, 0, 0, 0.25); + height: 17px; + line-height: 17px; + border-bottom: 1px solid transparent; +} + +div#lcont div.std:nth-child(2n+1) { + background: rgba(255, 255, 255, 0.08); +} + +#StatusBar { + border-top: 1px solid transparent; + background: rgba(0, 0, 0, 0.45); + color: #ccc; + font-family: Roboto +} + +#StatusBar table tr td { + padding-right: 5px; + border: none; + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) no-repeat right -208px +} + +#StatusBar table tr td td { + background: none +} + +#StatusBar table tr td:last-child { + border-top: red +} + +#st_up { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status.png) no-repeat 6px 2px +} + +#st_down { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status.png) no-repeat 6px -18px +} + +.statuscell { + padding-right: 5px; + border: none +} + +#stup_speed { + color: #AACF27 +} + +#stdown_speed { + color: #178FD1 +} + +#stup_total, +#stdown_total { + color: #fff +} + +span#ds, +span#dl { + color: #178FD1 +} + +span#ra { + color: #F70000 +} + +span#us, +span#ul { + color: #AACF27 +} + +span.det { + color: #fff +} + +.stable-head table tr td { + border-right: 1px solid #242424 !important; + font-family: Roboto !important +} + +.Icon_Dir { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png); + background-position: 0 -272px +} + +.Icon_File { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png); + background-position: 0 -256px +} + +.Icon_Torrent { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/torrent.png) no-repeat scroll left center !important +} + +.Icon_Vid { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/video.png) no-repeat scroll left center !important +} + +.Icon_Mp3 { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/mp3.png) no-repeat scroll left center !important +} + +.Icon_Img { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/image.png) no-repeat scroll left center !important +} + +.Icon_Nfo { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/nfo.png) no-repeat scroll left center !important +} + +.Icon_Sfv { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/text.png) no-repeat scroll left center !important +} + +.Icon_UpD { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/up.png) no-repeat scroll left center !important +} + +.Icon_Rar, +.Icon_Zip { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/archive.zip) no-repeat scroll left center !important +} + + + + + + +@font-face { + font-family: 'Ubuntu'; + font-style: normal; + font-weight: 400; + src: local('Ubuntu'), url(https://themes.googleusercontent.com/static/fonts/ubuntu/v5/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff'); +} + +.stable { + border: 1px solid; + border-color: #333333 #181818 #181818 #333333; +} + +.stable td { + padding: 2px; +} + +.stable-head { + color: var(--text-hover); + background: rgba(0, 0, 0, 0.45); + border: none; + text-shadow: 0px 1px 0px rgba(0, 0, 0, 0); + font-family: Ubuntu; +} + +div#tdcont .stable-head { + border: none; +} + +div#tdcont .stable { + border: none; +} + +.stable-head table tr { + background: transparent; + border: none; +} + +.stable-head table tr td { + border: none; + font-family: Ubuntu; + height: 18px; + line-height: 18px; + cursor: pointer; +} + +.stable-head div.resz { + border: 1px solid #FF0000; + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/s.gif) no-repeat scroll left center; +} + +.stable-body { + background: window; + text-shadow: 0px 1px 0px rgba(0, 0, 0, 0); + color: var(--text); +} + +.stable-body td { + border-bottom: 1px solid #333333; +} + +.stable-body td div { + font-family: Ubuntu, Verdana, Arial, Helvetica, sans-serif; + height: 16px !important; +} + +.stable-body tr.odd td { + background: #333333 +} + +.stable-body tr.even td { + background: #191919 +} + +.stable-body tr { + height: 22px; +} + +.stable-body { + background: transparent +} + +.stable-body tr.selected td { + background: rgba(255, 255, 255, 0.25); + color: var(--text-hover); + text-shadow: 0px -1px 0px rgba(0, 0, 0, 0); +} + +div.stable-body table tbody tr.even td { + background: rgba(0, 0, 0, 0.08); +} + +div.stable-body table tbody tr.even td:nth-child(2n+1) { + color: var(--text); +} + +div.stable-body table tbody tr.even:nth-child(2n+1) td { + background: #181818 url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) repeat-x 0px -64px; +} + +.stable-move-header { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/header_move.gif) repeat-x scroll center top; + border: 1px solid #0099FF; +} + +.stable-move-header { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/header_move.gif) repeat-x scroll center top rgba(128, 128, 128, 0.7); + border: 1px solid #0099FF; +} + +.gecko .stable-move-header { + background: rgba(128, 128, 128, 0.7); + -moz-opacity: 0.7; +} + +.ie .stable-move-header { + background: rgba(128, 128, 128, 0.7); + filter: alpha(opacity=70) +} + +.webkit .stable-move-header { + background: rgba(128, 128, 128, 0.7); +} + +.stable-active-header { + border-color: threedface !important +} + +.stable-separator-header { + background: #181818; +} + +.stable-scrollpos { + background: #181818 url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) repeat-x 0px -37px; + height: 17px; + line-height: 17px; + border-bottom: 1px solid #333333; +} + +.stable-scrollpos:nth-child(2n+1) { + background: #181818 url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) repeat-x 0px -64px; +} + +.meter-value { + float: left; + border: 1px inset transparent !important; + border-bottom: none !important; + background: rgb(var(--accent-color)) !important; +} + +.stable-body tr.selected span.meter-value { + color: #fff; +} + +.meter-text { + line-height: 16px; + position: relative; + text-align: left; + float: left; + width: 0px; + height: 0px; + overflow: visible; + left: 40%; + font-size: 11px; + font-family: Ubuntu; + z-index: 1; + text-shadow: 0px 0px 2px rgba(0, 0, 0, 0); + color: var(--label-text-color); +} + + + + +@font-face { + font-family: 'Ubuntu'; + font-style: normal; + font-weight: 400; + src: local('Ubuntu'), url(https://themes.googleusercontent.com/static/fonts/ubuntu/v5/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff'); +} + +.tskconsole, +.exconsole, +.console, +.starterConsole { + background: #333333 +} + +#tsk_btns input.Button { + margin: 0px 3px +} + +#tsk_btns .scplay { + display: none +} + +.cCell { + color: black +} + +#meter-disk-value, +#qmeter-disk-value, +#qmeter-band-value { + float: left; + border: 1px inset #1b1b1b; + border-bottom: none; + background: #96CE00 url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) repeat-x 0px -138px; +} + +#meter-disk-text, +#qmeter-disk-text, +#meter-band-text { + color: #fff; + text-shadow: 0px 0px 2px #000; + position: relative; + text-align: left; + float: left; + width: 0px; + height: 0px; + overflow: visible; + left: 40%; + font-size: 11px; + font-family: Ubuntu; + z-index: 1; +} + +#meter-disk-holder, +#qmeter-disk-holder, +#meter-band-holder { + width: 100px; + height: 16px; + line-height: 16px; + border-right: none; + padding-left: 25px; + margin-left: 0px; + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png) no-repeat 3px -336px; +} + +#meter-cpu-text { + position: absolute; + left: 65px; + top: 0px; + color: #fff; + text-shadow: 0px 0px 2px #000; + font-size: 11px; + font-family: Ubuntu; +} + +#meter-cpu-holder { + width: 100px; + height: 16px; + line-height: 16px; + border-right: none; + margin-left: 0px; + padding-left: 25px; + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png) no-repeat 3px -320px; +} + +/* #meter-cpu-td {}*/ + +div.graph_tab { + color: #FFF; + border-color: transparent; +} + +div#tcreate div.dlg-header { + background: rgba(0, 0, 0, 0.25); + border-bottom: 1px solid transparent; + text-shadow: 0px -1px 0px #000; + background-image: none !important; +} + +div#dlgAddRSS { + background-color: #222222; + border-top: 1px solid transparent; + border-right: 1px solid transparent; + border-left: 1px solid transparent; + border-bottom: 1px solid transparent; +} + +div#dlgAddRSS-header, +div#dlgAddRSS div.dlg-header { + background: rgba(0, 0, 0, 0.25); + border-bottom: 1px solid transparent; + text-shadow: 0px -1px 0px #000; + background-image: none !important; +} + + + +.lf li input.TextboxFocus { + background-color: transparent; + color: #009DDD +} + +.cCell { + color: #333; +} + +.Cell0 { + background-color: #FFFDF0; + border: 1px dotted #888888; +} + +.Cell1 { + background-color: #7EB400; +} + +.Cell2 { + background-color: #75A602; +} + +.Cell3 { + background-color: #6D9A02; +} + +.Cell4 { + background-color: #628C02; +} + +.Cell5 { + background-color: #5B8101; +} + +.Cell6 { + background-color: #527501; +} + +.Cell7 { + background-color: #4A6801; +} + +.Cell8 { + background-color: #435F01; +} + +.Cell9 { + background-color: #3B5401; +} + +.CellA { + background-color: #C1C3C3; +} + +.CellB { + background-color: #999A9A; +} + +.CellC { + background-color: #767776; +} + +.CellD { + background-color: #6B6C6B; +} + +.CellE { + background-color: #60605E; +} + +.CellF { + background-color: #000; + color: #fff; +} + +#tCellNotSupported { + text-align: center; +} + +#tRowNotSupported { + vertical-align: middle; + color: red; +} + +div#dlgEditRules-header, +#dlgEditRatioRules-header, +div#dlgEditRules div.dlg-header { + background: #181818 url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/dlg-toolbars.gif) no-repeat 0 -72px !important; + border-bottom: 1px solid #333333; + text-shadow: 0px -1px 0px #000; +} + +div#dlgEditRules, +div#dlgEditRatioRules { + width: 600px; +} + +.lfc_rru, +.lfc_rur { + width: 250px; +} + +.lf_rru, +.lf_rur { + border: none; + border-radius: 2px; + background-color: #2D2D2D; +} + +#exratio_buttons1 input.Button { + margin: 0px 3px; +} + +#autodl-tb { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/autodll-irc1.png) no-repeat center; +} + +#autodl-tb:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/autodll-irc2.png) no-repeat center; +} + +#autodl-multiselect-header { + background-image: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/dlg-autodl-irc.gif"); +} + +.shieven { + background: #191919; +} + +.shiodd { + background: #333333; +} + +div#webuiUpdateToggle.pause { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/pauseui.png) no-repeat; +} + +div#webuiUpdateToggle.pause:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/pauseuih.png) no-repeat; +} + +div#webuiUpdateToggle.resume { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/playui.png) no-repeat; +} + +div#webuiUpdateToggle.resume:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/playuih.png) no-repeat; +} + +div#webuiRefresh { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/refreshui.png) no-repeat; +} + +div#webuiRefresh:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/refreshuih.png) no-repeat; +} + +div#linkproxy { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/proxy.png) no-repeat; +} + +div#linkproxy:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/proxyh.png) no-repeat; +} + +div#linklogs { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/linklogs.png) no-repeat; +} + +div#linklogs:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/linklogsh.png) no-repeat; +} + +div#linkseedboxmanager { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/seedboxmanager.png) no-repeat; +} + +div#linkseedboxmanager:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/seedboxmanagerh.png) no-repeat; +} + +div#plugin { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/plugin.png) no-repeat; +} + +div#plugin:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/pluginh.png) no-repeat; +} + +#maillayout #letterform table tr td { + background: #181818 +} + +#maillayout #replyform table tr td { + background: #181818 +} + +div#chat { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/chat.png); +} + +div#chat:hover { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/chat3.png); +} + +div#tchat div.dlg-header { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/chat2.png); +} + +#userlist, +#chatselect, +#chatarea, +#chatselect option { + border: none !important; + background-color: #6F6F6F !important; + border-radius: 2px !important; + color: #fff !important +} + +div#logoff { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/logoff.png); +} + +div#logoff:hover { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/logoff3.png); +} + +div#logoffDlg div.dlg-header { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/logoff2.png); +} + +.noty_alert, +.noty_success { + color: #000000; + text-shadow: 0 -1px 0 #ffffff +} + +.retrackers { + width: 100%; + height: 110px; + border: 1px solid transparent !important; + font-size: 11px; + font-family: Tahoma, Arial, Helvetica, sans-serif; + cursor: text; + background: rgba(0, 0, 0, 0.25) !important; + color: #fff !important; + outline: none !important; +} + + +#dlgEditRatioRules .rf_rru, +#dlgEditRules .rf_rur { + background-color: transparent; +} + + +#dlgEditRatioRules .lf_rru li input.TextboxFocus, +#dlgEditRules .lf_rur li input.TextboxFocus { + background-color: rgb(255 255 255 / 25%); + color: #FFF; +} + +#dlgEditRatioRules .lf_rru li input.TextboxNormal, +#dlgEditRules .lf_rur li input.TextboxNormal { + background-color: rgb(255 255 255 / .08) !important; + color: #FFF; +} + +.autodl-listbox { + border: 1px solid rgb(255 255 255 / 8%); + background-color: transparent; +} + +#autodl-filters { + width: 800px !important; +} + +div#dlgEditRules-header, +#dlgEditRatioRules-header, +div#dlgEditRules div.dlg-header { + background: rgba(0, 0, 0, 0.25) !important; +} \ No newline at end of file diff --git a/CSS/themes/sabnzbd/sabnzbd-base.css b/CSS/themes/sabnzbd/sabnzbd-base.css new file mode 100644 index 00000000..682580c9 --- /dev/null +++ b/CSS/themes/sabnzbd/sabnzbd-base.css @@ -0,0 +1,1162 @@ +/* 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; + background-color: transparent; + font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif !important; + font-size: 1.4em !important; + color: var(--text); +} + +* { + outline: none !important; +} + +h1, +h2, +h3, +h4, +h5, +h6, +label:not(.btn), +legend { + color: var(--text-hover) !important; +} + +p { + color: var(--text); +} + +a { + color: var(--link-color); +} + +.speedlimit-dropdown.dropdown>div>div>a { + color: var(--button-text); +} + +#navbar-collapse>ul>li.speedlimit-dropdown.dropdown>div>div:hover a.hover-button { + color: var(--button-text-hover); + opacity: 1; +} + +a:active, +a:hover, +a:focus { + color: var(--link-color-hover); +} + +#modal-options .modal-header a { + color: var(--link-color) !important; +} + +#modal-options .modal-header a:hover { + color: var(--link-color-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 */ +.nav-tabs, +hr { + border-bottom: 1px solid rgb(var(--accent-color)); +} + +#modal-options #options-status hr { + border-top: 1px solid rgb(var(--accent-color)); +} + +.navbar-inverse { + background-color: rgba(0, 0, 0, .25); + border-color: transparent !important; +} + +.navbar-nav>li>a { + color: rgb(var(--accent-color)) !important; + opacity: 1; +} + +.navbar-nav>li>a:hover, +.main-menu-link:hover a { + opacity: 1; + color: var(--accent-color-hover) !important; +} + +.main-menu-link .icon-bar { + display: block; + width: 16px; + height: 3px; + border-radius: 1px !important; + background-color: var(--link-color); + margin-top: 3px; +} + +.main-menu-link:hover .icon-bar { + background-color: var(--link-color-hover); +} + +/* .navbar-btn { + background: var(--button-color) !important; + border-color: transparent !important; +} */ + +.navbar-inverse .navbar-nav>.open>a, +.navbar-inverse .navbar-nav>.open>a:hover, +.navbar-inverse .navbar-nav>.open>a:focus { + background-color: hsla(0, 0%, 100%, .08); +} + +.ui-slider-horizontal, +.ui-slider-range-min { + background: rgb(var(--accent-color)) !important; +} + +.ui-slider .ui-slider-handle { + background-color: rgb(var(--accent-color)); + border: 1px solid black; +} + +.main-content { + background-color: rgba(0, 0, 0, 0.15); + border: none; +} + +.dropdown-menu, +#feedback-slider { + 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-hover); +} + +.dropdown-menu>li>a:hover, +.dropdown-menu>li>a:focus { + color: var(--text-hover); + background-color: rgba(255, 255, 255, 0.08); +} + +.dropdown-header { + color: var(--text-hover); +} + +.menu-options .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; +} + +.main-notification-box { + 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; +} + +.main-filedrop.in, +.main-restarting.in { + color: var(--text-hover); +} + + +.caret { + border-top-color: white !important; +} + +svg.peity polygon { + fill: var(--button-color) !important; +} + +svg.peity polyline { + stroke: var(--button-color) !important; +} + +.rss-icon-svg { + fill: var(--button-color); + border-radius: 3px !important; +} + +/* BUTTONS */ +.input-group-addon { + color: var(--button-text); + background: var(--button-color); + border-color: var(--button-color); +} + +.form-signin .btn { + background: var(--button-color) !important; + outline: none !important; +} + +.text-center a { + color: var(--text-hover); +} + +.btn-default { + color: var(--button-text); + background: var(--button-color); + border-color: var(--button-color); + outline: none !important; +} + +.btn-default:focus, +.btn-default.focus { + color: var(--button-text-hover); + background: var(--button-color-hover); + border-color: var(--button-color-hover); +} + +.btn-default:hover { + color: var(--button-text-hover); + background: var(--button-color-hover); + border-color: var(--button-color-hover); +} + +.btn-default:active:hover, +.btn-default.active:hover, +.open>.dropdown-toggle.btn-default:hover, +.btn-default:active:focus, +.btn-default.active:focus, +.open>.dropdown-toggle.btn-default:focus, +.btn-default:active.focus, +.btn-default.active.focus, +.open>.dropdown-toggle.btn-default.focus { + color: var(--button-text-hover); + background: var(--button-color-hover); + border-color: var(--button-color-hover); +} + +.btn-default:active, +.btn-default.active, +.open>.dropdown-toggle.btn-default { + color: var(--button-text-hover) !important; + background: var(--button-color-hover) !important; + border-color: var(--button-color-hover) !important; +} + +.btn-group>.btn:hover, +.btn-group-vertical>.btn:hover, +.btn-group>.btn:focus, +.btn-group-vertical>.btn:focus, +.btn-group>.btn:active, +.btn-group-vertical>.btn:active, +.btn-group>.btn.active, +.btn-group-vertical>.btn.active { + z-index: 0; +} + +.btn-default:active:hover, +.btn-default.active:hover, +.open>.dropdown-toggle.btn-default:hover, +.btn-default:active:focus, +.btn-default.active:focus, +.open>.dropdown-toggle.btn-default:focus, +.btn-default:active.focus, +.btn-default.active.focus, +.open>.dropdown-toggle.btn-default.focus { + color: var(--button-text-hover); + background-color: var(--button-color-hover); + border-color: var(--button-color-hover); +} + +.btn-default:active, +.btn-default.active, +.open>.dropdown-toggle.btn-default { + color: var(--button-text-hover) !important; + background-color: var(--button-color-hover) !important; + border-color: var(--button-color-hover) !important; +} + +/* buttons settings */ +.btn-default.sabnzbd_restart { + color: #ddd; + background-color: #a94442; + border-color: transparent; +} + +.btn-default.sabnzbd_restart:hover { + color: #fff; + background-color: #d93935; + border-color: transparent; +} + +.btn-default.saveButton { + color: #ddd; + background-color: #3c763d; + border-color: transparent; +} + +.btn-default.saveButton:hover, +.btn-default.saveButton:focus, +.btn-default.saveButton:active { + color: #fff !important; + background-color: #42a543 !important; + border-color: transparent !important; +} + +/* buttons categories */ +.btn-default.delCat { + color: #ddd; + background-color: #a94442; + border-color: #2d2c2c; +} + +.btn-default.delCat:hover { + color: #fff; + background-color: #d93935; + border-color: transparent; +} + +.btn-default.fileBrowser { + color: var(--button-text); + background-color: var(--button-color); + border-color: transparent; +} + +.btn-default.fileBrowser:hover, +.btn-default.fileBrowser:focus, +.btn-default.fileBrowser:active { + color: #fff !important; + background-color: var(--button-color-hover) !important; + border-color: transparent !important; +} + +/* Button Switches*/ +.btn-default.restoreDefaults { + color: #ddd; + background-color: #a94442; + border-color: transparent; +} + +.btn-default.restoreDefaults:hover, +.btn-default.restoreDefaults:focus { + color: #fff; + background-color: #d93935; + border-color: transparent; +} + +/*Button Sorting*/ +.btn-default.clearBtn { + color: #fff !important; + background-color: #a94442; + border-color: transparent; +} + +.btn-default.clearBtn:hover { + color: #fff !important; + background-color: #d93935; + border-color: none; +} + +.btn-default.patternKey { + color: var(--button-text) !important; + background-color: var(--button-color); + border-color: transparent; +} + +.btn-default.patternKey:hover { + color: #fff !important; + background-color: var(--button-color-hover); + border-color: transparent; +} + +input[type="button"], +input[type="submit"] { + color: var(--button-text) !important; + background: var(--button-color); + border: 1px solid #00000000 +} + +input[type="button"]:hover, +input[type="submit"]:hover, +input[type="button"]:active, +input[type="submit"]:active, +input[type="button"]:focus, +input[type="submit"]:focus { + color: var(--button-text-hover) !important; + background-color: var(--button-color-hover) !important; + border: 1px solid #00000000 +} + +/* file button */ +.btn-default.btn-file { + color: var(--text-hover); + background-color: var(--button-color); + border-color: transparent; +} + +.btn-default.btn-file:hover, +.btn-default.btn-file:active, +.btn-default.btn-file:focus { + color: var(--button-text-hover) !important; + background-color: var(--button-color-hover) !important; + border-color: transparent !important; +} + +/* History */ + +.queue-table .row-extra-text, .history-table .row-extra-text { + color: var(--text-muted); +} + +.caret { + border-top-color: var(--button-text) !important; +} + +.table-striped>tbody>tr:nth-of-type(odd) { + background-color: rgba(0, 0, 0, 0.25); +} + +tbody.no-downloads tr td { + border-bottom: 1px solid #1f1f1f !important; +} + +tbody>tr>td:last-child { + border-right: 1px solid transparent !important; +} + +tr td { + border-top: 1px solid transparent !important; +} + +tbody>tr>td:first-child { + border-left: 1px solid transparent !important; +} + +table { + background-color: rgba(0, 0, 0, 0.25) !important +} + +table:hover { + background-color: rgba(0, 0, 0, 0.25) !important; +} + +.table-hover>tbody>tr:hover { + background-color: rgba(255, 255, 255, 0.07) !important; + color: var(--text-hover); +} + +tbody>tr:last-child td { + border-bottom: 1px solid transparent !important; +} + +.history-table, +tr td.status, +.history-table, +tr td.history-completedon, +.history-table, +tr td.row-extra-text, +.history-table tr td.status, +.history-table tr td.history-completedon, +.history-table tr td.row-extra-text { + color: var(--text); + border-top: none !important; +} + +.table-messages .table-messages-remove { + border-bottom: 1px solid transparent !important; + background: rgba(255, 255, 255, 0.25); +} + +.progress .progress-bar .fileDetails { + color: var(--button-text); +} + +.progress { + background-color: transparent !important; + box-shadow: none !important; + -webkit-box-shadow: none !important; +} + +.progress-bar strong { + color: hsla(0, 0%, 100%, .7) !important; +} + +.progress-bar+span { + color: hsla(0, 0%, 100%, .7) !important; +} + +.progress-bar-info, +.progress-bar { + background-color: var(--button-color) !important; +} + +.glyphicon-compressed:before { + color: #888; +} + +.direct-unpack span { + color: #888; +} + +.processing-download>div { + background-color: #888; +} + + +.multioperations-selector { + border: 1px solid transparent !important; + background-color: rgba(0, 0, 0, 0.25) !important; +} + +#history-options .hover-button { + color: rgb(var(--accent-color)); +} + +#history-tab .table>tbody>tr:nth-of-type(2n+1), +.table-striped>tbody>tr:nth-of-type(2n+1) { + background-color: rgba(255, 255, 255, 0.05); +} + +.pagination>li>a, +.pagination>li>span, +.pagination>li>span:hover { + color: var(--button-text); + background-color: var(--button-color); + border: 1px solid var(--button-color); +} + +.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-color: var(--button-color-hover); + border: 1px solid var(--button-color-hover); +} + +.pagination li.active a, +.pagination li.active span, +.pagination li.active a:hover, +.pagination li.active span:hover { + color: var(--button-text-hover); + background-color: var(--button-color-hover); + border: 1px solid var(--button-color-hover); +} + +.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: rgba(0, 0, 0, .25); + border: 1px solid transparent; +} + + +.search-box input { + border: transparent; +} + +.form-control { + color: white; + background-color: rgb(0 0 0 / 25%); +} + +.form-control:focus { + border-color: var(--text-hover); + -webkit-box-shadow: none; + box-shadow: none; + background: #1b1b1b; +} + +/*Tabbed sorting */ + +.history-queue-swicher .nav-tabs>li>a, +.history-queue-swicher .nav-tabs>li.active>a { + border-bottom: 1px solid transparent; + border: 1px solid transparent; + color: #fff !important; +} + +.history-queue-swicher .nav { + border-bottom: 1px solid transparent; +} + +.nav-tabs>li.active>a, +.nav-tabs>li.active>a:hover, +.nav-tabs>li.active>a:focus { + color: #555; + background-color: rgba(255, 255, 255, 0.15); +} + +.nav>li>a:hover, +.nav>li>a:focus { + text-decoration: none; + background-color: rgba(255, 255, 255, 0.08); +} + +.badge { + color: var(--label-text-color); + background-color: rgb(var(--accent-color)); +} + +/*Settings*/ +.navbar-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; + border: none; +} + +.navbar-default .navbar-nav>li>a { + color: var(--text) !important; +} + +.navbar-default .navbar-nav>.open>a { + background-color: hsla(0, 0%, 0%, .15); +} + +.navbar-default .navbar-nav>li>a:hover, +.navbar-logo:hover { + background-color: transparent !important; +} + +.navbar-default .navbar-nav>li>a:hover { + background-color: hsla(0, 0%, 100%, .08) !important; + color: var(--text-hover) !important; +} + +.navbar-default .navbar-nav>li>a.active { + background-color: hsla(0, 0%, 0%, .15) !important; + color: rgb(var(--accent-color)) !important; +} + +#content { + color: var(--text-hover); +} + +.colmask { + border: none; + background-color: rgba(0, 0, 0, .25); +} + +.padTable:not(.ui-sortable) { + background: var(--main-bg-color) !important; +} + +table { + border-color: transparent !important; +} + +.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: none !important; +} + +.section, +#addFeed, +#addFeedContent { + border-bottom: 1px solid transparent; +} + +.alt, +.infoTableSeperator.alt { + background-color: rgba(0, 0, 0, .25); +} + +.info-container { + color: var(--text-hover); +} + +.col2 table { + background-color: transparent !important; +} + +.col2 table:hover { + background-color: transparent !important; +} + +/*General Settings*/ +.Key tr:nth-child(odd), +.tab-pane tr:nth-child(odd), +.even { + background-color: transparent; +} + +.path { + color: var(--text-hover); +} + +.col2 h3 { + background: transparent; +} + +.form-control.advanced-button.config-hover { + color: var(--text-hover); + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); + border-radius: 3px !important; +} + +.form-control.advanced-button.config-hover:hover { + color: var(--text-hover); + background-color: rgba(255, 255, 255, 0.3); + border-color: rgba(255, 255, 255, 0.3); + border-radius: 3px !important; +} + +.form-control::-moz-placeholder { + color: var(--text-muted) !important; + opacity: 1 +} + +.form-control:-ms-input-placeholder { + color: var(--text-muted) !important; +} + +.form-control::-webkit-input-placeholder { + color: var(--text-muted) !important; +} + +.col2 p, +.col2-cats { + color: var(--text-hover); +} + +/*Input*/ +input[type="text"], +input[type="email"], +input[type="url"], +input[type="number"], +input[type="password"], +input[type="date"], +textarea, +select { + border: none; + background-color: rgba(0, 0, 0, 0.15); + border-radius: 3px !important; + color: var(--text-hover) !important; + outline: none; +} + +input[type="text"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="number"]:focus, +input[type="password"]:focus, +input[type="date"]:focus, +textarea:focus, +select:focus { + border: none; + background-color: rgb(25, 26, 28); + border-radius: 3px !important; + outline: none; +} + +textarea:hover, +input[type="date"]:hover, +input[type="datetime"]:hover, +input[type="datetime-local"]:hover, +input[type="email"]:hover, +input[type="month"]:hover, +input[type="number"]:hover, +input[type="password"]:hover, +input[type="search"]:hover, +input[type="tel"]:hover, +input[type="text"]:hover, +input[type="time"]:hover, +input[type="url"]:hover, +input[type="week"]:hover, +textarea:focus, +input[type="date"]:focus, +input[type="datetime"]:focus, +input[type="datetime-local"]:focus, +input[type="email"]:focus, +input[type="month"]:focus, +input[type="number"]:focus, +input[type="password"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +input[type="text"]:focus, +input[type="time"]:focus, +input[type="url"]:focus, +input[type="week"]:focus { + background-color: rgba(255, 255, 255, 0.1); + border: none; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} + +input[type="date"] { + background: transparent; + color: white; +} + +input[type="date"]::-webkit-calendar-picker-indicator { + filter: invert(100%); +} + +/*Servers*/ + +.server-disabled { + background: repeating-linear-gradient(-55deg, + #444444, + #444444 10px, + #333 10px, + #333 20px) center center/cover no-repeat fixed; + color: var(--text-muted); +} + +.server-disabled p, +.server-disabled label, +.server-disabled h3 { + color: var(--text-muted) !important; +} + +.server-disabled button { + background: #363636; + border-color: #363636; + color: var(--text-muted); +} + +.server-disabled button:hover { + background: #464646; + border-color: #464646; + color: var(--text-muted); +} + +.section .server-disabled { + background-color: rgba(255, 255, 255, 0); +} + +.Servers .ct-label { + color: white; +} + +.Servers .ct-series-a .ct-point { + stroke: #337ab7; + stroke-width: 4px; +} + +.Servers .ct-series-a .ct-line { + stroke: var(--text-hover); +} + +.Servers .ct-series-a .ct-area { + fill: var(--text-hover); +} + +/*Categories*/ +.Categories form:first-of-type tr:last-of-type { + background-color: transparent; +} + +.catTable { + background-color: transparent !important; +} + +.catTable:hover { + background-color: transparent !important; +} + +.Categories form.sorting-row:nth-child(2n-1) tr { + background-color: transparent; +} + +input[disabled], +select[disabled] { + background-color: #1f1f1f; + opacity: .5; +} + +input[disabled]:hover, +select[disabled]:hover { + background-color: #1f1f1f; + opacity: .5; +} + + +/*Folder modal*/ +.list-group-item { + background-color: rgba(0, 0, 0, 0.25); + border: none; +} + +.example { + background-color: rgba(255, 255, 255, 0.15); +} + +/*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; +} + +.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; +} + +.modal-body>.nav-tabs>li>a { + color: var(--text) !important; + opacity: 1 !important; + border: transparent; +} + +.modal-body>.nav-tabs>li.active>a, +.modal-body>.nav-tabs>li.active>a:hover, +.modal-body>.nav-tabs>li.active>a:focus { + color: rgb(var(--accent-color)) !important; + background-color: hsla(0, 0%, 100%, .08) !important; + border: transparent; + border-bottom-color: transparent; + cursor: default; +} + +.modal-body>.nav-tabs>li>a:hover { + border-color: transparent !important; +} + +.modal-body>.nav>li>a:hover, +.modal-body>.nav>li>a:focus { + background-color: hsla(0, 0%, 100%, .08) !important; + color: var(--text-hover) !important; +} + +.modal-body>.tab-content>.active { + 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-options .tab-content h4 { + color: white; +} + +#modal-options .options-switch label, +#modal-options #options-orphans .process-all-orphaned { + color: white; +} + +#modal-options #options-status small { + color: var(--text-muted); +} + +#modal-options .options-function-box .input-group-addon { + background-color: var(--button-color); + color: var(--button-text); + border: 1px solid var(--button-color); +} + +#modal-options .table-server-connections thead { + + background-color: rgba(0, 0, 0, .25); +} + +#modal-options .table-server-connections thead { + background-color: rgba(0, 0, 0, .25); +} + +#modal-item-files .item-files-table .progress small { + color: var(--text-muted) !important; +} + +a.list-group-item, +button.list-group-item { + color: var(--text-hover); +} + +a.list-group-item:hover, +button.list-group-item:hover, +a.list-group-item:focus, +button.list-group-item:focus { + text-decoration: none; + color: var(--text-hover); + background-color: rgba(255, 255, 255, 0.08); +} + +.form-control { + border: transparent; +} + +.fade.in { + background: rgba(0, 0, 0, 0.6); +} + +.fade { + -webkit-transition: none; + -o-transition: none; + transition: none; +} + +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + background-color: #919191; + opacity: 1; +} + +/* Scheduling */ +.time { + color: var(--text-hover); +} + +/* Wizard */ + +.container { + border: 1px solid rgba(255, 255, 255, 0); + background-color: rgb(255 255 255 / 0); +} + +.container #inner { + background-color: transparent; +} + +.language:hover { + background-color: rgb(255 255 255 / 10%); +} + +.container .quoteBlock { + background-color: rgb(0 0 0 / 25%); +} + +#content a, +#content a:hover, +#content a:active, +#content a:visited, +#serverResponse { + color: #eee; +} + +/* interface configuration */ +#modal-options .table-server-connections th { + border-left: none; +} + +#modal-options .table-server-connections th:last-child { + border-right: none; +} + +.main-helplink { + display: block; + position: static; + float: right; + color: rgb(var(--accent-color)) !important; + padding: 0px; + font-size: 1.2em; +} \ No newline at end of file diff --git a/CSS/themes/sonarr/sonarr-base.css b/CSS/themes/sonarr/sonarr-base.css new file mode 100644 index 00000000..a7f867e5 --- /dev/null +++ b/CSS/themes/sonarr/sonarr-base.css @@ -0,0 +1,1084 @@ +/* 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 { + --calendar-tv-unaired-premiere: 53 197 244; + --calendar-tv-downloading: 122 67 182; + --calendar-tv-unmonitored: 173 173 173; + --calendar-tv-unaired: 93 156 236; + --calendar-tv-missing: 240 80 80; + --calendar-tv-on-air: 255 165 0; + --calendar-tv-available: 39 194 76; + } + +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); +} + +/* Froms */ + +[class*="FormInputHelpText-helpText-"] { + color: var(--text); +} + +[class*="FormInputGroup-inputUnit-"] { + color: var(--text) !important; +} + +/* LINKS */ +[class*="Link-to-"] { + color: var(--text); +} + +[class*="Link-to-"]:hover { + color: var(--text-hover); + text-decoration: none; +} + +a { + color: var(--link-color); +} + +a:hover { + color: var(--link-color-hover); +} + +[class*="TableRowCell-cell-"] [class*="Link-to-"], +[class*="EpisodeTitleLink-link-"] { + color: var(--link-color) !important; +} + +[class*="TableRowCell-cell-"] [class*="Link-to-"]:hover, +[class*="EpisodeTitleLink-link-"]:hover { + color: var(--link-color-hover) !important; +} + +/* Buttons */ + +[class*="Button-default-"] { + color: var(--button-text); + background-color: var(--button-color); + border-color: transparent; +} + +[class*="Button-default-"]:hover { + border-color: transparent; + background-color: var(--button-color-hover) !important; + color: var(--button-text-hover); +} + +[class*="Button-primary-"] { + border-color: transparent; + background-color: var(--button-color); + color: var(--button-text); +} + +[class*="Button-primary-"]:hover { + border-color: transparent; + background-color: var(--button-color-hover) !important; + color: var(--button-text-hover); +} + +[class*="Button-success-"] { + border-color: var(--button-color); + background-color: var(--button-color); + color: var(--button-text); +} + +[class*="Button-success-"]:hover { + border-color: var(--button-color-hover); + background-color: var(--button-color-hover); + color: var(--button-text-hover); +} + +/* LOADING PAGE */ +[class*="ErrorPage-page-"], +[class*="ErrorPage-version-"], +[class*="LoadingMessage-loadingMessage-"] { + color: var(--text); +} + +[class*="LoadingIndicator-ripple-"] { + border: 2px solid #fff; +} + +/* MODAL */ +[class*="ModalHeader-modalHeader-"] { + 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-hover); + border-bottom: 1px solid rgb(var(--accent-color)); +} + +[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; + color: var(--text); +} + +[class*="ModalFooter-modalFooter-"] { + 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: #fff; + border-top: 1px solid rgb(var(--accent-color)); +} + +[class*="ModalContent-closeButton-"]:hover { + color: var(--text-hover); +} + +/* SONARR SPECIFIC */ +/* NOTE calendar modal popup */ +[class*="EpisodeSummary-infoTitle-"], +[class*="EpisodeDetailsModalContent-tab-"], +[class*="DescriptionListItemTitle-title-"] { + color: #fff; +} + +/* INPUT */ +[class*="TagInput-internalInput-"] { + background-color: transparent; + color: #fff; +} + +[class*="SelectInput-select-"] { + background-color: rgba(0, 0, 0, 0.25) !important; +} + +[class*="SelectInput-select-"]:active, +[class*="SelectInput-select-"]:focus { + background: #1e1e1e !important; +} + +[class*="AutoSuggestInput-suggestionsList-"], +[class*="AutoSuggestInput-suggestionsContainerOpen-"], +[class*="AutoSuggestInput-suggestionsContainer-"] { + background-color: #323232 !important; + color: white; + border: none !important; +} + +[class*="AutoSuggestInput-suggestionHighlighted-"] { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="CheckInput-primaryIsChecked-"] { + border-color: rgb(var(--accent-color)) !important; + background-color: rgb(var(--accent-color)) !important; + color: var(--label-text-color) !important; +} + +[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] { + background: #fff; +} + +/* HEADER */ + +[class*="PageHeader-header-"] { + background-color: rgba(0, 0, 0, .35); +} + +/* SEARCH DROPDOWN HEADER */ + +[class*="PageHeader-donate-"] { + color: #c4273c !important; +} + +/* SONARR SPECIFIC */ +[class*="SeriesSearchInput-sectionTitle-"] { + color: #fff; +} + +[class*="SeriesSearchInput-containerOpen-"] [class*="SeriesSearchInput-seriesContainer-"] { + border: none !important; + 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: #fff !important; + box-shadow: 0 0 10px 1px transparent !important; +} + +[class*="SeriesSearchInput-highlighted-"] { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="SeriesSearchInput-seriesContainer-"]::-webkit-scrollbar-thumb { + background-color: rgba(255, 255, 255, 0.25) !important; +} + +[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb { + background-color: hsla(0, 0%, 100%, .08); +} + +[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +/* SIDE MENU */ +[class*="PageSidebar-sidebarContainer-"] { + background-color: rgba(0, 0, 0, .25); +} + +[class*="PageSidebar-sidebar-"] { + background-color: transparent; +} + +[class*="PageSidebarItem-link-"]:hover { + color: rgb(var(--accent-color)); + text-decoration: none; +} + +[class*="PageSidebarItem-isActiveLink-"], +[class*="PageSidebarItem-isActiveLink-"]:hover, +[class*="PageSidebarItem-link-"]:focus { + color: rgb(var(--accent-color)) !important; +} + +[class*="PageSidebarItem-isActiveParentLink-"] { + background-color: rgba(0, 0, 0, 0.15); +} + +@media only screen and (max-width: 768px) { + [class*="PageSidebar-sidebarContainer-"] { + background: var(--main-bg-color) !important; + } +} + +[class*="PageSidebarItem-isActiveItem-"] { + border-left: 3px solid rgb(var(--accent-color)); +} + +/* SERIES PAGE */ +/* SONARR SPECIFIC */ +[class*="SeriesIndexPoster-controls-"] { + background-color: rgb(var(--accent-color)) !important; +} + +/* OVERVIEW PAGE */ + +[class*="SeriesIndexOverviews-container-"], +[class*="SeriesIndexOverviews-container-"]:hover { + background-color: transparent !important; +} + +[clas*="SeriesIndexOverview-container-"]:hover [class*="SeriesIndexOverview-content-"] { + background-color: transparent; +} + +[class*="SeriesIndexOverview-content-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="SeriesIndexOverview-link-"]:hover { + text-decoration: none; +} + +[class*="ProgressBar-container-"] { + background-color: rgba(0, 0, 0, 0.25); +} + + +[class*=".ProgressBar-purple-"] { + background-color: rgb(var(--accent-color)); +} + +/* SHOW PAGE */ +[class*="SeriesDetailsSeason-season-"], +[class*="SeriesDetailsSeason-collapseButtonContainer-"] { + border: none !important; + background-color: rgba(0, 0, 0, .25) !important; +} + +[class*="SeriesDetailsSeason-episodes-"] { + border-top: 1px solid rgb(255 255 255 / 50%); +} + +[class*="SeriesDetailsSeason-actionButton-"], +[class*="SeriesDetailsSeason-collapseButtonIcon-"] { + color: var(--text) !important; +} + +[class*="SeriesDetailsSeason-actionButton-"]:hover, +[class*="SeriesDetailsSeason-collapseButtonIcon-"]:hover { + color: var(--text-hover) !important; +} + +[class*="SeriesDetailsSeason-sizeOnDisk-"] { + color: var(--text-muted); +} + +[class*="SeriesDetails-contentContainer-"] { + color: var(--text); +} + +.fa-search:hover { + color: var(--text-hover) !important; +} + +[class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) { + color: var(--text-hover); +} + +[class*="MonitorToggleButton-toggleButton-"] { + color: #dadada; +} + +[class*="ProtocolLabel-torrent-"] { + border-color: #00853d !important; + background-color: #00853d !important; + color: #fff !important; +} + +[class*="ProtocolLabel-usenet-"] { + border-color: #17b1d9 !important; + background-color: #17b1d9 !important; + color: #fff !important; +} + +[class*="SeriesDetailsSeason-seasonNumber-"] { + color: #fff; +} + +[class*="SeriesDetailsSeason-collapseButtonContainer-"] { + border: none !important; + background-color: rgba(0, 0, 0, .25) !important; +} + +[class*="Popover-title-"], +[class*="SeasonInfo-title-"], +[class*="Popover-body-"], +[class*="Tooltip-bod-"] { + 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*="Tooltip-tooltipContainer-"] { + color: #fff; +} + +[class*="Tooltip-tooltip-"][class*=Tooltip-inverse-] { + 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 5px 10px rgba(0, 0, 0, 0.2); +} + +[class*="Tooltip-bottom-"][class*="Tooltip-inverse-"] { + border-bottom-color: #fff; +} + +[class*="Tooltip-bottom-"][class*="Tooltip-default-"] { + border-bottom-color: #fff !important; +} + +[class*="Tooltip-right-"][class*="Tooltip-default-"] { + border-right-color: #fff !important; +} + +[class*="EpisodeTitleLink-link-"]:hover { + color: var(--link-color-hover); +} + +[class*="IconButton-button-"] { + color: var(--text); +} + +[class*="IconButton-button-"]:hover, +[class*="Label-small-"] [class*="IconButton-button-"] { + background-color: transparent; + color: var(--label-text-color); +} + +[class*="SeriesIndexPoster-action-"] .fa-search:hover { + background-color: transparent; + color: var(--label-text-color) !important; +} + +[class*="SeriesDetailsSeason-left-"] [class*="IconButton-button-"]:hover, +[class*="SeriesDetails-seriesNavigationButton-"]:hover, +[class*="SeriesDetails-monitorToggleButton-"]:hover { + color: var(--text-hover); +} + +[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover { + background-color: transparent; + color: var(--text-hover); +} + +[class*="Label-default-"] { + border-color: rgb(var(--accent-color)); + background-color: rgb(var(--accent-color)); + color: var(--label-text-color); +} + +[class*="Label-info-"] { + border-color: rgb(var(--accent-color)); + background-color: rgb(var(--accent-color)); + color: var(--label-text-color); +} + +[class*="PageSidebarItem-status-"] [class*="Label-info-"] { + border-color: var(--arr-queue-color); + background-color: var(--arr-queue-color); + color: var(--label-text-color); +} + +[class*="Label-success-"] { + border-color: #27c24c; + background-color: #27c24c; + color: var(--label-text-color); +} + +/* Table options*/ +[class*="TableOptionsColumn-column-"] { + background: rgba(0, 0, 0, .25); + color: var(--text-hover); + border: none; +} + +[class*="TableHeaderCell-headerCell-"] { + color: var(--text-hover); +} + +[class*="Table-table-"] { + color: var(--text); +} + +[class*="TableRow-row-"]:hover { + background-color: hsla(0, 0%, 100%, .08); + color: var(--text-hover); +} + +[class*="TableRowCell-cell-"] { + border-top: 1px solid rgb(255 255 255 / 25%); +} + +/* TOP MENU SERIES */ +[class*="PageToolbar-toolbar-"] { + background-color: rgba(0, 0, 0, .25); + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"] { + opacity: .5; + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"]:hover, +[class*="PageToolbarButton-isDisabled-"]:hover { + color: var(--text) !important; +} + +[class*="PageToolbarButton-label-"] { + color: var(--text); +} + +[class*="PageToolbarButton-toolbarButton-"]:hover { + color: rgb(var(--accent-color)); +} + +[class*="MenuButton-menuButton-"]:hover { + color: rgb(var(--accent-color)); +} + +/* POSTERS */ +[class*="SeriesIndexPoster-title-"], +[class*="SeriesIndexPoster-nextAiring-"], +[class*="SeriesIndexPosterInfo-info-"] { + background-color: rgba(255, 255, 255, 0.08); + color: var(--text-hover); +} + +/* SERIES TOP HEADER DROPDOWN */ +[class*="MenuItem-menuItem-"], +[class*="MenuContent-menuContent-"] { + 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); +} + +[class*="MenuContent-scroller-"] { + box-shadow: black 0 0 5px 0px; +} + +[class*="MenuItem-menuItem-"]:hover, +[class*="MenuItem-menuItem-"]:focus { + background: hsla(0, 0%, 100%, .08) !important; + color: var(--text-hover); + text-decoration: none; +} + +[class*="MenuItemSeparator-separator-"] { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +/* ALPHABET JUMP BAR */ +[class*="PageJumpBar-jumpBar-"] { + color: #FFF; +} + +/* MINI RIGHT SCROLL BAR */ +[class*="OverlayScroller-thumb-"], +[class*="ImportSeriesSelectSeries-results-"]::-webkit-scrollbar-thumb { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="OverlayScroller-thumb-"]:hover, +[class*="ImportSeriesSelectSeries-results-"]::-webkit-scrollbar-thumb:hover { + background-color: rgba(255, 255, 255, 0.25) !important; +} + +/* ADD NEW */ +[class*="EnhancedSelectInput-options-"] { + border: 1px solid rgba(255, 255, 255, 0.2); + border-radius: 4px; + 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); +} + +[class*="EnhancedSelectInputOption-isSelected-"], +[class*="EnhancedSelectInputOption-isSelected-"]:hover { + background-color: rgba(255, 255, 255, 0.20) !important; + color: var(--text-hover); +} + +[class*="EnhancedSelectInputOption-option-"]:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +[class*="HintedSelectInputOption-hintText-"], +[class*="RootFolderSelectInputOption-freeSpace-"] { + color: var(--text); +} + +/* SEARCH BAR */ +[class*="Input-input-"], +[class*="AddNewSeries-searchIconContainer-"], +[class*="CheckInput-isIndeterminate-"] { + border: none; + background-color: rgba(255, 255, 255, 0.08); + color: #fff; +} + +[class*="SeriesSearchInput-container-"] [class*="Input-input-"] { + background: transparent; + border-bottom: solid 1px #fff; +} + +[class*="SeriesSearchInput-container-"] [class*="Input-input-"]:focus { + border-bottom: none; + background: transparent; +} + +[class*="SeriesSearchResult-alternateTitle-"] { + color: #ffffff; + font-size: 12px; +} + +[class*="Input-input-"]:focus { + outline: 0; + border-color: #fff; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.25); +} + +[class*="TagInput-input-"][class*="TagInput-isFocused-"] { + outline: 0; + border-color: #fff; + box-shadow: none; +} + +/* MOVE THIS */ +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); +} + +/* TEXT COLOR */ +[class*="PageContentBody-innerContentBody-"] { + color: var(--text); +} + +/* SEARCH RESULTS */ +[class*="AddNewSeriesSearchResult-underlay-"] { + background-color: transparent !important; +} + +[class*="AddNewSeriesSearchResult-underlay-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +[class*="AddNewSeriesSearchResult-year-"] { + color: #fff; +} + +[class*="RootFolderSelectInputSelectedValue-seriesFolder-"], +[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { + color: #fff; +} + +[class*="RootFolderSelectInputOption-freeSpace-"], +[class*="RootFolderSelectInputOption-seriesFolder-"] { + color: var(--text-muted); +} + +/* IMPORT */ + +[class*="FieldSet-legend-"] { + color: var(--text-hover); + border-bottom: 1px solid rgb(var(--accent-color)); +} + +[class*="VirtualTableRow-row-"]:hover { + background-color: hsla(0, 0%, 100%, .08); +} + +/* Drop down menu/button*/ +[class*="ImportSeriesSelectSeries-button-"] { + border: none !important; + background-color: rgba(0, 0, 0, .25) !important; +} + +[class*="ImportSeriesSearchResult-series-"]:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +[class*="ImportSeriesSelectSeries-content-"], +[class*="ImportSeriesSelectSeries-searchIconContainer-"] { + border: none; + 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; +} + +[class*="ImportSeriesTitle-year-"] { + color: var(--text-muted); +} + +/* MASS EDITOR */ +/* FOOTER */ +[class*="PageContentFooter-contentFooter-"] { + border: none; + background-color: rgba(0, 0, 0, .25); + color: #FFF; +} + +/* SEASON PASS */ + +[class*="SeasonPassSeason-season-"] { + border: none; + background-color: rgba(0, 0, 0, .25) !important; +} + +[class*="SeasonPassSeason-allEpisodes-"] { + background-color: #5cb85c; +} + +/* CALENDAR */ +[class*="CalendarEvent-downloaded-"] { + background: rgb(var(--calendar-tv-available) / .7) !important; + border-left-color: transparent !important; + color: #fff; +} + +[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover { + background: rgb(var(--calendar-tv-available) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-missing-"] { + background: rgb(var(--calendar-tv-missing) / .7) !important; + border-left-color: transparent !important; + color: #fff; +} + +[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover { + background: rgb(var(--calendar-tv-missing) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-unaired-"] { + background: rgb(var(--calendar-tv-unaired) / .7) !important; + border-left-color: transparent !important; + color: #fff; +} + +[class*="Calendar-calendar-"] [class*="CalendarEvent-unaired-"]:hover { + background: rgb(var(--calendar-tv-unaired) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-unmonitored-"] { + background: rgb(var(--calendar-tv-unmonitored) / .7) !important; + border-left-color: transparent !important; + color: #fff; +} + +[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover { + background: rgb(var(--calendar-tv-unmonitored) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-onAir-"] { + background: rgb(var(--calendar-tv-on-air) / .7) !important; + border-left-color: transparent !important; + color: #fff; +} + +[class*="Calendar-calendar-"] [class*="CalendarEvent-onAir-"]:hover { + background: rgb(var(--calendar-tv-on-air) / .5) !important; + border-left-color: transparent !important; +} + +[class*="CalendarEvent-downloading-"] { + background: rgb(var(--calendar-tv-downloading) / .7) !important; + border-left-color: transparent !important; + color: #fff; +} + +[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover { + background: rgb(var(--calendar-tv-downloading) / .5) !important; + border-left-color: transparent !important; +} + +[class*="DayOfWeek-dayOfWeek-"] { + background-color: hsla(0, 0%, 100%, .08); + color: #fff; +} + +[class*="CalendarDay-dayOfMonth-"] { + border-bottom: 1px solid hsla(0, 0%, 100%, .08); + background-color: rgba(0, 0, 0, .25); +} + +[class*="CalendarDay-isToday-"], +[class*="DayOfWeek-isToday-"] { + background-color: hsla(0, 0%, 100%, .25) !important; +} + +[class*="CalendarDay-day-"], +[class*="CalendarDays-days-"] { + -webkit-box-flex: 1; + -webkit-flex: 1 0 14.28%; + flex: 1 0 14.28%; + overflow: hidden; + min-height: 70px; + border-bottom: 1px solid hsla(0, 0%, 100%, .08); + border-left: 1px solid hsla(0, 0%, 100%, .08); + border-right: 1px solid hsla(0, 0%, 100%, .08); +} + +[class*="CalendarEvent-seriesTitle-"], +[class*="CalendarEvent-episodeInfo-"], +[class*="CalendarEvent-airTime-"], +[class*="Legend-legend-"] [class*="LegendItem-legendItem-"] { + color: #ffffff !important; +} + +[class*="CalendarEvent-event-"] { + border-bottom: 1px solid transparent; +} + +[class*="CalendarEventGroup-eventGroup-"] { + border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important; +} + +[class*="CalendarEventGroup-seriesTitle-"] { + color: #ffffff !important; +} + +[class*="CalendarEventGroup-airTime-"] { + color: var(--text); +} + +[class*="CalendarEventGroup-episodeInfo-"] { + color: var(--text); +} + +/* calendar agenda */ +[class*="AgendaEvent-event-"]:hover { + background-color: hsla(0, 0%, 100%, .08) !important; +} + +/*QUEUE PAGE */ +/* Manual Import*/ +[class*="SelectEpisodeModalContent-path-"] { + color: var(--text); +} + +/* SETTINGS */ +[class*="Settings-link-"] { + color: var(--text-hover); + border-bottom: 1px solid rgb(var(--accent-color)); +} + +[class*="Settings-summary"] { + color: var(--text); +} + +[class*="FormLabel-large-"] { + color: var(--text-hover); +} + +[class*="FormLabel-isAdvanced-"] { + color: #ff902b; +} + +/* MEDIA MANAGEMENT - FILE NAME TOKENS */ +[class*="NamingOption-option-"] { + border: 1px solid transparent; +} + +[class*="NamingOption-token-"] { + background-color: rgba(255, 255, 255, 0.15); +} + +[class*="NamingOption-example-"] { + background-color: rgba(255, 255, 255, 0.25); +} + +[class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] { + background-color: rgba(255, 255, 2550, 0.25); +} + +[class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] { + background-color: rgba(255, 255, 2550, 0.35); +} + +/* PROFILES */ +[class*="Card-card-"], +[class*="QualityProfiles-addQualityProfile-"] { + background-color: rgba(0, 0, 0, .45); + box-shadow: 0 0 10px 1px #000000; + color: var(--text); +} + +[class*="Card-card-"]:hover { + color: var(--text-hover); +} + +[class*="QualityProfiles-center-"], +[class*="LanguageProfiles-center-"], +[class*="ReleaseProfiles-center-"] { + background-color: transparent; + border: none; +} + +[class*="QualityProfileItem-qualityProfileItem-"], +[class*="QualityProfileItemGroup-qualityProfileItemGroup-"], +[class*="LanguageProfileItem-languageProfileItem-"] { + border: none; + background-color: rgba(0, 0, 0, .25); + color: #FFF; +} + +[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] { + background: rgba(0, 0, 0, 0.25); +} + +[class*="KeyValueListInputItem-keyInput-"], +[class*="KeyValueListInputItem-valueInput-"] { + border: none; + background: transparent; + color: white; +} + +[class*="QualityDefinitions-sizeLimitHelpText-"] { + color: var(--text); +} + +/* PROFILES */ +[class*="Indexers-center-"] { + background-color: transparent; + border: none; +} + +/* INDEXERS */ + +/* DOWNLOAD CLIENTS */ +[class*="DownloadClients-center-"] { + background-color: transparent; + border: none; +} + +/*INPORT LISTS */ +[class*="ImportLists-center-"] { + background-color: transparent; + border: none; +} + +/* CONNECTIONS */ +[class*="Notifications-center-"] { + background-color: transparent; + border: none; +} + +/* LOG */ +[class*="Alert-info-"] { + border-color: transparent; + background-color: rgba(0, 0, 0, 0.25); + color: #FFC107; +} + +/* Login Page */ + +.panel-body { + background-color: rgba(0, 0, 0, 0.25); + color: var(--text); +} + +.panel-header { + background-color: rgba(0, 0, 0, 0.45); +} + +.forgot-password { + color: var(--text) !important; +} + +input[type=email], +input[type=password] { + border: none; + background-color: rgba(255, 255, 255, 0.08); + color: #FFF; +} + +.button { + border-color: var(--button-color); + background-color: var(--button-color); + cursor: pointer; +} + +.button:hover { + border-color: var(--button-color-hover); + background-color: var(--button-color-hover); + color: #fff; + text-decoration: none; +} + +.form-input:focus { + outline: 0; + border-color: #fff; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.25); +} + +/* Custom filter */ +[class*="FilterBuilderRow-filterRow-"]:hover { + background-color: transparent; +} + +[class*="CustomFilter-customFilter-"]:hover { + background-color: hsla(0, 0%, 100%, .08); +} + +/* Scene information */ +[class*="ReleaseSceneIndicator-levelNone-"] { + border-color: var(--text); + color: var(--text); + opacity: 1; +} + +[class*="ReleaseSceneIndicator-levelMapped-"] { + border-color: var(--text); + color: var(--text); +} \ No newline at end of file diff --git a/CSS/themes/synclounge/synclounge-base.css b/CSS/themes/synclounge/synclounge-base.css new file mode 100644 index 00000000..14434e2c --- /dev/null +++ b/CSS/themes/synclounge/synclounge-base.css @@ -0,0 +1,196 @@ +/* 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; +} \ No newline at end of file diff --git a/CSS/themes/tautulli/tautulli-base.css b/CSS/themes/tautulli/tautulli-base.css new file mode 100644 index 00000000..ba1e8e8b --- /dev/null +++ b/CSS/themes/tautulli/tautulli-base.css @@ -0,0 +1,860 @@ +/* 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); +} \ No newline at end of file diff --git a/CSS/themes/thelounge/.deprecated b/CSS/themes/thelounge/.deprecated new file mode 100644 index 00000000..e69de29b diff --git a/CSS/themes/thelounge/thelounge-base.css b/CSS/themes/thelounge/thelounge-base.css new file mode 100644 index 00000000..efb54f17 --- /dev/null +++ b/CSS/themes/thelounge/thelounge-base.css @@ -0,0 +1,179 @@ +/* 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); + +} \ No newline at end of file diff --git a/CSS/themes/transmission/transmission-base.css b/CSS/themes/transmission/transmission-base.css new file mode 100644 index 00000000..988de234 --- /dev/null +++ b/CSS/themes/transmission/transmission-base.css @@ -0,0 +1,982 @@ +/* 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); +} \ No newline at end of file diff --git a/CSS/themes/unraid/unraid-base.css b/CSS/themes/unraid/unraid-base.css new file mode 100644 index 00000000..89388e23 --- /dev/null +++ b/CSS/themes/unraid/unraid-base.css @@ -0,0 +1,721 @@ +/* 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); +} \ No newline at end of file diff --git a/CSS/themes/uptime-kuma/uptime-kuma-base.css b/CSS/themes/uptime-kuma/uptime-kuma-base.css new file mode 100644 index 00000000..bcf38b9b --- /dev/null +++ b/CSS/themes/uptime-kuma/uptime-kuma-base.css @@ -0,0 +1,395 @@ +@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; +} \ No newline at end of file diff --git a/CSS/themes/vuetorrent/vuetorrent-base.css b/CSS/themes/vuetorrent/vuetorrent-base.css new file mode 100644 index 00000000..15b70559 --- /dev/null +++ b/CSS/themes/vuetorrent/vuetorrent-base.css @@ -0,0 +1,492 @@ +/* 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; +} \ No newline at end of file diff --git a/CSS/themes/webtools/.deprecated b/CSS/themes/webtools/.deprecated new file mode 100644 index 00000000..e69de29b diff --git a/CSS/themes/webtools/webtools-base.css b/CSS/themes/webtools/webtools-base.css new file mode 100644 index 00000000..2f9297f9 --- /dev/null +++ b/CSS/themes/webtools/webtools-base.css @@ -0,0 +1,392 @@ +/* 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; +} \ No newline at end of file diff --git a/CSS/themes/xbackbone/xbackbone-base.css b/CSS/themes/xbackbone/xbackbone-base.css new file mode 100644 index 00000000..bd6ab568 --- /dev/null +++ b/CSS/themes/xbackbone/xbackbone-base.css @@ -0,0 +1,458 @@ +/* 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; +} \ No newline at end of file diff --git a/CSS/variables/aquamarine.css b/CSS/variables/aquamarine.css new file mode 100644 index 00000000..5cdf3f13 --- /dev/null +++ b/CSS/variables/aquamarine.css @@ -0,0 +1,30 @@ +: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; +} diff --git a/CSS/variables/blackberry-abyss.css b/CSS/variables/blackberry-abyss.css new file mode 100644 index 00000000..5e806cb7 --- /dev/null +++ b/CSS/variables/blackberry-abyss.css @@ -0,0 +1,32 @@ +: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; +} diff --git a/CSS/variables/blackberry-amethyst.css b/CSS/variables/blackberry-amethyst.css new file mode 100644 index 00000000..bfb20856 --- /dev/null +++ b/CSS/variables/blackberry-amethyst.css @@ -0,0 +1,30 @@ +: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; +} \ No newline at end of file diff --git a/CSS/variables/blackberry-carol.css b/CSS/variables/blackberry-carol.css new file mode 100644 index 00000000..31e6efb3 --- /dev/null +++ b/CSS/variables/blackberry-carol.css @@ -0,0 +1,37 @@ +:root { + --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/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; +} \ No newline at end of file diff --git a/CSS/variables/blackberry-dreamscape.css b/CSS/variables/blackberry-dreamscape.css new file mode 100644 index 00000000..0ad15b8d --- /dev/null +++ b/CSS/variables/blackberry-dreamscape.css @@ -0,0 +1,33 @@ +: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; +} diff --git a/CSS/variables/blackberry-flamingo.css b/CSS/variables/blackberry-flamingo.css new file mode 100644 index 00000000..4ddeb117 --- /dev/null +++ b/CSS/variables/blackberry-flamingo.css @@ -0,0 +1,31 @@ +: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; +} diff --git a/CSS/variables/blackberry-hearth.css b/CSS/variables/blackberry-hearth.css new file mode 100644 index 00000000..979626f8 --- /dev/null +++ b/CSS/variables/blackberry-hearth.css @@ -0,0 +1,32 @@ +: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; +} diff --git a/CSS/variables/blackberry-martian.css b/CSS/variables/blackberry-martian.css new file mode 100644 index 00000000..f6fcaa10 --- /dev/null +++ b/CSS/variables/blackberry-martian.css @@ -0,0 +1,32 @@ +: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; +} diff --git a/CSS/variables/blackberry-pumpkin.css b/CSS/variables/blackberry-pumpkin.css new file mode 100644 index 00000000..0ba03cc3 --- /dev/null +++ b/CSS/variables/blackberry-pumpkin.css @@ -0,0 +1,33 @@ +: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; +} diff --git a/CSS/variables/blackberry-royal.css b/CSS/variables/blackberry-royal.css new file mode 100644 index 00000000..4bb56762 --- /dev/null +++ b/CSS/variables/blackberry-royal.css @@ -0,0 +1,31 @@ +: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; +} diff --git a/CSS/variables/blackberry-shadow.css b/CSS/variables/blackberry-shadow.css new file mode 100644 index 00000000..f8e59fbf --- /dev/null +++ b/CSS/variables/blackberry-shadow.css @@ -0,0 +1,30 @@ +: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; +} diff --git a/CSS/variables/blackberry-solar.css b/CSS/variables/blackberry-solar.css new file mode 100644 index 00000000..429071cc --- /dev/null +++ b/CSS/variables/blackberry-solar.css @@ -0,0 +1,31 @@ +: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; +} diff --git a/CSS/variables/blackberry-vanta.css b/CSS/variables/blackberry-vanta.css new file mode 100644 index 00000000..45a001fc --- /dev/null +++ b/CSS/variables/blackberry-vanta.css @@ -0,0 +1,30 @@ +: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; +} diff --git a/CSS/variables/dark.css b/CSS/variables/dark.css new file mode 100644 index 00000000..dc21605e --- /dev/null +++ b/CSS/variables/dark.css @@ -0,0 +1,30 @@ +: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; +} \ No newline at end of file diff --git a/CSS/variables/dracula.css b/CSS/variables/dracula.css new file mode 100644 index 00000000..5abf8550 --- /dev/null +++ b/CSS/variables/dracula.css @@ -0,0 +1,30 @@ +: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; + } \ No newline at end of file diff --git a/CSS/variables/hotline-old.css b/CSS/variables/hotline-old.css new file mode 100644 index 00000000..73fce8f3 --- /dev/null +++ b/CSS/variables/hotline-old.css @@ -0,0 +1,30 @@ +: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; +} \ No newline at end of file diff --git a/CSS/variables/hotline.css b/CSS/variables/hotline.css new file mode 100644 index 00000000..e027feae --- /dev/null +++ b/CSS/variables/hotline.css @@ -0,0 +1,30 @@ +: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; +} \ No newline at end of file diff --git a/CSS/variables/hotpink.css b/CSS/variables/hotpink.css new file mode 100644 index 00000000..2f3974c0 --- /dev/null +++ b/CSS/variables/hotpink.css @@ -0,0 +1,30 @@ +:root { + --main-bg-color: linear-gradient(45deg, #fb3f62 0%, #204c80 37%, #004249 97%) center center/cover no-repeat fixed; + + --modal-bg-color: radial-gradient(circle, #204c80 0%, #000 100%) center center/cover no-repeat fixed; + --modal-header-color: radial-gradient(circle, #204c80 0%, #000 100%) center center/cover no-repeat fixed; + --modal-footer-color: radial-gradient(circle, #204c80 0%, #000 100%) center center/cover no-repeat fixed; + + --drop-down-menu-bg: #204c80; + + --button-color: #fb3f62; + --button-color-hover: #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; + } + diff --git a/CSS/variables/mind.css b/CSS/variables/mind.css new file mode 100644 index 00000000..7e39faa6 --- /dev/null +++ b/CSS/variables/mind.css @@ -0,0 +1,30 @@ +:root { + --main-bg-color: radial-gradient(ellipse at center bottom, rgba(255, 242, 0, .7) 0%, #0d0400 80%, rgba(0, 0, 0, 1) 100%) center center/cover no-repeat fixed, + url("https://theme-park.dev/Resources/mind.jpg") center center/cover no-repeat fixed; + --modal-bg-color: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed; + --modal-header-color: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed; + --modal-footer-color: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed; + + --drop-down-menu-bg: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed; + + --button-color: #e1d500; + --button-color-hover: #c3b900; + --button-text: #000; + --button-text-hover: #000; + + --accent-color: 228, 216, 0; + --accent-color-hover: rgb(var(--accent-color),.8); + --link-color: #fff200; + --link-color-hover: #fff200cc; + --label-text-color: #000; + + --text:#ddd; + --text-hover: #fff; + --text-muted: #999; + + /*Specials*/ + --arr-queue-color: #e1d500; /* Servarr apps + Bazarr*/ + --plex-poster-unwatched: #e1d500; + --petio-spinner: invert(72%) sepia(97%) saturate(1218%) hue-rotate(10deg) brightness(102%) contrast(101%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + --gitea-color-primary-dark-4: 228, 216, 0; +} \ No newline at end of file diff --git a/CSS/variables/nord.css b/CSS/variables/nord.css new file mode 100644 index 00000000..353cb038 --- /dev/null +++ b/CSS/variables/nord.css @@ -0,0 +1,30 @@ +: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; + } \ No newline at end of file diff --git a/CSS/variables/onedark.css b/CSS/variables/onedark.css new file mode 100644 index 00000000..cbccbf43 --- /dev/null +++ b/CSS/variables/onedark.css @@ -0,0 +1,31 @@ +: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; + } + diff --git a/CSS/variables/organizr.css b/CSS/variables/organizr.css new file mode 100644 index 00000000..aa8d9d5c --- /dev/null +++ b/CSS/variables/organizr.css @@ -0,0 +1,30 @@ +: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; +} \ No newline at end of file diff --git a/CSS/variables/overseerr.css b/CSS/variables/overseerr.css new file mode 100644 index 00000000..7e3a8e3c --- /dev/null +++ b/CSS/variables/overseerr.css @@ -0,0 +1,30 @@ +: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; +} \ No newline at end of file diff --git a/CSS/variables/plex.css b/CSS/variables/plex.css new file mode 100644 index 00000000..54a3677e --- /dev/null +++ b/CSS/variables/plex.css @@ -0,0 +1,32 @@ + :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; + } \ No newline at end of file diff --git a/CSS/variables/power.css b/CSS/variables/power.css new file mode 100644 index 00000000..d1be419e --- /dev/null +++ b/CSS/variables/power.css @@ -0,0 +1,30 @@ +:root { + --main-bg-color: radial-gradient(ellipse at center bottom, rgba(166, 40, 140, .7) 0%, rgba(11,8,51,1) 80%, rgba(0,0,0,1) 100%) center center/cover no-repeat fixed, + url("https://theme-park.dev/Resources/power.jpg") center center/cover no-repeat fixed; + --modal-bg-color: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed; + --modal-header-color: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed; + --modal-footer-color: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed; + + --drop-down-menu-bg: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed; + + --button-color: #85096b; + --button-color-hover: #85096bcc; + --button-text: #eee; + --button-text-hover: #FFF; + + --accent-color: 166, 40, 140; + --accent-color-hover: rgba(var(--accent-color), 0.8); + --link-color: rgb(223, 21, 179); + --link-color-hover: rgb(255, 0, 200); + --label-text-color: #fff; + + --text:#ddd; + --text-hover: #fff; + --text-muted: #999; + + /*Specials*/ + --arr-queue-color: rgb(216, 22, 174); /* Servarr apps + Bazarr*/ + --plex-poster-unwatched: rgb(216, 22, 174); + --petio-spinner: invert(8%) sepia(62%) saturate(6812%) hue-rotate(304deg) brightness(108%) contrast(98%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + --gitea-color-primary-dark-4: 166, 40, 140; +} \ No newline at end of file diff --git a/CSS/variables/reality.css b/CSS/variables/reality.css new file mode 100644 index 00000000..2a5c00f3 --- /dev/null +++ b/CSS/variables/reality.css @@ -0,0 +1,27 @@ + :root { + --main-bg-color: radial-gradient(ellipse at center bottom, rgba(232, 11, 11, 0.7) 0%, #08000d 80%, rgba(0,0,0,1) 100%) center center/cover no-repeat fixed, + url("https://theme-park.dev/Resources/reality.jpg") center center/cover no-repeat fixed; + --modal-bg-color: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed; + --modal-header-color: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed; + --modal-footer-color: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed; + + --drop-down-menu-bg: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed; + + --button-color: #e80c0b; + --button-color-hover: #e80c0bcc; + --accent-color: 232, 12, 11; + --accent-color-hover: rgba(var(--accent-color), 0.8); + --link-color: rgb(232, 12, 11); + --link-color-hover: rgba(232, 12, 11,.8); + --label-text-color: #fff; + + --text:#ddd; + --text-hover: #fff; + --text-muted: #999; + + /*Specials*/ + --arr-queue-color: #e80c0b; /* Servarr apps + Bazarr*/ + --plex-poster-unwatched: rgb(232, 12, 11); + --petio-spinner: invert(14%) sepia(93%) saturate(3042%) hue-rotate(349deg) brightness(112%) contrast(116%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + --gitea-color-primary-dark-4: 232, 12, 11; +} \ No newline at end of file diff --git a/CSS/variables/soul.css b/CSS/variables/soul.css new file mode 100644 index 00000000..1ce095e4 --- /dev/null +++ b/CSS/variables/soul.css @@ -0,0 +1,30 @@ +:root { + --main-bg-color: radial-gradient(ellipse at center bottom, rgba(255, 153, 0, .7) 0%, #3c0015 80%, rgba(0, 0, 0, 1) 100%) center center/cover no-repeat fixed, + url("https://theme-park.dev/Resources/soul.jpg") center center/cover no-repeat fixed; + --modal-bg-color: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed; + --modal-header-color: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed; + --modal-footer-color: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed; + + --drop-down-menu-bg: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed; + + --button-color: rgb(255, 153, 0); + --button-color-hover: #f90c; + --button-text: #eee; + --button-text-hover: #FFF; + + --accent-color: 255, 153, 0; + --accent-color-hover: rgba(var(--accent-color), 0.8); + --link-color: rgb(255, 153, 0); + --link-color-hover: rgb(255, 153, 0, 0.8); + --label-text-color: #fff; + + --text:#ddd; + --text-hover: #fff; + --text-muted: #999; + + /*Specials*/ + --arr-queue-color: rgb(255, 153, 0); /* Servarr apps + Bazarr*/ + --plex-poster-unwatched: #880030; + --petio-spinner: invert(9%) sepia(44%) saturate(6901%) hue-rotate(327deg) brightness(101%) contrast(110%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + --gitea-color-primary-dark-4: 255, 153, 0; +} \ No newline at end of file diff --git a/CSS/variables/space-gray.css b/CSS/variables/space-gray.css new file mode 100644 index 00000000..566e5616 --- /dev/null +++ b/CSS/variables/space-gray.css @@ -0,0 +1,30 @@ +:root { + --main-bg-color: radial-gradient(ellipse at center, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed; + + --modal-bg-color: radial-gradient(ellipse at top, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed; + --modal-header-color: radial-gradient(ellipse at top, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed; + --modal-footer-color: radial-gradient(ellipse at top, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed; + + --drop-down-menu-bg: radial-gradient(ellipse at top, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed; + + --button-color: #607D8B; + --button-color-hover: #81a6b7; + --button-text: #eee; + --button-text-hover: #fff; + + --accent-color: 129, 166, 183; + --accent-color-hover: rgb(var(--accent-color),.8); + --link-color: #81a6b7; + --link-color-hover: #9adfff; + --label-text-color: #fff; + + --text:#bbb; + --text-hover: #fff; + --text-muted: #999; + + /*Specials*/ + --arr-queue-color: #81a6b7; /* Servarr apps + Bazarr*/ + --plex-poster-unwatched: #70aeca; + --petio-spinner: invert(50%) sepia(31%) saturate(341%) hue-rotate(155deg) brightness(88%) contrast(85%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + --gitea-color-primary-dark-4: 129, 166, 183; +} \ No newline at end of file diff --git a/CSS/variables/space.css b/CSS/variables/space.css new file mode 100644 index 00000000..cbd0b8be --- /dev/null +++ b/CSS/variables/space.css @@ -0,0 +1,30 @@ +:root { + --main-bg-color: radial-gradient(ellipse at center bottom, rgba(0, 98, 255, .7) 0%, #020013 80%, rgb(0, 0, 0) 100%) center center/cover no-repeat fixed, + url("https://theme-park.dev/Resources/space.jpg") center center/cover no-repeat fixed; + --modal-bg-color: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed; + --modal-headercolor: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed; + --modal-footer-color: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed; + + --drop-down-menu-bg: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed; + + --button-color: #0062ff; + --button-color-hover: #0062ffcc; + --button-text: #eee; + --button-text-hover: #FFF; + + --accent-color: 0, 98, 255; + --accent-color-hover: rgba(var(--accent-color), 0.8); + --link-color: rgb(61, 126, 255); + --link-color-hover: rgb(0, 98, 255); + --label-text-color: #fff; + + --text:#ddd; + --text-hover: #fff; + --text-muted: #999; + + /*Specials*/ + --arr-queue-color: #0062ffcc; /* Servarr apps + Bazarr*/ + --plex-poster-unwatched: rgb(0, 98, 255); + --petio-spinner: invert(25%) sepia(99%) saturate(4489%) hue-rotate(214deg) brightness(104%) contrast(109%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + --gitea-color-primary-dark-4: 0, 98, 255; +} \ No newline at end of file diff --git a/CSS/variables/time.css b/CSS/variables/time.css new file mode 100644 index 00000000..d7dd3e5f --- /dev/null +++ b/CSS/variables/time.css @@ -0,0 +1,30 @@ +:root { + --main-bg-color: radial-gradient(ellipse at center bottom, rgba(109, 247, 81, .7) 0%, #00130c 80%, rgb(0, 0, 0) 100%) center center/cover no-repeat fixed, + url("https://theme-park.dev/Resources/time.jpg") center center/cover no-repeat fixed; + --modal-bg-color: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed; + --modal-header-color: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed; + --modal-footer-color: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed; + + --drop-down-menu-bg: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed; + + --button-color: rgb(4, 168, 0); + --button-color-hover: rgba(4, 168, 0, .8); + --button-text: #eee; + --button-text-hover: #FFF; + + --accent-color: 109, 247, 81; + --accent-color-hover: rgba(var(--accent-color), 0.8); + --link-color: rgb(109, 247, 81); + --link-color-hover: rgba(109, 247, 81,.8); + --label-text-color: #000; + + --text:#ddd; + --text-hover: #fff; + --text-muted: #999; + + /*Specials*/ + --arr-queue-color: #6df751cc; /* Servarr apps + Bazarr*/ + --plex-poster-unwatched: rgb(109, 247, 81); + --petio-spinner: invert(73%) sepia(74%) saturate(428%) hue-rotate(55deg) brightness(101%) contrast(96%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + --gitea-color-primary-dark-4: 109, 247, 81; +} \ No newline at end of file diff --git a/themes.py b/themes.py index 739d237b..895222fc 100644 --- a/themes.py +++ b/themes.py @@ -2,26 +2,26 @@ from os import listdir from os.path import isdir, isfile, join from json import dump, dumps, loads import subprocess - +import shutil def get_shas(output): """Returns a dict of CSS files and SHAs""" output_lines = output.splitlines() sha_dict = {} for line in output_lines: - line = line.decode('utf-8').replace("\t", "").split(" ") + line = line.decode('utf-8').replace("0\t", "").split(" ") sha = line[1] - css_file = [file for file in line[2].split("/") if "css" in file][0] + css_file = [file for file in line[2].split("/") if "css" in file][-1] sha_dict.update({css_file: sha}) return(sha_dict) def create_addons_json(): addon_shas = subprocess.check_output( - ["git", "ls-files", "-s", "./CSS/addons/*.css"]) + ["git", "ls-files", "-s", "./css/addons/*.css"]) SHAS = get_shas(addon_shas) ADDONS = {"addons": {}} - addon_root = './CSS/addons' + addon_root = './css/addons' addon_folders = [name for name in listdir( addon_root) if isdir(join(addon_root, name))] for app in addon_folders: @@ -36,12 +36,12 @@ def create_addons_json(): f"{addon_root}/{app}/{addon}") if isfile(join(f"{addon_root}/{app}/{addon}", file))] if len([f for f in files if f.endswith('.css')]) > 1: ADDONS["addons"][app][addon].update({ - "css": [f"https://{DOMAIN}/CSS/addons/{app}/{addon}/{file}?sha={SHAS.get(file)}" for file in files if file.split(".")[1] == "css"] + "css": [f"https://{DOMAIN}/css/addons/{app}/{addon}/{file}?sha={SHAS.get(file)}" for file in files if file.split(".")[1] == "css"] } ) else: ADDONS["addons"][app].update({ - addon: f"https://{DOMAIN}/CSS/addons/{app}/{addon}/{file}?sha={SHAS.get(file)}" for file in files if file.split(".")[1] == "css" + addon: f"https://{DOMAIN}/css/addons/{app}/{addon}/{file}?sha={SHAS.get(file)}" for file in files if file.split(".")[1] == "css" } ) extra_dirs = [dir for dir in listdir( @@ -52,7 +52,7 @@ def create_addons_json(): f"{addon_root}/{app}/{addon}/{dir}") if isfile(join(f"{addon_root}/{app}/{addon}/{dir}", file))] ADDONS["addons"][app][addon].update({ dir: { - "css": [f"https://{DOMAIN}/CSS/addons/{app}/{addon}/{dir}/{extra_file}?sha={SHAS.get(extra_file)}" for extra_file in extra_dir_files if extra_file.split(".")[1] == "css"] + "css": [f"https://{DOMAIN}/css/addons/{app}/{addon}/{dir}/{extra_file}?sha={SHAS.get(extra_file)}" for extra_file in extra_dir_files if extra_file.split(".")[1] == "css"] } } ) @@ -62,18 +62,18 @@ def create_addons_json(): def create_json(app_folders: list = None, themes: list = None, community_themes: list = None, no_sub_folders=False): if no_sub_folders: THEMES_DICT = {} - theme_shas = subprocess.check_output(["git", "ls-files", "-s", "./CSS/theme-options/*.css"]) - community_theme_shas = subprocess.check_output(["git", "ls-files", "-s", "./CSS/community-theme-options/*.css"]) + theme_shas = subprocess.check_output(["git", "ls-files", "-s", "./css/theme-options/*.css"]) + community_theme_shas = subprocess.check_output(["git", "ls-files", "-s", "./css/community-theme-options/*.css"]) THEME_SHAS = get_shas(theme_shas) COMMUNITY_THEME_SHAS = get_shas(community_theme_shas) THEMES = { theme.split(".")[0].capitalize(): { - "url": f"https://{DOMAIN}/CSS/theme-options/{theme}?sha={THEME_SHAS.get(theme)}" + "url": f"https://{DOMAIN}/css/theme-options/{theme}?sha={THEME_SHAS.get(theme)}" }for theme in themes } COMMUNITY_THEMES = { theme.split(".")[0].capitalize(): { - "url": f"https://{DOMAIN}/CSS/community-theme-options/{theme}?sha={COMMUNITY_THEME_SHAS.get(theme)}" + "url": f"https://{DOMAIN}/css/community-theme-options/{theme}?sha={COMMUNITY_THEME_SHAS.get(theme)}" }for theme in community_themes } THEMES_DICT.update({ @@ -91,14 +91,14 @@ def create_json(app_folders: list = None, themes: list = None, community_themes: else: ADDONS = loads(create_addons_json()) APPS = {"applications": {}} - app_shas = subprocess.check_output(["git", "ls-files", "-s", "./CSS/base/*base.css"]) + app_shas = subprocess.check_output(["git", "ls-files", "-s", "./css/base/*base.css"]) SHAS = get_shas(app_shas) APPS.update({ "applications": { app: { - "base_css": f"https://{DOMAIN}/CSS/base/{app}/{app}-base.css?sha={SHAS.get(f'{app}-base.css')}", + "base_css": f"https://{DOMAIN}/css/base/{app}/{app}-base.css?sha={SHAS.get(f'{app}-base.css')}", "addons": ADDONS["addons"][app] if app in ADDONS["addons"] else {} - } for app in app_folders if not isfile(f'./CSS/base/{app}/.deprecated') + } for app in app_folders if not isfile(f'./css/base/{app}/.deprecated') } }) THEMES = loads(create_json(themes=themes, community_themes=community_themes, no_sub_folders=True)) @@ -106,13 +106,22 @@ def create_json(app_folders: list = None, themes: list = None, community_themes: APPS.update(THEMES) return dumps(APPS) +def temporary_copy_files(): + base_folders = "./css/base/" + theme_options = "./css/theme-options" + comm_options = "./css/community-theme-options" + shutil.rmtree("./CSS", ignore_errors=True) + shutil.copytree(base_folders,"./CSS/themes",dirs_exist_ok=True) + shutil.copytree(theme_options,"./CSS/variables",dirs_exist_ok=True) + shutil.copytree(comm_options,"./CSS/variables",dirs_exist_ok=True) if __name__ == "__main__": - app_folders = [name for name in listdir('./CSS/base') if isdir(join('./CSS/base', name))] - themes = [name for name in listdir('./CSS/theme-options') if isfile(join('./CSS/theme-options', name))] - community_themes = [name for name in listdir('./CSS/community-theme-options') if isfile(join('./CSS/community-theme-options', name))] + app_folders = [name for name in listdir('./css/base') if isdir(join('./css/base', name))] + themes = [name for name in listdir('./css/theme-options') if isfile(join('./css/theme-options', name))] + community_themes = [name for name in listdir('./css/community-theme-options') if isfile(join('./css/community-theme-options', name))] with open("CNAME", "rt", closefd=True) as cname: DOMAIN= cname.readline() apps = loads(create_json(app_folders=app_folders, themes=themes, community_themes=community_themes)) with open("themes.json", "w") as outfile: dump(apps, outfile, indent=2) + temporary_copy_files() \ No newline at end of file